@getflip/swirl-components 0.80.0 → 0.81.0

package/vscode-data.json

@@ -829,6 +829,9 @@
             },
             {
               "name": "primary"
+            },
+            {
+              "name": "strong"
             }
           ]
         },
@@ -1350,6 +1353,18 @@
           "name": "icon",
           "description": ""
         },
+        {
+          "name": "icon-color",
+          "description": "",
+          "values": [
+            {
+              "name": "default"
+            },
+            {
+              "name": "highlight"
+            }
+          ]
+        },
         {
           "name": "intent",
           "description": "",
@@ -1373,6 +1388,14 @@
           "name": "label",
           "description": ""
         },
+        {
+          "name": "progress",
+          "description": ""
+        },
+        {
+          "name": "progress-bar-label",
+          "description": ""
+        },
         {
           "name": "removable",
           "description": ""
@@ -1381,6 +1404,18 @@
           "name": "remove-button-label",
           "description": ""
         },
+        {
+          "name": "size",
+          "description": "",
+          "values": [
+            {
+              "name": "m"
+            },
+            {
+              "name": "s"
+            }
+          ]
+        },
         {
           "name": "variant",
           "description": "",
@@ -2727,6 +2762,19 @@
         }
       ]
     },
+    {
+      "name": "swirl-icon-format-h-one",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "size",
+          "description": ""
+        }
+      ]
+    },
     {
       "name": "swirl-icon-fullscreen",
       "description": {
@@ -3156,6 +3204,19 @@
         }
       ]
     },
+    {
+      "name": "swirl-icon-mic",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "size",
+          "description": ""
+        }
+      ]
+    },
     {
       "name": "swirl-icon-more-horizontal",
       "description": {
@@ -3247,6 +3308,19 @@
         }
       ]
     },
+    {
+      "name": "swirl-icon-open-in-full",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "size",
+          "description": ""
+        }
+      ]
+    },
     {
       "name": "swirl-icon-open-in-new",
       "description": {
@@ -3260,6 +3334,32 @@
         }
       ]
     },
+    {
+      "name": "swirl-icon-pause",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "size",
+          "description": ""
+        }
+      ]
+    },
+    {
+      "name": "swirl-icon-pause-circle",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "size",
+          "description": ""
+        }
+      ]
+    },
     {
       "name": "swirl-icon-people-alt",
       "description": {
@@ -3390,6 +3490,19 @@
         }
       ]
     },
+    {
+      "name": "swirl-icon-report",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "size",
+          "description": ""
+        }
+      ]
+    },
     {
       "name": "swirl-icon-roadmap",
       "description": {
@@ -3494,6 +3607,19 @@
         }
       ]
     },
+    {
+      "name": "swirl-icon-stop",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "size",
+          "description": ""
+        }
+      ]
+    },
     {
       "name": "swirl-icon-sync",
       "description": {
@@ -3572,6 +3698,19 @@
         }
       ]
     },
+    {
+      "name": "swirl-icon-translate",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "size",
+          "description": ""
+        }
+      ]
+    },
     {
       "name": "swirl-icon-undo",
       "description": {
@@ -4055,6 +4194,10 @@
           "name": "label",
           "description": ""
         },
+        {
+          "name": "max-height",
+          "description": ""
+        },
         {
           "name": "max-width",
           "description": ""
@@ -6540,6 +6683,22 @@
             }
           ]
         },
+        {
+          "name": "progress",
+          "description": ""
+        },
+        {
+          "name": "progress-label",
+          "description": ""
+        },
+        {
+          "name": "remove-button-label",
+          "description": ""
+        },
+        {
+          "name": "show-remove-button",
+          "description": ""
+        },
         {
           "name": "size",
           "description": "",
@@ -6552,12 +6711,19 @@
             },
             {
               "name": "s"
+            },
+            {
+              "name": "xl"
             }
           ]
         },
         {
           "name": "src",
           "description": ""
+        },
+        {
+          "name": "timestamp",
+          "description": ""
         }
       ]
     },

package/dist/swirl-components/p-0fce283f.entry.js

