https://www.thecignagroup.com/static/www-thecignagroup-com/bundle/group-EaVL5O8E.js

1import{r as s,n as p,L as f,x as o}from"./main-DdEGjCiE.js";const h=`@charset "UTF-8";
2/*------------------------------------*\\
3    #RESET
4\\*------------------------------------*/
5/**
6 * Border-Box http:/paulirish.com/2012/box-sizing-border-box-ftw/
7 */
8*,
9::slotted(*),
10*:before,
11*:after {
12  box-sizing: border-box;
13}
14
15:host *,
16:host *::before,
17:host *::after {
18  box-sizing: inherit;
19}
20
21[hidden] {
22  display: none !important;
23}
24
25/* ------------------------------------*\\
26    #TYPOGRAPHY PLACEHOLDERS
27\\*------------------------------------ */
28:host ::slotted([slot=label]) {
29  font-family: var(--leaf-typography-headline-default-mobile-font-family);
30  font-size: var(--leaf-typography-headline-default-mobile-font-size);
31  font-weight: var(--leaf-typography-headline-default-mobile-font-weight);
32  line-height: var(--leaf-typography-headline-default-mobile-line-height);
33  -webkit-text-decoration: var(--leaf-typography-headline-default-mobile-text-decoration);
34          text-decoration: var(--leaf-typography-headline-default-mobile-text-decoration);
35  text-transform: var(--leaf-typography-headline-default-mobile-text-transform);
36}
37@media (min-width: 48rem) {
38  :host ::slotted([slot=label]) {
39    font-family: var(--leaf-typography-headline-default-font-family);
40    font-size: var(--leaf-typography-headline-default-font-size);
41    font-weight: var(--leaf-typography-headline-default-font-weight);
42    line-height: var(--leaf-typography-headline-default-line-height);
43    -webkit-text-decoration: var(--leaf-typography-headline-default-text-decoration);
44            text-decoration: var(--leaf-typography-headline-default-text-decoration);
45    text-transform: var(--leaf-typography-headline-default-text-transform);
46  }
47}
48
49/*
50  Hiding class, making content visible only to screen readers but not visually ("sr" meaning "screen-reader")
51  Is the hidden content read by a screen reader?	- Yes
52  Will the hidden element affect the document layout? - No
53  Will the hidden element’s box model be rendered? - No
54  Does the element detect clicks or focus? - Yes
55  https://css-tricks.com/comparing-various-ways-to-hide-things-in-css/#method-5-the-visually-hidden-class
56*/
57:host ::slotted([class=leaf-u-visually-hidden]), .leaf-u-visually-hidden {
58  clip: rect(0 0 0 0);
59  -webkit-clip-path: inset(50%);
60          clip-path: inset(50%);
61  height: 1px;
62  overflow: hidden;
63  position: absolute;
64  white-space: nowrap;
65  width: 1px;
66}
67
68/* ------------------------------------*\\
69  DISPLAY UTILITY CLASSES
70\\*------------------------------------ */
71.leaf-u-display-none {
72  display: none !important;
73}
74
75.leaf-u-display-block {
76  display: block !important;
77}
78
79.leaf-u-display-flex {
80  display: flex !important;
81}
82
83@media (min-width: 23.4375rem) {
84  .leaf-u-display-sm-none {
85    display: none !important;
86  }
87  .leaf-u-display-sm-block {
88    display: block !important;
89  }
90  .leaf-u-display-sm-flex {
91    display: flex !important;
92  }
93}
94@media (min-width: 48rem) {
95  .leaf-u-display-md-none {
96    display: none !important;
97  }
98  .leaf-u-display-md-block {
99    display: block !important;
100  }
101  .leaf-u-display-md-flex {
102    display: flex !important;
103  }
104}
105@media (min-width: 60rem) {
106  .leaf-u-display-lg-none {
107    display: none !important;
108  }
109  .leaf-u-display-lg-block {
110    display: block !important;
111  }
112  .leaf-u-display-lg-flex {
113    display: flex !important;
114  }
115}
116@media (min-width: 75rem) {
117  .leaf-u-display-xl-none {
118    display: none !important;
119  }
120  .leaf-u-display-xl-block {
121    display: block !important;
122  }
123  .leaf-u-display-xl-flex {
124    display: flex !important;
125  }
126}
127html[lang=en] .leaf-u-display-spanish-only-content {
128  display: none;
129}
130
131:host {
132  display: block;
133}`;var y=Object.defineProperty,m=(t,n,l,c)=>{for(var e=void 0,a=t.length-1,i;a>=0;a--)(i=t[a])&&(e=i(n,l,e)||e);return e&&y(n,l,e),e};let u=0;const r=class extends f{constructor(){super(...arguments),this._id=++u,this._name="group",this.variant="group"}renderGroup(n){return o`
134      <div role="group" aria-describedby="${n}">
135        <slot id="${n}" name="label"></slot>
136        <div class="leaf-group__parent" part="body">
137          <slot></slot>
138        </div>
139      </div>
140    `}renderNavigation(n){return o`
141      <slot id="${n}" name="label"></slot>
142      <nav aria-describedby="${n}">
143        <slot name="content"></slot>
144      </nav>
145    `}render(){const n=`${this._name}-${this._id}`;return this.variant==="navigation"?this.renderNavigation(n):this.renderGroup(n)}};r.styles=s(h);let d=r;m([p({reflect:!0})],d.prototype,"variant");customElements.define("leaf-group",d);export{d as LeafGroup};
146//# sourceMappingURL=group-EaVL5O8E.js.map