@getflip/swirl-components 0.461.0 → 0.463.0

package/dist/collection/components/swirl-shell-navigation-item/swirl-shell-navigation-item.css

@@ -45,21 +45,21 @@
   }
 
 .shell-navigation-item:hover {
-    background-color: var(--s-surface-sunken-hovered);
+    background-color: var(--s-state-hovered);
   }
 
 .shell-navigation-item:hover .shell-navigation-item__badge,
     .shell-navigation-item:hover .shell-navigation-item__is-new-badge {
-      --swirl-badge-border-color: var(--s-surface-sunken-hovered);
+      --swirl-badge-border-color: var(--s-state-hovered);
     }
 
 .shell-navigation-item:active {
-    background-color: var(--s-surface-sunken-pressed);
+    background-color: var(--s-state-pressed);
   }
 
 .shell-navigation-item:active .shell-navigation-item__badge,
     .shell-navigation-item:active .shell-navigation-item__is-new-badge {
-      --swirl-badge-border-color: var(--s-surface-sunken-pressed);
+      --swirl-badge-border-color: var(--s-state-pressed);
     }
 
 .shell-navigation-item:focus {
@@ -144,7 +144,7 @@
       height: auto;
       min-height: auto;
       border-radius: var(--s-border-radius-base);
-      background-color: var(--s-surface-sunken-hovered);
+      background-color: var(--s-state-hovered);
       aspect-ratio: 1;
     }
 
@@ -252,7 +252,7 @@
     }
 
 .shell-navigation-item.shell-navigation-item--active {
-    background-color: var(--s-surface-sunken-hovered);
+    background-color: var(--s-state-hovered);
   }
 
 .shell-navigation-item.shell-navigation-item--active .shell-navigation-item__icon {
@@ -264,23 +264,23 @@
     }
 
 .shell-navigation-item.shell-navigation-item--active .shell-navigation-item__badge {
-      --swirl-badge-border-color: var(--s-surface-sunken-hovered);
+      --swirl-badge-border-color: var(--s-state-hovered);
     }
 
 .shell-navigation-item.shell-navigation-item--active:hover {
-    background-color: var(--s-surface-sunken-hovered);
+    background-color: var(--s-state-hovered);
   }
 
 .shell-navigation-item.shell-navigation-item--active:hover .shell-navigation-item__badge {
-      --swirl-badge-border-color: var(--s-surface-sunken-hovered);
+      --swirl-badge-border-color: var(--s-state-hovered);
     }
 
 .shell-navigation-item.shell-navigation-item--active:active {
-    background-color: var(--s-surface-sunken-pressed);
+    background-color: var(--s-state-pressed);
   }
 
 .shell-navigation-item.shell-navigation-item--active:active .shell-navigation-item__badge {
-      --swirl-badge-border-color: var(--s-surface-sunken-pressed);
+      --swirl-badge-border-color: var(--s-state-pressed);
     }
 
 @media (min-width: 992px) {

package/dist/collection/components/swirl-table-column/swirl-table-column.css

@@ -49,7 +49,7 @@
   }
 
   :host(.table-column--raised) {
-    background-color: var(--s-surface-raised-default);
+    background-color: var(--s-surface-neutral-subdued);
   }
 
   :host * {

package/dist/collection/components/swirl-table-row/swirl-table-row.css

@@ -2,10 +2,6 @@
   display: flex;
 }
 
-  :host(.table-row--highlighted) {
-    --swirl-ghost-button-background-default: transparent;
-  }
-
   :host(.table-row--highlighted) ::slotted(.table-cell) {
       background-color: rgba(240, 242, 255, 1); /* TODO: token */
     }

package/dist/collection/components/swirl-toggle-button/swirl-toggle-button.css

@@ -25,11 +25,11 @@
 }
 
 .button:hover {
-    background-color: var(--s-surface-sunken-hovered);
+    background-color: var(--s-state-hovered);
   }
 
 .button:active {
-    background-color: var(--s-surface-sunken-pressed);
+    background-color: var(--s-state-pressed);
   }
 
 .button:focus:not(:focus-visible) {

package/dist/collection/components/swirl-toggle-button/swirl-toggle-button.js

@@ -3,6 +3,7 @@ import classnames from "classnames";
 export class SwirlToggleButton {
     constructor() {
         this.isPressed = false;
+        this.hideLabel = false;
         this.onClick = () => {
             this.isPressed = true;
         };
@@ -11,7 +12,8 @@ export class SwirlToggleButton {
         const classNames = classnames("button", {
             "button--pressed": this.isPressed,
         });
-        return (h("button", { key: '66db29ba083e102bbd2c2664f7192a28767a4747', class: classNames, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, this.icon && (h("swirl-icon", { key: 'ae9f37e6e6d5c11266906bb1aa93d0406a52f9d4', class: "button__icon", glyph: this.icon })), h("span", { key: '7bc3421ef39cb66b94075c2fb7e81d7c995345ac', class: "button__label" }, this.label)));
+        const ariaLabel = this.hideLabel ? this.label : undefined;
+        return (h("button", { key: '1eeb98f759f28e5ae9559275c0c0a623558eda46', class: classNames, type: "button", "aria-pressed": this.isPressed ? "true" : "false", "aria-label": ariaLabel, onClick: this.onClick }, this.icon && (h("swirl-icon", { key: '878bcf051e173c1081f46467e6cc279c0e5d3d65', class: "button__icon", glyph: this.icon })), !this.hideLabel && h("span", { key: 'f11daa0f489a483f1a090f9680d0a7b7f689924c', class: "button__label" }, this.label)));
     }
     static get is() { return "swirl-toggle-button"; }
     static get encapsulation() { return "shadow"; }
@@ -103,6 +105,26 @@ export class SwirlToggleButton {
                 "reflect": false,
                 "attribute": "is-pressed",
                 "defaultValue": "false"
+            },
+            "hideLabel": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "hide-label",
+                "defaultValue": "false"
             }
         };
     }

package/dist/collection/components/swirl-tree-navigation-item/swirl-tree-navigation-item.css

@@ -42,7 +42,7 @@
 }
 
 .tree-navigation-item__link:active {
-  background-color: var(--s-background-pressed);
+  background-color: var(--s-state-pressed);
 }
 
 .tree-navigation-item__link:focus {
@@ -62,11 +62,11 @@
 }
 
 .tree-navigation-item__link--active:hover {
-  background-color: var(--s-background-pressed);
+  background-color: var(--s-state-pressed);
 }
 
 .tree-navigation-item__link--active:active {
-  background-color: var(--s-background-pressed);
+  background-color: var(--s-state-pressed);
 }
 
 /* Layout components */

package/dist/collection/components/swirl-tree-view-item/swirl-tree-view-item.css