@@ -1 +0,0 @@
-import{r as t,h as o,H as r}from"./p-3fca9a05.js";import{c as i}from"./p-b7898321.js";import{g as n}from"./p-646e00de.js";const a=class{constructor(o){t(this,o),this.desktopMediaQuery=n(),this.desktopMediaQueryHandler=t=>{this.forceIconProps(t.matches)},this.disabled=void 0,this.download=void 0,this.swirlAriaControls=void 0,this.swirlAriaDescribedby=void 0,this.swirlAriaExpanded=void 0,this.swirlAriaHaspopup=void 0,this.swirlAriaLabel=void 0,this.form=void 0,this.hideLabel=void 0,this.href=void 0,this.icon=void 0,this.iconPosition="start",this.intent="default",this.label=void 0,this.name=void 0,this.pill=void 0,this.size="m",this.target=void 0,this.type="button",this.value=void 0,this.variant="ghost"}componentDidLoad(){this.forceIconProps(this.desktopMediaQuery.matches),this.desktopMediaQuery.onchange=this.desktopMediaQueryHandler}componentDidRender(){this.forceIconProps(this.desktopMediaQuery.matches)}disconnectedCallback(){var t,o;null===(o=(t=this.desktopMediaQuery).removeEventListener)||void 0===o||o.call(t,"change",this.desktopMediaQueryHandler)}forceIconProps(t){if(!Boolean(this.iconEl))return;const o=this.iconEl.children[0];null==o||o.setAttribute("size",t?"20":"24")}getAriaLabel(t){return Boolean(this.swirlAriaLabel)?this.swirlAriaLabel:t?this.label:void 0}render(){const t=this.hideLabel&&Boolean(this.icon)||"floating"===this.variant&&"default"===this.intent,n=Boolean(this.href),a=this.getAriaLabel(t),s=i("button",`button--icon-position-${this.iconPosition}`,`button--intent-${this.intent}`,`button--size-${this.size}`,`button--variant-${this.variant}`,{"button--icon-only":t,"button--pill":this.pill});return o(r,{style:{pointerEvents:this.disabled?"none":""}},o(n?"a":"button",{"aria-controls":this.swirlAriaControls,"aria-describedby":this.swirlAriaDescribedby,"aria-disabled":this.disabled&&!n?"true":void 0,"aria-expanded":this.swirlAriaExpanded,"aria-haspopup":this.swirlAriaHaspopup,"aria-label":a,class:s,disabled:n?void 0:this.disabled,download:n?void 0:this.download,form:n?void 0:this.form,href:this.href,name:n?void 0:this.name,target:n?this.target:void 0,type:n?void 0:this.type,value:n?void 0:this.value},this.icon&&o("span",{class:"button__icon",innerHTML:this.icon,ref:t=>this.iconEl=t}),!t&&o("span",{class:"button__label"},this.label)))}};a.style=".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)}.button.sc-swirl-button:hover{background-color:var(--swirl-ghost-button-background-hovered)}.button.sc-swirl-button:active{background-color:var(--swirl-ghost-button-background-pressed)}.button.sc-swirl-button:disabled{color:var(--s-text-disabled);background-color:var(--swirl-ghost-button-background-default);cursor:default}.button.sc-swirl-button:disabled .button__icon.sc-swirl-button{color:var(--s-icon-disabled)}.button.sc-swirl-button:focus:not(:focus-visible){outline:none}.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--variant-ghost.button--intent-primary.sc-swirl-button:not(:disabled){color:var(--s-text-highlight)}.button--variant-ghost.button--intent-primary.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-highlight)}.button--variant-ghost.button--intent-critical.sc-swirl-button:not(:disabled){color:var(--s-text-critical)}.button--variant-ghost.button--intent-critical.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-critical)}.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(--s-action-neutral-default)}.button--variant-flat.sc-swirl-button:hover{background-color:var(--s-action-neutral-hovered)}.button--variant-flat.sc-swirl-button:active{background-color:var(--s-action-neutral-pressed)}.button--variant-flat.sc-swirl-button:disabled{background-color:var(--s-action-neutral-disabled)}.button--variant-flat.button--intent-primary.sc-swirl-button:not(:disabled){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.button--variant-flat.button--intent-primary.sc-swirl-button:not(:disabled):hover{background-color:var(--s-action-primary-hovered)}.button--variant-flat.button--intent-primary.sc-swirl-button:not(:disabled):active{background-color:var(--s-action-primary-pressed)}.button--variant-flat.button--intent-primary.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-on-action-primary)}.button--variant-flat.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-outline.sc-swirl-button{color:var(--s-text-default);box-shadow:inset 0 0 0 var(--s-border-width-default) var(--s-border-strong)}.button--variant-outline.sc-swirl-button:disabled{box-shadow:inset 0 0 0 var(--s-border-width-default)\n      var(--s-border-default)}.button--variant-outline.button--intent-critical.sc-swirl-button:not(:disabled){color:var(--s-text-critical);box-shadow:inset 0 0 0 var(--s-border-width-default)\n      var(--s-border-critical)}.button--variant-outline.button--intent-critical.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-critical)}.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-default)}.button--variant-plain.sc-swirl-button{padding:0;border-radius:0;color:var(--s-interactive-neutral-default);background-color:transparent}.button--variant-plain.sc-swirl-button:hover:not(:disabled){color:var(--s-interactive-neutral-default);background-color:transparent;text-decoration:underline;text-underline-offset:var(--s-space-4)}.button--variant-plain.sc-swirl-button:hover:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-interactive-neutral-default)}.button--variant-plain.sc-swirl-button:active:not(:disabled){color:var(--s-interactive-neutral-hovered);background-color:transparent}.button--variant-plain.sc-swirl-button:active:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-interactive-neutral-hovered)}.button--variant-plain.sc-swirl-button:disabled{color:var(--s-interactive-neutral-disabled);background-color:transparent}.button--variant-plain.sc-swirl-button:disabled .button__icon.sc-swirl-button{color:var(--s-interactive-neutral-disabled)}.button--variant-plain.button--icon-only.sc-swirl-button{padding:0}.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{color:var(--s-interactive-primary-default)}.button--variant-plain.button--intent-primary.sc-swirl-button:hover .button__icon.sc-swirl-button{color:var(--s-interactive-primary-default)}.button--variant-plain.button--intent-primary.sc-swirl-button:active{color:var(--s-interactive-primary-hovered)}.button--variant-plain.button--intent-primary.sc-swirl-button:active .button__icon.sc-swirl-button{color:var(--s-interactive-primary-hovered)}.button--variant-plain.button--intent-primary.sc-swirl-button:disabled{color:var(--s-interactive-primary-disabled)}.button--variant-plain.button--intent-primary.sc-swirl-button:disabled .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(--s-interactive-neutral-default)}.button--variant-on-image.sc-swirl-button{color:var(--s-text-on-image);background:linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),\n    rgba(255, 255, 255, 0.3)}.button--variant-on-image.sc-swirl-button:hover{background:linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),\n      rgba(255, 255, 255, 0.4)}.button--variant-on-image.sc-swirl-button:active{background:linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),\n      rgba(255, 255, 255, 0.5)}.button--variant-on-image.sc-swirl-button:disabled{color:var(--s-text-on-image);background:linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),\n      rgba(255, 255, 255, 0.3)}.button--variant-on-image.sc-swirl-button:disabled .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-floating.sc-swirl-button{color:var(--s-text-default);background-color:var(--s-surface-overlay-default);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:not(: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:not(: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{color:var(--s-text-on-action-primary)}.button--variant-floating.button--intent-primary.sc-swirl-button:disabled .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--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(\n      --swirl-icon-button-border-bottom-right-radius\n    );border-bottom-left-radius:var(\n      --swirl-icon-button-border-bottom-left-radius\n    )}.button--icon-only.sc-swirl-button .button__icon.sc-swirl-button{margin-right:0;margin-left:0}.button__icon.sc-swirl-button{display:inline-flex;margin-left:calc(-1 * var(--s-space-4));color:var(--s-icon-default);order:0}.button__label.sc-swirl-button{overflow:hidden;max-width:100%;white-space:nowrap;text-overflow:ellipsis;order:1}";export{a as swirl_button}

