scu-web-components 1.3.17 → 1.3.18

package/dist/custom-elements.json

@@ -1206,13 +1206,28 @@
                 "text": "'small' | 'medium' | 'large'"
               },
               "default": "'medium'",
-              "description": "(ScwLink) Link label",
+              "description": "(ScwLink) Link size",
               "attribute": "size",
               "inheritedFrom": {
                 "name": "ScwLink",
                 "module": "src/scw-link/ScwLink.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "shape",
+              "type": {
+                "text": "'default' | 'pill'"
+              },
+              "default": "'default'",
+              "description": "(ScwLink) Corner rounding",
+              "attribute": "shape",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "ScwLink",
+                "module": "src/scw-link/ScwLink.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "ariaDisabled",
@@ -1492,13 +1507,26 @@
                 "text": "'small' | 'medium' | 'large'"
               },
               "default": "'medium'",
-              "description": "(ScwLink) Link label",
+              "description": "(ScwLink) Link size",
               "fieldName": "size",
               "inheritedFrom": {
                 "name": "ScwLink",
                 "module": "src/scw-link/ScwLink.ts"
               }
             },
+            {
+              "name": "shape",
+              "type": {
+                "text": "'default' | 'pill'"
+              },
+              "default": "'default'",
+              "description": "(ScwLink) Corner rounding",
+              "fieldName": "shape",
+              "inheritedFrom": {
+                "name": "ScwLink",
+                "module": "src/scw-link/ScwLink.ts"
+              }
+            },
             {
               "name": "aria-disabled",
               "type": {
@@ -12903,9 +12931,20 @@
                 "text": "'small' | 'medium' | 'large'"
               },
               "default": "'medium'",
-              "description": "(ScwLink) Link label",
+              "description": "(ScwLink) Link size",
               "attribute": "size"
             },
+            {
+              "kind": "field",
+              "name": "shape",
+              "type": {
+                "text": "'default' | 'pill'"
+              },
+              "default": "'default'",
+              "description": "(ScwLink) Corner rounding",
+              "attribute": "shape",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "ariaDisabled",
@@ -13147,9 +13186,18 @@
                 "text": "'small' | 'medium' | 'large'"
               },
               "default": "'medium'",
-              "description": "(ScwLink) Link label",
+              "description": "(ScwLink) Link size",
               "fieldName": "size"
             },
+            {
+              "name": "shape",
+              "type": {
+                "text": "'default' | 'pill'"
+              },
+              "default": "'default'",
+              "description": "(ScwLink) Corner rounding",
+              "fieldName": "shape"
+            },
             {
               "name": "aria-disabled",
               "type": {

package/dist/docs/components/ScwButton.json

@@ -132,13 +132,28 @@
         "text": "'small' | 'medium' | 'large'"
       },
       "default": "'medium'",
-      "description": "(ScwLink) Link label",
+      "description": "(ScwLink) Link size",
       "attribute": "size",
       "inheritedFrom": {
         "name": "ScwLink",
         "module": "src/scw-link/ScwLink.ts"
       }
     },
+    {
+      "kind": "field",
+      "name": "shape",
+      "type": {
+        "text": "'default' | 'pill'"
+      },
+      "default": "'default'",
+      "description": "(ScwLink) Corner rounding",
+      "attribute": "shape",
+      "reflects": true,
+      "inheritedFrom": {
+        "name": "ScwLink",
+        "module": "src/scw-link/ScwLink.ts"
+      }
+    },
     {
       "kind": "field",
       "name": "ariaDisabled",
@@ -418,13 +433,26 @@
         "text": "'small' | 'medium' | 'large'"
       },
       "default": "'medium'",
-      "description": "(ScwLink) Link label",
+      "description": "(ScwLink) Link size",
       "fieldName": "size",
       "inheritedFrom": {
         "name": "ScwLink",
         "module": "src/scw-link/ScwLink.ts"
       }
     },
+    {
+      "name": "shape",
+      "type": {
+        "text": "'default' | 'pill'"
+      },
+      "default": "'default'",
+      "description": "(ScwLink) Corner rounding",
+      "fieldName": "shape",
+      "inheritedFrom": {
+        "name": "ScwLink",
+        "module": "src/scw-link/ScwLink.ts"
+      }
+    },
     {
       "name": "aria-disabled",
       "type": {

package/dist/docs/components/ScwLink.json

@@ -76,9 +76,20 @@
         "text": "'small' | 'medium' | 'large'"
       },
       "default": "'medium'",
-      "description": "(ScwLink) Link label",
+      "description": "(ScwLink) Link size",
       "attribute": "size"
     },
+    {
+      "kind": "field",
+      "name": "shape",
+      "type": {
+        "text": "'default' | 'pill'"
+      },
+      "default": "'default'",
+      "description": "(ScwLink) Corner rounding",
+      "attribute": "shape",
+      "reflects": true
+    },
     {
       "kind": "field",
       "name": "ariaDisabled",
@@ -320,9 +331,18 @@
         "text": "'small' | 'medium' | 'large'"
       },
       "default": "'medium'",
-      "description": "(ScwLink) Link label",
+      "description": "(ScwLink) Link size",
       "fieldName": "size"
     },