@@ -17,7 +17,7 @@ swirl-tree-view-item {
 }
 
 .tree-view-item--chosen.tree-view-item--drag:not(.tree-view-item--ghost) .tree-view-item__link {
-    background-color: var(--s-background-default);
+    background-color: var(--s-translucent-low-pressed);
   }
 
 .tree-view-item--chosen.tree-view-item--drag:not(.tree-view-item--ghost) .tree-view-item__link:hover .tree-view-item__drag-handle {
@@ -42,7 +42,7 @@ swirl-tree-view-item {
 }
 
 .tree-view-item--moving-via-keyboard .tree-view-item__link {
-    background-color: var(--s-background-default);
+    background-color: var(--s-translucent-low-pressed);
   }
 
 .tree-view-item--moving-via-keyboard .tree-view-item__link:focus-visible {
@@ -54,7 +54,7 @@ swirl-tree-view-item {
 }
 
 .tree-view-item--active > .tree-view-item__link {
-    background-color: var(--s-background-hovered);
+    background-color: var(--s-state-hovered);
   }
 
 .tree-view-item--has-tags .tree-view-item__tags {
@@ -82,7 +82,6 @@ swirl-tree-view-item {
   align-items: center;
   border-radius: var(--s-border-radius-sm);
   color: var(--s-text-default);
-  background-color: var(--s-background-default);
   font-size: var(--s-font-size-base);
   font-weight: var(--s-font-weight-medium);
   text-decoration: none;
@@ -90,7 +89,7 @@ swirl-tree-view-item {
 }
 
 .tree-view-item__link:hover {
-    background-color: var(--s-background-hovered);
+    background-color: var(--s-state-hovered);
   }
 
 .tree-view-item__link:hover .tree-view-item__drag-handle {
@@ -98,7 +97,7 @@ swirl-tree-view-item {
     }
 
 .tree-view-item__link:active {
-    background-color: var(--s-background-pressed);
+    background-color: var(--s-state-pressed);
   }
 
 .tree-view-item__link:focus:not(:focus-visible) {

package/dist/components/swirl-action-list-item2.js

@@ -1 +1 @@
-import{proxyCustomElement as i,HTMLElement as t,h as e,Host as a,transformTag as s}from"@stencil/core/internal/client";import{c as n}from"./index2.js";import{D as o}from"./media-query.service.js";const l=i(class extends t{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.intent="default",this.size="m",this.truncateLabel=!0,this.mediaQueryUnsubscribe=()=>{}}componentDidLoad(){this.mediaQueryUnsubscribe=o.subscribe((i=>{this.forceIconProps(i)}))}disconnectedCallback(){this.mediaQueryUnsubscribe()}forceIconProps(i){const t=this.iconEl?.children[0],e=this.suffixEl?.children[0];t?.setAttribute("size",i?"20":"24");const a=this.iconBadgeEl?.children[0];a?.setAttribute("size","xs"),a?.setAttribute("variant","dot"),"SWIRL-TAG"!==e?.tagName&&e?.setAttribute("size",i?"20":"24")}render(){const i=Boolean(this.badge),t=Boolean(this.iconBadge),s=Boolean(this.el.querySelector('[slot="suffix"]')),o=(Boolean(this.suffix)||s)&&!this.disabled,l=n("action-list-item",`action-list-item--intent-${this.intent}`,`action-list-item--size-${this.size}`);return e(a,{key:"a8ec31c9d8234291c8379e9b3521f91c176e811e"},e("button",{key:"3018e2f041a84b321b9cef388c85c59afa518b79","aria-expanded":this.swirlAriaExpanded,"aria-haspopup":this.swirlAriaHaspopup,class:l,disabled:this.disabled,part:"action-list-item",role:"menuitem",tabIndex:-1,type:"button"},e("slot",{key:"34bebbac07562f76eb29e1b93900019a75143add",name:"avatar"}),this.icon&&e("span",{key:"15b82e7eb50d334254f1f6da7d55cecad4706475",class:"action-list-item__icon",innerHTML:this.icon,ref:i=>this.iconEl=i},t&&e("span",{key:"0c4c8fc78fd13d707cb33dab2309c85f97a4e201",class:"action-list-item__icon-badge",innerHTML:this.iconBadge,ref:i=>this.iconBadgeEl=i})),e("span",{key:"c3c1a34a74a8dfbec8a82cb3fc797ce03e6ddd55",class:"action-list-item__label-container"},e("span",{key:"9626f3a01f7c95da947b7665e7c97a9542f48cfb",class:"action-list-item__label",style:{whiteSpace:this.truncateLabel?"nowrap":"normal"}},this.label),this.description&&e("span",{key:"e002430aa42252b68c1550af4d2c75dd744f78ee",class:"action-list-item__description"},this.description)),i&&e("span",{key:"1aca4916c0f3fca1601c49db73ae72516520572f",class:"action-list-item__badge",innerHTML:this.badge}),o&&e("span",{key:"c355f7123d3d5deba0a72ca3ee1142ef3210d96e",class:"action-list-item__suffix",innerHTML:s?void 0:this.suffix,ref:i=>this.suffixEl=i},e("slot",{key:"d3d6cac336709a2592f637971f0479587cbf0dee",name:"suffix"}))))}get el(){return this}static get style(){return":host{display:block}:host *{box-sizing:border-box}.action-list-item{display:inline-flex;position:relative;width:100%;min-width:15rem;margin:0;padding:var(--s-space-12) var(--s-space-16);justify-content:flex-start;align-items:center;border:none;border-radius:var(--s-border-radius-sm);color:var(--s-text-default);background-color:transparent;font:inherit;line-height:var(--s-line-height-base);text-align:left;cursor:pointer;gap:var(--s-space-12)}.action-list-item:hover{background-color:var(--s-translucent-low-hovered);--swirl-tag-background-default:var(--s-surface-sunken-pressed)}.action-list-item:focus{outline:none}.action-list-item:focus-visible{background-color:var(--s-translucent-low-hovered);outline-color:var(--s-focus-default);outline-style:solid;outline-width:0.125rem;z-index:1}.action-list-item:active{background-color:var(--s-translucent-low-pressed)}.action-list-item:disabled{cursor:default}.action-list-item:disabled .action-list-item__label,.action-list-item:disabled .action-list-item__description{color:var(--s-text-disabled)}.action-list-item:disabled .action-list-item__icon{color:var(--s-icon-disabled)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.action-list-item{padding:var(--s-space-8) var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);gap:var(--s-space-8)}}.action-list-item--size-l{padding:var(--s-space-16)}.action-list-item--intent-critical ::part(icon){color:var(--s-icon-critical)}.action-list-item--intent-critical:not(:disabled) .action-list-item__label{color:var(--s-text-critical)}.action-list-item--intent-critical:not(:disabled) .action-list-item__icon{color:var(--s-icon-critical)}.action-list-item__icon{display:inline-flex;position:relative;width:1.5rem;height:1.5rem;flex-shrink:0;color:var(--s-icon-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.action-list-item__icon{width:1.25rem;height:1.25rem}}.action-list-item__icon-badge{position:absolute;display:grid;bottom:0;right:0}.action-list-item__label-container{display:inline-flex;min-width:0;flex-grow:1;flex-shrink:1;align-items:flex-start;flex-direction:column}.action-list-item__label{overflow:hidden;max-width:100%;font-weight:var(--s-font-weight-medium);white-space:nowrap;text-overflow:ellipsis}.action-list-item__description{color:var(--s-text-subdued)}.action-list-item__badge{overflow:hidden;min-width:4rem;padding-left:var(--s-space-8);flex-shrink:3;color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);text-align:right;white-space:nowrap;text-overflow:ellipsis}.action-list-item__suffix{display:inline-flex;flex-shrink:0;color:var(--s-icon-default)}"}},[257,"swirl-action-list-item",{badge:[1],disabled:[4],description:[1],icon:[1],iconBadge:[1,"icon-badge"],intent:[1],label:[1],size:[1],swirlAriaExpanded:[1,"swirl-aria-expanded"],swirlAriaHaspopup:[1,"swirl-aria-haspopup"],suffix:[1],truncateLabel:[4,"truncate-label"]}]);function c(){"undefined"!=typeof customElements&&["swirl-action-list-item"].forEach((i=>{"swirl-action-list-item"===i&&(customElements.get(s(i))||customElements.define(s(i),l))}))}export{l as S,c as d}
+import{proxyCustomElement as i,HTMLElement as t,h as e,Host as a,transformTag as s}from"@stencil/core/internal/client";import{c as n}from"./index2.js";import{D as o}from"./media-query.service.js";const l=i(class extends t{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.intent="default",this.size="m",this.truncateLabel=!0,this.mediaQueryUnsubscribe=()=>{}}componentDidLoad(){this.mediaQueryUnsubscribe=o.subscribe((i=>{this.forceIconProps(i)}))}disconnectedCallback(){this.mediaQueryUnsubscribe()}forceIconProps(i){const t=this.iconEl?.children[0],e=this.suffixEl?.children[0];t?.setAttribute("size",i?"20":"24");const a=this.iconBadgeEl?.children[0];a?.setAttribute("size","xs"),a?.setAttribute("variant","dot"),"SWIRL-TAG"!==e?.tagName&&e?.setAttribute("size",i?"20":"24")}render(){const i=Boolean(this.badge),t=Boolean(this.iconBadge),s=Boolean(this.el.querySelector('[slot="suffix"]')),o=(Boolean(this.suffix)||s)&&!this.disabled,l=n("action-list-item",`action-list-item--intent-${this.intent}`,`action-list-item--size-${this.size}`);return e(a,{key:"a8ec31c9d8234291c8379e9b3521f91c176e811e"},e("button",{key:"3018e2f041a84b321b9cef388c85c59afa518b79","aria-expanded":this.swirlAriaExpanded,"aria-haspopup":this.swirlAriaHaspopup,class:l,disabled:this.disabled,part:"action-list-item",role:"menuitem",tabIndex:-1,type:"button"},e("slot",{key:"34bebbac07562f76eb29e1b93900019a75143add",name:"avatar"}),this.icon&&e("span",{key:"15b82e7eb50d334254f1f6da7d55cecad4706475",class:"action-list-item__icon",innerHTML:this.icon,ref:i=>this.iconEl=i},t&&e("span",{key:"0c4c8fc78fd13d707cb33dab2309c85f97a4e201",class:"action-list-item__icon-badge",innerHTML:this.iconBadge,ref:i=>this.iconBadgeEl=i})),e("span",{key:"c3c1a34a74a8dfbec8a82cb3fc797ce03e6ddd55",class:"action-list-item__label-container"},e("span",{key:"9626f3a01f7c95da947b7665e7c97a9542f48cfb",class:"action-list-item__label",style:{whiteSpace:this.truncateLabel?"nowrap":"normal"}},this.label),this.description&&e("span",{key:"e002430aa42252b68c1550af4d2c75dd744f78ee",class:"action-list-item__description"},this.description)),i&&e("span",{key:"1aca4916c0f3fca1601c49db73ae72516520572f",class:"action-list-item__badge",innerHTML:this.badge}),o&&e("span",{key:"c355f7123d3d5deba0a72ca3ee1142ef3210d96e",class:"action-list-item__suffix",innerHTML:s?void 0:this.suffix,ref:i=>this.suffixEl=i},e("slot",{key:"d3d6cac336709a2592f637971f0479587cbf0dee",name:"suffix"}))))}get el(){return this}static get style(){return":host{display:block}:host *{box-sizing:border-box}.action-list-item{display:inline-flex;position:relative;width:100%;min-width:15rem;margin:0;padding:var(--s-space-12) var(--s-space-16);justify-content:flex-start;align-items:center;border:none;border-radius:var(--s-border-radius-sm);color:var(--s-text-default);background-color:transparent;font:inherit;line-height:var(--s-line-height-base);text-align:left;cursor:pointer;gap:var(--s-space-12)}.action-list-item:hover{background-color:var(--s-state-hovered);--swirl-tag-background-default:var(--s-state-pressed)}.action-list-item:focus{outline:none}.action-list-item:focus-visible{background-color:var(--s-state-hovered);outline-color:var(--s-focus-default);outline-style:solid;outline-width:0.125rem;z-index:1}.action-list-item:active{background-color:var(--s-translucent-low-pressed)}.action-list-item:disabled{cursor:default}.action-list-item:disabled .action-list-item__label,.action-list-item:disabled .action-list-item__description{color:var(--s-text-disabled)}.action-list-item:disabled .action-list-item__icon{color:var(--s-icon-disabled)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.action-list-item{padding:var(--s-space-8) var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);gap:var(--s-space-8)}}.action-list-item--size-l{padding:var(--s-space-16)}.action-list-item--intent-critical ::part(icon){color:var(--s-icon-critical)}.action-list-item--intent-critical:not(:disabled) .action-list-item__label{color:var(--s-text-critical)}.action-list-item--intent-critical:not(:disabled) .action-list-item__icon{color:var(--s-icon-critical)}.action-list-item__icon{display:inline-flex;position:relative;width:1.5rem;height:1.5rem;flex-shrink:0;color:var(--s-icon-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.action-list-item__icon{width:1.25rem;height:1.25rem}}.action-list-item__icon-badge{position:absolute;display:grid;bottom:0;right:0}.action-list-item__label-container{display:inline-flex;min-width:0;flex-grow:1;flex-shrink:1;align-items:flex-start;flex-direction:column}.action-list-item__label{overflow:hidden;max-width:100%;font-weight:var(--s-font-weight-medium);white-space:nowrap;text-overflow:ellipsis}.action-list-item__description{color:var(--s-text-subdued)}.action-list-item__badge{overflow:hidden;min-width:4rem;padding-left:var(--s-space-8);flex-shrink:3;color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);text-align:right;white-space:nowrap;text-overflow:ellipsis}.action-list-item__suffix{display:inline-flex;flex-shrink:0;color:var(--s-icon-default)}"}},[257,"swirl-action-list-item",{badge:[1],disabled:[4],description:[1],icon:[1],iconBadge:[1,"icon-badge"],intent:[1],label:[1],size:[1],swirlAriaExpanded:[1,"swirl-aria-expanded"],swirlAriaHaspopup:[1,"swirl-aria-haspopup"],suffix:[1],truncateLabel:[4,"truncate-label"]}]);function c(){"undefined"!=typeof customElements&&["swirl-action-list-item"].forEach((i=>{"swirl-action-list-item"===i&&(customElements.get(s(i))||customElements.define(s(i),l))}))}export{l as S,c as d}

package/dist/components/swirl-autocomplete.js

@@ -1 +1 @@
-import{proxyCustomElement as s,HTMLElement as i,createEvent as t,h as e,Host as o,transformTag as a}from"@stencil/core/internal/client";import{a as l,c as r,o as c}from"./floating-ui.dom.js";import{c as n}from"./index2.js";import{d as h}from"./utils.js";import{d as m}from"./swirl-icon-cancel2.js";import{d}from"./swirl-icon-check-small2.js";import{d as u}from"./swirl-icon-check-strong2.js";import{d as p}from"./swirl-icon-close2.js";import{d as w}from"./swirl-icon-drag-handle2.js";import{d as b}from"./swirl-icon-expand-less2.js";import{d as f}from"./swirl-icon-expand-more2.js";import{d as y}from"./swirl-icon-visibility2.js";import{d as k}from"./swirl-icon-visibility-off2.js";import{d as g}from"./swirl-option-list2.js";import{d as v}from"./swirl-option-list-item2.js";import{d as x}from"./swirl-spinner2.js";import{d as E}from"./swirl-stack2.js";import{d as j}from"./swirl-tag2.js";import{d as _}from"./swirl-text-input2.js";import{d as A}from"./swirl-visually-hidden2.js";const S=s(class extends i{constructor(s){super(),!1!==s&&this.__registerHost(),this.valueChange=t(this,"valueChange",7),this.clearable=!0,this.clearButtonLabel="Clear input",this.generateSuggestions=async()=>[],this.menuLabel="Suggestions",this.active=!1,this.loading=!1,this.suggestions=[],this.onChange=s=>{s.stopPropagation(),this.updateTerm(s)},this.updateTerm=h((async s=>{this.updateSuggestions(s.detail),this.open(),this.multiSelect||s.detail&&""!==s.detail||(this.value=void 0,this.valueChange.emit(this.value))}),250,!1),this.onSelect=async s=>{if(s.stopPropagation(),this.multiSelect){const i=s.detail,t=this.suggestions.filter((s=>!i.includes(s.id))).map((s=>s.id));this.value=[...this.value.filter((s=>!t.includes(s.id))),...this.suggestions.filter((s=>i.includes(s.id)&&!this.value.some((i=>i.id===s.id))))],this.valueChange.emit(this.value),this.inputEl.value="";const e=this.inputEl.querySelector("input");e&&(e.value="",queueMicrotask((()=>{e.focus(),this.close()})),this.updateSuggestions(e.value))}else if(s.detail[0]){const i=s.detail[0],t=this.suggestions.find((s=>s.id===i));if(!t)return;this.value=t,this.valueChange.emit(this.value),queueMicrotask((()=>{this.inputEl.querySelector("input")?.focus(),this.close()}))}},this.onRemoveValue=s=>{Array.isArray(this.value)&&(this.value=this.value.filter((i=>i.id!==s)),this.valueChange.emit(this.value))},this.onFocusOut=s=>{const i=s.relatedTarget;i&&!this.el.contains(i)&&this.close()},this.onFocus=()=>{this.updateSuggestions(),this.open()},this.onKeyDown=s=>{"Escape"===s.code&&(s.preventDefault(),s.stopPropagation(),this.inputEl.querySelector("input").focus(),this.close())},this.onInputKeyDown=s=>{"ArrowDown"===s.code&&(s.preventDefault(),this.listboxEl.querySelector('[role="listbox"]')?.querySelector('[tabIndex="0"]')?.focus())}}componentWillLoad(){const s=document.querySelectorAll("swirl-datepicker").length;this.id="autocomplete-"+s,this.handleInitialValue()}onWindowClick(s){this.el.contains(s.target)||this.close()}watchMultiSelect(){this.handleInitialValue()}async close(){if(!this.active)return;this.disableAutoUpdate&&this.disableAutoUpdate();const s=this.inputEl.querySelector("input");s&&(s.value=this.multiSelect?"":this.value?.label||""),this.active=!1}async open(){this.active||(this.active=!0,requestAnimationFrame((async()=>{await this.reposition(),this.disableAutoUpdate&&this.disableAutoUpdate(),this.disableAutoUpdate=l(this.inputEl,this.listboxContainerEl,this.reposition.bind(this),{animationFrame:!0}),this.listboxContainerEl.scrollTop=0,this.updateSuggestions(this.inputEl.querySelector("input").value)})))}async reposition(){this.listboxContainerEl&&(this.position=await r(this.inputEl,this.listboxContainerEl,{middleware:[c({crossAxis:-16,mainAxis:16})],placement:"bottom-start",strategy:"fixed"}))}async updateSuggestions(s){this.loading=!0,this.suggestions=[],this.suggestions=await this.generateSuggestions(s),this.loading=!1}handleInitialValue(){this.multiSelect&&!Array.isArray(this.value)&&(this.value=[]),!this.multiSelect&&Array.isArray(this.value)&&(this.value=void 0)}render(){const s=this.id+"-suggestions",i=this.clearable&&!this.multiSelect,t=this.multiSelect?this.value.map((s=>s.id)):this.value?[this.value.id]:[],a=this.multiSelect?void 0:this.value?.label||"",l=n("autocomplete",{"autocomplete--inactive":!this.active});return e(o,{key:"bf076ad2e3840ef8bd57153c90107d3df1a806ad"},e("div",{key:"d5a5988e04aab0d702c0dee903d784dc69101933",class:l,onKeyDown:this.onKeyDown},this.multiSelect&&Array.isArray(this.value)&&this.value.length>0&&e("div",{key:"c0032b03256dc5c88fc38236599fbbd8cdae96df",class:"autocomplete__multi-select-tags"},e("swirl-stack",{key:"1d4b148a2273271571b6e05455cd113ef7c1656e",orientation:"horizontal",spacing:"8",wrap:!0},this.value.map((s=>e("swirl-tag",{key:s.id,label:s.label,onRemove:()=>this.onRemoveValue(s.id),removable:!this.disabled}))))),e("swirl-text-input",{key:"f40bd864adb81e66ae73ce79f54bd6f4b0d1312e",autoSelect:this.autoSelect,class:"autocomplete__input",clearable:i,clearButtonLabel:this.clearButtonLabel,disabled:this.disabled,disableDynamicWidth:!0,id:this.id,inline:this.inline,invalid:this.invalid,onInputFocus:this.onFocus,onKeyDown:this.onInputKeyDown,onValueChange:this.onChange,maxLength:this.maxLength,mode:this.mode,placeholder:this.placeholder,ref:s=>this.inputEl=s,required:this.required,spellCheck:this.spellCheck,swirlAriaAutocomplete:"list",swirlAriaControls:s,swirlAriaDescribedby:this.swirlAriaDescribedby,swirlAriaExpanded:this.active+"",swirlRole:"combobox",value:a}),e("div",{key:"1f1ee304b4fdfacc9f582f1b7c85bd7359841895",class:"autocomplete__listbox-container",onFocusout:this.onFocusOut,ref:s=>this.listboxContainerEl=s,style:{top:this.position?this.position?.y+"px":"",left:this.position?this.position?.x+"px":"",width:this.inputEl?.getBoundingClientRect().width+32+"px"}},this.loading&&e("div",{key:"e163af35f06c0d4c8be7ffbccfad83138a6677bd",class:"autocomplete__spinner"},e("swirl-spinner",{key:"252d6a9ba7c4f035e06d79d400d5d63db342a4ec"})),this.suggestions.length>0&&e("swirl-option-list",{key:"4e2360c358a4c639812821f753dbcdf5d723bb60",allowDeselect:!0===this.multiSelect,label:this.menuLabel,multiSelect:this.multiSelect,onValueChange:this.onSelect,optionListId:s,ref:s=>this.listboxEl=s,value:t},this.suggestions.map((s=>e("swirl-option-list-item",{selected:Array.isArray(this.value)?this.value.some((i=>i.id===s.id)):this.value?.id===s.id,key:s.id,disabled:s.disabled,label:s.label,value:s.id})))))))}get el(){return this}static get watchers(){return{multiSelect:[{watchMultiSelect:0}]}}static get style(){return".sc-swirl-autocomplete-h{display:block}.sc-swirl-autocomplete-h *.sc-swirl-autocomplete{box-sizing:border-box}.autocomplete--inactive.sc-swirl-autocomplete .autocomplete__listbox-container.sc-swirl-autocomplete{display:none}.autocomplete__listbox-container.sc-swirl-autocomplete{position:fixed;z-index:var(--s-z-40);overflow-x:hidden;overflow-y:auto;max-height:18rem;padding-top:var(--s-space-8);padding-bottom:var(--s-space-8);border-radius:var(--s-border-radius-sm);background-color:var(--s-surface-overlay-default);animation:autocomplete-enter 0.1s;box-shadow:var(--s-shadow-level-1)}.autocomplete__listbox-container.sc-swirl-autocomplete:empty{display:none}.autocomplete__spinner.sc-swirl-autocomplete{display:flex;padding:var(--s-space-16);justify-content:center;align-items:center}.autocomplete__multi-select-tags.sc-swirl-autocomplete{margin-top:var(--swirl-autocomplete-tags-margin-top);margin-bottom:var(--s-space-4)}@keyframes autocomplete-enter{from{opacity:0}to{opacity:1}}"}},[2,"swirl-autocomplete",{autoSelect:[4,"auto-select"],clearable:[4],clearButtonLabel:[1,"clear-button-label"],disabled:[4],generateSuggestions:[1040],inline:[4],invalid:[4],maxLength:[2,"max-length"],menuLabel:[1,"menu-label"],mode:[1],multiSelect:[4,"multi-select"],placeholder:[1],required:[4],spellCheck:[4,"spell-check"],swirlAriaDescribedby:[1,"swirl-aria-describedby"],value:[1040],active:[32],loading:[32],position:[32],suggestions:[32]},[[8,"click","onWindowClick"]],{multiSelect:[{watchMultiSelect:0}]}]),C=S,D=function(){"undefined"!=typeof customElements&&["swirl-autocomplete","swirl-icon-cancel","swirl-icon-check-small","swirl-icon-check-strong","swirl-icon-close","swirl-icon-drag-handle","swirl-icon-expand-less","swirl-icon-expand-more","swirl-icon-visibility","swirl-icon-visibility-off","swirl-option-list","swirl-option-list-item","swirl-spinner","swirl-stack","swirl-tag","swirl-text-input","swirl-visually-hidden"].forEach((s=>{switch(s){case"swirl-autocomplete":customElements.get(a(s))||customElements.define(a(s),S);break;case"swirl-icon-cancel":customElements.get(a(s))||m();break;case"swirl-icon-check-small":customElements.get(a(s))||d();break;case"swirl-icon-check-strong":customElements.get(a(s))||u();break;case"swirl-icon-close":customElements.get(a(s))||p();break;case"swirl-icon-drag-handle":customElements.get(a(s))||w();break;case"swirl-icon-expand-less":customElements.get(a(s))||b();break;case"swirl-icon-expand-more":customElements.get(a(s))||f();break;case"swirl-icon-visibility":customElements.get(a(s))||y();break;case"swirl-icon-visibility-off":customElements.get(a(s))||k();break;case"swirl-option-list":customElements.get(a(s))||g();break;case"swirl-option-list-item":customElements.get(a(s))||v();break;case"swirl-spinner":customElements.get(a(s))||x();break;case"swirl-stack":customElements.get(a(s))||E();break;case"swirl-tag":customElements.get(a(s))||j();break;case"swirl-text-input":customElements.get(a(s))||_();break;case"swirl-visually-hidden":customElements.get(a(s))||A()}}))};export{C as SwirlAutocomplete,D as defineCustomElement}
+import{proxyCustomElement as s,HTMLElement as t,createEvent as i,h as e,Host as o,transformTag as l}from"@stencil/core/internal/client";import{a,c as r,o as c}from"./floating-ui.dom.js";import{c as n}from"./index2.js";import{d as h}from"./utils.js";import{d as m}from"./swirl-icon-cancel2.js";import{d}from"./swirl-icon-check-small2.js";import{d as u}from"./swirl-icon-check-strong2.js";import{d as p}from"./swirl-icon-close2.js";import{d as w}from"./swirl-icon-drag-handle2.js";import{d as b}from"./swirl-icon-expand-less2.js";import{d as f}from"./swirl-icon-expand-more2.js";import{d as y}from"./swirl-icon-visibility2.js";import{d as k}from"./swirl-icon-visibility-off2.js";import{d as g}from"./swirl-option-list2.js";import{d as v}from"./swirl-option-list-item2.js";import{d as x}from"./swirl-spinner2.js";import{d as E}from"./swirl-stack2.js";import{d as j}from"./swirl-tag2.js";import{d as _}from"./swirl-text-input2.js";import{d as A}from"./swirl-visually-hidden2.js";const S=s(class extends t{constructor(s){super(),!1!==s&&this.__registerHost(),this.valueChange=i(this,"valueChange",7),this.clearable=!0,this.clearButtonLabel="Clear input",this.generateSuggestions=async()=>[],this.menuLabel="Suggestions",this.active=!1,this.loading=!1,this.suggestions=[],this.onChange=s=>{s.stopPropagation(),this.updateTerm(s)},this.updateTerm=h((async s=>{this.updateSuggestions(s.detail),this.open(),this.multiSelect||s.detail&&""!==s.detail||(this.value=void 0,this.valueChange.emit(this.value))}),250,!1),this.onSelect=async s=>{if(s.stopPropagation(),this.multiSelect){const t=s.detail,i=this.suggestions.filter((s=>!t.includes(s.id))).map((s=>s.id));this.value=[...this.value.filter((s=>!i.includes(s.id))),...this.suggestions.filter((s=>t.includes(s.id)&&!this.value.some((t=>t.id===s.id))))],this.valueChange.emit(this.value),this.inputEl.value="";const e=this.inputEl.querySelector("input");e&&(e.value="",queueMicrotask((()=>{e.focus(),this.close()})),this.updateSuggestions(e.value))}else if(s.detail[0]){const t=s.detail[0],i=this.suggestions.find((s=>s.id===t));if(!i)return;this.value=i,this.valueChange.emit(this.value),queueMicrotask((()=>{this.inputEl.querySelector("input")?.focus(),this.close()}))}},this.onRemoveValue=s=>{Array.isArray(this.value)&&(this.value=this.value.filter((t=>t.id!==s)),this.valueChange.emit(this.value))},this.onFocusOut=s=>{const t=s.relatedTarget;t&&!this.el.contains(t)&&this.close()},this.onFocus=()=>{this.updateSuggestions(),this.open()},this.onKeyDown=s=>{"Escape"===s.code&&(s.preventDefault(),s.stopPropagation(),this.inputEl.querySelector("input").focus(),this.close())},this.onInputKeyDown=s=>{"ArrowDown"===s.code&&(s.preventDefault(),this.listboxEl.querySelector('[role="listbox"]')?.querySelector('[tabIndex="0"]')?.focus())}}componentWillLoad(){const s=document.querySelectorAll("swirl-datepicker").length;this.id="autocomplete-"+s,this.handleInitialValue()}onWindowClick(s){this.el.contains(s.target)||this.close()}watchMultiSelect(){this.handleInitialValue()}async close(){if(!this.active)return;this.disableAutoUpdate&&this.disableAutoUpdate();const s=this.inputEl.querySelector("input");s&&(s.value=this.multiSelect?"":this.value?.label||""),this.active=!1}async open(){this.active||(this.active=!0,requestAnimationFrame((async()=>{await this.reposition(),this.disableAutoUpdate&&this.disableAutoUpdate(),this.disableAutoUpdate=a(this.inputEl,this.listboxContainerEl,this.reposition.bind(this),{animationFrame:!0}),this.listboxContainerEl.scrollTop=0,this.updateSuggestions(this.inputEl.querySelector("input").value)})))}async reposition(){this.listboxContainerEl&&(this.position=await r(this.inputEl,this.listboxContainerEl,{middleware:[c({crossAxis:-16,mainAxis:16})],placement:"bottom-start",strategy:"fixed"}))}async updateSuggestions(s){this.loading=!0,this.suggestions=[],this.suggestions=await this.generateSuggestions(s),this.loading=!1}handleInitialValue(){this.multiSelect&&!Array.isArray(this.value)&&(this.value=[]),!this.multiSelect&&Array.isArray(this.value)&&(this.value=void 0)}render(){const s=this.id+"-suggestions",t=this.clearable&&!this.multiSelect,i=this.multiSelect?this.value.map((s=>s.id)):this.value?[this.value.id]:[],l=this.multiSelect?void 0:this.value?.label||"",a=n("autocomplete",{"autocomplete--inactive":!this.active});return e(o,{key:"bf076ad2e3840ef8bd57153c90107d3df1a806ad"},e("div",{key:"d5a5988e04aab0d702c0dee903d784dc69101933",class:a,onKeyDown:this.onKeyDown},this.multiSelect&&Array.isArray(this.value)&&this.value.length>0&&e("div",{key:"c0032b03256dc5c88fc38236599fbbd8cdae96df",class:"autocomplete__multi-select-tags"},e("swirl-stack",{key:"1d4b148a2273271571b6e05455cd113ef7c1656e",orientation:"horizontal",spacing:"8",wrap:!0},this.value.map((s=>e("swirl-tag",{key:s.id,label:s.label,onRemove:()=>this.onRemoveValue(s.id),removable:!this.disabled}))))),e("swirl-text-input",{key:"f40bd864adb81e66ae73ce79f54bd6f4b0d1312e",autoSelect:this.autoSelect,class:"autocomplete__input",clearable:t,clearButtonLabel:this.clearButtonLabel,disabled:this.disabled,disableDynamicWidth:!0,id:this.id,inline:this.inline,invalid:this.invalid,onInputFocus:this.onFocus,onKeyDown:this.onInputKeyDown,onValueChange:this.onChange,maxLength:this.maxLength,mode:this.mode,placeholder:this.placeholder,ref:s=>this.inputEl=s,required:this.required,spellCheck:this.spellCheck,swirlAriaAutocomplete:"list",swirlAriaControls:s,swirlAriaDescribedby:this.swirlAriaDescribedby,swirlAriaExpanded:this.active+"",swirlRole:"combobox",value:l}),e("div",{key:"1f1ee304b4fdfacc9f582f1b7c85bd7359841895",class:"autocomplete__listbox-container",onFocusout:this.onFocusOut,ref:s=>this.listboxContainerEl=s,style:{top:this.position?this.position?.y+"px":"",left:this.position?this.position?.x+"px":"",width:this.inputEl?.getBoundingClientRect().width+32+"px"}},this.loading&&e("div",{key:"e163af35f06c0d4c8be7ffbccfad83138a6677bd",class:"autocomplete__spinner"},e("swirl-spinner",{key:"252d6a9ba7c4f035e06d79d400d5d63db342a4ec"})),this.suggestions.length>0&&e("swirl-option-list",{key:"4e2360c358a4c639812821f753dbcdf5d723bb60",allowDeselect:!0===this.multiSelect,label:this.menuLabel,multiSelect:this.multiSelect,onValueChange:this.onSelect,optionListId:s,ref:s=>this.listboxEl=s,value:i},this.suggestions.map((s=>e("swirl-option-list-item",{selected:Array.isArray(this.value)?this.value.some((t=>t.id===s.id)):this.value?.id===s.id,key:s.id,disabled:s.disabled,label:s.label,value:s.id})))))))}get el(){return this}static get watchers(){return{multiSelect:[{watchMultiSelect:0}]}}static get style(){return".sc-swirl-autocomplete-h{display:block}.sc-swirl-autocomplete-h *.sc-swirl-autocomplete{box-sizing:border-box}.autocomplete--inactive.sc-swirl-autocomplete .autocomplete__listbox-container.sc-swirl-autocomplete{display:none}.autocomplete__listbox-container.sc-swirl-autocomplete{position:fixed;z-index:var(--s-z-40);overflow-x:hidden;overflow-y:auto;max-height:18rem;padding-top:var(--s-space-8);padding-bottom:var(--s-space-8);border-radius:var(--s-border-radius-sm);background:var(--s-translucent-low-default);-webkit-backdrop-filter:blur(var(--s-blur-l));backdrop-filter:blur(var(--s-blur-l));animation:autocomplete-enter 0.1s;box-shadow:var(--s-shadow-level-1)}.autocomplete__listbox-container.sc-swirl-autocomplete:empty{display:none}.autocomplete__spinner.sc-swirl-autocomplete{display:flex;padding:var(--s-space-16);justify-content:center;align-items:center}.autocomplete__multi-select-tags.sc-swirl-autocomplete{margin-top:var(--swirl-autocomplete-tags-margin-top);margin-bottom:var(--s-space-4)}@keyframes autocomplete-enter{from{opacity:0}to{opacity:1}}"}},[2,"swirl-autocomplete",{autoSelect:[4,"auto-select"],clearable:[4],clearButtonLabel:[1,"clear-button-label"],disabled:[4],generateSuggestions:[1040],inline:[4],invalid:[4],maxLength:[2,"max-length"],menuLabel:[1,"menu-label"],mode:[1],multiSelect:[4,"multi-select"],placeholder:[1],required:[4],spellCheck:[4,"spell-check"],swirlAriaDescribedby:[1,"swirl-aria-describedby"],value:[1040],active:[32],loading:[32],position:[32],suggestions:[32]},[[8,"click","onWindowClick"]],{multiSelect:[{watchMultiSelect:0}]}]),C=S,D=function(){"undefined"!=typeof customElements&&["swirl-autocomplete","swirl-icon-cancel","swirl-icon-check-small","swirl-icon-check-strong","swirl-icon-close","swirl-icon-drag-handle","swirl-icon-expand-less","swirl-icon-expand-more","swirl-icon-visibility","swirl-icon-visibility-off","swirl-option-list","swirl-option-list-item","swirl-spinner","swirl-stack","swirl-tag","swirl-text-input","swirl-visually-hidden"].forEach((s=>{switch(s){case"swirl-autocomplete":customElements.get(l(s))||customElements.define(l(s),S);break;case"swirl-icon-cancel":customElements.get(l(s))||m();break;case"swirl-icon-check-small":customElements.get(l(s))||d();break;case"swirl-icon-check-strong":customElements.get(l(s))||u();break;case"swirl-icon-close":customElements.get(l(s))||p();break;case"swirl-icon-drag-handle":customElements.get(l(s))||w();break;case"swirl-icon-expand-less":customElements.get(l(s))||b();break;case"swirl-icon-expand-more":customElements.get(l(s))||f();break;case"swirl-icon-visibility":customElements.get(l(s))||y();break;case"swirl-icon-visibility-off":customElements.get(l(s))||k();break;case"swirl-option-list":customElements.get(l(s))||g();break;case"swirl-option-list-item":customElements.get(l(s))||v();break;case"swirl-spinner":customElements.get(l(s))||x();break;case"swirl-stack":customElements.get(l(s))||E();break;case"swirl-tag":customElements.get(l(s))||j();break;case"swirl-text-input":customElements.get(l(s))||_();break;case"swirl-visually-hidden":customElements.get(l(s))||A()}}))};export{C as SwirlAutocomplete,D as defineCustomElement}

package/dist/components/swirl-button2.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as o,h as n,Host as i,transformTag as r}from"@stencil/core/internal/client";import{c as a}from"./index2.js";import{D as s}from"./media-query.service.js";const e=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.cursor="pointer",this.iconPosition="start",this.intent="default",this.size="m",this.textAlign="center",this.type="button",this.variant="ghost",this.mediaQueryUnsubscribe=()=>{}}componentDidLoad(){this.updateFormAttribute(),this.mediaQueryUnsubscribe=s.subscribe((t=>{this.isDesktop=t,this.forceIconProps()}))}componentDidRender(){this.updateFormAttribute(),this.forceIconProps()}disconnectedCallback(){this.mediaQueryUnsubscribe()}forceIconProps(){if(!Boolean(this.iconEl))return;const t=this.iconEl.children[0];(t?.tagName.startsWith("SWIRL-ICON")||t?.tagName.startsWith("SWIRL-EMOJI")||t?.tagName.startsWith("SWIRL-SYMBOL"))&&t?.setAttribute("size",this.isDesktop?"20":"24")}getAriaLabel(t){return Boolean(this.swirlAriaLabel)?this.swirlAriaLabel:t?this.label:void 0}updateFormAttribute(){Boolean(this.href)||!Boolean(this.form)?this.buttonEl?.removeAttribute("form"):this.buttonEl?.setAttribute("form",this.form)}render(){const t=this.hideLabel&&Boolean(this.icon)||"floating"===this.variant&&"default"===this.intent,o=Boolean(this.href),r=this.getAriaLabel(t),s=this.icon||Boolean(this.el.querySelector("[slot='icon']")),e=Boolean(this.el.querySelector("[slot='tag']")),l=Boolean(this.el.querySelector("[slot='trailing']")),b=a("button",`button--icon-position-${this.iconPosition}`,`button--intent-${this.intent}`,`button--size-${this.size}`,`button--text-align-${this.textAlign}`,`button--variant-${this.variant}`,{"button--elevated":this.elevated,"button--disabled":this.disabled,"button--has-icon":s,"button--icon-only":t,"button--pill":this.pill,"button--pressed":this.pressed});return n(i,{key:"ba6372237afb1a000b5cb0805e12e1d998ba608e",style:{pointerEvents:this.disabled?"none":""}},n(o?"a":"button",{key:"c22f997d83b7bcb16e176addf039c6e583f88343","aria-controls":this.swirlAriaControls,"aria-current":this.swirlAriaCurrent,"aria-describedby":this.swirlAriaDescribedby,"aria-disabled":this.disabled&&!o?"true":void 0,"aria-expanded":this.swirlAriaExpanded,"aria-haspopup":this.swirlAriaHaspopup,"aria-label":r,"aria-pressed":this.pressed?"true":void 0,class:b,disabled:o?void 0:this.disabled,download:o?void 0:this.download,form:o?void 0:this.form,href:this.href,name:o?void 0:this.name,ref:t=>this.buttonEl=t,target:o?this.target:void 0,type:o?void 0:this.type,value:o?void 0:this.value,style:{cursor:this.disabled||"pointer"===this.cursor?void 0:this.cursor,fontSize:this.inheritFontSize?"inherit":void 0,lineHeight:this.inheritFontSize?"inherit":void 0}},Boolean(this.icon)&&n("span",{key:"eacadeb82d465ef4ed35ed57cbb332e6d36e21cb",class:"button__icon",innerHTML:this.icon,ref:t=>this.iconEl=t}),!Boolean(this.icon)&&n("span",{key:"affe93319cadf0fbc9438f1dd6f4df19a592d9e4",class:"button__icon",ref:t=>this.iconEl=t},n("slot",{key:"2251909072a2c524cb15016a0c63848c4e0640cf",name:"icon"})),!t&&n("span",{key:"fbfd536b6a466286e138385e6374e4553543f5a2",class:"button__label"},this.label),e&&n("span",{key:"707dc78718fdc32cb802992f1705d25e72ba4162",class:"button__tag"},n("slot",{key:"bd3d1c54238decfcdb54c28859759efae62df996",name:"tag"})),l&&n("div",{key:"aea035d7b953e7e5e471859cf0a7e73e26f0a2ad",class:"button__trailing-slot"},n("slot",{key:"9c4278315c6f0d0ac166da345ccadd56d4b77ecc",name:"trailing"}))))}get el(){return this}static get style(){return".sc-swirl-button-h{display:inline-block;max-width:100%;flex-shrink:0}.sc-swirl-button-h *.sc-swirl-button{box-sizing:border-box}.button.sc-swirl-button{display:inline-flex;width:100%;padding:var(--s-space-8) var(--s-space-16);justify-content:center;align-items:center;border:none;border-top-left-radius:var(--swirl-button-border-top-left-radius);border-top-right-radius:var(--swirl-button-border-top-right-radius);border-bottom-right-radius:var(--swirl-button-border-bottom-right-radius);border-bottom-left-radius:var(--swirl-button-border-bottom-left-radius);color:var(--s-text-subdued);background-color:var(--swirl-ghost-button-background-default);font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-lg);text-decoration:none;cursor:pointer;gap:var(--s-space-8);transition:box-shadow 0.3s}.button.sc-swirl-button:hover{background-color:var(--swirl-ghost-button-background-hovered);--swirl-tag-background-default:var(--s-surface-sunken-pressed)}.button.sc-swirl-button:active{background-color:var(--swirl-ghost-button-background-pressed)}.button--elevated.sc-swirl-button{box-shadow:var(--s-shadow-level-2)}.button.sc-swirl-button:disabled,.button.button--disabled.sc-swirl-button{color:var(--s-text-disabled);cursor:default}.button.sc-swirl-button:disabled:where(:not(.button--variant-ghost)),.button.button--disabled.sc-swirl-button:where(:not(.button--variant-ghost)){background-color:var(--swirl-ghost-button-background-disabled)}.button.sc-swirl-button:disabled .button__icon.sc-swirl-button,.button.button--disabled.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-disabled)}.button.sc-swirl-button:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button.sc-swirl-button{padding:var(--s-space-8) var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);gap:var(--s-space-4)}}.button--text-align-start.sc-swirl-button{justify-content:flex-start}.button--text-align-center.sc-swirl-button{justify-content:center}.button--text-align-end.sc-swirl-button{justify-content:flex-end}.button--variant-ghost.button--intent-strong.sc-swirl-button:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-default)}.button--variant-ghost.button--intent-strong.sc-swirl-button:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-ghost.button--intent-primary.sc-swirl-button:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-highlight)}.button--variant-ghost.button--intent-primary.sc-swirl-button:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-icon-highlight)}.button--variant-ghost.button--intent-critical.sc-swirl-button:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-critical)}.button--variant-ghost.button--intent-critical.sc-swirl-button:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-icon-critical)}.button--variant-ghost.button--pressed.sc-swirl-button{color:var(--s-text-highlight)}.button--variant-ghost.button--pressed.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-highlight)}.button--variant-ghost.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-ghost.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-flat.sc-swirl-button{color:var(--s-text-default);background-color:var(--swirl-flat-button-background-default);--swirl-tag-background-default:var(--s-surface-sunken-pressed)}.button--variant-flat.sc-swirl-button:hover{background-color:var(--swirl-flat-button-background-hovered)}.button--variant-flat.sc-swirl-button:active{background-color:var(--swirl-flat-button-background-pressed)}.button--variant-flat.sc-swirl-button:disabled,.button--variant-flat.button--disabled.sc-swirl-button{background-color:var(--swirl-flat-button-background-disabled)}.button--variant-flat.button--intent-primary.sc-swirl-button:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.button--variant-flat.button--intent-primary.sc-swirl-button:where(:not(:disabled):not(.button--disabled)):hover{background-color:var(--s-action-primary-hovered)}.button--variant-flat.button--intent-primary.sc-swirl-button:where(:not(:disabled):not(.button--disabled)):active{background-color:var(--s-action-primary-pressed)}.button--variant-flat.button--intent-primary.sc-swirl-button:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-icon-on-action-primary)}.button--variant-flat.button--intent-critical.sc-swirl-button:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-on-status);background-color:var(--s-action-critical-default)}.button--variant-flat.button--intent-critical.sc-swirl-button:where(:not(:disabled):not(.button--disabled)):hover{background-color:var(--s-action-critical-hovered)}.button--variant-flat.button--intent-critical.sc-swirl-button:where(:not(:disabled):not(.button--disabled)):active{background-color:var(--s-action-critical-pressed)}.button--variant-flat.button--intent-critical.sc-swirl-button:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-icon-on-status)}.button--variant-flat.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-flat.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-flat.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-outline.sc-swirl-button{color:var(--s-text-default);outline:var(--s-border-width-default) solid var(--s-border-strong);outline-offset:calc(var(--s-border-width-default) * -1)}.button--variant-outline.sc-swirl-button:disabled,.button--variant-outline.button--disabled.sc-swirl-button{outline-color:var(--s-border-default)}.button--variant-outline.button--intent-critical.sc-swirl-button:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-critical);outline-color:var(--s-border-critical)}.button--variant-outline.button--intent-critical.sc-swirl-button:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-icon-critical)}.button--variant-outline.button--intent-primary.sc-swirl-button:where(:not(:disabled):not(.button--disabled)),.button--variant-outline.button--pressed.sc-swirl-button{color:var(--s-text-highlight);outline-color:var(--s-border-highlight)}.button--variant-outline.button--intent-primary.sc-swirl-button:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button,.button--variant-outline.button--pressed.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-highlight)}.button--variant-outline.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-outline.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-outline.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-plain.sc-swirl-button{padding:0;border-radius:0;color:var(--swirl-plain-button-text-color-default);background-color:transparent}.button--variant-plain.sc-swirl-button:hover:where(:not(:disabled):not(.button--disabled)){color:var(--swirl-plain-button-text-color-hovered);background-color:transparent;text-decoration:underline;text-underline-offset:var(--s-space-4)}.button--variant-plain.sc-swirl-button:hover:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--swirl-plain-button-text-color-hovered)}.button--variant-plain.sc-swirl-button:active:where(:not(:disabled):not(.button--disabled)){color:var(--swirl-plain-button-text-color-pressed);background-color:transparent}.button--variant-plain.sc-swirl-button:active:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--swirl-plain-button-text-color-pressed)}.button--variant-plain.sc-swirl-button:disabled,.button--variant-plain.button--disabled.sc-swirl-button{color:var(--swirl-plain-button-text-color-disabled);background-color:transparent}.button--variant-plain.sc-swirl-button:disabled .button__icon.sc-swirl-button,.button--variant-plain.button--disabled.sc-swirl-button .button__icon.sc-swirl-button{color:var(--swirl-plain-button-text-color-disabled)}.button--variant-plain.button--icon-only.sc-swirl-button{padding:0}.button--variant-plain.button--intent-strong.sc-swirl-button:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-default)}.button--variant-plain.button--intent-strong.sc-swirl-button:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-plain.button--intent-primary.sc-swirl-button{color:var(--s-interactive-primary-default)}.button--variant-plain.button--intent-primary.sc-swirl-button:hover:where(:not(:disabled):not(.button--disabled)){color:var(--s-interactive-primary-hovered)}.button--variant-plain.button--intent-primary.sc-swirl-button:hover:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-interactive-primary-hovered)}.button--variant-plain.button--intent-primary.sc-swirl-button:active:where(:not(:disabled):not(.button--disabled)){color:var(--s-interactive-primary-pressed)}.button--variant-plain.button--intent-primary.sc-swirl-button:active:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-interactive-primary-pressed)}.button--variant-plain.button--intent-primary.sc-swirl-button:disabled,.button--variant-plain.button--intent-primary.button--disabled.sc-swirl-button{color:var(--s-interactive-primary-disabled)}.button--variant-plain.button--intent-primary.sc-swirl-button:disabled .button__icon.sc-swirl-button,.button--variant-plain.button--intent-primary.button--disabled.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-interactive-primary-disabled)}.button--variant-plain.button--intent-primary.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-interactive-primary-default)}.button--variant-plain.sc-swirl-button .button__icon.sc-swirl-button{margin-left:0;color:var(--swirl-plain-button-text-color-default)}.button--variant-plain.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-plain.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-on-image.sc-swirl-button{color:var(--s-text-on-image);background:rgba(0, 0, 0, 0.6)}.button--variant-on-image.sc-swirl-button:hover{background:rgba(0, 0, 0, 0.5)}.button--variant-on-image.sc-swirl-button:active{background:rgba(0, 0, 0, 0.4)}.button--variant-on-image.sc-swirl-button:disabled,.button--variant-on-image.button--disabled.sc-swirl-button{color:var(--s-text-on-image);background:rgba(0, 0, 0, 0.3)}.button--variant-on-image.sc-swirl-button:disabled .button__icon.sc-swirl-button,.button--variant-on-image.button--disabled.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-on-image)}.button--variant-on-image.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-on-image)}.button--variant-on-image.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-on-image.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-floating.sc-swirl-button{color:var(--s-text-default);background-color:var(--s-surface-overlay-default)}.button--variant-floating.sc-swirl-button:not(.button--elevated){box-shadow:var(--s-shadow-level-1)}.button--variant-floating.sc-swirl-button:hover{color:var(--s-text-on-action-primary);background-color:var(--s-surface-overlay-hovered)}.button--variant-floating.sc-swirl-button:active{color:var(--s-text-on-action-primary);background-color:var(--s-surface-overlay-pressed)}.button--variant-floating.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-floating.button--intent-primary.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20);border-radius:1.5rem;color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.button--variant-floating.button--intent-primary.sc-swirl-button:hover:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-hovered)}.button--variant-floating.button--intent-primary.sc-swirl-button:active:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-pressed)}.button--variant-floating.button--intent-primary.sc-swirl-button:disabled,.button--variant-floating.button--intent-primary.button--disabled.sc-swirl-button{color:var(--s-text-on-action-primary)}.button--variant-floating.button--intent-primary.sc-swirl-button:disabled .button__icon.sc-swirl-button,.button--variant-floating.button--intent-primary.button--disabled.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-on-action-primary)}.button--variant-floating.button--intent-primary.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-floating.button--intent-primary.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-on-action-primary)}.button--variant-floating.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-translucent.sc-swirl-button{color:var(--s-text-default);outline:var(--s-border-width-default) solid     var(--s-border-translucent-outline);outline-offset:calc(var(--s-border-width-default) * -1);background:var(--s-translucent-medium-default);box-shadow:var(--s-shadow-level-2);-webkit-backdrop-filter:blur(var(--s-blur-s));backdrop-filter:blur(var(--s-blur-s))}.button--variant-translucent.sc-swirl-button:hover{background:var(--s-translucent-medium-hovered)}.button--variant-translucent.sc-swirl-button:active{background:var(--s-translucent-medium-pressed)}.button--variant-translucent.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-translucent.sc-swirl-button:disabled,.button--variant-translucent.button--disabled.sc-swirl-button{color:var(--s-text-subdued);background:var(--s-translucent-medium-default)}.button--variant-translucent.sc-swirl-button:disabled .button__icon.sc-swirl-button,.button--variant-translucent.button--disabled.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-default)}.button--icon-position-end.sc-swirl-button .button__icon.sc-swirl-button{margin-right:calc(-1 * var(--s-space-4));margin-left:0;order:2}.button--pill.sc-swirl-button{border-radius:1.25rem}.button--pill.button--size-l.sc-swirl-button{border-radius:1.5rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button--pill.button--size-l.sc-swirl-button{border-radius:1.375rem}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button--pill.sc-swirl-button{border-radius:1.125rem}}.button--icon-only.sc-swirl-button{padding:var(--s-space-8)}.button--icon-only.button--pill.sc-swirl-button{border-top-left-radius:var(--swirl-icon-button-border-top-left-radius);border-top-right-radius:var(--swirl-icon-button-border-top-right-radius);border-bottom-right-radius:var(       --swirl-icon-button-border-bottom-right-radius     );border-bottom-left-radius:var(       --swirl-icon-button-border-bottom-left-radius     )}.button--icon-only.sc-swirl-button .button__icon.sc-swirl-button{margin-right:0;margin-left:0}.button--has-icon.sc-swirl-button .button__icon.sc-swirl-button{display:inline-flex}.button__tag.sc-swirl-button{padding-left:var(--s-space-8);order:3}.button__trailing-slot.sc-swirl-button{order:4}.button__icon.sc-swirl-button{display:none;width:1.5rem;height:1.5rem;margin-left:calc(-1 * var(--s-space-4));color:var(--s-icon-default);order:0}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button__icon.sc-swirl-button{width:1.25rem;height:1.25rem}}.button__label.sc-swirl-button{overflow:hidden;max-width:100%;white-space:nowrap;text-overflow:ellipsis;order:1}"}},[262,"swirl-button",{cursor:[1],disabled:[4],download:[1],elevated:[4],form:[1],hideLabel:[4,"hide-label"],href:[1],icon:[1],iconPosition:[1,"icon-position"],intent:[1],inheritFontSize:[4,"inherit-font-size"],label:[1],name:[1],pill:[4],pressed:[4],size:[1],swirlAriaControls:[1,"swirl-aria-controls"],swirlAriaCurrent:[1,"swirl-aria-current"],swirlAriaDescribedby:[1,"swirl-aria-describedby"],swirlAriaExpanded:[1,"swirl-aria-expanded"],swirlAriaHaspopup:[1,"swirl-aria-haspopup"],swirlAriaLabel:[1,"swirl-aria-label"],target:[1],textAlign:[1,"text-align"],type:[1],value:[1],variant:[1]}]);function l(){"undefined"!=typeof customElements&&["swirl-button"].forEach((t=>{"swirl-button"===t&&(customElements.get(r(t))||customElements.define(r(t),e))}))}export{e as S,l as d}
+import{proxyCustomElement as t,HTMLElement as o,h as n,Host as i,transformTag as r}from"@stencil/core/internal/client";import{c as a}from"./index2.js";import{D as s}from"./media-query.service.js";const e=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.cursor="pointer",this.iconPosition="start",this.intent="default",this.size="m",this.textAlign="center",this.type="button",this.variant="ghost",this.mediaQueryUnsubscribe=()=>{}}componentDidLoad(){this.updateFormAttribute(),this.mediaQueryUnsubscribe=s.subscribe((t=>{this.isDesktop=t,this.forceIconProps()}))}componentDidRender(){this.updateFormAttribute(),this.forceIconProps()}disconnectedCallback(){this.mediaQueryUnsubscribe()}forceIconProps(){if(!Boolean(this.iconEl))return;const t=this.iconEl.children[0];(t?.tagName.startsWith("SWIRL-ICON")||t?.tagName.startsWith("SWIRL-EMOJI")||t?.tagName.startsWith("SWIRL-SYMBOL"))&&t?.setAttribute("size",this.isDesktop?"20":"24")}getAriaLabel(t){return Boolean(this.swirlAriaLabel)?this.swirlAriaLabel:t?this.label:void 0}updateFormAttribute(){Boolean(this.href)||!Boolean(this.form)?this.buttonEl?.removeAttribute("form"):this.buttonEl?.setAttribute("form",this.form)}render(){const t=this.hideLabel&&Boolean(this.icon)||"floating"===this.variant&&"default"===this.intent,o=Boolean(this.href),r=this.getAriaLabel(t),s=this.icon||Boolean(this.el.querySelector("[slot='icon']")),e=Boolean(this.el.querySelector("[slot='tag']")),l=Boolean(this.el.querySelector("[slot='trailing']")),b=a("button",`button--icon-position-${this.iconPosition}`,`button--intent-${this.intent}`,`button--size-${this.size}`,`button--text-align-${this.textAlign}`,`button--variant-${this.variant}`,{"button--elevated":this.elevated,"button--disabled":this.disabled,"button--has-icon":s,"button--icon-only":t,"button--pill":this.pill,"button--pressed":this.pressed});return n(i,{key:"ba6372237afb1a000b5cb0805e12e1d998ba608e",style:{pointerEvents:this.disabled?"none":""}},n(o?"a":"button",{key:"c22f997d83b7bcb16e176addf039c6e583f88343","aria-controls":this.swirlAriaControls,"aria-current":this.swirlAriaCurrent,"aria-describedby":this.swirlAriaDescribedby,"aria-disabled":this.disabled&&!o?"true":void 0,"aria-expanded":this.swirlAriaExpanded,"aria-haspopup":this.swirlAriaHaspopup,"aria-label":r,"aria-pressed":this.pressed?"true":void 0,class:b,disabled:o?void 0:this.disabled,download:o?void 0:this.download,form:o?void 0:this.form,href:this.href,name:o?void 0:this.name,ref:t=>this.buttonEl=t,target:o?this.target:void 0,type:o?void 0:this.type,value:o?void 0:this.value,style:{cursor:this.disabled||"pointer"===this.cursor?void 0:this.cursor,fontSize:this.inheritFontSize?"inherit":void 0,lineHeight:this.inheritFontSize?"inherit":void 0}},Boolean(this.icon)&&n("span",{key:"eacadeb82d465ef4ed35ed57cbb332e6d36e21cb",class:"button__icon",innerHTML:this.icon,ref:t=>this.iconEl=t}),!Boolean(this.icon)&&n("span",{key:"affe93319cadf0fbc9438f1dd6f4df19a592d9e4",class:"button__icon",ref:t=>this.iconEl=t},n("slot",{key:"2251909072a2c524cb15016a0c63848c4e0640cf",name:"icon"})),!t&&n("span",{key:"fbfd536b6a466286e138385e6374e4553543f5a2",class:"button__label"},this.label),e&&n("span",{key:"707dc78718fdc32cb802992f1705d25e72ba4162",class:"button__tag"},n("slot",{key:"bd3d1c54238decfcdb54c28859759efae62df996",name:"tag"})),l&&n("div",{key:"aea035d7b953e7e5e471859cf0a7e73e26f0a2ad",class:"button__trailing-slot"},n("slot",{key:"9c4278315c6f0d0ac166da345ccadd56d4b77ecc",name:"trailing"}))))}get el(){return this}static get style(){return".sc-swirl-button-h{display:inline-block;max-width:100%;flex-shrink:0}.sc-swirl-button-h *.sc-swirl-button{box-sizing:border-box}.button.sc-swirl-button{display:inline-flex;width:100%;padding:var(--s-space-8) var(--s-space-16);justify-content:center;align-items:center;border:none;border-top-left-radius:var(--swirl-button-border-top-left-radius);border-top-right-radius:var(--swirl-button-border-top-right-radius);border-bottom-right-radius:var(--swirl-button-border-bottom-right-radius);border-bottom-left-radius:var(--swirl-button-border-bottom-left-radius);color:var(--s-text-subdued);background-color:var(--swirl-ghost-button-background-default);font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-lg);text-decoration:none;cursor:pointer;gap:var(--s-space-8);transition:box-shadow 0.3s}.button.sc-swirl-button:hover{background-color:var(--swirl-ghost-button-background-hovered);--swirl-tag-background-default:var(--s-state-pressed)}.button.sc-swirl-button:active{background-color:var(--swirl-ghost-button-background-pressed)}.button--elevated.sc-swirl-button{box-shadow:var(--s-shadow-level-2)}.button.sc-swirl-button:disabled,.button.button--disabled.sc-swirl-button{color:var(--s-text-disabled);cursor:default}.button.sc-swirl-button:disabled:where(:not(.button--variant-ghost)),.button.button--disabled.sc-swirl-button:where(:not(.button--variant-ghost)){background-color:var(--swirl-ghost-button-background-disabled)}.button.sc-swirl-button:disabled .button__icon.sc-swirl-button,.button.button--disabled.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-disabled)}.button.sc-swirl-button:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button.sc-swirl-button{padding:var(--s-space-8) var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);gap:var(--s-space-4)}}.button--text-align-start.sc-swirl-button{justify-content:flex-start}.button--text-align-center.sc-swirl-button{justify-content:center}.button--text-align-end.sc-swirl-button{justify-content:flex-end}.button--variant-ghost.button--intent-strong.sc-swirl-button:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-default)}.button--variant-ghost.button--intent-strong.sc-swirl-button:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-ghost.button--intent-primary.sc-swirl-button:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-highlight)}.button--variant-ghost.button--intent-primary.sc-swirl-button:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-icon-highlight)}.button--variant-ghost.button--intent-critical.sc-swirl-button:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-critical)}.button--variant-ghost.button--intent-critical.sc-swirl-button:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-icon-critical)}.button--variant-ghost.button--pressed.sc-swirl-button{color:var(--s-text-highlight)}.button--variant-ghost.button--pressed.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-highlight)}.button--variant-ghost.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-ghost.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-flat.sc-swirl-button{color:var(--s-text-default);background-color:var(--swirl-flat-button-background-default);--swirl-tag-background-default:var(--s-state-pressed)}.button--variant-flat.sc-swirl-button:hover{background-color:var(--swirl-flat-button-background-hovered)}.button--variant-flat.sc-swirl-button:active{background-color:var(--swirl-flat-button-background-pressed)}.button--variant-flat.sc-swirl-button:disabled,.button--variant-flat.button--disabled.sc-swirl-button{background-color:var(--swirl-flat-button-background-disabled)}.button--variant-flat.button--intent-primary.sc-swirl-button:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.button--variant-flat.button--intent-primary.sc-swirl-button:where(:not(:disabled):not(.button--disabled)):hover{background-color:var(--s-action-primary-hovered)}.button--variant-flat.button--intent-primary.sc-swirl-button:where(:not(:disabled):not(.button--disabled)):active{background-color:var(--s-action-primary-pressed)}.button--variant-flat.button--intent-primary.sc-swirl-button:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-icon-on-action-primary)}.button--variant-flat.button--intent-critical.sc-swirl-button:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-on-status);background-color:var(--s-action-critical-default)}.button--variant-flat.button--intent-critical.sc-swirl-button:where(:not(:disabled):not(.button--disabled)):hover{background-color:var(--s-action-critical-hovered)}.button--variant-flat.button--intent-critical.sc-swirl-button:where(:not(:disabled):not(.button--disabled)):active{background-color:var(--s-action-critical-pressed)}.button--variant-flat.button--intent-critical.sc-swirl-button:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-icon-on-status)}.button--variant-flat.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-flat.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-flat.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-outline.sc-swirl-button{color:var(--s-text-default);outline:var(--s-border-width-default) solid var(--s-border-strong);outline-offset:calc(var(--s-border-width-default) * -1)}.button--variant-outline.sc-swirl-button:disabled,.button--variant-outline.button--disabled.sc-swirl-button{outline-color:var(--s-border-default)}.button--variant-outline.button--intent-critical.sc-swirl-button:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-critical);outline-color:var(--s-border-critical)}.button--variant-outline.button--intent-critical.sc-swirl-button:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-icon-critical)}.button--variant-outline.button--intent-primary.sc-swirl-button:where(:not(:disabled):not(.button--disabled)),.button--variant-outline.button--pressed.sc-swirl-button{color:var(--s-text-highlight);outline-color:var(--s-border-highlight)}.button--variant-outline.button--intent-primary.sc-swirl-button:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button,.button--variant-outline.button--pressed.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-highlight)}.button--variant-outline.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-outline.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-outline.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-plain.sc-swirl-button{padding:0;border-radius:0;color:var(--swirl-plain-button-text-color-default);background-color:transparent}.button--variant-plain.sc-swirl-button:hover:where(:not(:disabled):not(.button--disabled)){color:var(--swirl-plain-button-text-color-hovered);background-color:transparent;text-decoration:underline;text-underline-offset:var(--s-space-4)}.button--variant-plain.sc-swirl-button:hover:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--swirl-plain-button-text-color-hovered)}.button--variant-plain.sc-swirl-button:active:where(:not(:disabled):not(.button--disabled)){color:var(--swirl-plain-button-text-color-pressed);background-color:transparent}.button--variant-plain.sc-swirl-button:active:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--swirl-plain-button-text-color-pressed)}.button--variant-plain.sc-swirl-button:disabled,.button--variant-plain.button--disabled.sc-swirl-button{color:var(--swirl-plain-button-text-color-disabled);background-color:transparent}.button--variant-plain.sc-swirl-button:disabled .button__icon.sc-swirl-button,.button--variant-plain.button--disabled.sc-swirl-button .button__icon.sc-swirl-button{color:var(--swirl-plain-button-text-color-disabled)}.button--variant-plain.button--icon-only.sc-swirl-button{padding:0}.button--variant-plain.button--intent-strong.sc-swirl-button:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-default)}.button--variant-plain.button--intent-strong.sc-swirl-button:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-plain.button--intent-primary.sc-swirl-button{color:var(--s-interactive-primary-default)}.button--variant-plain.button--intent-primary.sc-swirl-button:hover:where(:not(:disabled):not(.button--disabled)){color:var(--s-interactive-primary-hovered)}.button--variant-plain.button--intent-primary.sc-swirl-button:hover:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-interactive-primary-hovered)}.button--variant-plain.button--intent-primary.sc-swirl-button:active:where(:not(:disabled):not(.button--disabled)){color:var(--s-interactive-primary-pressed)}.button--variant-plain.button--intent-primary.sc-swirl-button:active:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-interactive-primary-pressed)}.button--variant-plain.button--intent-primary.sc-swirl-button:disabled,.button--variant-plain.button--intent-primary.button--disabled.sc-swirl-button{color:var(--s-interactive-primary-disabled)}.button--variant-plain.button--intent-primary.sc-swirl-button:disabled .button__icon.sc-swirl-button,.button--variant-plain.button--intent-primary.button--disabled.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-interactive-primary-disabled)}.button--variant-plain.button--intent-primary.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-interactive-primary-default)}.button--variant-plain.sc-swirl-button .button__icon.sc-swirl-button{margin-left:0;color:var(--swirl-plain-button-text-color-default)}.button--variant-plain.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-plain.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-on-image.sc-swirl-button{color:var(--s-text-on-image);background:rgba(0, 0, 0, 0.6)}.button--variant-on-image.sc-swirl-button:hover{background:rgba(0, 0, 0, 0.5)}.button--variant-on-image.sc-swirl-button:active{background:rgba(0, 0, 0, 0.4)}.button--variant-on-image.sc-swirl-button:disabled,.button--variant-on-image.button--disabled.sc-swirl-button{color:var(--s-text-on-image);background:rgba(0, 0, 0, 0.3)}.button--variant-on-image.sc-swirl-button:disabled .button__icon.sc-swirl-button,.button--variant-on-image.button--disabled.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-on-image)}.button--variant-on-image.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-on-image)}.button--variant-on-image.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-on-image.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-floating.sc-swirl-button{color:var(--s-text-default);background-color:var(--s-surface-overlay-default)}.button--variant-floating.sc-swirl-button:not(.button--elevated){box-shadow:var(--s-shadow-level-1)}.button--variant-floating.sc-swirl-button:hover{color:var(--s-text-on-action-primary);background-color:var(--s-state-hovered)}.button--variant-floating.sc-swirl-button:active{color:var(--s-text-on-action-primary);background-color:var(--s-state-pressed)}.button--variant-floating.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-floating.button--intent-primary.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20);border-radius:1.5rem;color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.button--variant-floating.button--intent-primary.sc-swirl-button:hover:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-hovered)}.button--variant-floating.button--intent-primary.sc-swirl-button:active:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-pressed)}.button--variant-floating.button--intent-primary.sc-swirl-button:disabled,.button--variant-floating.button--intent-primary.button--disabled.sc-swirl-button{color:var(--s-text-on-action-primary)}.button--variant-floating.button--intent-primary.sc-swirl-button:disabled .button__icon.sc-swirl-button,.button--variant-floating.button--intent-primary.button--disabled.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-on-action-primary)}.button--variant-floating.button--intent-primary.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-floating.button--intent-primary.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-on-action-primary)}.button--variant-floating.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-translucent.sc-swirl-button{color:var(--s-text-default);outline:var(--s-border-width-default) solid     var(--s-border-translucent-outline);outline-offset:calc(var(--s-border-width-default) * -1);background:var(--s-translucent-medium-default);box-shadow:var(--s-shadow-level-2);-webkit-backdrop-filter:blur(var(--s-blur-s));backdrop-filter:blur(var(--s-blur-s))}.button--variant-translucent.sc-swirl-button:hover{background:var(--s-translucent-medium-hovered)}.button--variant-translucent.sc-swirl-button:active{background:var(--s-translucent-medium-pressed)}.button--variant-translucent.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-translucent.sc-swirl-button:disabled,.button--variant-translucent.button--disabled.sc-swirl-button{color:var(--s-text-subdued);background:var(--s-translucent-medium-default)}.button--variant-translucent.sc-swirl-button:disabled .button__icon.sc-swirl-button,.button--variant-translucent.button--disabled.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-default)}.button--icon-position-end.sc-swirl-button .button__icon.sc-swirl-button{margin-right:calc(-1 * var(--s-space-4));margin-left:0;order:2}.button--pill.sc-swirl-button{border-radius:1.25rem}.button--pill.button--size-l.sc-swirl-button{border-radius:1.5rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button--pill.button--size-l.sc-swirl-button{border-radius:1.375rem}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button--pill.sc-swirl-button{border-radius:1.125rem}}.button--icon-only.sc-swirl-button{padding:var(--s-space-8)}.button--icon-only.button--pill.sc-swirl-button{border-top-left-radius:var(--swirl-icon-button-border-top-left-radius);border-top-right-radius:var(--swirl-icon-button-border-top-right-radius);border-bottom-right-radius:var(       --swirl-icon-button-border-bottom-right-radius     );border-bottom-left-radius:var(       --swirl-icon-button-border-bottom-left-radius     )}.button--icon-only.sc-swirl-button .button__icon.sc-swirl-button{margin-right:0;margin-left:0}.button--has-icon.sc-swirl-button .button__icon.sc-swirl-button{display:inline-flex}.button__tag.sc-swirl-button{padding-left:var(--s-space-8);order:3}.button__trailing-slot.sc-swirl-button{order:4}.button__icon.sc-swirl-button{display:none;width:1.5rem;height:1.5rem;margin-left:calc(-1 * var(--s-space-4));color:var(--s-icon-default);order:0}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button__icon.sc-swirl-button{width:1.25rem;height:1.25rem}}.button__label.sc-swirl-button{overflow:hidden;max-width:100%;white-space:nowrap;text-overflow:ellipsis;order:1}"}},[262,"swirl-button",{cursor:[1],disabled:[4],download:[1],elevated:[4],form:[1],hideLabel:[4,"hide-label"],href:[1],icon:[1],iconPosition:[1,"icon-position"],intent:[1],inheritFontSize:[4,"inherit-font-size"],label:[1],name:[1],pill:[4],pressed:[4],size:[1],swirlAriaControls:[1,"swirl-aria-controls"],swirlAriaCurrent:[1,"swirl-aria-current"],swirlAriaDescribedby:[1,"swirl-aria-describedby"],swirlAriaExpanded:[1,"swirl-aria-expanded"],swirlAriaHaspopup:[1,"swirl-aria-haspopup"],swirlAriaLabel:[1,"swirl-aria-label"],target:[1],textAlign:[1,"text-align"],type:[1],value:[1],variant:[1]}]);function l(){"undefined"!=typeof customElements&&["swirl-button"].forEach((t=>{"swirl-button"===t&&(customElements.get(r(t))||customElements.define(r(t),e))}))}export{e as S,l as d}