package/dist/swirl-components/p-3aa690fc.entry.js

@@ -1 +0,0 @@
-import{r as s,h as i,F as t}from"./p-3fca9a05.js";import{c as l}from"./p-b7898321.js";const r=class{constructor(i){s(this,i),this.size=24}render(){const s=20===this.size?24:this.size,r=l("swirl-icon",`swirl-icon--size-${this.size}`);return i("svg",{class:r,fill:"none",height:this.size,part:"icon",viewBox:`0 0 ${s} ${s}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},16===this.size&&i(t,null,i("path",{d:"M6.66661 6V4.94C6.66661 4.34667 5.94661 4.04667 5.52661 4.46667L2.46661 7.52667C2.20661 7.78667 2.20661 8.20667 2.46661 8.46667L5.52661 11.5267C5.94661 11.9467 6.66661 11.6533 6.66661 11.06V9.93333C9.99994 9.93333 12.3333 11 13.9999 13.3333C13.3333 10 11.3333 6.66667 6.66661 6Z",fill:"currentColor"})),(20===this.size||24===this.size)&&i(t,null,i("path",{d:"M9.99997 9V7.41C9.99997 6.52 8.91997 6.07 8.28997 6.7L3.69997 11.29C3.30997 11.68 3.30997 12.31 3.69997 12.7L8.28997 17.29C8.91997 17.92 9.99997 17.48 9.99997 16.59V14.9C15 14.9 18.5 16.5 21 20C20 15 17 10 9.99997 9Z",fill:"currentColor"})),28===this.size&&i(t,null,i("path",{d:"M11.6667 10.5V8.645C11.6667 7.60667 10.4067 7.08167 9.67171 7.81667L4.31671 13.1717C3.86171 13.6267 3.86171 14.3617 4.31671 14.8167L9.67171 20.1717C10.4067 20.9067 11.6667 20.3933 11.6667 19.355V17.3833C17.5 17.3833 21.5834 19.25 24.5 23.3333C23.3334 17.5 19.8334 11.6667 11.6667 10.5Z",fill:"currentColor"})))}};r.style=":host{display:inline-flex}";export{r as swirl_icon_reply}

package/dist/swirl-components/p-44422011.entry.js

@@ -1 +0,0 @@
-import{r,c as i,h as e,H as a,g as t}from"./p-3fca9a05.js";import{c as o}from"./p-b7898321.js";import{g as s}from"./p-646e00de.js";const c=class{constructor(e){r(this,e),this.remove=i(this,"remove",7),this.desktopMediaQuery=s(),this.desktopMediaQueryHandler=r=>{this.forceIconProps(r.matches)},this.borderRadius="pill",this.icon=void 0,this.intent="default",this.interactive=!1,this.label=void 0,this.removable=void 0,this.removeButtonLabel="Remove",this.variant="outline"}componentDidLoad(){this.forceIconProps(this.desktopMediaQuery.matches),this.desktopMediaQuery.onchange=this.desktopMediaQueryHandler}disconnectedCallback(){var r,i;null===(i=(r=this.desktopMediaQuery).removeEventListener)||void 0===i||i.call(r,"change",this.desktopMediaQueryHandler)}forceIconProps(r){if(!Boolean(this.iconEl))return;const i=this.iconEl.children[0];null==i||i.setAttribute("size",r?"20":"24")}render(){const r=this.interactive?"button":"span",i=Boolean(this.el.querySelector('[slot="avatar"]')),t=!i&&Boolean(this.icon),s=o("chip",`chip--border-radius-${this.borderRadius}`,`chip--intent-${this.intent}`,`chip--variant-${this.variant}`,{"chip--interactive":this.interactive,"chip--removable":this.removable});return e(a,null,e(r,{class:s,type:this.interactive?"button":void 0},i&&e("span",{class:"chip__avatar"},e("slot",{name:"avatar"})),t&&e("span",{class:"chip__icon",innerHTML:this.icon,ref:r=>this.iconEl=r}),e("span",{class:"chip__label"},this.label)),this.removable&&e("button",{"aria-label":this.removeButtonLabel,class:"chip__remove-button",onClick:this.remove.emit},e("swirl-icon-close",{size:20})))}get el(){return t(this)}};c.style=":host{position:relative;display:inline-flex;max-width:100%}:host *{box-sizing:border-box}.chip{display:inline-flex;max-width:100%;height:2.5rem;padding-right:var(--s-space-16);padding-left:var(--s-space-16);align-items:center;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)}.chip--interactive{cursor:pointer}.chip--interactive:hover{background-color:var(--s-surface-overlay-hovered)}.chip--interactive:hover ::part(avatar){background-color:var(--s-surface-raised-hovered)}.chip--interactive:hover+.chip__remove-button{background-color:var(--s-surface-raised-default)}.chip--interactive:hover+.chip__remove-button:hover{background-color:var(--s-surface-raised-hovered)}.chip--interactive:hover+.chip__remove-button:active{background-color:var(--s-surface-raised-pressed)}.chip--interactive:active{background-color:var(--s-surface-overlay-pressed)}.chip--interactive:active ::part(avatar){background-color:var(--s-surface-raised-pressed)}.chip--removable{padding-right:calc(2rem + var(--s-space-12))}.chip--intent-critical{border-color:var(--s-border-critical);color:var(--s-text-critical)}.chip--intent-critical .chip__icon{color:var(--s-icon-critical)}.chip--border-radius-sm{border-radius:var(--s-border-radius-sm)}.chip--intent-success{border-color:var(--s-border-success);color:var(--s-text-success)}.chip--intent-success .chip__icon{color:var(--s-icon-success)}.chip--variant-plain{height:auto;padding-right:0;padding-left:0;border:none;border-radius:0;background-color:transparent}.chip--variant-plain.chip--interactive:hover{background-color:transparent;text-decoration:underline;text-underline-offset:var(--s-space-4)}.chip--variant-plain.chip--interactive:hover ::part(avatar){background-color:var(--s-surface-raised-hovered)}.chip--variant-plain.chip--interactive:active{background-color:transparent}.chip--variant-plain.chip--interactive:active ::part(avatar){background-color:var(--s-surface-raised-pressed)}.chip__avatar,.chip__icon{display:inline-flex;margin-right:var(--s-space-8);flex-shrink:0}.chip__avatar{overflow:hidden;width:1.75rem;height:1.75rem;margin-left:-0.625rem}.chip__icon{margin-left:-0.25rem;color:var(--s-icon-default)}.chip__label{overflow:hidden;flex-grow:1;white-space:nowrap;text-overflow:ellipsis}.chip__remove-button{position:absolute;top:50%;right:var(--s-space-4);display:inline-flex;width:2rem;height:2rem;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;transform:translateY(-50%)}.chip__remove-button:hover{background-color:var(--s-surface-overlay-hovered)}.chip__remove-button:active{background-color:var(--s-surface-overlay-pressed)}";export{c as swirl_chip}

package/dist/swirl-components/p-99738fe7.entry.js

@@ -1,10 +0,0 @@
-import{r as t,c as a,h as o,H as e,g as r}from"./p-3fca9a05.js";import{d as n,e as i}from"./p-33c168b3.js";import{c as s}from"./p-b7898321.js";
-/*!
-* tabbable 6.0.1
-* @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
-*/var d=["input","select","textarea","a[href]","button","[tabindex]:not(slot)","audio[controls]","video[controls]",'[contenteditable]:not([contenteditable="false"])',"details>summary:first-of-type","details"],l=d.join(","),c="undefined"==typeof Element,u=c?function(){}:Element.prototype.matches||Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector,f=!c&&Element.prototype.getRootNode?function(t){return t.getRootNode()}:function(t){return t.ownerDocument},h=function(t,a,o){var e=Array.prototype.slice.apply(t.querySelectorAll(l));return a&&u.call(t,l)&&e.unshift(t),e.filter(o)},m=function t(a,o,e){for(var r=[],n=Array.from(a);n.length;){var i=n.shift();if("SLOT"===i.tagName){var s=i.assignedElements(),d=t(s.length?s:i.children,!0,e);e.flatten?r.push.apply(r,d):r.push({scopeParent:i,candidates:d})}else{u.call(i,l)&&e.filter(i)&&(o||!a.includes(i))&&r.push(i);var c=i.shadowRoot||"function"==typeof e.getShadowRoot&&e.getShadowRoot(i),f=!e.shadowRootFilter||e.shadowRootFilter(i);if(c&&f){var h=t(!0===c?i.children:c.children,!0,e);e.flatten?r.push.apply(r,h):r.push({scopeParent:i,candidates:h})}else n.unshift.apply(n,i.children)}}return r},v=function(t,a){return t.tabIndex<0&&(a||/^(AUDIO|VIDEO|DETAILS)$/.test(t.tagName)||t.isContentEditable)&&isNaN(parseInt(t.getAttribute("tabindex"),10))?0:t.tabIndex},p=function(t,a){return t.tabIndex===a.tabIndex?t.documentOrder-a.documentOrder:t.tabIndex-a.tabIndex},b=function(t){return"INPUT"===t.tagName},w=function(t){var a=t.getBoundingClientRect();return 0===a.width&&0===a.height},g=function(t,a){return!(a.disabled||function(t){return b(t)&&"hidden"===t.type}(a)||function(t,a){var o=a.displayCheck,e=a.getShadowRoot;if("hidden"===getComputedStyle(t).visibility)return!0;var r=u.call(t,"details>summary:first-of-type");if(u.call(r?t.parentElement:t,"details:not([open]) *"))return!0;if(o&&"full"!==o&&"legacy-full"!==o){if("non-zero-area"===o)return w(t)}else{if("function"==typeof e){for(var n=t;t;){var i=t.parentElement,s=f(t);if(i&&!i.shadowRoot&&!0===e(i))return w(t);t=t.assignedSlot?t.assignedSlot:i||s===t.ownerDocument?i:s.host}t=n}if(function(t){for(var a,o=f(t).host,e=!!(null!==(a=o)&&void 0!==a&&a.ownerDocument.contains(o)||t.ownerDocument.contains(t));!e&&o;){var r;e=!(null===(r=o=f(o).host)||void 0===r||!r.ownerDocument.contains(o))}return e}(t))return!t.getClientRects().length;if("legacy-full"!==o)return!0}return!1}(a,t)||function(t){return"DETAILS"===t.tagName&&Array.prototype.slice.apply(t.children).some((function(t){return"SUMMARY"===t.tagName}))}(a)||function(t){if(/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(t.tagName))for(var a=t.parentElement;a;){if("FIELDSET"===a.tagName&&a.disabled){for(var o=0;o<a.children.length;o++){var e=a.children.item(o);if("LEGEND"===e.tagName)return!!u.call(a,"fieldset[disabled] *")||!e.contains(t)}return!0}a=a.parentElement}return!1}(a))},_=function(t,a){return!(function(t){return function(t){return b(t)&&"radio"===t.type}(t)&&!function(t){if(!t.name)return!0;var a,o=t.form||f(t),e=function(t){return o.querySelectorAll('input[type="radio"][name="'+t+'"]')};if("undefined"!=typeof window&&void 0!==window.CSS&&"function"==typeof window.CSS.escape)a=e(window.CSS.escape(t.name));else try{a=e(t.name)}catch(t){return console.error("Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s",t.message),!1}var r=function(t,a){for(var o=0;o<t.length;o++)if(t[o].checked&&t[o].form===a)return t[o]}(a,t.form);return!r||r===t}(t)}(a)||v(a)<0||!g(t,a))},y=function(t){var a=parseInt(t.getAttribute("tabindex"),10);return!!(isNaN(a)||a>=0)},k=function t(a){var o=[],e=[];return a.forEach((function(a,r){var n=!!a.scopeParent,i=n?a.scopeParent:a,s=v(i,n),d=n?t(a.candidates):i;0===s?n?o.push.apply(o,d):o.push(i):e.push({documentOrder:r,tabIndex:s,item:a,isScope:n,content:d})})),e.sort(p).reduce((function(t,a){return a.isScope?t.push.apply(t,a.content):t.push(a.content),t}),[]).concat(o)},x=function(t,a){var o;return o=(a=a||{}).getShadowRoot?m([t],a.includeContainer,{filter:_.bind(null,a),flatten:!1,getShadowRoot:a.getShadowRoot,shadowRootFilter:y}):h(t,a.includeContainer,_.bind(null,a)),k(o)},E=function(t,a){if(a=a||{},!t)throw new Error("No node provided");return!1!==u.call(t,l)&&_(a,t)},O=d.concat("iframe").join(","),S=function(t,a){if(a=a||{},!t)throw new Error("No node provided");return!1!==u.call(t,O)&&g(a,t)};
-/*!
-* focus-trap 7.1.0
-* @license MIT, https://github.com/focus-trap/focus-trap/blob/master/LICENSE
-*/
-function T(t,a){var o=Object.keys(t);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(t);a&&(e=e.filter((function(a){return Object.getOwnPropertyDescriptor(t,a).enumerable}))),o.push.apply(o,e)}return o}function F(t){for(var a=1;a<arguments.length;a++){var o=null!=arguments[a]?arguments[a]:{};a%2?T(Object(o),!0).forEach((function(a){j(t,a,o[a])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):T(Object(o)).forEach((function(a){Object.defineProperty(t,a,Object.getOwnPropertyDescriptor(o,a))}))}return t}function j(t,a,o){return a in t?Object.defineProperty(t,a,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[a]=o,t}var C=[],A=function(t){return setTimeout(t,0)},D=function(t,a){var o=-1;return t.every((function(t,e){return!a(t)||(o=e,!1)})),o},N=function(t){for(var a=arguments.length,o=new Array(a>1?a-1:0),e=1;e<a;e++)o[e-1]=arguments[e];return"function"==typeof t?t.apply(void 0,o):t},I=function(t){return t.target.shadowRoot&&"function"==typeof t.composedPath?t.composedPath()[0]:t.target};const R=class{constructor(o){t(this,o),this.modalClose=a(this,"modalClose",7),this.modalOpen=a(this,"modalOpen",7),this.primaryAction=a(this,"primaryAction",7),this.secondaryAction=a(this,"secondaryAction",7),this.onKeyDown=t=>{"Escape"===t.code&&this.close()},this.onBackdropClick=()=>{this.close()},this.onCloseButtonClick=()=>{this.close()},this.onPrimaryAction=t=>{this.primaryAction.emit(t)},this.onSecondaryAction=t=>{this.secondaryAction.emit(t)},this.determineScrollStatus=()=>{var t,a,o,e,r,n;const i=(null===(t=this.scrollContainer)||void 0===t?void 0:t.scrollTop)>0,s=Math.ceil((null===(a=this.scrollContainer)||void 0===a?void 0:a.scrollTop)+(null===(o=this.scrollContainer)||void 0===o?void 0:o.offsetHeight))>=(null===(e=this.scrollContainer)||void 0===e?void 0:e.scrollHeight),d=(null===(r=this.scrollContainer)||void 0===r?void 0:r.scrollHeight)>(null===(n=this.scrollContainer)||void 0===n?void 0:n.offsetHeight);i!==this.scrolled&&(this.scrolled=i),s!==this.scrolledDown&&(this.scrolledDown=s),d!==this.scrollable&&(this.scrollable=d)},this.closeButtonLabel="Close modal",this.hideCloseButton=void 0,this.hideLabel=void 0,this.label=void 0,this.maxWidth=void 0,this.padded=!0,this.primaryActionLabel=void 0,this.secondaryActionLabel=void 0,this.variant="default",this.isOpen=!1,this.closing=!1,this.hasCustomHeader=void 0,this.hasCustomFooter=void 0,this.hasHeaderTools=void 0,this.scrollable=!1,this.scrolled=!1,this.scrolledDown=!1}componentDidLoad(){var t,a,o,e,r,n,i,s,d,l,c,u,f,v,p,b,w,_,y,k;this.focusTrap=(t=this.modalEl,e=(null==(a={allowOutsideClick:!0,tabbableOptions:{getShadowRoot:t=>t.shadowRoot}})?void 0:a.document)||document,r=(null==a?void 0:a.trapStack)||C,n=F({returnFocusOnDeactivate:!0,escapeDeactivates:!0,delayInitialFocus:!0},a),i={containers:[],containerGroups:[],tabbableGroups:[],nodeFocusedBeforeActivation:null,mostRecentlyFocusedNode:null,active:!1,paused:!1,delayInitialFocusTimer:void 0},s=function(t,a,o){return t&&void 0!==t[a]?t[a]:n[o||a]},d=function(t){return i.containerGroups.findIndex((function(a){var o=a.tabbableNodes;return a.container.contains(t)||o.find((function(a){return a===t}))}))},l=function(t){var a=n[t];if("function"==typeof a){for(var o=arguments.length,r=new Array(o>1?o-1:0),i=1;i<o;i++)r[i-1]=arguments[i];a=a.apply(void 0,r)}if(!0===a&&(a=void 0),!a){if(void 0===a||!1===a)return a;throw new Error("`".concat(t,"` was specified but was not a node, or did not return a node"))}var s=a;if("string"==typeof a&&!(s=e.querySelector(a)))throw new Error("`".concat(t,"` as selector refers to no known node"));return s},c=function(){var t=l("initialFocus");if(!1===t)return!1;if(void 0===t)if(d(e.activeElement)>=0)t=e.activeElement;else{var a=i.tabbableGroups[0];t=a&&a.firstTabbableNode||l("fallbackFocus")}if(!t)throw new Error("Your focus-trap needs to have at least one focusable element");return t},u=function(){if(i.containerGroups=i.containers.map((function(t){var a,o,e=x(t,n.tabbableOptions),r=(a=t,(o=(o=n.tabbableOptions)||{}).getShadowRoot?m([a],o.includeContainer,{filter:g.bind(null,o),flatten:!0,getShadowRoot:o.getShadowRoot}):h(a,o.includeContainer,g.bind(null,o)));return{container:t,tabbableNodes:e,focusableNodes:r,firstTabbableNode:e.length>0?e[0]:null,lastTabbableNode:e.length>0?e[e.length-1]:null,nextTabbableNode:function(t){var a=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],o=r.findIndex((function(a){return a===t}));if(!(o<0))return a?r.slice(o+1).find((function(t){return E(t,n.tabbableOptions)})):r.slice(0,o).reverse().find((function(t){return E(t,n.tabbableOptions)}))}}})),i.tabbableGroups=i.containerGroups.filter((function(t){return t.tabbableNodes.length>0})),i.tabbableGroups.length<=0&&!l("fallbackFocus"))throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times")},f=function t(a){!1!==a&&a!==e.activeElement&&(a&&a.focus?(a.focus({preventScroll:!!n.preventScroll}),i.mostRecentlyFocusedNode=a,function(t){return t.tagName&&"input"===t.tagName.toLowerCase()&&"function"==typeof t.select}(a)&&a.select()):t(c()))},v=function(t){var a=l("setReturnFocus",t);return a||!1!==a&&t},p=function(t){var a=I(t);d(a)>=0||(N(n.clickOutsideDeactivates,t)?o.deactivate({returnFocus:n.returnFocusOnDeactivate&&!S(a,n.tabbableOptions)}):N(n.allowOutsideClick,t)||t.preventDefault())},b=function(t){var a=I(t),o=d(a)>=0;o||a instanceof Document?o&&(i.mostRecentlyFocusedNode=a):(t.stopImmediatePropagation(),f(i.mostRecentlyFocusedNode||c()))},w=function(t){if(function(t){return"Escape"===t.key||"Esc"===t.key||27===t.keyCode}(t)&&!1!==N(n.escapeDeactivates,t))return t.preventDefault(),void o.deactivate();(function(t){return"Tab"===t.key||9===t.keyCode})(t)&&function(t){var a=I(t);u();var o=null;if(i.tabbableGroups.length>0){var e=d(a),r=e>=0?i.containerGroups[e]:void 0;if(e<0)o=t.shiftKey?i.tabbableGroups[i.tabbableGroups.length-1].lastTabbableNode:i.tabbableGroups[0].firstTabbableNode;else if(t.shiftKey){var s=D(i.tabbableGroups,(function(t){return a===t.firstTabbableNode}));s<0&&(r.container===a||S(a,n.tabbableOptions)&&!E(a,n.tabbableOptions)&&!r.nextTabbableNode(a,!1))&&(s=e),s>=0&&(o=i.tabbableGroups[0===s?i.tabbableGroups.length-1:s-1].lastTabbableNode)}else{var c=D(i.tabbableGroups,(function(t){return a===t.lastTabbableNode}));c<0&&(r.container===a||S(a,n.tabbableOptions)&&!E(a,n.tabbableOptions)&&!r.nextTabbableNode(a))&&(c=e),c>=0&&(o=i.tabbableGroups[c===i.tabbableGroups.length-1?0:c+1].firstTabbableNode)}}else o=l("fallbackFocus");o&&(t.preventDefault(),f(o))}(t)},_=function(t){var a=I(t);d(a)>=0||N(n.clickOutsideDeactivates,t)||N(n.allowOutsideClick,t)||(t.preventDefault(),t.stopImmediatePropagation())},y=function(){if(i.active)return function(t,a){if(t.length>0){var o=t[t.length-1];o!==a&&o.pause()}var e=t.indexOf(a);-1===e||t.splice(e,1),t.push(a)}(r,o),i.delayInitialFocusTimer=n.delayInitialFocus?A((function(){f(c())})):f(c()),e.addEventListener("focusin",b,!0),e.addEventListener("mousedown",p,{capture:!0,passive:!1}),e.addEventListener("touchstart",p,{capture:!0,passive:!1}),e.addEventListener("click",_,{capture:!0,passive:!1}),e.addEventListener("keydown",w,{capture:!0,passive:!1}),o},k=function(){if(i.active)return e.removeEventListener("focusin",b,!0),e.removeEventListener("mousedown",p,!0),e.removeEventListener("touchstart",p,!0),e.removeEventListener("click",_,!0),e.removeEventListener("keydown",w,!0),o},(o={get active(){return i.active},get paused(){return i.paused},activate:function(t){if(i.active)return this;var a=s(t,"onActivate"),o=s(t,"onPostActivate"),r=s(t,"checkCanFocusTrap");r||u(),i.active=!0,i.paused=!1,i.nodeFocusedBeforeActivation=e.activeElement,a&&a();var n=function(){r&&u(),y(),o&&o()};return r?(r(i.containers.concat()).then(n,n),this):(n(),this)},deactivate:function(t){if(!i.active)return this;var a=F({onDeactivate:n.onDeactivate,onPostDeactivate:n.onPostDeactivate,checkCanReturnFocus:n.checkCanReturnFocus},t);clearTimeout(i.delayInitialFocusTimer),i.delayInitialFocusTimer=void 0,k(),i.active=!1,i.paused=!1,function(t,a){var o=t.indexOf(a);-1!==o&&t.splice(o,1),t.length>0&&t[t.length-1].unpause()}(r,o);var e=s(a,"onDeactivate"),d=s(a,"onPostDeactivate"),l=s(a,"checkCanReturnFocus"),c=s(a,"returnFocus","returnFocusOnDeactivate");e&&e();var u=function(){A((function(){c&&f(v(i.nodeFocusedBeforeActivation)),d&&d()}))};return c&&l?(l(v(i.nodeFocusedBeforeActivation)).then(u,u),this):(u(),this)},pause:function(){return i.paused||!i.active||(i.paused=!0,k()),this},unpause:function(){return i.paused&&i.active?(i.paused=!1,u(),y(),this):this},updateContainerElements:function(t){var a=[].concat(t).filter(Boolean);return i.containers=a.map((function(t){return"string"==typeof t?e.querySelector(t):t})),i.active&&u(),this}}).updateContainerElements(t),o),this.determineScrollStatus(),queueMicrotask((()=>{this.updateCustomFooterStatus(),this.updateCustomHeaderStatus(),this.updateHeaderToolsStatus()}))}disconnectedCallback(){this.focusTrap.deactivate(),this.unlockBodyScroll()}onWindowResize(){this.determineScrollStatus()}watchIsOpen(){this.isOpen?setTimeout((()=>{this.focusTrap.activate()}),200):this.focusTrap.deactivate()}async open(){this.isOpen=!0,this.modalOpen.emit(),this.lockBodyScroll(),this.determineScrollStatus()}async close(){this.closing||(this.closing=!0,this.unlockBodyScroll(),setTimeout((()=>{this.isOpen=!1,this.modalClose.emit(),this.closing=!1}),150))}updateCustomFooterStatus(){this.hasCustomFooter=Boolean(this.el.querySelector('[slot="custom-footer"]'))}updateCustomHeaderStatus(){this.hasCustomHeader=Boolean(this.el.querySelector('[slot="custom-header"]'))}updateHeaderToolsStatus(){this.hasHeaderTools=Boolean(this.el.querySelector('[slot="header-tools"]'))}lockBodyScroll(){n(this.scrollContainer)}unlockBodyScroll(){i(this.scrollContainer)}render(){const t=Boolean(this.primaryActionLabel)||Boolean(this.secondaryActionLabel),a=s("modal",`modal--variant-${this.variant}`,{"modal--closing":this.closing,"modal--has-custom-footer":this.hasCustomFooter,"modal--has-custom-header":this.hasCustomHeader,"modal--has-header-tools":this.hasHeaderTools,"modal--hide-label":this.hideLabel,"modal--padded":this.padded,"modal--scrollable":this.scrollable,"modal--scrolled":this.scrolled,"modal--scrolled-down":this.scrolledDown});return o(e,null,o("section",{"aria-hidden":String(!this.isOpen),"aria-label":this.label,"aria-modal":"true",class:a,onKeyDown:this.onKeyDown,role:"dialog",ref:t=>this.modalEl=t},o("div",{class:"modal__backdrop",onClick:this.onBackdropClick}),o("div",{class:"modal__body",style:{maxWidth:this.maxWidth}},o("header",{class:"modal__custom-header"},o("slot",{name:"custom-header"})),(!this.hideLabel||!this.hideCloseButton)&&o("header",{class:"modal__header"},o("div",{class:"modal__header-bar"},!this.hideCloseButton&&o("swirl-button",{class:"modal__close-button",hideLabel:!0,icon:"default"===this.variant?"<swirl-icon-close></swirl-icon-close>":"<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>",label:this.closeButtonLabel,onClick:this.onCloseButtonClick}),!this.hideLabel&&o("swirl-heading",{as:"h2",class:"modal__heading",level:3,text:this.label})),o("div",{class:"modal__header-tools"},o("slot",{name:"header-tools"}))),o("div",{class:"modal__content",onScroll:this.determineScrollStatus,ref:t=>this.scrollContainer=t},o("slot",null)),o("div",{class:"modal__custom-footer"},o("slot",{name:"custom-footer"})),t&&o("footer",{class:"modal__controls"},o("swirl-button-group",{wrap:!0},this.secondaryActionLabel&&o("swirl-button",{label:this.secondaryActionLabel,onClick:this.onSecondaryAction}),this.primaryActionLabel&&o("swirl-button",{intent:"primary",label:this.primaryActionLabel,onClick:this.onPrimaryAction,variant:"flat"}))))))}get el(){return r(this)}static get watchers(){return{isOpen:["watchIsOpen"]}}};R.style=':host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghost-button-background-default:var(--s-surface-overlay-default);--swirl-ghost-button-background-hovered:var(--s-surface-overlay-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-overlay-pressed);--swirl-resource-list-item-background-default:var(\n    --s-surface-overlay-default\n  );--swirl-resource-list-item-background-hovered:var(\n    --s-surface-overlay-hovered\n  );--swirl-resource-list-item-background-pressed:var(\n    --s-surface-overlay-pressed\n  );position:fixed;z-index:var(--s-z-40);display:flex;justify-content:center;align-items:center;inset:0}.modal[aria-hidden="true"]{display:none}.modal--variant-default.modal--closing{animation:0.15s modal-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.modal--variant-default.modal--closing{animation:none}}.modal--variant-default:not(.modal--closing) .modal__backdrop{animation:0.15s modal-backdrop-fade-in}@media (prefers-reduced-motion){.modal--variant-default:not(.modal--closing) .modal__backdrop{animation:none}}.modal--variant-default:not(.modal--closing) .modal__body{animation:0.15s modal-scale-in}@media (prefers-reduced-motion){.modal--variant-default:not(.modal--closing) .modal__body{animation:none}}.modal--variant-drawer{justify-content:end;align-items:stretch}.modal--variant-drawer.modal--closing{animation:0.15s modal-drawer-slide-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.modal--variant-drawer.modal--closing{animation:none}}@media (min-width: 768px){.modal--variant-drawer.modal--hide-label .modal__header-bar{height:auto;padding-top:var(--s-space-4);padding-bottom:var(--s-space-4)}}.modal--variant-drawer .modal__backdrop{background-color:transparent;animation:none}.modal--variant-drawer .modal__body{height:100%;max-height:none;border-radius:0;animation:0.15s modal-drawer-slide-in;box-shadow:var(--s-shadow-level-3)}@media (prefers-reduced-motion){.modal--variant-drawer .modal__body{animation:none}}.modal--variant-drawer .modal__header-bar{background-color:var(--s-surface-overlay-default)}.modal--variant-drawer .modal__header-bar .modal__close-button{margin-left:calc(-1 * var(--s-space-8))}@media (min-width: 768px){.modal--variant-drawer .modal__header-bar{flex-direction:row}}@media (min-width: 768px){.modal--variant-drawer.modal--padded .modal__content{padding-top:var(--s-space-8)}}.modal--padded .modal__content{padding-top:var(--s-space-24);padding-right:var(--s-space-16);padding-bottom:var(--s-space-24);padding-left:var(--s-space-16)}@media (min-width: 768px){.modal--padded .modal__content{padding-top:0;padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24)}}@media (min-width: 768px){.modal--scrollable .modal__content{padding-bottom:0}}.modal--scrollable:not(.modal--scrolled-down).modal--has-custom-footer .modal__custom-footer{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--scrollable:not(.modal--scrolled-down):not(.modal--has-custom-footer) .modal__controls{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--has-custom-header .modal__content{padding-top:var(--s-space-16)}.modal--has-custom-footer .modal__custom-footer{padding-top:var(--s-space-16);padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24)}.modal--has-header-tools .modal__header-tools{display:block}@media (min-width: 768px){.modal--scrolled .modal__header{border-bottom-color:var(--s-border-default)}}.modal__backdrop{position:fixed;background-color:rgba(0, 0, 0, 0.2);inset:0}.modal__body{position:relative;z-index:var(--s-z-40);display:flex;overflow:hidden;width:100vw;max-width:40rem;height:100vh;background-color:var(--s-surface-overlay-default);flex-direction:column}@media (min-width: 768px){.modal__body{width:90vw;height:auto;max-height:90vh;border-radius:var(--s-border-radius-base);box-shadow:var(--s-shadow-level-3)}}.modal__header{border-bottom:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 768px){.modal__header{border-bottom:var(--s-border-width-default) solid transparent}}.modal__header-bar{display:flex;height:3.5rem;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);flex-shrink:0;align-items:center;gap:var(--s-space-8)}@media (min-width: 768px){.modal__header-bar{height:4.125rem;padding-top:var(--s-space-24);padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24);flex-direction:row-reverse;gap:var(--s-space-16)}}.modal__header-tools{display:none;padding-right:var(--s-space-16);padding-left:var(--s-space-16)}@media (min-width: 768px){.modal__header-tools{padding-right:var(--s-space-24);padding-left:var(--s-space-24)}}.modal__custom-header{flex-shrink:0;border-bottom:var(--s-border-width-default) solid var(--s-border-default)}.modal__heading{overflow:hidden}.modal__heading .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.modal__content{overflow-x:hidden;overflow-y:auto;flex-grow:1;line-height:var(--s-line-height-base)}.modal__content ::slotted(*){margin:0}.modal__custom-footer{flex-shrink:0}.modal__controls{display:flex;padding-top:var(--s-space-16);padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24);flex-shrink:0;justify-content:flex-end}@keyframes modal-scale-in{from{transform:scale(0)}to{transform:scale(1)}}@keyframes modal-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes modal-fade-out{from{opacity:1}to{opacity:0}}@keyframes modal-drawer-slide-in{from{transform:translate3d(100%, 0, 0)}to{transform:translate3d(0, 0, 0)}}@keyframes modal-drawer-slide-out{from{transform:translate3d(0, 0, 0)}to{transform:translate3d(100%, 0, 0)}}';export{R as swirl_modal}