+    {
+      "name": "shape",
+      "type": {
+        "text": "'default' | 'pill'"
+      },
+      "default": "'default'",
+      "description": "(ScwLink) Corner rounding",
+      "fieldName": "shape"
+    },
     {
       "name": "aria-disabled",
       "type": {
@@ -411,6 +431,11 @@
       "description": "Button style links can be different sizes \n      (small, medium, large). the default is medium.",
       "code": "\n        <scw-flex-h\n          scw-gap-2s>\n          <scw-link\n            size=\"small\"\n            design=\"solid\"\n            aria-label=\"Small\">\n          </scw-link>\n          <scw-link\n          size=\"medium\"\n            design=\"solid\"\n            aria-label=\"Medium\">\n          </scw-link>\n          <scw-link\n          size=\"large\"\n            design=\"solid\"\n            aria-label=\"Large\">\n          </scw-link>\n        </scw-flex-h>"
     },
+    {
+      "title": "Shapes",
+      "description": "Button style links can be different shapes \n      (default,pill). the default is slightly rounded.",
+      "code": "\n        <scw-flex-h\n          scw-gap-2s scw-alignment-left-center>\n          <scw-link\n            design=\"solid\"\n            aria-label=\"default\">\n          </scw-link>\n          <scw-link\n            design=\"solid\"\n            shape=\"pill\"\n            aria-label=\"pill\">\n          </scw-link>\n          <scw-link\n            design=\"solidIcon\"\n            icon=\"placeholder\"\n            aria-label=\"default\">\n          </scw-link>\n          <scw-link\n            design=\"solidIcon\"\n            icon=\"placeholder\"\n            shape=\"pill\"\n            aria-label=\"pill\">\n          </scw-link>\n          <scw-link\n            design=\"icon\"\n            icon=\"placeholder\"\n            aria-label=\"default\">\n          </scw-link>\n          <scw-link\n            design=\"icon\"\n            icon=\"placeholder\"\n            shape=\"pill\"\n            aria-label=\"pill\">\n          </scw-link>\n        </scw-flex-h>"
+    },
     {
       "title": "Underline",
       "description": "Text style links are underlined by default\n      but this can be disabled.",

package/dist/docs/components/ScwMenuItem.json

@@ -572,6 +572,11 @@
       "description": "Button style links can be different sizes \n      (small, medium, large). the default is medium.",
       "code": "\n        <scw-flex-h\n          scw-gap-2s>\n          <scw-menu-item\n            size=\"small\"\n            design=\"solid\"\n            aria-label=\"Small\">\n          </scw-menu-item>\n          <scw-menu-item\n          size=\"medium\"\n            design=\"solid\"\n            aria-label=\"Medium\">\n          </scw-menu-item>\n          <scw-menu-item\n          size=\"large\"\n            design=\"solid\"\n            aria-label=\"Large\">\n          </scw-menu-item>\n        </scw-flex-h>"
     },
+    {
+      "title": "Shapes",
+      "description": "Button style links can be different shapes \n      (default,pill). the default is slightly rounded.",
+      "code": "\n        <scw-flex-h\n          scw-gap-2s scw-alignment-left-center>\n          <scw-menu-item\n            design=\"solid\"\n            aria-label=\"default\">\n          </scw-menu-item>\n          <scw-menu-item\n            design=\"solid\"\n            shape=\"pill\"\n            aria-label=\"pill\">\n          </scw-menu-item>\n          <scw-menu-item\n            design=\"solidIcon\"\n            icon=\"placeholder\"\n            aria-label=\"default\">\n          </scw-menu-item>\n          <scw-menu-item\n            design=\"solidIcon\"\n            icon=\"placeholder\"\n            shape=\"pill\"\n            aria-label=\"pill\">\n          </scw-menu-item>\n          <scw-menu-item\n            design=\"icon\"\n            icon=\"placeholder\"\n            aria-label=\"default\">\n          </scw-menu-item>\n          <scw-menu-item\n            design=\"icon\"\n            icon=\"placeholder\"\n            shape=\"pill\"\n            aria-label=\"pill\">\n          </scw-menu-item>\n        </scw-flex-h>"
+    },
     {
       "title": "Underline",
       "description": "Text style links are underlined by default\n      but this can be disabled.",

package/dist/docs/components/ScwTag.json

@@ -369,6 +369,11 @@
       "description": "Icon can be added to the left or right of label",
       "code": "\n      <scw-flex-h scw-gap-2s>\n        <scw-flex-v>\n          <scw-tag\n            href=\"\"\n            value=\"default\"\n            icon=\"chevron-down\"></scw-tag>\n          <scw-tag\n            href=\"\"\n            value=\"default\"\n            icon=\"chevron-down\"\n            icon-side=\"right\"></scw-tag>\n        </scw-flex-v>\n        <scw-flex-v>\n          <scw-tag\n            href=\"\"\n            primary\n            value=\"primary\"\n            icon=\"close\"></scw-tag>\n          <scw-tag\n            href=\"\"\n            value=\"primary\"\n            primary icon=\"close\"\n            icon-side=\"right\"></scw-tag>\n        </scw-flex-v>\n      </scw-flex-h>\n      "
     },
+    {
+      "title": "Slots",
+      "description": "\"start\" and \"end\" slots can be used to placed content\n      on either side of the label.",
+      "code": "\n      <scw-flex-h scw-gap-2s>\n        <scw-tag\n          href=\"\"\n          value=\"default\">\n          <scw-icon slot=\"start\"\n              icon=\"info\"\n              size=\"15\"\n              style=\"--scw-icon-color: green;\"\n            ></scw-icon>\n            <scw-flex-h slot=\"end\" scw-gap-0-6s>\n            <scw-icon\n              icon=\"close-circle\"\n              size=\"15\"\n              style=\"--scw-icon-color: red;\"\n            ></scw-icon>\n            <scw-icon \n              icon=\"external-link\"\n              size=\"15\"\n              style=\"--scw-icon-color: blue;\"\n            ></scw-icon>\n          </scw-flex-h>\n        </scw-tag>\n      </scw-flex-h>\n      "
+    },
     {
       "title": "Size",
       "description": "Use size attribute for smaller size",

package/dist/docs/components/manifest.json

@@ -1,4 +1,10 @@
 [
+  {
+    "name": "ScwAccordion",
+    "fileName": "ScwAccordion.json",
+    "tagName": "scw-accordion",
+    "category": "interactive"
+  },
   {
     "name": "ScwAlert",
     "fileName": "ScwAlert.json",
@@ -185,18 +191,18 @@
     "tagName": "scw-link-base",
     "category": "interactive"
   },
-  {
-    "name": "ScwMenu",
-    "fileName": "ScwMenu.json",
-    "tagName": "scw-menu",
-    "category": "interactive"
-  },
   {
     "name": "ScwMobileItem",
     "fileName": "ScwMobileItem.json",
     "tagName": "scw-mobile-item",
     "category": "navigation"
   },
+  {
+    "name": "ScwMenu",
+    "fileName": "ScwMenu.json",
+    "tagName": "scw-menu",
+    "category": "interactive"
+  },
   {
     "name": "ScwMobileNav",
     "fileName": "ScwMobileNav.json",
@@ -263,18 +269,18 @@
     "tagName": "scw-rate-table",
     "category": "interactive"
   },
-  {
-    "name": "ScwRateTableGroup",
-    "fileName": "ScwRateTableGroup.json",
-    "tagName": "scw-rate-table-group",
-    "category": "interactive"
-  },
   {
     "name": "ScwRichText",
     "fileName": "ScwRichText.json",
     "tagName": "scw-rich-text",
     "category": "content"
   },
+  {
+    "name": "ScwRateTableGroup",
+    "fileName": "ScwRateTableGroup.json",
+    "tagName": "scw-rate-table-group",
+    "category": "interactive"
+  },
   {
     "name": "ScwSelect",
     "fileName": "ScwSelect.json",
@@ -359,12 +365,6 @@
     "tagName": "scw-validation",
     "category": "form"
   },
-  {
-    "name": "ScwAccordion",
-    "fileName": "ScwAccordion.json",
-    "tagName": "scw-accordion",
-    "category": "interactive"
-  },
   {
     "name": "ScwHeading",
     "fileName": "ScwHeading.json",

package/dist/docs/config.json

@@ -1,20 +1,20 @@
 {
   "title": "Summit Credit Union Web Design System (SCW)",
-  "version": "1.3.17",
+  "version": "1.3.18",
   "navigation": [
     {
       "id": "tokens",
       "title": "Component SASS",
-      "url": "../tokens/tokens.html?1.3.17"
+      "url": "../tokens/tokens.html?1.3.18"
     },
     {
       "id": "css",
       "title": "CSS",
-      "url": "../tokens/css.html?clipboardType=classes&1.3.17"
+      "url": "../tokens/css.html?clipboardType=classes&1.3.18"
     }
   ],
-  "moduleEmbed": "const scw = await import('../scw.js?1771617625611'); scw.defineComponents();",
-  "cssLink": "../scw.css?1771617625611",
+  "moduleEmbed": "const scw = await import('../scw.js?1772824145386'); scw.defineComponents();",
+  "cssLink": "../scw.css?1772824145386",
   "documents": [
     {
       "title": "Install",

package/dist/scw-components.js

@@ -2350,31 +2350,6 @@ a:focus:not(:focus-visible) {
   box-shadow: none;
 }
 
-:host([aria-disabled=true]) .small,
-:host([aria-disabled=true]) .medium,
-:host([aria-disabled=true]) .large {
-  background-color: var(--scw-color-grey-09);
-  border-radius: 8px 8px 8px 8px;
-  border-width: 1px;
-  border-style: solid;
-  border-color: var(--scw-color-grey-09);
-}
-:host([aria-disabled=true]) .small .label,
-:host([aria-disabled=true]) .medium .label,
-:host([aria-disabled=true]) .large .label {
-  text-align: CENTER;
-  font: var(--scw-type-text-semibold-font);
-  color: var(--scw-color-grey-07);
-}
-:host([aria-disabled=true]) .small scw-icon,
-:host([aria-disabled=true]) .small .icon,
-:host([aria-disabled=true]) .medium scw-icon,
-:host([aria-disabled=true]) .medium .icon,
-:host([aria-disabled=true]) .large scw-icon,
-:host([aria-disabled=true]) .large .icon {
-  --scw-icon-color: var(--scw-color-grey-08);
-}
-
 :host([design=solidIcon]) .scw-link,
 :host([design=icon]) .scw-link {
   background-color: var(--scw-color-primary-07);
@@ -2419,21 +2394,61 @@ a:focus:not(:focus-visible) {
 .small:hover,
 .medium:hover,
 .large:hover,
-:host([design=solidIcon]) .scw-link:hover,
-:host([design=icon]) .scw-link:hover {
+:host([design=solidIcon]:not([aria-disabled=true])) .scw-link:hover,
+:host([design=icon]:not([aria-disabled=true])) .scw-link:hover {
   background-color: var(--btn-background-hover);
   border-color: var(--btn-border-hover);
 }
 
+:host([aria-disabled=true]) .small,
+:host([aria-disabled=true]) .medium,
+:host([aria-disabled=true]) .large {
+  background-color: var(--scw-color-grey-09);
+  border-radius: 8px 8px 8px 8px;
+  border-width: 1px;
+  border-style: solid;
+  border-color: var(--scw-color-grey-09);
+}
+:host([aria-disabled=true]) .small .label,
+:host([aria-disabled=true]) .medium .label,
+:host([aria-disabled=true]) .large .label {
+  text-align: CENTER;
+  font: var(--scw-type-text-semibold-font);
+  color: var(--scw-color-grey-07);
+}
+:host([aria-disabled=true]) .small scw-icon,
+:host([aria-disabled=true]) .small .icon,
+:host([aria-disabled=true]) .medium scw-icon,
+:host([aria-disabled=true]) .medium .icon,
+:host([aria-disabled=true]) .large scw-icon,
+:host([aria-disabled=true]) .large .icon {
+  --scw-icon-color: var(--scw-color-grey-08);
+}
+
+:host([design=solidIcon][aria-disabled=true]) .scw-link,
+:host([design=icon][aria-disabled=true]) .scw-link {
+  background-color: var(--scw-color-grey-09);
+  border-radius: 8px 8px 8px 8px;
+  border-width: 1px;
+  border-style: solid;
+  border-color: var(--scw-color-grey-095);
+}
+:host([design=solidIcon][aria-disabled=true]) .scw-link scw-icon,
+:host([design=solidIcon][aria-disabled=true]) .scw-link .icon,
+:host([design=icon][aria-disabled=true]) .scw-link scw-icon,
+:host([design=icon][aria-disabled=true]) .scw-link .icon {
+  --scw-icon-color: var(--scw-color-grey-06);
+}
+
 :host([design=plain]) .scw-link {
   color: var(--btn-text);
 }
 
-:host([design=plain]) .scw-link:hover {
+:host([design=plain]:not([aria-disabled=true])) .scw-link:hover {
   color: var(--btn-text-hover);
 }
 
-:host([hover-underline]) .scw-link:hover {
+:host([hover-underline]:not([aria-disabled=true])) .scw-link:hover {
   text-decoration: underline;
 }
 
@@ -2530,6 +2545,10 @@ a:focus:not(:focus-visible) {
   display: flex;
 }
 
+:host([shape=pill]) .scw-link {
+  border-radius: 25px;
+}
+
 :host([design=block]) .scw-link {
   padding-left: 0;
   padding-right: 0;
@@ -2537,6 +2556,7 @@ a:focus:not(:focus-visible) {
 
 :host([design=text]) .scw-link {
   display: inline;
+  border-radius: 4px;
 }
 :host([design=text]) .scw-link .label {
   text-decoration: underline;
@@ -2583,7 +2603,7 @@ a:focus:not(:focus-visible) {
 }
 .disabled {
   width: 100%;
-}`});var n3,Zh=l(()=>{"use strict";_();k();S();A();fM();n3=class extends v{constructor(){super();this.icon="";this.iconSide="";this.design="solid";this.href="";this.ariaLabel="";this.size="medium";this.ariaDisabled="false";this.underline="true";this.element="link",this.isLink=!0}static get styles(){return[super.styles,hM]}connectedCallback(){super.connectedCallback(),this.setAttribute("role","link")}focus(){this.linkAnchor&&this.linkAnchor.focus()}click(){this.linkAnchor&&this.linkAnchor.click()}renderIcon(){return h`
+}`});var l3,Zh=l(()=>{"use strict";_();k();S();A();fM();l3=class extends v{constructor(){super();this.icon="";this.iconSide="";this.design="solid";this.href="";this.ariaLabel="";this.size="medium";this.shape="default";this.ariaDisabled="false";this.underline="true";this.element="link",this.isLink=!0}static get styles(){return[super.styles,hM]}connectedCallback(){super.connectedCallback(),this.setAttribute("role","link")}focus(){this.linkAnchor&&this.linkAnchor.focus()}click(){this.linkAnchor&&this.linkAnchor.click()}renderIcon(){return h`
       <div class="icon">
         <scw-icon
           size="30"
@@ -2598,7 +2618,7 @@ a:focus:not(:focus-visible) {
               href="${this.href?this.href:"javascript:"}"
               target="${this.target?this.target:O}"
               aria-label="${this.ariaLabel?this.ariaLabel:O}">
-              ${this.design==="plain"?h`<slot></slot>`:this.renderContent()}</a>`}`}};n([c({type:String,attribute:"icon"})],n3.prototype,"icon",2),n([c({type:String,attribute:"icon-side"})],n3.prototype,"iconSide",2),n([c({type:String,attribute:"design",reflect:!0})],n3.prototype,"design",2),n([c({type:String,attribute:"href"})],n3.prototype,"href",2),n([c({type:String,attribute:"target"})],n3.prototype,"target",2),n([c({type:String,attribute:"aria-label"})],n3.prototype,"ariaLabel",2),n([c({type:String,attribute:"size"})],n3.prototype,"size",2),n([c({type:String,attribute:"aria-disabled",reflect:!0})],n3.prototype,"ariaDisabled",2),n([c({type:String,attribute:"underline"})],n3.prototype,"underline",2),n([$("a.scw-link")],n3.prototype,"linkAnchor",2)});var d2,gM=l(()=>{"use strict";k();Zh();H1();A();j();j();d2=class extends n3{constructor(){super();this.submitType="submit";this.element="button",this.href="javascript:"}connectedCallback(){super.connectedCallback(),this.addEventListener("click",()=>{this.submitType==="submit"&&N("scw-submit-intent",this)})}};n([c({type:String,reflect:!0,attribute:"submit-type"})],d2.prototype,"submitType",2)});var uM,mM=l(()=>{"use strict";M();uM=u`
+              ${this.design==="plain"?h`<slot></slot>`:this.renderContent()}</a>`}`}};n([c({type:String,attribute:"icon"})],l3.prototype,"icon",2),n([c({type:String,attribute:"icon-side"})],l3.prototype,"iconSide",2),n([c({type:String,attribute:"design",reflect:!0})],l3.prototype,"design",2),n([c({type:String,attribute:"href"})],l3.prototype,"href",2),n([c({type:String,attribute:"target"})],l3.prototype,"target",2),n([c({type:String,attribute:"aria-label"})],l3.prototype,"ariaLabel",2),n([c({type:String,attribute:"size"})],l3.prototype,"size",2),n([c({type:String,attribute:"shape",reflect:!0})],l3.prototype,"shape",2),n([c({type:String,attribute:"aria-disabled",reflect:!0})],l3.prototype,"ariaDisabled",2),n([c({type:String,attribute:"underline"})],l3.prototype,"underline",2),n([$("a.scw-link")],l3.prototype,"linkAnchor",2)});var d2,gM=l(()=>{"use strict";k();Zh();H1();A();j();j();d2=class extends l3{constructor(){super();this.submitType="submit";this.element="button",this.href="javascript:"}connectedCallback(){super.connectedCallback(),this.addEventListener("click",()=>{this.submitType==="submit"&&N("scw-submit-intent",this)})}};n([c({type:String,reflect:!0,attribute:"submit-type"})],d2.prototype,"submitType",2)});var uM,mM=l(()=>{"use strict";M();uM=u`
 :host {
   /* scw element */
   position: relative;
@@ -5465,7 +5485,7 @@ scw-link:hover .text {
     width: 100%;
     justify-content: center !important;
   }
-}`});function YA(e){let i=e.tagName.toLowerCase();if(!e.offsetParent||window.getComputedStyle(e).visibility==="hidden"||e.getAttribute("tabindex")==="-1"||e.hasAttribute("disabled")||e.hasAttribute("aria-disabled")&&e.getAttribute("aria-disabled")!=="false")return!1;if((i==="audio"||i==="video")&&e.hasAttribute("controls")||e.hasAttribute("contenteditable")&&e.getAttribute("contenteditable")!=="false")return!0;let t=["button","input","select","textarea","a","audio","video","summary"].includes(i);return!t&&e.isLink===!0?!0:t}function jA(e){let i=[];function t(o){o instanceof HTMLElement&&(i.push(o),o.shadowRoot&&o.shadowRoot.mode==="open"&&t(o.shadowRoot)),[...o.querySelectorAll("*")].map(C=>t(C))}t(e);let r=i.find(o=>YA(o))||null,a=i.reverse().find(o=>YA(o))||null;return{start:r,end:a}}var XA=l(()=>{"use strict"});var l3,JA=l(()=>{"use strict";_();k();S();A();w3();j();j();V3();KA();XA();l3=class extends v{constructor(){super();this.heading="";this.open=!1;this.closeIcon=!1;this.backIcon=!1;this.height="400px";this.width="600px";this.fadeDuration=325;this.closeLabel="Close";this.backLabel="";this.ignoreOutsideClick=!1;this.originalTrigger=null;this.tabDirection="forward";this.handleDocumentFocusIn=t=>{let r=t.composedPath();if(this&&!r.includes(this)){let{start:a,end:o}=jA(this),C=this.tabDirection==="forward"?a:o;typeof(C==null?void 0:C.focus)=="function"&&C.focus()}};this.handleDocumentKeyDown=t=>{t.key==="Tab"&&t.shiftKey&&(this.tabDirection="backward",setTimeout(()=>this.tabDirection="forward"))};this.handleDocumentMouseDown=t=>{let r=t.composedPath();!this.ignoreOutsideClick&&this.modal&&!r.includes(this.modal)&&this.handleClose()};this.element="modal"}static get styles(){return[super.styles,WA]}async firstUpdated(){this.style.setProperty("--modal-width",this.width),this.style.setProperty("--modal-height",this.height),this.style.setProperty("--fade-duration",`${this.fadeDuration}ms`),this.handleOpenChange()}addOpenListeners(){document.addEventListener("focusin",this.handleDocumentFocusIn),document.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("mousedown",this.handleDocumentMouseDown)}removeOpenListeners(){document.removeEventListener("focusin",this.handleDocumentFocusIn),document.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("mousedown",this.handleDocumentMouseDown)}disconnectedCallback(){this.removeOpenListeners(),super.disconnectedCallback()}handleClose(){this.open=!1,N("scw-action",this,{action:"close"})}handleBack(){N("scw-action",this,{action:"back"})}async handleOpenChange(){if(this.open&&this.ariaDisabled==="false")this.originalTrigger=document.activeElement,this.addOpenListeners(),document.body.style.overflow="hidden";else{this.removeOpenListeners();let t=this.originalTrigger;t&&typeof t.focus=="function"&&setTimeout(()=>t.focus()),document.body.style.overflow=""}}render(){let t={"modal-header":!0,"left-align":this.align==="left"};return h`
+}`});function YA(e){let i=e.tagName.toLowerCase();if(!e.offsetParent||window.getComputedStyle(e).visibility==="hidden"||e.getAttribute("tabindex")==="-1"||e.hasAttribute("disabled")||e.hasAttribute("aria-disabled")&&e.getAttribute("aria-disabled")!=="false")return!1;if((i==="audio"||i==="video")&&e.hasAttribute("controls")||e.hasAttribute("contenteditable")&&e.getAttribute("contenteditable")!=="false")return!0;let t=["button","input","select","textarea","a","audio","video","summary"].includes(i);return!t&&e.isLink===!0?!0:t}function jA(e){let i=[];function t(o){o instanceof HTMLElement&&(i.push(o),o.shadowRoot&&o.shadowRoot.mode==="open"&&t(o.shadowRoot)),[...o.querySelectorAll("*")].map(C=>t(C))}t(e);let r=i.find(o=>YA(o))||null,a=i.reverse().find(o=>YA(o))||null;return{start:r,end:a}}var XA=l(()=>{"use strict"});var C3,JA=l(()=>{"use strict";_();k();S();A();w3();j();j();V3();KA();XA();C3=class extends v{constructor(){super();this.heading="";this.open=!1;this.closeIcon=!1;this.backIcon=!1;this.height="400px";this.width="600px";this.fadeDuration=325;this.closeLabel="Close";this.backLabel="";this.ignoreOutsideClick=!1;this.originalTrigger=null;this.tabDirection="forward";this.handleDocumentFocusIn=t=>{let r=t.composedPath();if(this&&!r.includes(this)){let{start:a,end:o}=jA(this),C=this.tabDirection==="forward"?a:o;typeof(C==null?void 0:C.focus)=="function"&&C.focus()}};this.handleDocumentKeyDown=t=>{t.key==="Tab"&&t.shiftKey&&(this.tabDirection="backward",setTimeout(()=>this.tabDirection="forward"))};this.handleDocumentMouseDown=t=>{let r=t.composedPath();!this.ignoreOutsideClick&&this.modal&&!r.includes(this.modal)&&this.handleClose()};this.element="modal"}static get styles(){return[super.styles,WA]}async firstUpdated(){this.style.setProperty("--modal-width",this.width),this.style.setProperty("--modal-height",this.height),this.style.setProperty("--fade-duration",`${this.fadeDuration}ms`),this.handleOpenChange()}addOpenListeners(){document.addEventListener("focusin",this.handleDocumentFocusIn),document.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("mousedown",this.handleDocumentMouseDown)}removeOpenListeners(){document.removeEventListener("focusin",this.handleDocumentFocusIn),document.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("mousedown",this.handleDocumentMouseDown)}disconnectedCallback(){this.removeOpenListeners(),super.disconnectedCallback()}handleClose(){this.open=!1,N("scw-action",this,{action:"close"})}handleBack(){N("scw-action",this,{action:"back"})}async handleOpenChange(){if(this.open&&this.ariaDisabled==="false")this.originalTrigger=document.activeElement,this.addOpenListeners(),document.body.style.overflow="hidden";else{this.removeOpenListeners();let t=this.originalTrigger;t&&typeof t.focus=="function"&&setTimeout(()=>t.focus()),document.body.style.overflow=""}}render(){let t={"modal-header":!0,"left-align":this.align==="left"};return h`
     <div class="${P({"modal-wrapper":!0,open:this.open})}">
       <div class="modal-background"></div>
       <div class="modal">
@@ -5515,7 +5535,7 @@ scw-link:hover .text {
         </div>
       </div>
     </div>    
-    `}};n([c({type:String,attribute:"heading",reflect:!1})],l3.prototype,"heading",2),n([c({type:String,attribute:"align",reflect:!1})],l3.prototype,"align",2),n([c({type:Boolean,attribute:"open",reflect:!0})],l3.prototype,"open",2),n([c({type:Boolean,attribute:"close-icon",reflect:!1})],l3.prototype,"closeIcon",2),n([c({type:Boolean,attribute:"back-icon",reflect:!1})],l3.prototype,"backIcon",2),n([c({type:String,attribute:"height",reflect:!1})],l3.prototype,"height",2),n([c({type:String,attribute:"width",reflect:!1})],l3.prototype,"width",2),n([c({type:Number,attribute:"fade-duration",reflect:!1})],l3.prototype,"fadeDuration",2),n([c({type:String,attribute:"close-label",reflect:!1})],l3.prototype,"closeLabel",2),n([c({type:String,attribute:"back-label",reflect:!1})],l3.prototype,"backLabel",2),n([c({type:String,attribute:"ignore-outside-click",reflect:!1})],l3.prototype,"ignoreOutsideClick",2),n([$(".modal")],l3.prototype,"modal",2),n([R("open",{waitUntilFirstUpdate:!0})],l3.prototype,"handleOpenChange",1)});var QA,tZ=l(()=>{"use strict";M();QA=u`
+    `}};n([c({type:String,attribute:"heading",reflect:!1})],C3.prototype,"heading",2),n([c({type:String,attribute:"align",reflect:!1})],C3.prototype,"align",2),n([c({type:Boolean,attribute:"open",reflect:!0})],C3.prototype,"open",2),n([c({type:Boolean,attribute:"close-icon",reflect:!1})],C3.prototype,"closeIcon",2),n([c({type:Boolean,attribute:"back-icon",reflect:!1})],C3.prototype,"backIcon",2),n([c({type:String,attribute:"height",reflect:!1})],C3.prototype,"height",2),n([c({type:String,attribute:"width",reflect:!1})],C3.prototype,"width",2),n([c({type:Number,attribute:"fade-duration",reflect:!1})],C3.prototype,"fadeDuration",2),n([c({type:String,attribute:"close-label",reflect:!1})],C3.prototype,"closeLabel",2),n([c({type:String,attribute:"back-label",reflect:!1})],C3.prototype,"backLabel",2),n([c({type:String,attribute:"ignore-outside-click",reflect:!1})],C3.prototype,"ignoreOutsideClick",2),n([$(".modal")],C3.prototype,"modal",2),n([R("open",{waitUntilFirstUpdate:!0})],C3.prototype,"handleOpenChange",1)});var QA,tZ=l(()=>{"use strict";M();QA=u`
 :host {
   display: block;
 }
@@ -5531,26 +5551,26 @@ scw-link:hover .text {
   padding-right: var(--scw-spacing-1);
   padding-top: calc(var(--scw-spacing-1) * 0.5);
   padding-bottom: calc(var(--scw-spacing-1) * 0.5);
+  gap: 5px;
 }
 .scw-tag > *:not(:last-child) {
   margin-right: calc(var(--scw-spacing-1) * 0.5);
   --margin-right: calc( var( --scw-spacing-1 ) * 0.5 );
 }
+.scw-tag > *:not(:last-child) {
+  margin-right: 0;
+}
 .scw-tag .label {
   text-align: CENTER;
   font: var(--scw-type-text-semibold-02-font);
   color: var(--scw-color-grey-02);
   line-height: normal !important;
-  margin: 0;
 }
 .scw-tag scw-icon {
   width: 15px;
   height: 15px;
   --scw-icon-color: var(--scw-color-grey-02);
 }
-.scw-tag slot[name=disclosure] + scw-icon {
-  margin-left: calc(var(--scw-spacing-1) * 0.5);
-}
 
 :host([href]) .scw-tag:hover {
   background-color: var(--scw-color-grey-08);
@@ -5623,7 +5643,7 @@ scw-link:hover .text {
 :host([href][size=small]) .scw-tag:hover .label {
   font: var(--scw-type-text-semibold-01-font);
 }`});var U3,eZ=l(()=>{"use strict";_();k();S();A();tZ();U3=class extends v{constructor(){super();this.value="";this.selected=!1;this.icon="";this.iconSide="";this.size="medium";this.element="tag"}static get styles(){return[super.styles,QA]}renderIcon(){return h`<scw-icon size="20" icon="${this.icon}"></scw-icon>`}renderContent(){let t=this.icon&&this.iconSide!=="right"?this.renderIcon():"",r=this.icon&&this.iconSide==="right"?this.renderIcon():"",a=h`<div class="label">
-      ${this.value}</div><slot name="disclosure"></slot>`;return h`${t}${a}${r}`}render(){let t=this.renderContent();return this.href!==void 0?h`<scw-link
+      ${this.value}<slot name="disclosure"></slot></div>`,o=h`${t}<slot name="start"></slot>`,C=h`<slot name="end"></slot>${r}`;return h`${o}${a}${C}`}render(){let t=this.renderContent();return this.href!==void 0?h`<scw-link
         design="plain"
         href="${this.href}">
         <div class="scw-tag">${t}</div></scw-link>`:h`<div class="scw-tag">${t}</div>`}};n([c({type:String,attribute:"href",reflect:!0})],U3.prototype,"href",2),n([c({type:String,attribute:"value",reflect:!0})],U3.prototype,"value",2),n([c({type:Boolean,attribute:"selected",reflect:!0})],U3.prototype,"selected",2),n([c({type:String,attribute:"icon",reflect:!0})],U3.prototype,"icon",2),n([c({type:String,attribute:"icon-side",reflect:!0})],U3.prototype,"iconSide",2),n([c({type:String,attribute:"size",reflect:!0})],U3.prototype,"size",2)});var iZ,rZ=l(()=>{"use strict";M();iZ=u`
@@ -6129,7 +6149,7 @@ scw-link:hover .text {
 
 .nav-dropdown {
   width: var(--scw-col-12);
-}`});var C3,cZ=l(()=>{"use strict";_();k();S();A();sZ();V3();j5();C3=class extends v{constructor(){super();this.navItems=[];this.panels=[];this.hasScrollControls=!1;this.showDropdown=!1;this.type="button";this.size="medium";this.align="center";this.vertical=!1;this.tabs=!1;this.hideBorder=!1;this.updateOnScroll=!1;this.element="horizontal-nav",this.orginalSize=this.size,this.resizeHandler=this.checkSize.bind(this),this.scrollHandler=this.handleScroll.bind(this),p1&&(this.medBreakPoint=p1.find(t=>t.name==="md"))}static get styles(){return[super.styles,nZ]}connectedCallback(){let t=Promise.all([customElements.whenDefined("scw-horizontal-nav-item"),customElements.whenDefined("scw-horizontal-nav-panel")]);window.addEventListener("resize",this.resizeHandler,!1),window.addEventListener("scroll",this.scrollHandler,!1),super.connectedCallback(),this.updateComplete.then(()=>{t.then(()=>{var r;this.syncTabsAndPanels(),this.checkSize(),!1||(this.resizeObserver=new ResizeObserver(()=>{this.repositionIndicator(),this.updateScrollControls()}),(r=this.resizeObserver)==null||r.observe(this.nav),new IntersectionObserver((o,C)=>{o[0].intersectionRatio>0&&(this.setActiveTab(this.navItems.find(d=>d.active)),this.setAriaLabels(),setTimeout(()=>{this.indicator.style.transition="all 300ms ease"},300),C.unobserve(o[0].target))}).observe(this.tabGroup))})})}disconnectedCallback(){window.removeEventListener("resize",this.resizeHandler),window.removeEventListener("scroll",this.scrollHandler),super.disconnectedCallback()}syncTabsAndPanels(){this.navItems=this.getAllTabs(),this.navItems.forEach(t=>{this.tabs&&(t.tab=!0,t.setAttribute("role","tab")),this.type&&(t.type=this.type),this.size&&(t.size=this.size),this.vertical&&(t.vertical=this.vertical)}),this.panels=this.getAllPanels(),this.updateComplete.then(()=>this.updateScrollControls(!0))}checkSize(){if(!this.responsive)return;let t=this.medBreakPoint&&document.body.clientWidth<this.medBreakPoint.minWidth;this.responsive==="dropdown"?this.showDropdown=t!=null?t:!1:this.responsive==="size"&&(this.size=t?"small":this.orginalSize,this.syncTabsAndPanels()),this.requestUpdate()}handleScroll(){!this.updateOnScroll||this.navItems.forEach(t=>{var p;let r=(p=t.href)!=null&&p.includes("#")?t.href.split("#")[1]:"",a=document.querySelector(`#${r}`);if(!r||!a)return;let o=window.scrollY,C=a.offsetTop,d=a.offsetHeight;o>=C&&o<C+d&&this.setActiveTab(t)})}setAriaLabels(){this.tabs&&this.navItems.forEach(t=>{let r=this.panels.find(a=>a.name===t.panel);r&&(t.setAttribute("aria-controls",r.getAttribute("id")),r.setAttribute("aria-labelledby",t.getAttribute("id")))})}updateScrollControls(t=!1){if(this.vertical)return;this.hasScrollControls=this.nav.scrollWidth>this.nav.clientWidth,this.requestUpdate();let r=this.navItems.find(o=>o.active);if(!this.hasScrollControls||!r)return;let a=this.nav.scrollLeft+this.nav.clientWidth;if(r.offsetLeft>a){let o=r.offsetLeft/this.nav.clientWidth;this.nav.scroll({left:this.nav.scrollLeft+this.nav.clientWidth*o,behavior:t?"instant":"smooth"})}}setActiveTab(t){t&&t!==this.activeTab&&t.ariaDisabled==="false"&&(this.activeTab=t,this.navItems.forEach(r=>r.active=r===this.activeTab),this.panels.forEach(r=>{var a;return r.active=r.name===((a=this.activeTab)==null?void 0:a.panel)}),this.syncIndicator(),this.dropdown&&(this.dropdown.value=t.ariaLabel))}syncIndicator(){let t=this.navItems.find(r=>r.active);if(this.type==="button"){this.indicator.style.display="none";return}t?(this.indicator.style.display="block",this.repositionIndicator()):this.indicator.style.display="none"}repositionIndicator(t=void 0){let r=t!=null?t:this.navItems.find(g=>g.active);if(!r||this.type==="button")return;let a=r.clientWidth,o=this.navItems[0].offsetLeft,C=this.navItems[0].offsetTop,d=r.offsetHeight,p=this.getAllTabs(),m=p.slice(0,p.indexOf(r)).reduce((g,V)=>({left:g.left+V.clientWidth,top:g.top+V.clientHeight}),{left:0,top:0});this.vertical?(this.indicator.style.width="auto",this.indicator.style.height=`${d}px`,this.indicator.style.translate=`0 ${m.top}px`,this.indicator.style.top=`${C}px`,this.indicator.style.left=`${o}px`):(this.indicator.style.width=`${a}px`,this.indicator.style.height="auto",this.indicator.style.translate=`${m.left}px`,this.indicator.style.left=`${o-(this.hasScrollControls?20:0)}px`)}getAllTabs(){return[...this.shadowRoot.querySelector(".nav").assignedElements()].filter(r=>r.tagName.toLowerCase()==="scw-horizontal-nav-item")}getAllPanels(){return this.tabs?[...this.body.assignedElements()].filter(t=>t.tagName.toLowerCase()==="scw-horizontal-nav-panel"):[]}handleValueChange(t){var a;if(t.detail.value===((a=this.activeTab)==null?void 0:a.ariaLabel))return;let r=this.navItems.find(o=>o.ariaLabel===t.detail.value);r&&(this.setActiveTab(r),this.tabs||r.link.click())}handleClick(t){let a=t.target.closest("scw-horizontal-nav-item");(a==null?void 0:a.closest("scw-horizontal-nav"))===this&&a!==null&&this.setActiveTab(a)}handleKeyDown(t){let a=t.target.closest("scw-horizontal-nav-item");if((a==null?void 0:a.closest("scw-horizontal-nav"))===this&&(["Enter"," "].includes(t.key)&&a!==null&&(this.setActiveTab(a),t.preventDefault()),["ArrowLeft","ArrowRight","Home","End"].includes(t.key))){let C=this.navItems.find(d=>d.matches(":focus"));if((C==null?void 0:C.tagName.toLowerCase())==="scw-horizontal-nav-item"){let d=this.navItems.indexOf(C);t.key==="Home"?d=0:t.key==="End"?d=this.navItems.length-1:t.key==="ArrowLeft"?d--:t.key==="ArrowRight"&&d++,d<0&&(d=this.navItems.length-1),d>this.navItems.length-1&&(d=0),this.navItems[d].focus({preventScroll:!0}),this.setActiveTab(this.navItems[d]),t.preventDefault()}}}handleScrollToStart(){this.nav.scroll({left:this.nav.scrollLeft-this.nav.clientWidth,behavior:"smooth"})}handleScrollToEnd(){this.nav.scroll({left:this.nav.scrollLeft+this.nav.clientWidth,behavior:"smooth"})}handleMouseover(t){let a=t.target.closest("scw-horizontal-nav-item");(a==null?void 0:a.closest("scw-horizontal-nav"))===this&&a!==null&&(this.indicator.style.display="block",this.repositionIndicator(a))}handleFocus(){this.tabs&&this.activeTab&&(this.activeTab.focus(),this.nav.setAttribute("tabindex","-1"))}handleFocusOut(t){let r=t.composedPath();this.tabs&&this.activeTab&&r.includes(this.activeTab)&&this.nav.setAttribute("tabindex","0")}render(){var r;let t={container:!0,small:this.size==="small",medium:this.size==="medium",vertical:this.vertical,"left-align":this.align==="left","button-style":this.type==="button","tab-style":this.type==="tab",tab:this.tabs,"scroll-controller":this.hasScrollControls,"hide-border":this.hideBorder,"hide-nav":this.showDropdown};return h`
+}`});var n3,cZ=l(()=>{"use strict";_();k();S();A();sZ();V3();j5();n3=class extends v{constructor(){super();this.navItems=[];this.panels=[];this.hasScrollControls=!1;this.showDropdown=!1;this.type="button";this.size="medium";this.align="center";this.vertical=!1;this.tabs=!1;this.hideBorder=!1;this.updateOnScroll=!1;this.element="horizontal-nav",this.orginalSize=this.size,this.resizeHandler=this.checkSize.bind(this),this.scrollHandler=this.handleScroll.bind(this),p1&&(this.medBreakPoint=p1.find(t=>t.name==="md"))}static get styles(){return[super.styles,nZ]}connectedCallback(){let t=Promise.all([customElements.whenDefined("scw-horizontal-nav-item"),customElements.whenDefined("scw-horizontal-nav-panel")]);window.addEventListener("resize",this.resizeHandler,!1),window.addEventListener("scroll",this.scrollHandler,!1),super.connectedCallback(),this.updateComplete.then(()=>{t.then(()=>{var r;this.syncTabsAndPanels(),this.checkSize(),!1||(this.resizeObserver=new ResizeObserver(()=>{this.repositionIndicator(),this.updateScrollControls()}),(r=this.resizeObserver)==null||r.observe(this.nav),new IntersectionObserver((o,C)=>{o[0].intersectionRatio>0&&(this.setActiveTab(this.navItems.find(d=>d.active)),this.setAriaLabels(),setTimeout(()=>{this.indicator.style.transition="all 300ms ease"},300),C.unobserve(o[0].target))}).observe(this.tabGroup))})})}disconnectedCallback(){window.removeEventListener("resize",this.resizeHandler),window.removeEventListener("scroll",this.scrollHandler),super.disconnectedCallback()}syncTabsAndPanels(){this.navItems=this.getAllTabs(),this.navItems.forEach(t=>{this.tabs&&(t.tab=!0,t.setAttribute("role","tab")),this.type&&(t.type=this.type),this.size&&(t.size=this.size),this.vertical&&(t.vertical=this.vertical)}),this.panels=this.getAllPanels(),this.updateComplete.then(()=>this.updateScrollControls(!0))}checkSize(){if(!this.responsive)return;let t=this.medBreakPoint&&document.body.clientWidth<this.medBreakPoint.minWidth;this.responsive==="dropdown"?this.showDropdown=t!=null?t:!1:this.responsive==="size"&&(this.size=t?"small":this.orginalSize,this.syncTabsAndPanels()),this.requestUpdate()}handleScroll(){!this.updateOnScroll||this.navItems.forEach(t=>{var p;let r=(p=t.href)!=null&&p.includes("#")?t.href.split("#")[1]:"",a=document.querySelector(`#${r}`);if(!r||!a)return;let o=window.scrollY,C=a.offsetTop,d=a.offsetHeight;o>=C&&o<C+d&&this.setActiveTab(t)})}setAriaLabels(){this.tabs&&this.navItems.forEach(t=>{let r=this.panels.find(a=>a.name===t.panel);r&&(t.setAttribute("aria-controls",r.getAttribute("id")),r.setAttribute("aria-labelledby",t.getAttribute("id")))})}updateScrollControls(t=!1){if(this.vertical)return;this.hasScrollControls=this.nav.scrollWidth>this.nav.clientWidth,this.requestUpdate();let r=this.navItems.find(o=>o.active);if(!this.hasScrollControls||!r)return;let a=this.nav.scrollLeft+this.nav.clientWidth;if(r.offsetLeft>a){let o=r.offsetLeft/this.nav.clientWidth;this.nav.scroll({left:this.nav.scrollLeft+this.nav.clientWidth*o,behavior:t?"instant":"smooth"})}}setActiveTab(t){t&&t!==this.activeTab&&t.ariaDisabled==="false"&&(this.activeTab=t,this.navItems.forEach(r=>r.active=r===this.activeTab),this.panels.forEach(r=>{var a;return r.active=r.name===((a=this.activeTab)==null?void 0:a.panel)}),this.syncIndicator(),this.dropdown&&(this.dropdown.value=t.ariaLabel))}syncIndicator(){let t=this.navItems.find(r=>r.active);if(this.type==="button"){this.indicator.style.display="none";return}t?(this.indicator.style.display="block",this.repositionIndicator()):this.indicator.style.display="none"}repositionIndicator(t=void 0){let r=t!=null?t:this.navItems.find(g=>g.active);if(!r||this.type==="button")return;let a=r.clientWidth,o=this.navItems[0].offsetLeft,C=this.navItems[0].offsetTop,d=r.offsetHeight,p=this.getAllTabs(),m=p.slice(0,p.indexOf(r)).reduce((g,V)=>({left:g.left+V.clientWidth,top:g.top+V.clientHeight}),{left:0,top:0});this.vertical?(this.indicator.style.width="auto",this.indicator.style.height=`${d}px`,this.indicator.style.translate=`0 ${m.top}px`,this.indicator.style.top=`${C}px`,this.indicator.style.left=`${o}px`):(this.indicator.style.width=`${a}px`,this.indicator.style.height="auto",this.indicator.style.translate=`${m.left}px`,this.indicator.style.left=`${o-(this.hasScrollControls?20:0)}px`)}getAllTabs(){return[...this.shadowRoot.querySelector(".nav").assignedElements()].filter(r=>r.tagName.toLowerCase()==="scw-horizontal-nav-item")}getAllPanels(){return this.tabs?[...this.body.assignedElements()].filter(t=>t.tagName.toLowerCase()==="scw-horizontal-nav-panel"):[]}handleValueChange(t){var a;if(t.detail.value===((a=this.activeTab)==null?void 0:a.ariaLabel))return;let r=this.navItems.find(o=>o.ariaLabel===t.detail.value);r&&(this.setActiveTab(r),this.tabs||r.link.click())}handleClick(t){let a=t.target.closest("scw-horizontal-nav-item");(a==null?void 0:a.closest("scw-horizontal-nav"))===this&&a!==null&&this.setActiveTab(a)}handleKeyDown(t){let a=t.target.closest("scw-horizontal-nav-item");if((a==null?void 0:a.closest("scw-horizontal-nav"))===this&&(["Enter"," "].includes(t.key)&&a!==null&&(this.setActiveTab(a),t.preventDefault()),["ArrowLeft","ArrowRight","Home","End"].includes(t.key))){let C=this.navItems.find(d=>d.matches(":focus"));if((C==null?void 0:C.tagName.toLowerCase())==="scw-horizontal-nav-item"){let d=this.navItems.indexOf(C);t.key==="Home"?d=0:t.key==="End"?d=this.navItems.length-1:t.key==="ArrowLeft"?d--:t.key==="ArrowRight"&&d++,d<0&&(d=this.navItems.length-1),d>this.navItems.length-1&&(d=0),this.navItems[d].focus({preventScroll:!0}),this.setActiveTab(this.navItems[d]),t.preventDefault()}}}handleScrollToStart(){this.nav.scroll({left:this.nav.scrollLeft-this.nav.clientWidth,behavior:"smooth"})}handleScrollToEnd(){this.nav.scroll({left:this.nav.scrollLeft+this.nav.clientWidth,behavior:"smooth"})}handleMouseover(t){let a=t.target.closest("scw-horizontal-nav-item");(a==null?void 0:a.closest("scw-horizontal-nav"))===this&&a!==null&&(this.indicator.style.display="block",this.repositionIndicator(a))}handleFocus(){this.tabs&&this.activeTab&&(this.activeTab.focus(),this.nav.setAttribute("tabindex","-1"))}handleFocusOut(t){let r=t.composedPath();this.tabs&&this.activeTab&&r.includes(this.activeTab)&&this.nav.setAttribute("tabindex","0")}render(){var r;let t={container:!0,small:this.size==="small",medium:this.size==="medium",vertical:this.vertical,"left-align":this.align==="left","button-style":this.type==="button","tab-style":this.type==="tab",tab:this.tabs,"scroll-controller":this.hasScrollControls,"hide-border":this.hideBorder,"hide-nav":this.showDropdown};return h`
       <div
         class=${P(t)}
         @click=${this.handleClick}
@@ -6193,7 +6213,7 @@ scw-link:hover .text {
           `:""}
 
       </div>
-    `}};n([c({type:String,attribute:"type",reflect:!1})],C3.prototype,"type",2),n([c({type:String,attribute:"size",reflect:!1})],C3.prototype,"size",2),n([c({type:String,attribute:"align",reflect:!1})],C3.prototype,"align",2),n([c({type:Boolean,attribute:"vertical",reflect:!1})],C3.prototype,"vertical",2),n([c({type:String,attribute:"responsive",reflect:!1})],C3.prototype,"responsive",2),n([c({type:Boolean,attribute:"tabs",reflect:!1})],C3.prototype,"tabs",2),n([c({type:Boolean,attribute:"hide-border",reflect:!1})],C3.prototype,"hideBorder",2),n([c({type:Boolean,attribute:"update-on-scroll",reflect:!1})],C3.prototype,"updateOnScroll",2),n([$(".nav-indicator")],C3.prototype,"indicator",2),n([$(".nav-panels")],C3.prototype,"body",2),n([$(".nav-container")],C3.prototype,"nav",2),n([$(".container")],C3.prototype,"tabGroup",2),n([$(".nav-dropdown")],C3.prototype,"dropdown",2)});var dZ,pZ=l(()=>{"use strict";M();dZ=u`
+    `}};n([c({type:String,attribute:"type",reflect:!1})],n3.prototype,"type",2),n([c({type:String,attribute:"size",reflect:!1})],n3.prototype,"size",2),n([c({type:String,attribute:"align",reflect:!1})],n3.prototype,"align",2),n([c({type:Boolean,attribute:"vertical",reflect:!1})],n3.prototype,"vertical",2),n([c({type:String,attribute:"responsive",reflect:!1})],n3.prototype,"responsive",2),n([c({type:Boolean,attribute:"tabs",reflect:!1})],n3.prototype,"tabs",2),n([c({type:Boolean,attribute:"hide-border",reflect:!1})],n3.prototype,"hideBorder",2),n([c({type:Boolean,attribute:"update-on-scroll",reflect:!1})],n3.prototype,"updateOnScroll",2),n([$(".nav-indicator")],n3.prototype,"indicator",2),n([$(".nav-panels")],n3.prototype,"body",2),n([$(".nav-container")],n3.prototype,"nav",2),n([$(".container")],n3.prototype,"tabGroup",2),n([$(".nav-dropdown")],n3.prototype,"dropdown",2)});var dZ,pZ=l(()=>{"use strict";M();dZ=u`
 .scw-product-card {
   background-color: var(--scw-color-grey-10);
   border-radius: 20px 20px 20px 20px;
@@ -8772,7 +8792,7 @@ scw-link:hover .text {
           </div>
         </div>
       </div>
-    `}};n([c({type:String,attribute:"author",reflect:!0})],B1.prototype,"author",2),n([c({type:String,attribute:"description",reflect:!0})],B1.prototype,"description",2),n([c({type:Boolean,attribute:"highlight",reflect:!0})],B1.prototype,"highlight",2)});S();customElements.define("scw-component",v);H1();Pf();customElements.define("scw-card",a3);Cg();customElements.define("scw-input",F);hg();ug();ww();bw();customElements.define("scw-textarea",S3);Vw();customElements.define("scw-select",o3);Aw();customElements.define("scw-option",y1);Ew();customElements.define("scw-checkbox",I3);Sw();customElements.define("scw-radio",d1);Bw();customElements.define("scw-radio-button",M1);Rw();customElements.define("scw-radio-group",A1);Ah();customElements.define("scw-link-old",q3);gM();customElements.define("scw-button",d2);bM();customElements.define("scw-menu",z1);yM();customElements.define("scw-menu-item",p2);_M();customElements.define("scw-icon",t1);OM();customElements.define("scw-heading",h2);TM();customElements.define("scw-image",K);PM();Mh();customElements.define("scw-link-base",Q3);zM();customElements.define("scw-alert",R3);tA();customElements.define("scw-stepper",e1);wA();customElements.define("scw-rich-text",k1);xA();customElements.define("scw-slider",W);yA();customElements.define("scw-slider-item",U6);ZA();customElements.define("scw-block",h1);_A();customElements.define("scw-icon-feature",u3);IA();customElements.define("scw-accordion",r1);NA();customElements.define("scw-callout",G1);DA();customElements.define("scw-mobile-nav",H3);qA();customElements.define("scw-mobile-item",E1);GA();customElements.define("scw-mobile-top",W1);JA();customElements.define("scw-modal",l3);eZ();customElements.define("scw-tag",U3);Zh();customElements.define("scw-link",n3);aZ();customElements.define("scw-horizontal-nav-item",y3);CZ();customElements.define("scw-horizontal-nav-panel",_1);cZ();customElements.define("scw-horizontal-nav",C3);hZ();customElements.define("scw-product-card",a1);uZ();customElements.define("scw-comparison-row",g2);vZ();customElements.define("scw-comparison-table",f1);xZ();customElements.define("scw-comparison-cell",g1);yZ();customElements.define("scw-table",$1);ZZ();customElements.define("scw-table-row",u2);_Z();customElements.define("scw-table-cell",z3);BZ();customElements.define("scw-rate-table",c3);RZ();customElements.define("scw-rate-table-group",d3);gk();customElements.define("scw-tooltip",D3);wk();customElements.define("scw-disclosure",X1);bk();customElements.define("scw-disclosure-item",l1);Vk();customElements.define("scw-disclosure-mediator",b2);Ak();customElements.define("scw-floating-button",O1);Ek();customElements.define("scw-employee-card",A3);Sk();customElements.define("scw-testimonial-card",B1);
+    `}};n([c({type:String,attribute:"author",reflect:!0})],B1.prototype,"author",2),n([c({type:String,attribute:"description",reflect:!0})],B1.prototype,"description",2),n([c({type:Boolean,attribute:"highlight",reflect:!0})],B1.prototype,"highlight",2)});S();customElements.define("scw-component",v);H1();Pf();customElements.define("scw-card",a3);Cg();customElements.define("scw-input",F);hg();ug();ww();bw();customElements.define("scw-textarea",S3);Vw();customElements.define("scw-select",o3);Aw();customElements.define("scw-option",y1);Ew();customElements.define("scw-checkbox",I3);Sw();customElements.define("scw-radio",d1);Bw();customElements.define("scw-radio-button",M1);Rw();customElements.define("scw-radio-group",A1);Ah();customElements.define("scw-link-old",q3);gM();customElements.define("scw-button",d2);bM();customElements.define("scw-menu",z1);yM();customElements.define("scw-menu-item",p2);_M();customElements.define("scw-icon",t1);OM();customElements.define("scw-heading",h2);TM();customElements.define("scw-image",K);PM();Mh();customElements.define("scw-link-base",Q3);zM();customElements.define("scw-alert",R3);tA();customElements.define("scw-stepper",e1);wA();customElements.define("scw-rich-text",k1);xA();customElements.define("scw-slider",W);yA();customElements.define("scw-slider-item",U6);ZA();customElements.define("scw-block",h1);_A();customElements.define("scw-icon-feature",u3);IA();customElements.define("scw-accordion",r1);NA();customElements.define("scw-callout",G1);DA();customElements.define("scw-mobile-nav",H3);qA();customElements.define("scw-mobile-item",E1);GA();customElements.define("scw-mobile-top",W1);JA();customElements.define("scw-modal",C3);eZ();customElements.define("scw-tag",U3);Zh();customElements.define("scw-link",l3);aZ();customElements.define("scw-horizontal-nav-item",y3);CZ();customElements.define("scw-horizontal-nav-panel",_1);cZ();customElements.define("scw-horizontal-nav",n3);hZ();customElements.define("scw-product-card",a1);uZ();customElements.define("scw-comparison-row",g2);vZ();customElements.define("scw-comparison-table",f1);xZ();customElements.define("scw-comparison-cell",g1);yZ();customElements.define("scw-table",$1);ZZ();customElements.define("scw-table-row",u2);_Z();customElements.define("scw-table-cell",z3);BZ();customElements.define("scw-rate-table",c3);RZ();customElements.define("scw-rate-table-group",d3);gk();customElements.define("scw-tooltip",D3);wk();customElements.define("scw-disclosure",X1);bk();customElements.define("scw-disclosure-item",l1);Vk();customElements.define("scw-disclosure-mediator",b2);Ak();customElements.define("scw-floating-button",O1);Ek();customElements.define("scw-employee-card",A3);Sk();customElements.define("scw-testimonial-card",B1);
 /**
  * @license
  * Copyright 2017 Google LLC