package/dist/components/swirl-card.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as r,createEvent as a,h as s,Host as t,transformTag as i}from"@stencil/core/internal/client";import{c as d}from"./index2.js";const o=["xs","sm","base","l","xl"],c=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.componentLoad=a(this,"componentLoad",7),this.as="div",this.borderRadius="base",this.elevationLevel=3,this.intent="default",this.justifyContent="start",this.flashing=!1}async flash(e=5e3){this.flashingTimeout&&(clearTimeout(this.flashingTimeout),this.flashingTimeout=void 0),this.flashing=!0,this.flashingTimeout=setTimeout((()=>{this.flashing=!1}),e)}componentDidLoad(){this.componentLoad.emit()}render(){const e=this.href?"a":this.as,r=!!this.el.querySelector('[slot="floating-controls"]'),a=!!this.el.querySelector('[slot="image"]'),i={...this.customBackgroundColor?{"--swirl-card-background-default":this.customBackgroundColor}:{},backdropFilter:this.customBackdropFilter,borderRadius:o.includes(this.borderRadius)?`var(--s-border-radius-${this.borderRadius})`:this.borderRadius,height:this.height,minHeight:this.minHeight,overflow:this.overflow},c={padding:this.padding?`var(--s-space-${this.padding})`:void 0,paddingBlockEnd:this.paddingBlockEnd?`var(--s-space-${this.paddingBlockEnd})`:void 0,paddingBlockStart:this.paddingBlockStart?`var(--s-space-${this.paddingBlockStart})`:void 0,paddingInlineEnd:this.paddingInlineEnd?`var(--s-space-${this.paddingInlineEnd})`:void 0,paddingInlineStart:this.paddingInlineStart?`var(--s-space-${this.paddingInlineStart})`:void 0},n=d("card","card--elevation-level-"+this.elevationLevel,"card--intent-"+this.intent,"card--justify-content-"+this.justifyContent,{"card--elevated":this.elevated,"card--flashing":this.flashing,"card--has-floating-controls":r,"card--has-image":a,"card--highlighted":this.highlighted,"card--interactive":this.interactive||this.href,"card--is--borderless":this.isBorderless});return s(t,{key:"13214b7f34c9c5af274e0451e98594ac7e5dc082",styles:{height:this.height}},s(e,{key:"44320af2e4b170793000f40ff6de7f76aa78908d","aria-current":this.swirlAriaCurrent,"aria-label":this.swirlAriaLabel,"aria-labelledby":this.swirlAriaLabelledby,class:n,href:this.href,rel:this.href&&"_blank"===this.linkTarget?"noreferrer":void 0,style:i,target:this.linkTarget},s("div",{key:"23ab3142fd8ae05008aca0d6c718cbe5f0423ca1",class:"card__image",style:{aspectRatio:this.imageAspectRatio}},s("slot",{key:"cff328834f5339bf8279006ba51b2b46e4a41e05",name:"image"})),s("div",{key:"a9598b7fb6f049da6f87973340311301b8359492",class:"card__floating-controls"},s("slot",{key:"823d704dbd767a64cf7fdac9d031657a3c262441",name:"floating-controls"})),s("div",{key:"f19eab521bc5eefd95d1372cdf3f8b9e260f618a",class:"card__body",style:c},s("div",{key:"71f03f8860a3b9b1cd3722933fef6238d4fcd80d",class:"card__content"},s("slot",{key:"f5a4d7da15840009be89cf52135e7411f44ad8b5",name:"content"})))))}get el(){return this}static get style(){return":host{display:contents}:host *{box-sizing:border-box}.card{--swirl-ghost-button-background-default:var(--s-surface-default);--swirl-ghost-button-background-hovered:var(--s-surface-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-pressed);--swirl-resource-list-item-background-default:var(--s-surface-default);--swirl-resource-list-item-background-hovered:var(--s-surface-hovered);--swirl-resource-list-item-background-pressed:var(--s-surface-pressed);position:relative;display:flex;overflow:hidden;width:100%;margin:0;padding:0;border:var(--s-border-width-default) solid var(--s-border-default);border-radius:var(--s-border-radius-base);color:var(--s-text-default);background-color:var(--swirl-card-background-default);font:inherit;text-decoration:none;flex-direction:column;transition:background-color 0.2s}.card:not(.card--has-image) .card__image{overflow:hidden;height:0}a.card,button.card,.card--interactive{cursor:pointer}a.card:hover,button.card:hover,.card--interactive:hover{--swirl-avatar-background-color:var(--s-surface-raised-hovered);background-color:var(--swirl-card-background-hovered)}a.card:active,button.card:active,.card--interactive:active{--swirl-avatar-background-color:var(--s-surface-raised-pressed);background-color:var(--swirl-card-background-pressed)}a.card:focus:not(:focus-visible),button.card:focus:not(:focus-visible),.card--interactive:focus:not(:focus-visible){outline:none}a.card:focus-visible,button.card:focus-visible,.card--interactive:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-4)}.card--is--borderless{border:0}.card--elevated.card--elevation-level-1{box-shadow:var(--s-shadow-level-1)}.card--elevated.card--elevation-level-2{box-shadow:var(--s-shadow-level-2)}.card--elevated.card--elevation-level-3{box-shadow:var(--s-shadow-level-3)}.card--flashing{background-color:var(--swirl-card-background-pressed)}.card--flashing.card--intent-default-subdued{background-color:var(--s-surface-raised-pressed)}.card--flashing.card--intent-highlight{background-color:var(--s-surface-highlight-pressed)}.card--highlighted{border-width:0.1875rem;border-color:var(--s-border-highlight)}.card--justify-content-start .card__body{justify-content:flex-start}.card--justify-content-center .card__body{justify-content:center}.card--justify-content-end .card__body{justify-content:flex-end}.card--intent-critical-subdued{background-color:var(--s-surface-critical-subdued)}.card--intent-default-subdued{--swirl-resource-list-item-background-default:var(     --s-surface-raised-default   );--swirl-resource-list-item-background-hovered:var(     --s-surface-raised-hovered   );--swirl-resource-list-item-background-pressed:var(     --s-surface-raised-pressed   );--swirl-ghost-button-background-default:var(--s-surface-raised-default);--swirl-ghost-button-background-hovered:var(--s-surface-raised-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-raised-pressed);background-color:var(--s-surface-raised-default)}.card--intent-info-subdued{background-color:var(--s-surface-info-subdued)}.card--intent-success-subdued{background-color:var(--s-surface-success-subdued)}.card--intent-warning-subdued{background-color:var(--s-surface-warning-subdued)}.card--intent-highlight{color:var(--s-text-on-surface-highlight);background-color:var(--s-surface-highlight-default)}.card--has-floating-controls:focus-within .card__floating-controls,.card--has-floating-controls:hover .card__floating-controls{pointer-events:auto;opacity:1}.content-section{padding:0 var(--s-space-16)}.card__image{overflow:hidden;min-height:0}.card__image ::slotted(img){display:inline-flex;width:100%;max-height:100%;-o-object-fit:cover;object-fit:cover}.card__floating-controls{position:absolute;z-index:1;top:0;right:0;padding:var(--s-space-12);transition:opacity 0.2s;pointer-events:none;opacity:0}.card__body{display:flex;min-height:0;padding:var(--s-space-12) var(--s-space-16) var(--s-space-16);flex-grow:1;flex-direction:column;gap:var(--s-space-16)}.card__content{min-height:100%}"}},[257,"swirl-card",{as:[1],borderRadius:[1,"border-radius"],customBackgroundColor:[1,"custom-background-color"],customBackdropFilter:[1,"custom-backdrop-filter"],elevated:[4],elevationLevel:[2,"elevation-level"],height:[1],highlighted:[4],href:[1],imageAspectRatio:[1,"image-aspect-ratio"],intent:[1],isBorderless:[4,"is-borderless"],interactive:[4],justifyContent:[1,"justify-content"],linkTarget:[1,"link-target"],minHeight:[1,"min-height"],overflow:[1],padding:[1],paddingBlockEnd:[1,"padding-block-end"],paddingBlockStart:[1,"padding-block-start"],paddingInlineEnd:[1,"padding-inline-end"],paddingInlineStart:[1,"padding-inline-start"],swirlAriaCurrent:[1,"swirl-aria-current"],swirlAriaLabel:[1,"swirl-aria-label"],swirlAriaLabelledby:[1,"swirl-aria-labelledby"],flashing:[32],flash:[64]}]),n=c,l=function(){"undefined"!=typeof customElements&&["swirl-card"].forEach((e=>{"swirl-card"===e&&(customElements.get(i(e))||customElements.define(i(e),c))}))};export{n as SwirlCard,l as defineCustomElement}
+import{proxyCustomElement as a,HTMLElement as e,createEvent as r,h as t,Host as i,transformTag as s}from"@stencil/core/internal/client";import{c as d}from"./index2.js";const o=["xs","sm","base","l","xl"],c=a(class extends e{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.componentLoad=r(this,"componentLoad",7),this.as="div",this.borderRadius="base",this.elevationLevel=3,this.intent="default",this.justifyContent="start",this.flashing=!1}async flash(a=5e3){this.flashingTimeout&&(clearTimeout(this.flashingTimeout),this.flashingTimeout=void 0),this.flashing=!0,this.flashingTimeout=setTimeout((()=>{this.flashing=!1}),a)}componentDidLoad(){this.componentLoad.emit()}render(){const a=this.href?"a":this.as,e=!!this.el.querySelector('[slot="floating-controls"]'),r=!!this.el.querySelector('[slot="image"]'),s={...this.customBackgroundColor?{"--swirl-card-background-default":this.customBackgroundColor}:{},backdropFilter:this.customBackdropFilter,borderRadius:o.includes(this.borderRadius)?`var(--s-border-radius-${this.borderRadius})`:this.borderRadius,height:this.height,minHeight:this.minHeight,overflow:this.overflow},c={padding:this.padding?`var(--s-space-${this.padding})`:void 0,paddingBlockEnd:this.paddingBlockEnd?`var(--s-space-${this.paddingBlockEnd})`:void 0,paddingBlockStart:this.paddingBlockStart?`var(--s-space-${this.paddingBlockStart})`:void 0,paddingInlineEnd:this.paddingInlineEnd?`var(--s-space-${this.paddingInlineEnd})`:void 0,paddingInlineStart:this.paddingInlineStart?`var(--s-space-${this.paddingInlineStart})`:void 0},n=d("card","card--elevation-level-"+this.elevationLevel,"card--intent-"+this.intent,"card--justify-content-"+this.justifyContent,{"card--elevated":this.elevated,"card--flashing":this.flashing,"card--has-floating-controls":e,"card--has-image":r,"card--highlighted":this.highlighted,"card--interactive":this.interactive||this.href,"card--translucent":this.translucent,"card--is--borderless":this.isBorderless});return t(i,{key:"5d3e28cd329ea9312db055ec26603471b2769b5f",styles:{height:this.height}},t(a,{key:"1a0a88412a4c09d94dc26216a0d1508d2c7e1e9c","aria-current":this.swirlAriaCurrent,"aria-label":this.swirlAriaLabel,"aria-labelledby":this.swirlAriaLabelledby,class:n,href:this.href,rel:this.href&&"_blank"===this.linkTarget?"noreferrer":void 0,style:s,target:this.linkTarget},t("div",{key:"19531ee30d16e58045cf88cb2a2c131840361832",class:"card__image",style:{aspectRatio:this.imageAspectRatio}},t("slot",{key:"1ceb9d2bdad0fcd627f6d9729d12cedac0439083",name:"image"})),t("div",{key:"5c4da7197a80d912a12358e324a1be859ee0db7d",class:"card__floating-controls"},t("slot",{key:"8fbaada621865c95bfddbc9c54e18721afbbe969",name:"floating-controls"})),t("div",{key:"dd5daf282b659d12c10de972420eb07cc5c58f81",class:"card__body",style:c},t("div",{key:"964a2d0f76da2ef99e73223c5682c196235b89c1",class:"card__content"},t("slot",{key:"eaf859000c7414ba1780d7c3dda62675570ab204",name:"content"})))))}get el(){return this}static get style(){return':host{display:contents}:host *{box-sizing:border-box}.card{position:relative;display:flex;overflow:hidden;width:100%;margin:0;padding:0;border:var(--s-border-width-default) solid var(--s-border-default);border-radius:var(--s-border-radius-base);color:var(--s-text-default);background-color:var(--swirl-card-background-default);font:inherit;text-decoration:none;flex-direction:column;transition:background-color 0.2s}.card:not(.card--has-image) .card__image{overflow:hidden;height:0}a.card,button.card,.card--interactive{cursor:pointer}a.card:hover,button.card:hover,.card--interactive:hover{--swirl-avatar-background-color:var(--s-surface-raised-hovered);background-color:var(--swirl-card-background-hovered)}a.card:active,button.card:active,.card--interactive:active{--swirl-avatar-background-color:var(--s-surface-raised-pressed);background-color:var(--swirl-card-background-pressed)}a.card:focus:not(:focus-visible),button.card:focus:not(:focus-visible),.card--interactive:focus:not(:focus-visible){outline:none}a.card:focus-visible,button.card:focus-visible,.card--interactive:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-4)}.card--is--borderless{border:0}.card--elevated.card--elevation-level-1{box-shadow:var(--s-shadow-level-1)}.card--elevated.card--elevation-level-2{box-shadow:var(--s-shadow-level-2)}.card--elevated.card--elevation-level-3{box-shadow:var(--s-shadow-level-3)}.card--flashing{background-color:var(--swirl-card-background-pressed)}.card--flashing.card--intent-default-subdued{background-color:var(--s-surface-raised-pressed)}.card--flashing.card--intent-highlight{background-color:var(--s-surface-highlight-pressed)}.card--highlighted{border-width:0.1875rem;border-color:var(--s-border-highlight)}.card--justify-content-start .card__body{justify-content:flex-start}.card--justify-content-center .card__body{justify-content:center}.card--justify-content-end .card__body{justify-content:flex-end}.card--intent-critical-subdued{background-color:var(--s-surface-critical-subdued)}.card--intent-default-subdued{background-color:var(--s-surface-raised-default)}.card--intent-info-subdued{background-color:var(--s-surface-info-subdued)}.card--intent-success-subdued{background-color:var(--s-surface-success-subdued)}.card--intent-warning-subdued{background-color:var(--s-surface-warning-subdued)}.card--intent-highlight{color:var(--s-text-on-surface-highlight);background-color:var(--s-surface-highlight-default)}.card--translucent{background-color:transparent}.card--translucent:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--s-translucent-low-default);-webkit-backdrop-filter:blur(var(--s-blur-l));backdrop-filter:blur(var(--s-blur-l));border-radius:inherit}.card--has-floating-controls:focus-within .card__floating-controls,.card--has-floating-controls:hover .card__floating-controls{pointer-events:auto;opacity:1}.content-section{padding:0 var(--s-space-16)}.card__image{overflow:hidden;min-height:0}.card__image ::slotted(img){display:inline-flex;width:100%;max-height:100%;-o-object-fit:cover;object-fit:cover}.card__floating-controls{position:absolute;z-index:1;top:0;right:0;padding:var(--s-space-12);transition:opacity 0.2s;pointer-events:none;opacity:0}.card__body{display:flex;min-height:0;padding:var(--s-space-12) var(--s-space-16) var(--s-space-16);flex-grow:1;flex-direction:column;gap:var(--s-space-16)}.card__content{min-height:100%}'}},[257,"swirl-card",{as:[1],borderRadius:[1,"border-radius"],customBackgroundColor:[1,"custom-background-color"],customBackdropFilter:[1,"custom-backdrop-filter"],elevated:[4],elevationLevel:[2,"elevation-level"],height:[1],highlighted:[4],href:[1],imageAspectRatio:[1,"image-aspect-ratio"],intent:[1],isBorderless:[4,"is-borderless"],interactive:[4],justifyContent:[1,"justify-content"],linkTarget:[1,"link-target"],minHeight:[1,"min-height"],overflow:[1],padding:[1],paddingBlockEnd:[1,"padding-block-end"],paddingBlockStart:[1,"padding-block-start"],paddingInlineEnd:[1,"padding-inline-end"],paddingInlineStart:[1,"padding-inline-start"],translucent:[4],swirlAriaCurrent:[1,"swirl-aria-current"],swirlAriaLabel:[1,"swirl-aria-label"],swirlAriaLabelledby:[1,"swirl-aria-labelledby"],flashing:[32],flash:[64]}]),n=c,l=function(){"undefined"!=typeof customElements&&["swirl-card"].forEach((a=>{"swirl-card"===a&&(customElements.get(s(a))||customElements.define(s(a),c))}))};export{n as SwirlCard,l as defineCustomElement}

package/dist/components/swirl-checkbox.js

@@ -1 +1 @@
-import{proxyCustomElement as c,HTMLElement as e,createEvent as i,h as o,Host as s,transformTag as r}from"@stencil/core/internal/client";import{c as h}from"./index2.js";import{d as a}from"./swirl-icon-check-strong2.js";import{d as b}from"./swirl-visually-hidden2.js";const l=c(class extends e{constructor(c){super(),!1!==c&&this.__registerHost(),this.valueChange=i(this,"valueChange",7),this.checked=!1,this.disabled=!1,this.labelWeight="medium",this.variant="default",this.onChange=()=>{this.checked=!0!==this.checked&&"true"!==this.checked,this.valueChange.emit(this.checked)}}getAriaCheckedLabel(c,e){return c?"true":e?"false":"mixed"}render(){const c=!1===this.checked||"false"===this.checked,e=!0===this.checked||"true"===this.checked,i="indeterminate"===this.checked,r=!!this.label||!!this.description,a=this.getAriaCheckedLabel(e,c),b=!0===this.invalid||!1===this.invalid?this.invalid+"":void 0,l=h("checkbox","checkbox--label-weight-"+this.labelWeight,"checkbox--variant-"+this.variant,{"checkbox--checked":e,"checkbox--disabled":this.disabled,"checkbox--indeterminate":i,"checkbox--invalid":this.invalid,"checkbox--unchecked":c});return o(s,{key:"9594d167dd79813f182cc7adf684966be8e8fe57",style:{width:"card"===this.variant?"100%":void 0}},o("label",{key:"d26e11bdc87328b21e109f191e0d6e0905490b7f",class:l,htmlFor:this.inputId},o("span",{key:"3a856c000cdcc555d535393267cac270518247d6",class:"checkbox__control"},o("swirl-visually-hidden",{key:"de6884b6b8fd2a64e69dc6f0b10367baa2b4becc"},o("input",{key:"25b14da328f1dee60de559d2ef5df4c4d7a166ef","aria-checked":a,"aria-describedby":this.swirlAriaDescribedby,"aria-invalid":b,"aria-label":this.swirlAriaLabel,checked:e,class:"checkbox__input",disabled:this.disabled,id:this.inputId,indeterminate:i,name:this.inputName,onChange:this.onChange,type:"checkbox",value:this.value})),o("span",{key:"f94ce6f89d7c3720c7d18aa932d3f0ca04abd962","aria-hidden":"true",class:"checkbox__box"},o("span",{key:"d74a5926836db3d63b390696a4901f53e457b9a9",class:"checkbox__icon"},e&&o("swirl-icon-check-strong",{key:"c986d82eca02a1026f0b95d3a04241a6d8038b13"}),i&&o("span",{key:"45fc5c9fdaf8945747a3b1e365c7983c43e10f9c",class:"checkbox__indeterminate-icon"})))),r&&o("span",{key:"60461a591a4249ceabe91e1f97ec82038a5a8c2a",class:"checkbox__label-container"},this.label&&o("span",{key:"04ff9af0785c912b256096745f822226f3d20e82",class:"checkbox__label"},this.label),this.description&&o("span",{key:"d9171656da199aaecb0294d63d1dd910fcfa9eef",class:"checkbox__description"},this.description))))}static get style(){return'.sc-swirl-checkbox-h{display:inline-flex}.sc-swirl-checkbox-h *.sc-swirl-checkbox{box-sizing:border-box}.checkbox.sc-swirl-checkbox{display:inline-flex;line-height:var(--s-line-height-base);cursor:pointer;flex-grow:1}.checkbox.sc-swirl-checkbox:focus-within .checkbox__box.sc-swirl-checkbox{box-shadow:0 0 0 0.0625rem var(--s-background-default),       0 0 0 0.1875rem var(--s-focus-default)}.checkbox--variant-card.sc-swirl-checkbox{width:100%;padding:var(--s-space-16);border:0.0625rem solid var(--s-border-default);border-radius:var(--s-border-radius-sm);background-color:var(--s-surface)}.checkbox--variant-card.sc-swirl-checkbox:focus-within{box-shadow:0 0 0 0.125rem var(--s-background-default),       0 0 0 0.25rem var(--s-focus-default)}.checkbox--variant-card.sc-swirl-checkbox:focus-within .checkbox__box.sc-swirl-checkbox{box-shadow:none}.checkbox--variant-card.sc-swirl-checkbox:hover:not(.checkbox--disabled){background-color:var(--s-surface-hovered)}.checkbox--variant-card.sc-swirl-checkbox:active:not(.checkbox--disabled){background-color:var(--s-surface-pressed)}.checkbox--variant-card.checkbox--checked.sc-swirl-checkbox:not(.checkbox--disabled){border-color:var(--s-border-highlight)}.checkbox--variant-card.checkbox--invalid.sc-swirl-checkbox:not(.checkbox--disabled){border-color:var(--s-border-critical)}.checkbox--checked.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox,.checkbox--indeterminate.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox{border-color:var(--s-interactive-primary-hovered);background-color:var(--s-interactive-primary-hovered)}.checkbox--checked.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox,.checkbox--indeterminate.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{border-color:var(--s-icon-highlight);color:var(--s-text-on-status);background-color:var(--s-icon-highlight)}.checkbox--invalid.checkbox--checked.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox,.checkbox--invalid.checkbox--indeterminate.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{background-color:var(--s-icon-critical)}.checkbox--invalid.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{border-color:var(--s-icon-critical)}.checkbox--disabled.sc-swirl-checkbox{cursor:default}.checkbox--disabled.checkbox--checked.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox,.checkbox--disabled.checkbox--indeterminate.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox{border-color:var(--s-icon-disabled);background-color:var(--s-icon-disabled)}.checkbox--disabled.checkbox--checked.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox,.checkbox--disabled.checkbox--indeterminate.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{background-color:var(--s-icon-disabled)}.checkbox--disabled.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox{background-color:transparent}.checkbox--disabled.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{border-color:var(--s-icon-disabled)}.checkbox--disabled.sc-swirl-checkbox .checkbox__label.sc-swirl-checkbox,.checkbox--disabled.sc-swirl-checkbox .checkbox__description.sc-swirl-checkbox{color:var(--s-text-disabled)}.checkbox--label-weight-regular.sc-swirl-checkbox .checkbox__label.sc-swirl-checkbox{font-weight:var(--s-font-weight-regular)}.checkbox__control.sc-swirl-checkbox{position:relative;width:1.5rem;height:1.5rem;padding:var(--s-space-2);flex-shrink:0}.checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox{background-color:var(--s-action-neutral-hovered)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.checkbox__control.sc-swirl-checkbox{width:1.375rem;height:1.375rem}}.checkbox__box.sc-swirl-checkbox{position:relative;z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:var(--s-border-radius-s)}.checkbox__icon.sc-swirl-checkbox{display:inline-flex;width:1.0625rem;height:1.0625rem}.checkbox__icon.sc-swirl-checkbox>*.sc-swirl-checkbox::part(icon),.checkbox__icon.sc-swirl-checkbox>*.sc-swirl-checkbox [part~="icon"]{width:1.0625rem;height:1.0625rem}.checkbox__indeterminate-icon.sc-swirl-checkbox{position:relative;width:100%;height:100%}.checkbox__indeterminate-icon.sc-swirl-checkbox:after{position:absolute;top:50%;left:50%;width:0.625rem;height:0.125rem;border-radius:0.0625rem;background-color:currentColor;content:"";transform:translate3d(-50%, -50%, 0)}.checkbox__label-container.sc-swirl-checkbox{display:inline-flex;margin-left:var(--s-space-8);align-items:flex-start;flex-direction:column}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.checkbox__label-container.sc-swirl-checkbox{padding-top:var(--s-space-2)}}.checkbox__label.sc-swirl-checkbox{font-weight:var(--s-font-weight-medium)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.checkbox__label.sc-swirl-checkbox{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.checkbox__description.sc-swirl-checkbox{color:var(--s-text-subdued)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.checkbox__description.sc-swirl-checkbox{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}'}},[2,"swirl-checkbox",{checked:[1032],description:[1],disabled:[4],swirlAriaDescribedby:[1,"swirl-aria-describedby"],swirlAriaLabel:[1,"swirl-aria-label"],inputId:[1,"input-id"],inputName:[1,"input-name"],invalid:[4],label:[1],labelWeight:[1,"label-weight"],value:[1],variant:[1]}]),t=l,d=function(){"undefined"!=typeof customElements&&["swirl-checkbox","swirl-icon-check-strong","swirl-visually-hidden"].forEach((c=>{switch(c){case"swirl-checkbox":customElements.get(r(c))||customElements.define(r(c),l);break;case"swirl-icon-check-strong":customElements.get(r(c))||a();break;case"swirl-visually-hidden":customElements.get(r(c))||b()}}))};export{t as SwirlCheckbox,d as defineCustomElement}
+import{proxyCustomElement as c,HTMLElement as e,createEvent as i,h as o,Host as s,transformTag as r}from"@stencil/core/internal/client";import{c as h}from"./index2.js";import{d as a}from"./swirl-icon-check-strong2.js";import{d as b}from"./swirl-visually-hidden2.js";const l=c(class extends e{constructor(c){super(),!1!==c&&this.__registerHost(),this.valueChange=i(this,"valueChange",7),this.checked=!1,this.disabled=!1,this.labelWeight="medium",this.variant="default",this.onChange=()=>{this.checked=!0!==this.checked&&"true"!==this.checked,this.valueChange.emit(this.checked)}}getAriaCheckedLabel(c,e){return c?"true":e?"false":"mixed"}render(){const c=!1===this.checked||"false"===this.checked,e=!0===this.checked||"true"===this.checked,i="indeterminate"===this.checked,r=!!this.label||!!this.description,a=this.getAriaCheckedLabel(e,c),b=!0===this.invalid||!1===this.invalid?this.invalid+"":void 0,l=h("checkbox","checkbox--label-weight-"+this.labelWeight,"checkbox--variant-"+this.variant,{"checkbox--checked":e,"checkbox--disabled":this.disabled,"checkbox--indeterminate":i,"checkbox--invalid":this.invalid,"checkbox--unchecked":c});return o(s,{key:"9594d167dd79813f182cc7adf684966be8e8fe57",style:{width:"card"===this.variant?"100%":void 0}},o("label",{key:"d26e11bdc87328b21e109f191e0d6e0905490b7f",class:l,htmlFor:this.inputId},o("span",{key:"3a856c000cdcc555d535393267cac270518247d6",class:"checkbox__control"},o("swirl-visually-hidden",{key:"de6884b6b8fd2a64e69dc6f0b10367baa2b4becc"},o("input",{key:"25b14da328f1dee60de559d2ef5df4c4d7a166ef","aria-checked":a,"aria-describedby":this.swirlAriaDescribedby,"aria-invalid":b,"aria-label":this.swirlAriaLabel,checked:e,class:"checkbox__input",disabled:this.disabled,id:this.inputId,indeterminate:i,name:this.inputName,onChange:this.onChange,type:"checkbox",value:this.value})),o("span",{key:"f94ce6f89d7c3720c7d18aa932d3f0ca04abd962","aria-hidden":"true",class:"checkbox__box"},o("span",{key:"d74a5926836db3d63b390696a4901f53e457b9a9",class:"checkbox__icon"},e&&o("swirl-icon-check-strong",{key:"c986d82eca02a1026f0b95d3a04241a6d8038b13"}),i&&o("span",{key:"45fc5c9fdaf8945747a3b1e365c7983c43e10f9c",class:"checkbox__indeterminate-icon"})))),r&&o("span",{key:"60461a591a4249ceabe91e1f97ec82038a5a8c2a",class:"checkbox__label-container"},this.label&&o("span",{key:"04ff9af0785c912b256096745f822226f3d20e82",class:"checkbox__label"},this.label),this.description&&o("span",{key:"d9171656da199aaecb0294d63d1dd910fcfa9eef",class:"checkbox__description"},this.description))))}static get style(){return'.sc-swirl-checkbox-h{display:inline-flex}.sc-swirl-checkbox-h *.sc-swirl-checkbox{box-sizing:border-box}.checkbox.sc-swirl-checkbox{display:inline-flex;line-height:var(--s-line-height-base);cursor:pointer;flex-grow:1}.checkbox.sc-swirl-checkbox:focus-within .checkbox__box.sc-swirl-checkbox{box-shadow:0 0 0 0.0625rem var(--s-background-default),       0 0 0 0.1875rem var(--s-focus-default)}.checkbox--variant-card.sc-swirl-checkbox{width:100%;padding:var(--s-space-16);border:0.0625rem solid var(--s-border-default);border-radius:var(--s-border-radius-sm);background-color:var(--s-surface)}.checkbox--variant-card.sc-swirl-checkbox:focus-within{box-shadow:0 0 0 0.125rem var(--s-background-default),       0 0 0 0.25rem var(--s-focus-default)}.checkbox--variant-card.sc-swirl-checkbox:focus-within .checkbox__box.sc-swirl-checkbox{box-shadow:none}.checkbox--variant-card.sc-swirl-checkbox:hover:not(.checkbox--disabled){background-color:var(--s-state-hovered)}.checkbox--variant-card.sc-swirl-checkbox:active:not(.checkbox--disabled){background-color:var(--s-state-pressed)}.checkbox--variant-card.checkbox--checked.sc-swirl-checkbox:not(.checkbox--disabled){border-color:var(--s-border-highlight)}.checkbox--variant-card.checkbox--invalid.sc-swirl-checkbox:not(.checkbox--disabled){border-color:var(--s-border-critical)}.checkbox--checked.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox,.checkbox--indeterminate.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox{border-color:var(--s-interactive-primary-hovered);background-color:var(--s-interactive-primary-hovered)}.checkbox--checked.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox,.checkbox--indeterminate.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{border-color:var(--s-icon-highlight);color:var(--s-text-on-status);background-color:var(--s-icon-highlight)}.checkbox--invalid.checkbox--checked.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox,.checkbox--invalid.checkbox--indeterminate.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{background-color:var(--s-icon-critical)}.checkbox--invalid.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{border-color:var(--s-icon-critical)}.checkbox--disabled.sc-swirl-checkbox{cursor:default}.checkbox--disabled.checkbox--checked.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox,.checkbox--disabled.checkbox--indeterminate.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox{border-color:var(--s-icon-disabled);background-color:var(--s-icon-disabled)}.checkbox--disabled.checkbox--checked.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox,.checkbox--disabled.checkbox--indeterminate.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{background-color:var(--s-icon-disabled)}.checkbox--disabled.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox{background-color:transparent}.checkbox--disabled.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{border-color:var(--s-icon-disabled)}.checkbox--disabled.sc-swirl-checkbox .checkbox__label.sc-swirl-checkbox,.checkbox--disabled.sc-swirl-checkbox .checkbox__description.sc-swirl-checkbox{color:var(--s-text-disabled)}.checkbox--label-weight-regular.sc-swirl-checkbox .checkbox__label.sc-swirl-checkbox{font-weight:var(--s-font-weight-regular)}.checkbox__control.sc-swirl-checkbox{position:relative;width:1.5rem;height:1.5rem;padding:var(--s-space-2);flex-shrink:0}.checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox{background-color:var(--s-action-neutral-hovered)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.checkbox__control.sc-swirl-checkbox{width:1.375rem;height:1.375rem}}.checkbox__box.sc-swirl-checkbox{position:relative;z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:var(--s-border-radius-s)}.checkbox__icon.sc-swirl-checkbox{display:inline-flex;width:1.0625rem;height:1.0625rem}.checkbox__icon.sc-swirl-checkbox>*.sc-swirl-checkbox::part(icon),.checkbox__icon.sc-swirl-checkbox>*.sc-swirl-checkbox [part~="icon"]{width:1.0625rem;height:1.0625rem}.checkbox__indeterminate-icon.sc-swirl-checkbox{position:relative;width:100%;height:100%}.checkbox__indeterminate-icon.sc-swirl-checkbox:after{position:absolute;top:50%;left:50%;width:0.625rem;height:0.125rem;border-radius:0.0625rem;background-color:currentColor;content:"";transform:translate3d(-50%, -50%, 0)}.checkbox__label-container.sc-swirl-checkbox{display:inline-flex;margin-left:var(--s-space-8);align-items:flex-start;flex-direction:column}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.checkbox__label-container.sc-swirl-checkbox{padding-top:var(--s-space-2)}}.checkbox__label.sc-swirl-checkbox{font-weight:var(--s-font-weight-medium)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.checkbox__label.sc-swirl-checkbox{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.checkbox__description.sc-swirl-checkbox{color:var(--s-text-subdued)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.checkbox__description.sc-swirl-checkbox{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}'}},[2,"swirl-checkbox",{checked:[1032],description:[1],disabled:[4],swirlAriaDescribedby:[1,"swirl-aria-describedby"],swirlAriaLabel:[1,"swirl-aria-label"],inputId:[1,"input-id"],inputName:[1,"input-name"],invalid:[4],label:[1],labelWeight:[1,"label-weight"],value:[1],variant:[1]}]),t=l,d=function(){"undefined"!=typeof customElements&&["swirl-checkbox","swirl-icon-check-strong","swirl-visually-hidden"].forEach((c=>{switch(c){case"swirl-checkbox":customElements.get(r(c))||customElements.define(r(c),l);break;case"swirl-icon-check-strong":customElements.get(r(c))||a();break;case"swirl-visually-hidden":customElements.get(r(c))||b()}}))};export{t as SwirlCheckbox,d as defineCustomElement}

package/dist/components/swirl-chip.js

@@ -1 +1 @@
-import{proxyCustomElement as i,HTMLElement as r,createEvent as c,h as s,Host as e,transformTag as a}from"@stencil/core/internal/client";import{c as t}from"./index2.js";import{D as o}from"./media-query.service.js";import{d as h}from"./swirl-icon-close2.js";import{d as p}from"./swirl-progress-indicator2.js";const l=i(class extends r{constructor(i){super(),!1!==i&&this.__registerHost(),this.chipClick=c(this,"chipClick",7),this.removeChip=c(this,"remove",7),this.borderRadius="pill",this.iconColor="default",this.intent="default",this.interactive=!1,this.progressBarLabel="Loading progress",this.removeButtonLabel="Remove",this.size="m",this.variant="outline",this.mediaQueryUnsubscribe=()=>{}}componentDidLoad(){this.mediaQueryUnsubscribe=o.subscribe((i=>{this.forceIconProps(i)}))}disconnectedCallback(){this.mediaQueryUnsubscribe()}forceIconProps(i){if(!this.iconEl)return;const r=this.iconEl.children[0],c="s"===this.size?"16":i?"20":"24";r?.setAttribute("size",c)}render(){const i=this.interactive||void 0!==this.pressed?"button":"span",r=!!this.el.querySelector('[slot="avatar"]'),c=!r&&!!this.icon,a=t("chip","chip--border-radius-"+this.borderRadius,"chip--icon-color-"+this.iconColor,"chip--intent-"+this.intent,"chip--size-"+this.size,"chip--variant-"+this.variant,{"chip--pressed":this.pressed,"chip--has-progress":void 0!==this.progress,"chip--interactive":this.interactive||void 0!==this.pressed,"chip--removable":this.removable});return s(e,{key:"de2fc68ee4a553c776c325182a1a0afdd099dbbd"},s(i,{key:"beb82aeb9a99b62d4e1ba6bac2bee583f6370e26","aria-pressed":void 0!==this.pressed?this.pressed+"":void 0,class:a,onClick:this.chipClick.emit,type:this.interactive?"button":void 0},s("span",{key:"8548ce3f845926a061003e8ef141b1f7db73d1a2",class:"chip__inner"},r&&s("span",{key:"88b1c4554cdd7fccc65fcb1f48a5f588b3a4e804",class:"chip__avatar"},s("slot",{key:"c51e372300320a2f83474f05b95edecf1f3accad",name:"avatar"})),c&&s("span",{key:"3573732fc7d40a443f6983ee8026c4ed4967470a",class:"chip__icon",innerHTML:this.icon,ref:i=>this.iconEl=i}),s("span",{key:"ddd447fa8db2c4778bfa2b9acde04570631fe95f",class:"chip__label"},this.label)),void 0!==this.progress&&s("span",{key:"83e1fa061620f51939a56931fa11961a98445ae9",class:"chip__progress-indicator"},s("swirl-progress-indicator",{key:"0df09ccdfb8279ec169a5fdca4747d781a6dc940",label:this.progressBarLabel,value:this.progress}))),this.removable&&s("button",{key:"ea99fff62a4f48257f2c343ae6c0430bff6d4566","aria-label":this.removeButtonLabel,class:"chip__remove-button",onClick:this.removeChip.emit,type:"button"},s("swirl-icon-close",{key:"65e99d99e97313b95160c70dc313625a76359501",size:20})))}get el(){return this}static get style(){return'.sc-swirl-chip-h{position:relative;display:inline-flex;max-width:100%}.sc-swirl-chip-h *.sc-swirl-chip{box-sizing:border-box}.chip.sc-swirl-chip{display:inline-flex;overflow:hidden;max-width:100%;height:2.25rem;padding:0;border:0.0625rem solid var(--s-border-default);border-radius:1.25rem;color:var(--s-text-subdued);background-color:var(--s-surface-overlay-default);font:inherit;font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);flex-direction:column}.chip--size-s.sc-swirl-chip{height:2rem}.chip--size-s.chip--removable.sc-swirl-chip .chip__inner.sc-swirl-chip{padding-right:calc(1.5rem + var(--s-space-12))}.chip--size-s.sc-swirl-chip .chip__inner.sc-swirl-chip{padding-right:var(--s-space-12);padding-left:var(--s-space-12)}.chip--size-s.sc-swirl-chip+.chip__remove-button.sc-swirl-chip{top:var(--s-space-4);width:1.5rem;height:1.5rem}.chip--interactive.sc-swirl-chip{cursor:pointer}.chip--interactive.sc-swirl-chip:hover{background-color:var(--s-surface-overlay-hovered)}.chip--interactive.sc-swirl-chip:hover .sc-swirl-chip::part(avatar),.chip--interactive.sc-swirl-chip:hover .sc-swirl-chip [part~="avatar"]{background-color:var(--s-surface-raised-hovered)}.chip--interactive.sc-swirl-chip:hover+.chip__remove-button.sc-swirl-chip{background-color:var(--s-surface-raised-default)}.chip--interactive.sc-swirl-chip:hover+.chip__remove-button.sc-swirl-chip:hover{background-color:var(--s-surface-raised-hovered)}.chip--interactive.sc-swirl-chip:hover+.chip__remove-button.sc-swirl-chip:active{background-color:var(--s-surface-overlay-pressed)}.chip--interactive.sc-swirl-chip:active{background-color:var(--s-surface-overlay-pressed)}.chip--interactive.sc-swirl-chip:active .sc-swirl-chip::part(avatar),.chip--interactive.sc-swirl-chip:active .sc-swirl-chip [part~="avatar"]{background-color:var(--s-surface-raised-pressed)}.chip--interactive.sc-swirl-chip:active+.chip__remove-button.sc-swirl-chip{background-color:var(--s-surface-overlay-pressed)}.chip--icon-color-highlight.sc-swirl-chip .chip__icon.sc-swirl-chip{color:var(--s-icon-highlight)}.chip--removable.sc-swirl-chip .chip__inner.sc-swirl-chip{padding-right:calc(1.875rem + var(--s-space-12))}.chip--intent-critical.sc-swirl-chip{border-color:var(--s-border-critical);color:var(--s-text-critical)}.chip--intent-critical.sc-swirl-chip .chip__icon.sc-swirl-chip{color:var(--s-icon-critical)}.chip--border-radius-sm.sc-swirl-chip{border-radius:var(--s-border-radius-sm)}.chip--intent-success.sc-swirl-chip{border-color:var(--s-border-success);color:var(--s-text-success)}.chip--intent-success.sc-swirl-chip .chip__icon.sc-swirl-chip{color:var(--s-icon-success)}.chip--intent-highlight.sc-swirl-chip{border-color:var(--s-border-highlight);color:var(--s-text-highlight)}.chip--intent-highlight.sc-swirl-chip .chip__icon.sc-swirl-chip{color:var(--s-icon-highlight)}.chip--variant-outline.chip--pressed.sc-swirl-chip{color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default);border-color:var(--s-action-primary-default)}.chip--variant-outline.chip--pressed.sc-swirl-chip:hover{background-color:var(--s-action-primary-hovered)}.chip--variant-outline.chip--pressed.sc-swirl-chip:hover+.chip__remove-button.sc-swirl-chip{background-color:var(--s-action-primary-hovered)}.chip--variant-outline.chip--pressed.sc-swirl-chip:active{background-color:var(--s-action-primary-pressed)}.chip--variant-outline.chip--pressed.sc-swirl-chip:active+.chip__remove-button.sc-swirl-chip{background-color:var(--s-action-primary-pressed)}.chip--variant-outline.chip--pressed.sc-swirl-chip+.chip__remove-button.sc-swirl-chip{color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.chip--variant-outline.chip--pressed.sc-swirl-chip+.chip__remove-button.sc-swirl-chip:hover{background-color:var(--s-action-primary-hovered)}.chip--variant-outline.chip--pressed.sc-swirl-chip+.chip__remove-button.sc-swirl-chip:active{background-color:var(--s-action-primary-pressed)}.chip--variant-plain.sc-swirl-chip{height:auto;border:none;border-radius:0;background-color:transparent}.chip--variant-plain.chip--interactive.sc-swirl-chip:hover{background-color:transparent;text-decoration:underline;text-underline-offset:var(--s-space-4)}.chip--variant-plain.chip--interactive.sc-swirl-chip:hover .sc-swirl-chip::part(avatar),.chip--variant-plain.chip--interactive.sc-swirl-chip:hover .sc-swirl-chip [part~="avatar"]{background-color:var(--s-surface-raised-hovered)}.chip--variant-plain.chip--interactive.sc-swirl-chip:active{background-color:transparent}.chip--variant-plain.chip--interactive.sc-swirl-chip:active .sc-swirl-chip::part(avatar),.chip--variant-plain.chip--interactive.sc-swirl-chip:active .sc-swirl-chip [part~="avatar"]{background-color:var(--s-surface-raised-pressed)}.chip--variant-plain.chip--removable.sc-swirl-chip .chip__inner.sc-swirl-chip{padding-right:var(--s-space-12)}.chip--variant-plain.sc-swirl-chip+.chip__remove-button.sc-swirl-chip{position:relative;top:0;right:auto}.chip--variant-plain.sc-swirl-chip .chip__inner.sc-swirl-chip{padding-right:0;padding-left:0}.chip--has-progress.sc-swirl-chip+.chip__remove-button.sc-swirl-chip{top:0.1875rem}.chip--has-progress.sc-swirl-chip:not(.chip--size-s)+.chip__remove-button.sc-swirl-chip{top:0.0625rem}.chip__inner.sc-swirl-chip{display:inline-flex;max-width:100%;height:100%;padding-right:var(--s-space-16);padding-left:var(--s-space-16);align-items:center}.chip__avatar.sc-swirl-chip,.chip__icon.sc-swirl-chip{display:inline-flex;margin-right:var(--s-space-8);flex-shrink:0}.chip__avatar.sc-swirl-chip{overflow:hidden;width:1.75rem;height:1.75rem;margin-left:-0.625rem}.chip__icon.sc-swirl-chip{margin-left:-0.25rem;color:var(--s-icon-default)}.chip__label.sc-swirl-chip{overflow:hidden;flex-grow:1;white-space:nowrap;text-overflow:ellipsis}.chip__progress-indicator.sc-swirl-chip{width:100%}.chip__remove-button.sc-swirl-chip{position:absolute;top:0.1875rem;right:var(--s-space-4);display:inline-flex;width:1.875rem;height:1.875rem;padding:0;justify-content:center;align-items:center;border:none;border-radius:50%;color:var(--s-icon-default);background-color:var(--s-surface-overlay-default);cursor:pointer}.chip__remove-button.sc-swirl-chip:hover{background-color:var(--s-surface-overlay-hovered)}.chip__remove-button.sc-swirl-chip:active{background-color:var(--s-surface-overlay-pressed)}'}},[262,"swirl-chip",{borderRadius:[1,"border-radius"],icon:[1],iconColor:[1,"icon-color"],intent:[1],interactive:[4],label:[1],progress:[2],pressed:[4],progressBarLabel:[1,"progress-bar-label"],removable:[4],removeButtonLabel:[1,"remove-button-label"],size:[1],variant:[1]}]),n=l,d=function(){"undefined"!=typeof customElements&&["swirl-chip","swirl-icon-close","swirl-progress-indicator"].forEach((i=>{switch(i){case"swirl-chip":customElements.get(a(i))||customElements.define(a(i),l);break;case"swirl-icon-close":customElements.get(a(i))||h();break;case"swirl-progress-indicator":customElements.get(a(i))||p()}}))};export{n as SwirlChip,d as defineCustomElement}
+import{proxyCustomElement as i,HTMLElement as r,createEvent as c,h as s,Host as e,transformTag as a}from"@stencil/core/internal/client";import{c as t}from"./index2.js";import{D as h}from"./media-query.service.js";import{d as o}from"./swirl-icon-close2.js";import{d as p}from"./swirl-progress-indicator2.js";const n=i(class extends r{constructor(i){super(),!1!==i&&this.__registerHost(),this.chipClick=c(this,"chipClick",7),this.removeChip=c(this,"remove",7),this.borderRadius="pill",this.iconColor="default",this.intent="default",this.interactive=!1,this.progressBarLabel="Loading progress",this.removeButtonLabel="Remove",this.size="m",this.variant="outline",this.mediaQueryUnsubscribe=()=>{}}componentDidLoad(){this.mediaQueryUnsubscribe=h.subscribe((i=>{this.forceIconProps(i)}))}disconnectedCallback(){this.mediaQueryUnsubscribe()}forceIconProps(i){if(!this.iconEl)return;const r=this.iconEl.children[0],c="s"===this.size?"16":i?"20":"24";r?.setAttribute("size",c)}render(){const i=this.interactive||void 0!==this.pressed?"button":"span",r=!!this.el.querySelector('[slot="avatar"]'),c=!r&&!!this.icon,a=t("chip","chip--border-radius-"+this.borderRadius,"chip--icon-color-"+this.iconColor,"chip--intent-"+this.intent,"chip--size-"+this.size,"chip--variant-"+this.variant,{"chip--pressed":this.pressed,"chip--has-progress":void 0!==this.progress,"chip--interactive":this.interactive||void 0!==this.pressed,"chip--removable":this.removable});return s(e,{key:"8441fd4d5bacd8af0852bf4cf15e6cfa4ca1442e"},s(i,{key:"191157afdfeaab3473c67ac6a83f86db2dfc6060","aria-pressed":void 0!==this.pressed?this.pressed+"":void 0,class:a,onClick:this.chipClick.emit,type:this.interactive?"button":void 0},s("span",{key:"d63ba61bb1dc4f4c324350aa37a70b5a049e5ea7",class:"chip__inner"},r&&s("span",{key:"4da4223573b8f735ef0bb303b91161ad92803964",class:"chip__avatar"},s("slot",{key:"5359c6b8704daf7e9a04b71f270d76bd1c4974c3",name:"avatar"})),c&&s("span",{key:"8f76d873765be71081b9cfffba885f7adc2858bf",class:"chip__icon",innerHTML:this.icon,ref:i=>this.iconEl=i}),s("span",{key:"1adc269a72b3c71101050eb549736ab00754fb85",class:"chip__label"},this.label)),void 0!==this.progress&&s("span",{key:"898d123f6aadb6a469d4fc46ea520e8c314643b2",class:"chip__progress-indicator"},s("swirl-progress-indicator",{key:"9a5682df6cd28c497c4e1da7539f1e70916062e2",label:this.progressBarLabel,value:this.progress}))),this.removable&&s("button",{key:"1176bebffc3ab6b04a2ca83db6999285a6342633","aria-label":this.removeButtonLabel,class:"chip__remove-button",onClick:this.removeChip.emit,type:"button"},s("swirl-icon-close",{key:"0dc3ed45a49f1f351316e9673ee4bb339cf555ad",size:20})))}get el(){return this}static get style(){return'.sc-swirl-chip-h{position:relative;display:inline-flex;max-width:100%}.sc-swirl-chip-h *.sc-swirl-chip{box-sizing:border-box}.chip.sc-swirl-chip{display:inline-flex;overflow:hidden;max-width:100%;height:2.25rem;padding:0;border:0.0625rem solid var(--s-border-default);border-radius:1.25rem;color:var(--s-text-subdued);background-color:transparent;font:inherit;font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);flex-direction:column}.chip--size-s.sc-swirl-chip{height:2rem}.chip--size-s.chip--removable.sc-swirl-chip .chip__inner.sc-swirl-chip{padding-right:calc(1.5rem + var(--s-space-12))}.chip--size-s.sc-swirl-chip .chip__inner.sc-swirl-chip{padding-right:var(--s-space-12);padding-left:var(--s-space-12)}.chip--size-s.sc-swirl-chip+.chip__remove-button.sc-swirl-chip{top:var(--s-space-4);width:1.5rem;height:1.5rem}.chip--interactive.sc-swirl-chip{cursor:pointer}.chip--interactive.sc-swirl-chip:hover{background-color:var(--s-state-hovered)}.chip--interactive.sc-swirl-chip:hover .sc-swirl-chip::part(avatar),.chip--interactive.sc-swirl-chip:hover .sc-swirl-chip [part~="avatar"]{background-color:var(--s-surface-raised-hovered)}.chip--interactive.sc-swirl-chip:hover+.chip__remove-button.sc-swirl-chip{background-color:var(--s-surface-raised-default)}.chip--interactive.sc-swirl-chip:hover+.chip__remove-button.sc-swirl-chip:hover{background-color:var(--s-surface-raised-hovered)}.chip--interactive.sc-swirl-chip:hover+.chip__remove-button.sc-swirl-chip:active{background-color:var(--s-state-pressed)}.chip--interactive.sc-swirl-chip:active{background-color:var(--s-state-pressed)}.chip--interactive.sc-swirl-chip:active .sc-swirl-chip::part(avatar),.chip--interactive.sc-swirl-chip:active .sc-swirl-chip [part~="avatar"]{background-color:var(--s-surface-raised-pressed)}.chip--interactive.sc-swirl-chip:active+.chip__remove-button.sc-swirl-chip{background-color:var(--s-state-pressed)}.chip--icon-color-highlight.sc-swirl-chip .chip__icon.sc-swirl-chip{color:var(--s-icon-highlight)}.chip--removable.sc-swirl-chip .chip__inner.sc-swirl-chip{padding-right:calc(1.875rem + var(--s-space-12))}.chip--intent-critical.sc-swirl-chip{border-color:var(--s-border-critical);color:var(--s-text-critical)}.chip--intent-critical.sc-swirl-chip .chip__icon.sc-swirl-chip{color:var(--s-icon-critical)}.chip--border-radius-sm.sc-swirl-chip{border-radius:var(--s-border-radius-sm)}.chip--intent-success.sc-swirl-chip{border-color:var(--s-border-success);color:var(--s-text-success)}.chip--intent-success.sc-swirl-chip .chip__icon.sc-swirl-chip{color:var(--s-icon-success)}.chip--intent-highlight.sc-swirl-chip{border-color:var(--s-border-highlight);color:var(--s-text-highlight)}.chip--intent-highlight.sc-swirl-chip .chip__icon.sc-swirl-chip{color:var(--s-icon-highlight)}.chip--variant-outline.chip--pressed.sc-swirl-chip,.chip--variant-translucent.chip--pressed.sc-swirl-chip{color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default);border-color:var(--s-action-primary-default)}.chip--variant-outline.chip--pressed.sc-swirl-chip:hover,.chip--variant-translucent.chip--pressed.sc-swirl-chip:hover{background-color:var(--s-action-primary-hovered)}.chip--variant-outline.chip--pressed.sc-swirl-chip:hover+.chip__remove-button.sc-swirl-chip,.chip--variant-translucent.chip--pressed.sc-swirl-chip:hover+.chip__remove-button.sc-swirl-chip{background-color:var(--s-action-primary-hovered)}.chip--variant-outline.chip--pressed.sc-swirl-chip:active,.chip--variant-translucent.chip--pressed.sc-swirl-chip:active{background-color:var(--s-action-primary-pressed)}.chip--variant-outline.chip--pressed.sc-swirl-chip:active+.chip__remove-button.sc-swirl-chip,.chip--variant-translucent.chip--pressed.sc-swirl-chip:active+.chip__remove-button.sc-swirl-chip{background-color:var(--s-action-primary-pressed)}.chip--variant-outline.chip--pressed.sc-swirl-chip+.chip__remove-button.sc-swirl-chip,.chip--variant-translucent.chip--pressed.sc-swirl-chip+.chip__remove-button.sc-swirl-chip{color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.chip--variant-outline.chip--pressed.sc-swirl-chip+.chip__remove-button.sc-swirl-chip:hover,.chip--variant-translucent.chip--pressed.sc-swirl-chip+.chip__remove-button.sc-swirl-chip:hover{background-color:var(--s-action-primary-hovered)}.chip--variant-outline.chip--pressed.sc-swirl-chip+.chip__remove-button.sc-swirl-chip:active,.chip--variant-translucent.chip--pressed.sc-swirl-chip+.chip__remove-button.sc-swirl-chip:active{background-color:var(--s-action-primary-pressed)}.chip--variant-translucent.sc-swirl-chip{background:var(--s-translucent-medium-default);-webkit-backdrop-filter:blur(var(--s-blur-s));backdrop-filter:blur(var(--s-blur-s))}.chip--variant-translucent.chip--interactive.sc-swirl-chip:hover{background:var(--s-translucent-medium-hovered)}.chip--variant-translucent.chip--interactive.sc-swirl-chip:active{background:var(--s-translucent-medium-pressed)}.chip--variant-plain.sc-swirl-chip{height:auto;border:none;border-radius:0;background-color:transparent}.chip--variant-plain.chip--interactive.sc-swirl-chip:hover{background-color:transparent;text-decoration:underline;text-underline-offset:var(--s-space-4)}.chip--variant-plain.chip--interactive.sc-swirl-chip:hover .sc-swirl-chip::part(avatar),.chip--variant-plain.chip--interactive.sc-swirl-chip:hover .sc-swirl-chip [part~="avatar"]{background-color:var(--s-surface-raised-hovered)}.chip--variant-plain.chip--interactive.sc-swirl-chip:active{background-color:transparent}.chip--variant-plain.chip--interactive.sc-swirl-chip:active .sc-swirl-chip::part(avatar),.chip--variant-plain.chip--interactive.sc-swirl-chip:active .sc-swirl-chip [part~="avatar"]{background-color:var(--s-surface-raised-pressed)}.chip--variant-plain.chip--removable.sc-swirl-chip .chip__inner.sc-swirl-chip{padding-right:var(--s-space-12)}.chip--variant-plain.sc-swirl-chip+.chip__remove-button.sc-swirl-chip{position:relative;top:0;right:auto}.chip--variant-plain.sc-swirl-chip .chip__inner.sc-swirl-chip{padding-right:0;padding-left:0}.chip--has-progress.sc-swirl-chip+.chip__remove-button.sc-swirl-chip{top:0.1875rem}.chip--has-progress.sc-swirl-chip:not(.chip--size-s)+.chip__remove-button.sc-swirl-chip{top:0.0625rem}.chip__inner.sc-swirl-chip{display:inline-flex;max-width:100%;height:100%;padding-right:var(--s-space-16);padding-left:var(--s-space-16);align-items:center}.chip__avatar.sc-swirl-chip,.chip__icon.sc-swirl-chip{display:inline-flex;margin-right:var(--s-space-8);flex-shrink:0}.chip__avatar.sc-swirl-chip{overflow:hidden;width:1.75rem;height:1.75rem;margin-left:-0.625rem}.chip__icon.sc-swirl-chip{margin-left:-0.25rem;color:var(--s-icon-default)}.chip__label.sc-swirl-chip{overflow:hidden;flex-grow:1;white-space:nowrap;text-overflow:ellipsis}.chip__progress-indicator.sc-swirl-chip{width:100%}.chip__remove-button.sc-swirl-chip{position:absolute;top:0.1875rem;right:var(--s-space-4);display:inline-flex;width:1.875rem;height:1.875rem;padding:0;justify-content:center;align-items:center;border:none;border-radius:50%;color:var(--s-icon-default);background-color:transparent;cursor:pointer}.chip__remove-button.sc-swirl-chip:hover{background-color:var(--s-state-hovered)}.chip__remove-button.sc-swirl-chip:active{background-color:var(--s-state-pressed)}'}},[262,"swirl-chip",{borderRadius:[1,"border-radius"],icon:[1],iconColor:[1,"icon-color"],intent:[1],interactive:[4],label:[1],progress:[2],pressed:[4],progressBarLabel:[1,"progress-bar-label"],removable:[4],removeButtonLabel:[1,"remove-button-label"],size:[1],variant:[1]}]),l=n,d=function(){"undefined"!=typeof customElements&&["swirl-chip","swirl-icon-close","swirl-progress-indicator"].forEach((i=>{switch(i){case"swirl-chip":customElements.get(a(i))||customElements.define(a(i),n);break;case"swirl-icon-close":customElements.get(a(i))||o();break;case"swirl-progress-indicator":customElements.get(a(i))||p()}}))};export{l as SwirlChip,d as defineCustomElement}