@getflip/swirl-components 0.81.4 → 0.83.0

package/dist/swirl-components/p-07957b9a.entry.js

@@ -0,0 +1 @@
+import{r as i,h as t,F as s,c as o,H as e,g as l}from"./p-3fca9a05.js";import{c as r}from"./p-b7898321.js";import{g as n}from"./p-646e00de.js";const c=class{constructor(t){i(this,t),this.size=24}render(){const i=20===this.size?24:this.size,o=r("swirl-icon",`swirl-icon--size-${this.size}`);return t("svg",{class:o,fill:"none",height:this.size,part:"icon",viewBox:`0 0 ${i} ${i}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},16===this.size&&t(s,null,t("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M12.4142 4.91924C12.8047 5.30976 12.8047 5.94293 12.4142 6.33345L7.08086 11.6667C6.69033 12.0572 6.05717 12.0572 5.66664 11.6667L3.70711 9.70707C3.31658 9.31655 3.31658 8.68338 3.70711 8.29286C4.09763 7.90233 4.7308 7.90233 5.12132 8.29286L6.37375 9.54539L11 4.91924C11.3905 4.52871 12.0237 4.52871 12.4142 4.91924Z",fill:"currentColor"})),(20===this.size||24===this.size)&&t(s,null,t("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M18.6213 7.37879C19.2071 7.96458 19.2071 8.91433 18.6213 9.50011L10.6213 17.5C10.0355 18.0858 9.08577 18.0858 8.49998 17.5L5.56068 14.5605C4.97489 13.9748 4.97489 13.025 5.56068 12.4392C6.14646 11.8534 7.09621 11.8534 7.682 12.4392L9.56064 14.318L16.5 7.37879C17.0858 6.79301 18.0355 6.79301 18.6213 7.37879Z",fill:"currentColor"})),28===this.size&&t(s,null,t("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M21.7248 8.60863C22.4083 9.29205 22.4083 10.4001 21.7248 11.0835L12.3915 20.4167C11.7081 21.1001 10.6001 21.1001 9.91663 20.4167L6.48744 16.9873C5.80403 16.3039 5.80403 15.1959 6.48744 14.5125C7.17086 13.8291 8.2789 13.8291 8.96232 14.5125L11.1541 16.7044L19.25 8.60863C19.9334 7.92521 21.0414 7.92521 21.7248 8.60863Z",fill:"currentColor"})))}};c.style=":host{display:inline-flex}";const a=class{constructor(t){i(this,t),this.size=24}render(){const i=20===this.size?24:this.size,o=r("swirl-icon",`swirl-icon--size-${this.size}`);return t("svg",{class:o,fill:"none",height:this.size,part:"icon",viewBox:`0 0 ${i} ${i}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},16===this.size&&t(s,null,t("rect",{x:"9",y:"3",width:"2",height:"2",rx:"1",fill:"currentColor"}),t("rect",{x:"9",y:"7",width:"2",height:"2",rx:"1",fill:"currentColor"}),t("rect",{x:"9",y:"11",width:"2",height:"2",rx:"1",fill:"currentColor"}),t("rect",{x:"5",y:"3",width:"2",height:"2",rx:"1",fill:"currentColor"}),t("rect",{x:"5",y:"7",width:"2",height:"2",rx:"1",fill:"currentColor"}),t("rect",{x:"5",y:"11",width:"2",height:"2",rx:"1",fill:"currentColor"})),(20===this.size||24===this.size)&&t(s,null,t("rect",{x:"13.5",y:"4.5",width:"3",height:"3",rx:"1.5",fill:"currentColor"}),t("rect",{x:"13.5",y:"10.5",width:"3",height:"3",rx:"1.5",fill:"currentColor"}),t("rect",{x:"13.5",y:"16.5",width:"3",height:"3",rx:"1.5",fill:"currentColor"}),t("rect",{x:"7.5",y:"4.5",width:"3",height:"3",rx:"1.5",fill:"currentColor"}),t("rect",{x:"7.5",y:"10.5",width:"3",height:"3",rx:"1.5",fill:"currentColor"}),t("rect",{x:"7.5",y:"16.5",width:"3",height:"3",rx:"1.5",fill:"currentColor"})),28===this.size&&t(s,null,t("rect",{x:"15.75",y:"5.25",width:"3.5",height:"3.5",rx:"1.75",fill:"currentColor"}),t("rect",{x:"15.75",y:"12.25",width:"3.5",height:"3.5",rx:"1.75",fill:"currentColor"}),t("rect",{x:"15.75",y:"19.25",width:"3.5",height:"3.5",rx:"1.75",fill:"currentColor"}),t("rect",{x:"8.75",y:"5.25",width:"3.5",height:"3.5",rx:"1.75",fill:"currentColor"}),t("rect",{x:"8.75",y:"12.25",width:"3.5",height:"3.5",rx:"1.75",fill:"currentColor"}),t("rect",{x:"8.75",y:"19.25",width:"3.5",height:"3.5",rx:"1.75",fill:"currentColor"})))}};a.style=":host{display:inline-flex}";const h=class{constructor(t){i(this,t),this.toggleDrag=o(this,"toggleDrag",7),this.desktopMediaQuery=n(),this.desktopMediaQueryHandler=i=>{this.forceIconProps(i.matches),this.updateIconSize(i.matches)},this.onDragHandleKeyDown=i=>{"Space"!==i.code&&"Enter"!==i.code||(i.preventDefault(),this.toggleDrag.emit(this.el))},this.allowDrag=void 0,this.context="single-select",this.disabled=void 0,this.dragging=void 0,this.dragHandleDescription="Press spacebar to toggle grab",this.dragHandleLabel="Move option",this.icon=void 0,this.label=void 0,this.selected=!1,this.swirlAriaRole="option",this.value=void 0,this.iconSize=24}componentDidLoad(){this.forceIconProps(this.desktopMediaQuery.matches),this.updateIconSize(this.desktopMediaQuery.matches),this.desktopMediaQuery.onchange=this.desktopMediaQueryHandler}disconnectedCallback(){this.desktopMediaQuery.removeEventListener?.("change",this.desktopMediaQueryHandler)}forceIconProps(i){const t=this.iconEl?.children[0];t?.setAttribute("size",i?"20":"24")}updateIconSize(i){this.iconSize=i?20:24}render(){const i=this.disabled?"true":void 0,s=String(this.selected),o="multi-select"===this.context,l=Boolean(this.icon)&&"single-select"===this.context,n=this.selected&&"single-select"===this.context,c=r("option-list-item",`option-list-item--context-${this.context}`,{"option-list-item--disabled":this.disabled,"option-list-item--draggable":this.allowDrag,"option-list-item--dragging":this.dragging,"option-list-item--selected":this.selected});return t(e,null,t("div",{"aria-checked":"menuitemradio"===this.swirlAriaRole?s:void 0,"aria-disabled":i,"aria-selected":"option"===this.swirlAriaRole?s:void 0,class:c,part:"option-list-item",role:this.swirlAriaRole},l&&t("span",{class:"option-list-item__icon",innerHTML:this.icon,ref:i=>this.iconEl=i}),o&&t("span",{class:"option-list-item__checkbox"},t("span",{class:"option-list-item__checkbox-box"},this.selected&&t("swirl-icon-check-strong",{class:"option-list-item__checkbox-icon",size:16}))),t("span",{class:"option-list-item__label",part:"option-list-item__label"},this.label),n&&t("span",{class:"option-list-item__selection-icon"},t("swirl-icon-check-small",{size:this.iconSize}))),this.allowDrag&&t("button",{"aria-describedby":this.dragHandleDescription,"aria-label":`${this.dragHandleLabel} "${this.label}"`,class:"option-list-item__drag-handle",onKeyDown:this.onDragHandleKeyDown,type:"button"},t("swirl-icon-drag-handle",{size:this.iconSize})))}get el(){return l(this)}};h.style=".sc-swirl-option-list-item-h{position:relative;display:inline-flex;width:100%}.sc-swirl-option-list-item-h *.sc-swirl-option-list-item{box-sizing:border-box}.option-list-item.sc-swirl-option-list-item{display:inline-flex;width:100%;min-width:15rem;min-height:3rem;padding:var(--s-space-12) var(--s-space-16);align-items:center;background-color:var(--s-surface-overlay-default);cursor:pointer;gap:var(--s-space-12)}.option-list-item.sc-swirl-option-list-item:hover:not(.option-list-item--disabled){background-color:var(--s-surface-overlay-hovered)}.option-list-item.sc-swirl-option-list-item:active:not(.option-list-item--disabled){background-color:var(--s-surface-overlay-pressed)}.option-list-item.sc-swirl-option-list-item:focus{outline:none}.option-list-item.sc-swirl-option-list-item:focus-visible{background-color:var(--s-surface-overlay-hovered)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-item.sc-swirl-option-list-item{min-height:0;padding:var(--s-space-8) var(--s-space-12);gap:var(--s-space-8)}}.option-list-item--draggable.sc-swirl-option-list-item .option-list-item__label.sc-swirl-option-list-item{padding-right:calc(var(--s-space-16) + 1.5rem)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-item--draggable.sc-swirl-option-list-item .option-list-item__label.sc-swirl-option-list-item{padding-right:calc(var(--s-space-16) + 1rem)}}.option-list-item--dragging.sc-swirl-option-list-item{z-index:1;border-radius:var(--s-border-radius-s);background-color:var(--s-surface-overlay-pressed);box-shadow:0 0.0625rem 0.125rem rgba(25, 26, 28, 0.08),\n    0 0.25rem 2rem rgba(25, 26, 28, 0.16)}.option-list-item--dragging.sc-swirl-option-list-item:hover:not(.option-list-item--disabled){background-color:var(--s-surface-overlay-pressed)}.option-list-item--selected.sc-swirl-option-list-item .option-list-item__label.sc-swirl-option-list-item{color:var(--s-text-highlight)}.option-list-item--selected.sc-swirl-option-list-item .option-list-item__icon.sc-swirl-option-list-item{color:var(--s-icon-highlight)}.option-list-item--selected.sc-swirl-option-list-item .option-list-item__checkbox-box.sc-swirl-option-list-item{border-color:var(--s-icon-highlight);color:var(--s-text-on-status);background-color:var(--s-icon-highlight)}.option-list-item--disabled.sc-swirl-option-list-item{cursor:default}.option-list-item--disabled.option-list-item--selected.sc-swirl-option-list-item .option-list-item__checkbox-box.sc-swirl-option-list-item{background-color:var(--s-icon-disabled)}.option-list-item--disabled.option-list-item--selected.sc-swirl-option-list-item .option-list-item__checkbox-icon.sc-swirl-option-list-item{color:var(--s-text-on-status)}.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__label.sc-swirl-option-list-item{color:var(--s-text-disabled)}.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__icon.sc-swirl-option-list-item,.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__selection-icon.sc-swirl-option-list-item,.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__checkbox-icon.sc-swirl-option-list-item{color:var(--s-icon-disabled)}.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__checkbox-box.sc-swirl-option-list-item{border-color:var(--s-icon-disabled);background-color:var(--s-surface-overlay-default)}.option-list-item__label.sc-swirl-option-list-item{flex-grow:1;color:var(--s-text-default);font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-item__label.sc-swirl-option-list-item{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.option-list-item__icon.sc-swirl-option-list-item{display:inline-flex;flex-shrink:0;color:var(--s-icon-default)}.option-list-item__selection-icon.sc-swirl-option-list-item{display:inline-flex;flex-shrink:0;color:var(--s-icon-highlight)}.option-list-item__checkbox.sc-swirl-option-list-item{display:inline-flex;width:1.5rem;height:1.5rem;padding:var(--s-space-2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-item__checkbox.sc-swirl-option-list-item{width:1.375rem;height:1.375rem}}.option-list-item__checkbox-box.sc-swirl-option-list-item{display:inline-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)}.option-list-item__checkbox-icon.sc-swirl-option-list-item{display:inline-flex}.option-list-item__drag-handle.sc-swirl-option-list-item{position:absolute;z-index:1;top:50%;right:var(--s-space-4);display:inline-flex;margin:0;padding:0;padding:var(--s-space-8);flex-shrink:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:grab;transform:translateY(-50%)}.option-list-item__drag-handle.sc-swirl-option-list-item:active{cursor:grabbing}.option-list-item__drag-handle.sc-swirl-option-list-item:focus:not(:focus-visible){outline:none}.option-list-item__drag-handle.sc-swirl-option-list-item:focus-visible{outline-color:var(--s-focus-default)}";export{c as swirl_icon_check_small,a as swirl_icon_drag_handle,h as swirl_option_list_item}

package/dist/swirl-components/p-1a05f16b.entry.js

@@ -0,0 +1 @@
+import{r as t,c as i,h as s,H as e,g as a}from"./p-3fca9a05.js";import{c as n}from"./p-b7898321.js";import{p as o,i as d,f as r,m as h}from"./p-6339561b.js";import{g as p}from"./p-646e00de.js";const l="yyyy-MM-dd",c=class{constructor(s){t(this,s),this.valueChange=i(this,"valueChange",7),this.desktopMediaQuery=p(),this.desktopMediaQueryHandler=t=>{this.updateIconSize(t.matches)},this.onChange=t=>{const i=t.target.value;""===i&&(this.value=void 0,this.valueChange.emit(void 0));const s=o(i,this.format,new Date),e=this.format.replace(/\\/g,"\\\\"),a=new RegExp(`^${e.replace(/[ydM]/g,"\\d")}$`);if(!Boolean(i.match(a))||!d(s))return;const n=r(s,l);this.value=n,this.valueChange.emit(n)},this.onInput=t=>{this.onChange(t)},this.onClick=t=>{t.preventDefault()},this.onFocus=t=>{this.handleAutoSelect(t)},this.onPickDate=t=>{const i=r(t.detail,l);this.value=i,this.valueChange.emit(i),this.pickerPopover.close()},this.autoFocus=void 0,this.autoSelect=void 0,this.datePickerLabel="Date picker",this.datePickerTriggerLabel="Open date picker",this.disabled=void 0,this.format="yyyy-MM-dd",this.inline=void 0,this.invalid=void 0,this.labels=void 0,this.locale="en-US",this.placeholder="yyyy-mm-dd",this.required=void 0,this.swirlAriaDescribedby=void 0,this.value=void 0,this.iconSize=24}componentWillLoad(){const t=Array.from(document.querySelectorAll("swirl-date-input")).indexOf(this.el);this.id=`swirl-date-input-${t}`}componentDidLoad(){this.setupMask(),this.updateIconSize(this.desktopMediaQuery.matches),this.desktopMediaQuery.onchange=this.desktopMediaQueryHandler,this.autoFocus&&setTimeout((()=>{this.inputEl.focus()}))}disconnectedCallback(){this.mask?.destroy(),this.desktopMediaQuery.removeEventListener?.("change",this.desktopMediaQueryHandler)}watchFormat(){this.setupMask()}updateIconSize(t){this.iconSize=t?20:24}handleAutoSelect(t){this.autoSelect&&t.target.select()}setupMask(){this.mask?.destroy(),this.mask=h.create(`#${this.id}`,{mask:this.format.replace(/[ydM]/g,"#")})}render(){const t=!0===this.invalid||!1===this.invalid?String(this.invalid):void 0,i=Boolean(this.value)?o(this.value,l,new Date):void 0,a=d(i)?r(i,this.format):void 0,h=n("date-input",{"date-input--inline":this.inline});return s(e,null,s("div",{class:h},s("input",{"aria-describedby":this.swirlAriaDescribedby,"aria-disabled":this.disabled?"true":void 0,"aria-invalid":t,autoFocus:this.autoFocus,class:"date-input__input",disabled:this.disabled,id:this.id,onClick:this.onClick,onFocus:this.onFocus,onInput:this.onInput,placeholder:this.placeholder,ref:t=>this.inputEl=t,required:this.required,type:"text",value:a}),s("swirl-popover-trigger",{popover:`popover-${this.id}`},s("button",{"aria-label":this.datePickerTriggerLabel,class:"date-input__date-picker-button",disabled:this.disabled,type:"button"},s("swirl-icon-today",{size:this.iconSize})))),!this.disabled&&s("swirl-popover",{animation:"scale-in-y",id:`popover-${this.id}`,label:this.datePickerLabel,placement:"bottom-end",ref:t=>this.pickerPopover=t},s("swirl-date-picker",{labels:this.labels,locale:this.locale,onValueChange:this.onPickDate,value:i})))}get el(){return a(this)}static get watchers(){return{format:["watchFormat"]}}};c.style=".sc-swirl-date-input-h{display:flex;width:100%}.sc-swirl-date-input-h *.sc-swirl-date-input{box-sizing:border-box}.date-input.sc-swirl-date-input{position:relative;display:flex;width:100%;align-items:center;color:var(--s-text-default);line-height:var(--s-line-height-sm)}.date-input--inline.sc-swirl-date-input .date-input__date-picker-button.sc-swirl-date-input{top:-0.0625rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.date-input--inline.sc-swirl-date-input .date-input__date-picker-button.sc-swirl-date-input{top:0}}.date-input__input.sc-swirl-date-input{display:inline-flex;width:calc(100% - 1.25rem - var(--s-space-8));margin:0;padding:0;border:none;color:var(--s-text-default);background-color:transparent;font:inherit;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.date-input__input.sc-swirl-date-input:focus{outline:none}.date-input__input.sc-swirl-date-input:disabled{color:var(--s-text-disabled);background-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.date-input__input.sc-swirl-date-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.date-input__date-picker-button.sc-swirl-date-input{position:absolute;top:calc(-1 * var(--s-space-12));right:0;display:inline-flex;margin:0;padding:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:pointer}.date-input__date-picker-button.sc-swirl-date-input:focus:not(:focus-visible){outline:none}.date-input__date-picker-button.sc-swirl-date-input:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}.date-input__date-picker-button.sc-swirl-date-input:disabled{color:var(--s-icon-disabled);cursor:default}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.date-input__date-picker-button.sc-swirl-date-input{top:-0.625rem}}";export{c as swirl_date_input}

package/dist/swirl-components/{p-1d92561c.entry.js → p-1a4c6557.entry.js}

@@ -1 +1 @@
-import{r as e,c as t,h as r,H as s}from"./p-3fca9a05.js";function i(e,t,r){return Math.min(Math.max(e,r),t)}class n extends Error{constructor(e){super(`Failed to parse color: "${e}"`)}}var o=n;function a(e){if("string"!=typeof e)throw new o(e);if("transparent"===e.trim().toLowerCase())return[0,0,0,0];let t=e.trim();t=p.test(e)?function(e){const t=e.toLowerCase().trim(),r=_[function(e){let t=5381,r=e.length;for(;r;)t=33*t^e.charCodeAt(--r);return(t>>>0)%2341}(t)];if(!r)throw new o(e);return`#${r}`}(e):e;const r=d.exec(t);if(r){const e=Array.from(r).slice(1);return[...e.slice(0,3).map((e=>parseInt(c(e,2),16))),parseInt(c(e[3]||"f",2),16)/255]}const s=l.exec(t);if(s){const e=Array.from(s).slice(1);return[...e.slice(0,3).map((e=>parseInt(e,16))),parseInt(e[3]||"ff",16)/255]}const n=f.exec(t);if(n){const e=Array.from(n).slice(1);return[...e.slice(0,3).map((e=>parseInt(e,10))),parseFloat(e[3]||"1")]}const a=u.exec(t);if(a){const[t,r,s,n]=Array.from(a).slice(1).map(parseFloat);if(i(0,100,r)!==r)throw new o(e);if(i(0,100,s)!==s)throw new o(e);return[...g(t,r,s),n||1]}throw new o(e)}const h=e=>parseInt(e.replace(/_/g,""),36),_="1q29ehhb 1n09sgk7 1kl1ekf_ _yl4zsno 16z9eiv3 1p29lhp8 _bd9zg04 17u0____ _iw9zhe5 _to73___ _r45e31e _7l6g016 _jh8ouiv _zn3qba8 1jy4zshs 11u87k0u 1ro9yvyo 1aj3xael 1gz9zjz0 _3w8l4xo 1bf1ekf_ _ke3v___ _4rrkb__ 13j776yz _646mbhl _nrjr4__ _le6mbhl 1n37ehkb _m75f91n _qj3bzfz 1939yygw 11i5z6x8 _1k5f8xs 1509441m 15t5lwgf _ae2th1n _tg1ugcv 1lp1ugcv 16e14up_ _h55rw7n _ny9yavn _7a11xb_ 1ih442g9 _pv442g9 1mv16xof 14e6y7tu 1oo9zkds 17d1cisi _4v9y70f _y98m8kc 1019pq0v 12o9zda8 _348j4f4 1et50i2o _8epa8__ _ts6senj 1o350i2o 1mi9eiuo 1259yrp0 1ln80gnw _632xcoy 1cn9zldc _f29edu4 1n490c8q _9f9ziet 1b94vk74 _m49zkct 1kz6s73a 1eu9dtog _q58s1rz 1dy9sjiq __u89jo3 _aj5nkwg _ld89jo3 13h9z6wx _qa9z2ii _l119xgq _bs5arju 1hj4nwk9 1qt4nwk9 1ge6wau6 14j9zlcw 11p1edc_ _ms1zcxe _439shk6 _jt9y70f _754zsow 1la40eju _oq5p___ _x279qkz 1fa5r3rv _yd2d9ip _424tcku _8y1di2_ _zi2uabw _yy7rn9h 12yz980_ __39ljp6 1b59zg0x _n39zfzp 1fy9zest _b33k___ _hp9wq92 1il50hz4 _io472ub _lj9z3eo 19z9ykg0 _8t8iu3a 12b9bl4a 1ak5yw0o _896v4ku _tb8k8lv _s59zi6t _c09ze0p 1lg80oqn 1id9z8wb _238nba5 1kq6wgdi _154zssg _tn3zk49 _da9y6tc 1sg7cv4f _r12jvtt 1gq5fmkz 1cs9rvci _lp9jn1c _xw1tdnb 13f9zje6 16f6973h _vo7ir40 _bt5arjf _rc45e4t _hr4e100 10v4e100 _hc9zke2 _w91egv_ _sj2r1kk 13c87yx8 _vqpds__ _ni8ggk8 _tj9yqfb 1ia2j4r4 _7x9b10u 1fc9ld4j 1eq9zldr _5j9lhpx _ez9zl6o _md61fzm".split(" ").reduce(((e,t)=>{const r=h(t.substring(0,3)),s=h(t.substring(3)).toString(16);let i="";for(let e=0;e<6-s.length;e++)i+="0";return e[r]=`${i}${s}`,e}),{}),c=(e,t)=>Array.from(Array(t)).map((()=>e)).join(""),d=new RegExp(`^#${c("([a-f0-9])",3)}([a-f0-9])?$`,"i"),l=new RegExp(`^#${c("([a-f0-9]{2})",3)}([a-f0-9]{2})?$`,"i"),f=new RegExp(`^rgba?\\(\\s*(\\d+)\\s*${c(",\\s*(\\d+)\\s*",2)}(?:,\\s*([\\d.]+))?\\s*\\)$`,"i"),u=/^hsla?\(\s*([\d.]+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%(?:\s*,\s*([\d.]+))?\s*\)$/i,p=/^[a-z]+$/i,y=e=>Math.round(255*e),g=(e,t,r)=>{let s=r/100;if(0===t)return[s,s,s].map(y);const i=(e%360+360)%360/60,n=(1-Math.abs(2*s-1))*(t/100),o=n*(1-Math.abs(i%2-1));let a=0,h=0,_=0;i>=0&&i<1?(a=n,h=o):i>=1&&i<2?(a=o,h=n):i>=2&&i<3?(h=n,_=o):i>=3&&i<4?(h=o,_=n):i>=4&&i<5?(a=o,_=n):i>=5&&i<6&&(a=n,_=o);const c=s-n/2;return[a+c,h+c,_+c].map(y)};function v(e){const[t,r,s,i]=a(e).map(((e,t)=>3===t?e:e/255)),n=Math.max(t,r,s),o=Math.min(t,r,s),h=(n+o)/2;if(n===o)return[0,0,h,i];const _=n-o;return[60*(t===n?(r-s)/_+(r<s?6:0):r===n?(s-t)/_+2:(t-r)/_+4),h>.5?_/(2-n-o):_/(n+o),h,i]}function m(e,t,r,s){return`hsla(${(e%360).toFixed()}, ${i(0,100,100*t).toFixed()}%, ${i(0,100,100*r).toFixed()}%, ${parseFloat(i(0,1,s).toFixed(3))})`}function w(e){return function(e,t,r,s){return`rgba(${i(0,255,e).toFixed()}, ${i(0,255,t).toFixed()}, ${i(0,255,r).toFixed()}, ${parseFloat(i(0,1,s).toFixed(3))})`}(...a(e))}const z="swirl-preferred-theme",k={"--s-action-primary-default":"primary","--s-action-primary-hovered":"primaryHovered","--s-action-primary-pressed":"primaryPressed","--s-text-on-action-primary":"primaryContrast","--s-icon-on-action-primary":"primaryContrast","--s-surface-highlight-default":"secondary","--s-surface-highlight-hovered":"secondaryHovered","--s-surface-highlight-pressed":"secondaryPressed","--s-on-surface-highlight-default":"secondaryHovered","--s-text-on-surface-highlight":"secondaryContrast","--s-icon-on-surface-highlight":"secondaryContrast","--s-text-highlight":"text","--s-interactive-primary-default":"text","--s-interactive-primary-hovered":"textHovered","--s-interactive-primary-pressed":"textPressed"},b=class{constructor(r){e(this,r),this.themeChange=t(this,"themeChange",7),this.config=void 0}componentWillLoad(){this.resolveConfig(),this.determineOSTheme(),this.updateAppTheme()}watchConfig(){this.resolveConfig(),this.determineOSTheme(),this.updateAppTheme()}async getActiveTheme(){return this.appTheme}async getPreferredTheme(){if(Boolean(this.resolvedConfig.storage))return this.resolvedConfig.storage.getItem(z)}async setPreferredTheme(e){Boolean(this.resolvedConfig.storage)&&(this.resolvedConfig.storage.setItem(z,e),this.updateAppTheme())}async resetPreferredTheme(){Boolean(this.resolvedConfig.storage)&&(this.resolvedConfig.storage.removeItem(z),this.updateAppTheme())}resolveConfig(){var e,t;this.resolvedConfig=Object.assign(Object.assign({},this.config||{}),{rootElement:(null===(e=this.config)||void 0===e?void 0:e.rootElement)||document.documentElement,storage:(null===(t=this.config)||void 0===t?void 0:t.storage)||(null===window||void 0===window?void 0:window.localStorage)})}determineOSTheme(){if(!Boolean(window.matchMedia))return void(this.osTheme="light");const e=window.matchMedia("(prefers-color-scheme: dark)");this.osTheme=e.matches?"dark":"light",e.addEventListener("change",(e=>{this.osTheme=e.matches?"dark":"light",this.updateAppTheme()}))}async updateAppTheme(){this.appTheme=await this.getPreferredTheme()||this.osTheme,"dark"===this.appTheme?(document.documentElement.classList.remove("theme-light"),document.documentElement.classList.add("theme-dark")):(document.documentElement.classList.remove("theme-dark"),document.documentElement.classList.add("theme-light")),this.updateTenantVariables();const e={activeTheme:await this.getActiveTheme(),preferredTheme:await this.getPreferredTheme()};Boolean(this.recentThemeChangeEventData)&&e.activeTheme===this.recentThemeChangeEventData.activeTheme&&e.preferredTheme===this.recentThemeChangeEventData.preferredTheme||(this.recentThemeChangeEventData=e,this.themeChange.emit(this.recentThemeChangeEventData))}updateTenantVariables(){var e;const t=null===(e=this.resolvedConfig)||void 0===e?void 0:e.tenantColors;if(!Boolean(t))return void this.resetTenantVariables();const r=this.resolvedConfig.rootElement,s=v(t.primary),i=v(t.secondary),n=v(t.text),o=w(m(s[0],s[1]-.21,s[2]+.09,1)),a=w(m(s[0],s[1]-.2,s[2]+.17,1)),h=w(m(i[0],i[1],i[2]+.07,1)),_=w(m(i[0],i[1],i[2]+.15,1)),c=w(m(n[0],n[1]-.34,n[2]+.1,1)),d=w(m(n[0],n[1]-.48,n[2]+.2,1)),l=Object.assign(Object.assign({},t),{primaryHovered:o,primaryPressed:a,secondaryHovered:h,secondaryPressed:_,textHovered:c,textPressed:d});Object.entries(k).forEach((([e,t])=>r.style.setProperty(e,l[t])))}resetTenantVariables(){const e=this.resolvedConfig.rootElement;[...Object.keys(k),"primaryHovered","primaryPressed","secondaryHovered","secondaryPressed","textHovered","textPressed"].forEach((t=>e.style.removeProperty(t)))}render(){return r(s,null,r("slot",null))}static get watchers(){return{config:["watchConfig"]}}};b.style=".sc-swirl-theme-provider-h{display:block}";export{b as swirl_theme_provider}
+import{r as e,c as t,h as r,H as s}from"./p-3fca9a05.js";function i(e,t,r){return Math.min(Math.max(e,r),t)}class n extends Error{constructor(e){super(`Failed to parse color: "${e}"`)}}var a=n;function o(e){if("string"!=typeof e)throw new a(e);if("transparent"===e.trim().toLowerCase())return[0,0,0,0];let t=e.trim();t=p.test(e)?function(e){const t=e.toLowerCase().trim(),r=_[function(e){let t=5381,r=e.length;for(;r;)t=33*t^e.charCodeAt(--r);return(t>>>0)%2341}(t)];if(!r)throw new a(e);return`#${r}`}(e):e;const r=d.exec(t);if(r){const e=Array.from(r).slice(1);return[...e.slice(0,3).map((e=>parseInt(c(e,2),16))),parseInt(c(e[3]||"f",2),16)/255]}const s=l.exec(t);if(s){const e=Array.from(s).slice(1);return[...e.slice(0,3).map((e=>parseInt(e,16))),parseInt(e[3]||"ff",16)/255]}const n=f.exec(t);if(n){const e=Array.from(n).slice(1);return[...e.slice(0,3).map((e=>parseInt(e,10))),parseFloat(e[3]||"1")]}const o=u.exec(t);if(o){const[t,r,s,n]=Array.from(o).slice(1).map(parseFloat);if(i(0,100,r)!==r)throw new a(e);if(i(0,100,s)!==s)throw new a(e);return[...g(t,r,s),n||1]}throw new a(e)}const h=e=>parseInt(e.replace(/_/g,""),36),_="1q29ehhb 1n09sgk7 1kl1ekf_ _yl4zsno 16z9eiv3 1p29lhp8 _bd9zg04 17u0____ _iw9zhe5 _to73___ _r45e31e _7l6g016 _jh8ouiv _zn3qba8 1jy4zshs 11u87k0u 1ro9yvyo 1aj3xael 1gz9zjz0 _3w8l4xo 1bf1ekf_ _ke3v___ _4rrkb__ 13j776yz _646mbhl _nrjr4__ _le6mbhl 1n37ehkb _m75f91n _qj3bzfz 1939yygw 11i5z6x8 _1k5f8xs 1509441m 15t5lwgf _ae2th1n _tg1ugcv 1lp1ugcv 16e14up_ _h55rw7n _ny9yavn _7a11xb_ 1ih442g9 _pv442g9 1mv16xof 14e6y7tu 1oo9zkds 17d1cisi _4v9y70f _y98m8kc 1019pq0v 12o9zda8 _348j4f4 1et50i2o _8epa8__ _ts6senj 1o350i2o 1mi9eiuo 1259yrp0 1ln80gnw _632xcoy 1cn9zldc _f29edu4 1n490c8q _9f9ziet 1b94vk74 _m49zkct 1kz6s73a 1eu9dtog _q58s1rz 1dy9sjiq __u89jo3 _aj5nkwg _ld89jo3 13h9z6wx _qa9z2ii _l119xgq _bs5arju 1hj4nwk9 1qt4nwk9 1ge6wau6 14j9zlcw 11p1edc_ _ms1zcxe _439shk6 _jt9y70f _754zsow 1la40eju _oq5p___ _x279qkz 1fa5r3rv _yd2d9ip _424tcku _8y1di2_ _zi2uabw _yy7rn9h 12yz980_ __39ljp6 1b59zg0x _n39zfzp 1fy9zest _b33k___ _hp9wq92 1il50hz4 _io472ub _lj9z3eo 19z9ykg0 _8t8iu3a 12b9bl4a 1ak5yw0o _896v4ku _tb8k8lv _s59zi6t _c09ze0p 1lg80oqn 1id9z8wb _238nba5 1kq6wgdi _154zssg _tn3zk49 _da9y6tc 1sg7cv4f _r12jvtt 1gq5fmkz 1cs9rvci _lp9jn1c _xw1tdnb 13f9zje6 16f6973h _vo7ir40 _bt5arjf _rc45e4t _hr4e100 10v4e100 _hc9zke2 _w91egv_ _sj2r1kk 13c87yx8 _vqpds__ _ni8ggk8 _tj9yqfb 1ia2j4r4 _7x9b10u 1fc9ld4j 1eq9zldr _5j9lhpx _ez9zl6o _md61fzm".split(" ").reduce(((e,t)=>{const r=h(t.substring(0,3)),s=h(t.substring(3)).toString(16);let i="";for(let e=0;e<6-s.length;e++)i+="0";return e[r]=`${i}${s}`,e}),{}),c=(e,t)=>Array.from(Array(t)).map((()=>e)).join(""),d=new RegExp(`^#${c("([a-f0-9])",3)}([a-f0-9])?$`,"i"),l=new RegExp(`^#${c("([a-f0-9]{2})",3)}([a-f0-9]{2})?$`,"i"),f=new RegExp(`^rgba?\\(\\s*(\\d+)\\s*${c(",\\s*(\\d+)\\s*",2)}(?:,\\s*([\\d.]+))?\\s*\\)$`,"i"),u=/^hsla?\(\s*([\d.]+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%(?:\s*,\s*([\d.]+))?\s*\)$/i,p=/^[a-z]+$/i,y=e=>Math.round(255*e),g=(e,t,r)=>{let s=r/100;if(0===t)return[s,s,s].map(y);const i=(e%360+360)%360/60,n=(1-Math.abs(2*s-1))*(t/100),a=n*(1-Math.abs(i%2-1));let o=0,h=0,_=0;i>=0&&i<1?(o=n,h=a):i>=1&&i<2?(o=a,h=n):i>=2&&i<3?(h=n,_=a):i>=3&&i<4?(h=a,_=n):i>=4&&i<5?(o=a,_=n):i>=5&&i<6&&(o=n,_=a);const c=s-n/2;return[o+c,h+c,_+c].map(y)};function m(e){const[t,r,s,i]=o(e).map(((e,t)=>3===t?e:e/255)),n=Math.max(t,r,s),a=Math.min(t,r,s),h=(n+a)/2;if(n===a)return[0,0,h,i];const _=n-a;return[60*(t===n?(r-s)/_+(r<s?6:0):r===n?(s-t)/_+2:(t-r)/_+4),h>.5?_/(2-n-a):_/(n+a),h,i]}function w(e,t,r,s){return`hsla(${(e%360).toFixed()}, ${i(0,100,100*t).toFixed()}%, ${i(0,100,100*r).toFixed()}%, ${parseFloat(i(0,1,s).toFixed(3))})`}function z(e){return function(e,t,r,s){return`rgba(${i(0,255,e).toFixed()}, ${i(0,255,t).toFixed()}, ${i(0,255,r).toFixed()}, ${parseFloat(i(0,1,s).toFixed(3))})`}(...o(e))}const v="swirl-preferred-theme",k={"--s-action-primary-default":"primary","--s-action-primary-hovered":"primaryHovered","--s-action-primary-pressed":"primaryPressed","--s-text-on-action-primary":"primaryContrast","--s-icon-on-action-primary":"primaryContrast","--s-surface-highlight-default":"secondary","--s-surface-highlight-hovered":"secondaryHovered","--s-surface-highlight-pressed":"secondaryPressed","--s-on-surface-highlight-default":"secondaryHovered","--s-text-on-surface-highlight":"secondaryContrast","--s-icon-on-surface-highlight":"secondaryContrast","--s-text-highlight":"text","--s-interactive-primary-default":"text","--s-interactive-primary-hovered":"textHovered","--s-interactive-primary-pressed":"textPressed"},b=class{constructor(r){e(this,r),this.themeChange=t(this,"themeChange",7),this.config=void 0}componentWillLoad(){this.resolveConfig(),this.determineOSTheme(),this.updateAppTheme()}watchConfig(){this.resolveConfig(),this.determineOSTheme(),this.updateAppTheme()}async getActiveTheme(){return this.appTheme}async getPreferredTheme(){if(Boolean(this.resolvedConfig.storage))return this.resolvedConfig.storage.getItem(v)}async setPreferredTheme(e){Boolean(this.resolvedConfig.storage)&&(this.resolvedConfig.storage.setItem(v,e),this.updateAppTheme())}async resetPreferredTheme(){Boolean(this.resolvedConfig.storage)&&(this.resolvedConfig.storage.removeItem(v),this.updateAppTheme())}resolveConfig(){this.resolvedConfig={...this.config||{},rootElement:this.config?.rootElement||document.documentElement,storage:this.config?.storage||window?.localStorage}}determineOSTheme(){if(!Boolean(window.matchMedia))return void(this.osTheme="light");const e=window.matchMedia("(prefers-color-scheme: dark)");this.osTheme=e.matches?"dark":"light",e.addEventListener("change",(e=>{this.osTheme=e.matches?"dark":"light",this.updateAppTheme()}))}async updateAppTheme(){this.appTheme=await this.getPreferredTheme()||this.osTheme,"dark"===this.appTheme?(document.documentElement.classList.remove("theme-light"),document.documentElement.classList.add("theme-dark")):(document.documentElement.classList.remove("theme-dark"),document.documentElement.classList.add("theme-light")),this.updateTenantVariables();const e={activeTheme:await this.getActiveTheme(),preferredTheme:await this.getPreferredTheme()};Boolean(this.recentThemeChangeEventData)&&e.activeTheme===this.recentThemeChangeEventData.activeTheme&&e.preferredTheme===this.recentThemeChangeEventData.preferredTheme||(this.recentThemeChangeEventData=e,this.themeChange.emit(this.recentThemeChangeEventData))}updateTenantVariables(){const e=this.resolvedConfig?.tenantColors;if(!Boolean(e))return void this.resetTenantVariables();const t=this.resolvedConfig.rootElement,r=m(e.primary),s=m(e.secondary),i=m(e.text),n=z(w(r[0],r[1]-.21,r[2]+.09,1)),a=z(w(r[0],r[1]-.2,r[2]+.17,1)),o=z(w(s[0],s[1],s[2]+.07,1)),h=z(w(s[0],s[1],s[2]+.15,1)),_=z(w(i[0],i[1]-.34,i[2]+.1,1)),c=z(w(i[0],i[1]-.48,i[2]+.2,1)),d={...e,primaryHovered:n,primaryPressed:a,secondaryHovered:o,secondaryPressed:h,textHovered:_,textPressed:c};Object.entries(k).forEach((([e,r])=>t.style.setProperty(e,d[r])))}resetTenantVariables(){const e=this.resolvedConfig.rootElement;[...Object.keys(k),"primaryHovered","primaryPressed","secondaryHovered","secondaryPressed","textHovered","textPressed"].forEach((t=>e.style.removeProperty(t)))}render(){return r(s,null,r("slot",null))}static get watchers(){return{config:["watchConfig"]}}};b.style=".sc-swirl-theme-provider-h{display:block}";export{b as swirl_theme_provider}

package/dist/swirl-components/p-1f3c35bd.entry.js

@@ -0,0 +1 @@
+import{r as o,c as t,h as e,H as i,g as s}from"./p-3fca9a05.js";import{o as r,s as n,f as a,c as p,a as h}from"./p-ecb8b7f5.js";import{d,e as l}from"./p-33c168b3.js";import{c}from"./p-b7898321.js";import{i as v,q as m,a as f}from"./p-646e00de.js";const u=class{constructor(e){o(this,e),this.popoverClose=t(this,"popoverClose",7),this.popoverOpen=t(this,"popoverOpen",7),this.toggle=o=>{o.stopPropagation(),this.active?this.close():this.open()},this.onKeydown=o=>{"Escape"===o.code&&this.active&&(o.stopPropagation(),this.close())},this.reposition=async()=>{const o=v();if(!Boolean(this.triggerEl)||!Boolean(this.contentContainer))return;if(o)return void(this.position=void 0);const t="number"==typeof this.offset?{mainAxis:this.offset,crossAxis:0}:{mainAxis:this.offset[0],crossAxis:this.offset[1]},e=this.enableFlip?[r(t),n(),a()]:[r(t),n()];this.position=await p(this.triggerEl,this.contentContainer,{middleware:e,placement:this.placement,strategy:"fixed"})},this.onCloseButtonClick=()=>{this.close()},this.animation="scale-in-xy",this.disableScrollLock=void 0,this.enableFlip=!0,this.fullscreenBottomSheet=void 0,this.label=void 0,this.maxHeight="22rem",this.offset=8,this.popoverId=void 0,this.placement="bottom-start",this.trigger=void 0,this.triggerContainer=void 0,this.useContainerWidth=void 0,this.active=!1,this.closing=!1,this.position=void 0}componentDidLoad(){this.connectTrigger(),this.updateTriggerAttributes(),Boolean(this.trigger)&&console.warn('[Swirl] The "trigger" prop of swirl-popover is deprecated and will be removed with the next major release. Please use the swirl-popover-trigger component instead. https://swirl-storybook.flip-app.dev/?path=/docs/components-swirlpopovertrigger--docs')}disconnectedCallback(){this.unlockBodyScroll()}onWindowFocusIn(o){if(!this.active)return;const t=/^((?!chrome|android).)*safari/i.test(navigator.userAgent),e=o.target,i=o.relatedTarget,s=f();!this.el.contains(e)&&!this.el.contains(s)&&e!==this.triggerEl&&!this.triggerEl?.contains(e)&&(!t||t&&!this.el.contains(i||e)&&i!==this.el)&&this.close()}onWindowClick(o){if(!this.active)return;const t=o.target,e=this.el.contains(t),i=o.composedPath().some((o=>!!(Boolean(o)&&o instanceof Node)&&this.el.contains(o)));e||i||t===this.triggerEl||this.close()}async close(){!this.closing&&this.active&&(this.popoverClose.emit(),this.disableAutoUpdate&&this.disableAutoUpdate(),this.closing=!0,setTimeout((()=>{this.active=!1,this.closing=!1,this.updateTriggerAttributes()}),150),this.unlockBodyScroll(),this.getNativeTriggerElement()?.focus())}async open(o){if(this.triggerEl=o||this.triggerEl,this.active||!Boolean(this.triggerEl))return;this.adjustWidth(),this.active=!0,this.updateTriggerAttributes();const t=this.getFocusableChildren();requestAnimationFrame((async()=>{await this.reposition(),this.popoverOpen.emit({position:this.position}),t.length>0?t[0].focus():this.contentContainer.focus(),this.disableAutoUpdate&&this.disableAutoUpdate(),this.disableAutoUpdate=h(this.triggerEl,this.contentContainer,(()=>this.reposition())),this.scrollContainer.scrollTop=0,this.lockBodyScroll()}))}connectTrigger(){Boolean(this.trigger)?(this.triggerEl="string"==typeof this.trigger?m(this.triggerContainer||document.body,`#${this.trigger}`)[0]:this.trigger,Boolean(this.triggerEl)&&this.triggerEl.addEventListener("click",(o=>{this.toggle(o)}))):this.triggerEl=void 0}getNativeTriggerElement(){return this.triggerEl?.tagName.startsWith("SWIRL-")&&(this.triggerEl?.children[0]||this.triggerEl?.shadowRoot?.children[0])||this.triggerEl}updateTriggerAttributes(){if(!Boolean(this.triggerEl))return;const o=this.getNativeTriggerElement();o.setAttribute("aria-controls",this.el.id),o.setAttribute("aria-expanded",String(this.active)),o.setAttribute("aria-haspopup","dialog")}getFocusableChildren(){return m(this.el,'[role="menuitem"], [role="listbox"]')}adjustWidth(){let o=this.useContainerWidth;[!0,"true"].includes(this.useContainerWidth)?o=!0:[!1,"false"].includes(this.useContainerWidth)&&(o=!1);const t=!window.matchMedia("(min-width: 768px)").matches;if(Boolean(o)&&!t){const t="string"==typeof o&&this.el.closest(o)||this.el.parentElement;this.contentContainer.style.maxWidth="none",this.contentContainer.style.width=t.getBoundingClientRect().width+"px"}else this.contentContainer.style.maxWidth="",this.contentContainer.style.width=""}lockBodyScroll(){v()&&!this.disableScrollLock&&d(this.scrollContainer)}unlockBodyScroll(){v()&&!this.disableScrollLock&&l(this.scrollContainer)}render(){const o=!window.matchMedia("(min-width: 768px)").matches,t=c("popover",`popover--animation-${this.animation}`,`popover--placement-${this.position?.placement}`,{"popover--closing":this.closing,"popover--active":this.active,"popover--fullscreen-bottom-sheet":this.fullscreenBottomSheet,"popover--inactive":!this.active});return e(i,null,e("div",{class:t,onKeyDown:this.onKeydown},e("div",{"aria-hidden":this.active?"false":"true","aria-label":this.label,class:"popover__content",id:this.popoverId,part:"popover__content",role:"dialog",ref:o=>this.contentContainer=o,style:{top:Boolean(this.position)?`${this.position?.y}px`:"",left:Boolean(this.position)?`${this.position?.x}px`:""},tabindex:"-1"},e("span",{class:"popover__handle"}),e("div",{class:"popover__scroll-container",ref:o=>this.scrollContainer=o,style:{maxHeight:!o&&Boolean(this.maxHeight)?this.maxHeight:void 0}},e("slot",null))),this.active&&e("div",{class:"popover__backdrop",onClick:this.onCloseButtonClick})))}get el(){return s(this)}};u.style=":host{position:relative;z-index:var(--s-z-40);display:inline-flex}:host *{box-sizing:border-box}.popover--active:not(.popover--closing) .popover__backdrop{animation:0.15s popover-fade-in}@media (prefers-reduced-motion){.popover--active:not(.popover--closing) .popover__backdrop{animation:none}}.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-slide-in}@media (min-width: 768px){.popover--active:not(.popover--closing) .popover__content{transform-origin:top left;animation:0.15s popover-fade-scale-in-xy}}@media (prefers-reduced-motion){.popover--active:not(.popover--closing) .popover__content{animation:none}}.popover--closing .popover__backdrop{animation:0.15s popover-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.popover--closing .popover__backdrop{animation:none}}.popover--closing .popover__content{animation:0.15s popover-slide-out;animation-fill-mode:forwards}@media (min-width: 768px){.popover--closing .popover__content{animation:0.15s popover-fade-out}}@media (prefers-reduced-motion){.popover--closing .popover__content{animation:none}}.popover--inactive .popover__content{display:none}@media (max-width: 767px){.popover--fullscreen-bottom-sheet.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-fade-in}@media (prefers-reduced-motion){.popover--fullscreen-bottom-sheet.popover--active:not(.popover--closing) .popover__content{animation:none}}.popover--fullscreen-bottom-sheet.popover--closing .popover__content{animation:0.15s popover-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.popover--fullscreen-bottom-sheet.popover--closing .popover__content{animation:none}}.popover--fullscreen-bottom-sheet .popover__backdrop{display:none}.popover--fullscreen-bottom-sheet .popover__content{top:0;border-top-left-radius:0;border-top-right-radius:0}.popover--fullscreen-bottom-sheet .popover__scroll-container{height:100%;max-height:none;padding-top:0;padding-bottom:0}.popover--fullscreen-bottom-sheet .popover__handle{display:none}}@media (min-width: 768px){.popover--animation-scale-in-y.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-fade-scale-in-y}}@media (prefers-reduced-motion){.popover--animation-scale-in-y.popover--active:not(.popover--closing) .popover__content{animation:none}}.popover__backdrop{position:fixed;z-index:0;background-color:rgba(0, 0, 0, 0.2);animation:0.15s popover-backdrop-fade-in;inset:0}@media (prefers-reduced-motion){.popover__backdrop{animation:none}}@media (min-width: 768px){.popover__backdrop{display:none}}.popover__content{position:fixed;z-index:2;right:0;bottom:0;left:0;overflow:hidden;border-top-left-radius:var(--s-border-radius-xl);border-top-right-radius:var(--s-border-radius-xl);background-color:var(--s-surface-overlay-default)}@media (min-width: 768px){.popover__content{right:unset;bottom:unset;left:unset;max-width:22.5rem;border-radius:var(--s-border-radius-sm);animation:none;box-shadow:var(--s-shadow-level-1)}}.popover__scroll-container{overflow-x:hidden;overflow-y:auto;width:100%;max-height:90vh;padding-top:var(--s-space-24);padding-bottom:var(--s-space-24);overscroll-behavior:contain}@media (min-width: 768px){.popover__scroll-container{max-height:22rem;padding-top:var(--s-space-8);padding-bottom:var(--s-space-8)}}.popover__handle{position:absolute;top:var(--s-space-8);left:50%;width:2.5rem;height:0.375rem;border-radius:0.1875rem;background-color:var(--s-border-default);transform:translatex(-50%)}@media (min-width: 768px){.popover__handle{display:none}}@keyframes popover-slide-in{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes popover-slide-out{from{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes popover-fade-in{from{opacity:0}to{opacity:1}}@keyframes popover-fade-out{from{opacity:1}to{opacity:0}}@keyframes popover-fade-scale-in-xy{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes popover-fade-scale-in-y{from{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}";const g=class{constructor(t){o(this,t),this.popoverOpen=!1,this.onClick=o=>{o.stopPropagation();const t=this.getPopoverEl();if(!Boolean(t))return;if(this.popoverOpen)return void t.close();const e=this.getTriggerEl();Boolean(e)&&(t.open(e),t.addEventListener("popoverOpen",(()=>{this.popoverOpen=!0,this.updateTriggerElAriaAttributes(!0)}),{once:!0}),t.addEventListener("popoverClose",(()=>{this.popoverOpen=!1,this.updateTriggerElAriaAttributes(!1)}),{once:!0}))},this.updateTriggerElAriaAttributes=o=>{if(!this.setAriaAttributes)return;const t=this.getTriggerEl(),e="string"==typeof this.popover?this.popover:this.popover?.id;t.tagName.startsWith("SWIRL-")?(t.setAttribute("swirl-aria-controls",e),t.setAttribute("swirl-aria-expanded",String(o||"false")),t.setAttribute("swirl-aria-haspopup","dialog")):(t.setAttribute("aria-controls",e),t.setAttribute("aria-expanded",String(o||"false")),t.setAttribute("aria-haspopup","dialog"))},this.popover=void 0,this.setAriaAttributes=!0}componentDidLoad(){this.updateTriggerElAriaAttributes()}watchPopover(){this.updateTriggerElAriaAttributes()}getPopoverEl(){return"string"==typeof this.popover?document.querySelector(`#${this.popover}`):this.popover}getTriggerEl(){return 1!==this.el.children.length&&console.warn('[Swirl] The "swirl-popover-trigger" component expects exactly one child element.'),this.el.children[0]}render(){return e(i,{onClick:this.onClick},e("slot",null))}get el(){return s(this)}static get watchers(){return{popover:["watchPopover"]}}};g.style=".sc-swirl-popover-trigger-h{display:contents}";export{u as swirl_popover,g as swirl_popover_trigger}

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

@@ -0,0 +1 @@
+import{r as t,c as s,h as i,H as a}from"./p-3fca9a05.js";import{c as o}from"./p-b7898321.js";import{g as e}from"./p-646e00de.js";const n=class{constructor(i){t(this,i),this.dismiss=s(this,"dismiss",7),this.desktopMediaQuery=e(),this.desktopMediaQueryHandler=t=>{this.forceIconProps(t.matches)},this.onDismiss=()=>{this.dismiss.emit(this.toastId)},this.accessibleDismissLabel="Dismiss",this.content=void 0,this.dismissLabel=void 0,this.duration=void 0,this.icon=void 0,this.intent="default",this.toastId=void 0}watchDuration(){this.startTimer()}componentDidLoad(){this.startTimer(),this.forceIconProps(this.desktopMediaQuery.matches),this.desktopMediaQuery.onchange=this.desktopMediaQueryHandler}disconnectedCallback(){this.desktopMediaQuery.removeEventListener?.("change",this.desktopMediaQueryHandler)}forceIconProps(t){const s=this.iconEl?.children[0],i=this.dismissIconEl;s?.setAttribute("size",t?"20":"24"),i?.setAttribute("size",t?"20":"24")}startTimer(){this.clearTimer(),void 0!==this.duration&&(this.timeout=setTimeout((()=>{this.dismiss.emit(this.toastId)}),this.duration))}clearTimer(){Boolean(this.timeout)&&(clearTimeout(this.timeout),this.timeout=void 0)}render(){const t=o("toast",`toast--intent-${this.intent}`);return i(a,null,i("div",{class:t},this.icon&&i("span",{class:"toast__icon",innerHTML:this.icon,part:"toast__icon",ref:t=>this.iconEl=t}),i("span",{class:"toast__content",innerHTML:this.content,part:"toast__content"},i("slot",null)),i("button",{"aria-label":this.dismissLabel||this.accessibleDismissLabel,class:"toast__dismiss-button",onClick:this.onDismiss,type:"button"},this.dismissLabel,!Boolean(this.dismissLabel)&&i("swirl-icon-close",{ref:t=>this.dismissIconEl=t}))))}static get watchers(){return{duration:["watchDuration"]}}};n.style=":host{display:flex}:host *{box-sizing:border-box}.toast{display:flex;width:100%;max-width:28rem;padding:var(--s-space-16);border-radius:var(--s-border-radius-sm);color:var(--s-text-on-status);background-color:var(--s-surface-neutral-default);box-shadow:var(--s-shadow-level-2)}.toast--intent-critical{background-color:var(--s-surface-critical-default)}.toast--intent-success{background-color:var(--s-surface-success-default)}.toast__icon{display:inline-flex;margin-top:calc(-1 * var(--s-space-2));margin-right:0.625rem;flex-shrink:0}.toast__icon ::part(icon){color:var(--s-icon-on-status)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.toast__icon{margin-top:0}}.toast__content{flex-grow:1;line-height:var(--s-line-height-base);text-align:left;align-self:flex-start}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.toast__content{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.toast__content ::part(link){color:var(--text-default)}.toast__dismiss-button{display:inline-flex;min-width:1.5rem;height:1.5rem;margin-top:calc(-1 * var(--s-space-2));margin-left:var(--s-space-16);padding:0;flex-shrink:0;justify-content:center;align-items:center;border:none;color:var(--s-text-on-status);background-color:transparent;font:inherit;font-weight:var(--s-font-weight-semibold);cursor:pointer}.toast__dismiss-button ::part(icon){color:var(--s-icon-on-status)}";export{n as swirl_toast}

package/dist/swirl-components/{p-ab7f6735.entry.js → p-44196449.entry.js}

@@ -1 +1 @@
-import{r as i,h as s,F as e,H as r}from"./p-3fca9a05.js";import{c as n}from"./p-b7898321.js";import{g as t}from"./p-646e00de.js";const o=class{constructor(s){i(this,s),this.size=24}render(){const i=20===this.size?24:this.size,r=n("swirl-icon",`swirl-icon--size-${this.size}`);return s("svg",{class:r,fill:"none",height:this.size,part:"icon",viewBox:`0 0 ${i} ${i}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},16===this.size&&s(e,null,s("path",{d:"M6.05 14C5.87222 14 5.70267 13.9667 5.54133 13.9C5.38044 13.8333 5.23889 13.7389 5.11667 13.6167L2.38333 10.8833C2.26111 10.7611 2.16667 10.6196 2.1 10.4587C2.03333 10.2973 2 10.1278 2 9.95V6.05C2 5.87222 2.03333 5.70267 2.1 5.54133C2.16667 5.38044 2.26111 5.23889 2.38333 5.11667L5.11667 2.38333C5.23889 2.26111 5.38044 2.16667 5.54133 2.1C5.70267 2.03333 5.87222 2 6.05 2H9.95C10.1278 2 10.2973 2.03333 10.4587 2.1C10.6196 2.16667 10.7611 2.26111 10.8833 2.38333L13.6167 5.11667C13.7389 5.23889 13.8333 5.38044 13.9 5.54133C13.9667 5.70267 14 5.87222 14 6.05V9.95C14 10.1278 13.9667 10.2973 13.9 10.4587C13.8333 10.6196 13.7389 10.7611 13.6167 10.8833L10.8833 13.6167C10.7611 13.7389 10.6196 13.8333 10.4587 13.9C10.2973 13.9667 10.1278 14 9.95 14H6.05ZM8 11.3333C8.18889 11.3333 8.34733 11.2693 8.47533 11.1413C8.60289 11.0138 8.66667 10.8556 8.66667 10.6667C8.66667 10.4778 8.60289 10.3193 8.47533 10.1913C8.34733 10.0638 8.18889 10 8 10C7.81111 10 7.65289 10.0638 7.52533 10.1913C7.39733 10.3193 7.33333 10.4778 7.33333 10.6667C7.33333 10.8556 7.39733 11.0138 7.52533 11.1413C7.65289 11.2693 7.81111 11.3333 8 11.3333ZM8 8.66667C8.18889 8.66667 8.34733 8.60267 8.47533 8.47467C8.60289 8.34711 8.66667 8.18889 8.66667 8V5.33333C8.66667 5.14444 8.60289 4.986 8.47533 4.858C8.34733 4.73044 8.18889 4.66667 8 4.66667C7.81111 4.66667 7.65289 4.73044 7.52533 4.858C7.39733 4.986 7.33333 5.14444 7.33333 5.33333V8C7.33333 8.18889 7.39733 8.34711 7.52533 8.47467C7.65289 8.60267 7.81111 8.66667 8 8.66667Z",fill:"currentColor"})),(20===this.size||24===this.size)&&s(e,null,s("path",{d:"M9.075 21C8.80833 21 8.554 20.95 8.312 20.85C8.07067 20.75 7.85833 20.6083 7.675 20.425L3.575 16.325C3.39167 16.1417 3.25 15.9293 3.15 15.688C3.05 15.446 3 15.1917 3 14.925V9.075C3 8.80833 3.05 8.554 3.15 8.312C3.25 8.07067 3.39167 7.85833 3.575 7.675L7.675 3.575C7.85833 3.39167 8.07067 3.25 8.312 3.15C8.554 3.05 8.80833 3 9.075 3H14.925C15.1917 3 15.446 3.05 15.688 3.15C15.9293 3.25 16.1417 3.39167 16.325 3.575L20.425 7.675C20.6083 7.85833 20.75 8.07067 20.85 8.312C20.95 8.554 21 8.80833 21 9.075V14.925C21 15.1917 20.95 15.446 20.85 15.688C20.75 15.9293 20.6083 16.1417 20.425 16.325L16.325 20.425C16.1417 20.6083 15.9293 20.75 15.688 20.85C15.446 20.95 15.1917 21 14.925 21H9.075ZM12 17C12.2833 17 12.521 16.904 12.713 16.712C12.9043 16.5207 13 16.2833 13 16C13 15.7167 12.9043 15.479 12.713 15.287C12.521 15.0957 12.2833 15 12 15C11.7167 15 11.4793 15.0957 11.288 15.287C11.096 15.479 11 15.7167 11 16C11 16.2833 11.096 16.5207 11.288 16.712C11.4793 16.904 11.7167 17 12 17ZM12 13C12.2833 13 12.521 12.904 12.713 12.712C12.9043 12.5207 13 12.2833 13 12V8C13 7.71667 12.9043 7.479 12.713 7.287C12.521 7.09567 12.2833 7 12 7C11.7167 7 11.4793 7.09567 11.288 7.287C11.096 7.479 11 7.71667 11 8V12C11 12.2833 11.096 12.5207 11.288 12.712C11.4793 12.904 11.7167 13 12 13Z",fill:"currentColor"})),28===this.size&&s(e,null,s("path",{d:"M10.5875 24.5C10.2764 24.5 9.97967 24.4417 9.69733 24.325C9.41578 24.2083 9.16806 24.0431 8.95417 23.8292L4.17083 19.0458C3.95694 18.8319 3.79167 18.5842 3.675 18.3027C3.55833 18.0203 3.5 17.7236 3.5 17.4125V10.5875C3.5 10.2764 3.55833 9.97967 3.675 9.69733C3.79167 9.41578 3.95694 9.16806 4.17083 8.95417L8.95417 4.17083C9.16806 3.95694 9.41578 3.79167 9.69733 3.675C9.97967 3.55833 10.2764 3.5 10.5875 3.5H17.4125C17.7236 3.5 18.0203 3.55833 18.3027 3.675C18.5842 3.79167 18.8319 3.95694 19.0458 4.17083L23.8292 8.95417C24.0431 9.16806 24.2083 9.41578 24.325 9.69733C24.4417 9.97967 24.5 10.2764 24.5 10.5875V17.4125C24.5 17.7236 24.4417 18.0203 24.325 18.3027C24.2083 18.5842 24.0431 18.8319 23.8292 19.0458L19.0458 23.8292C18.8319 24.0431 18.5842 24.2083 18.3027 24.325C18.0203 24.4417 17.7236 24.5 17.4125 24.5H10.5875ZM14 19.8333C14.3306 19.8333 14.6078 19.7213 14.8318 19.4973C15.0551 19.2741 15.1667 18.9972 15.1667 18.6667C15.1667 18.3361 15.0551 18.0588 14.8318 17.8348C14.6078 17.6116 14.3306 17.5 14 17.5C13.6694 17.5 13.3926 17.6116 13.1693 17.8348C12.9453 18.0588 12.8333 18.3361 12.8333 18.6667C12.8333 18.9972 12.9453 19.2741 13.1693 19.4973C13.3926 19.7213 13.6694 19.8333 14 19.8333ZM14 15.1667C14.3306 15.1667 14.6078 15.0547 14.8318 14.8307C15.0551 14.6074 15.1667 14.3306 15.1667 14V9.33333C15.1667 9.00278 15.0551 8.7255 14.8318 8.5015C14.6078 8.27828 14.3306 8.16667 14 8.16667C13.6694 8.16667 13.3926 8.27828 13.1693 8.5015C12.9453 8.7255 12.8333 9.00278 12.8333 9.33333V14C12.8333 14.3306 12.9453 14.6074 13.1693 14.8307C13.3926 15.0547 13.6694 15.1667 14 15.1667Z",fill:"currentColor"})))}};o.style=":host{display:inline-flex}";const l=class{constructor(s){i(this,s),this.desktopMediaQuery=t(),this.desktopMediaQueryHandler=i=>{this.forceIconProps(i.matches)},this.message=void 0,this.size="m"}componentDidLoad(){this.forceIconProps(this.desktopMediaQuery.matches),this.desktopMediaQuery.onchange=this.desktopMediaQueryHandler}disconnectedCallback(){var i,s;null===(s=(i=this.desktopMediaQuery).removeEventListener)||void 0===s||s.call(i,"change",this.desktopMediaQueryHandler)}forceIconProps(i){if(!Boolean(this.iconEl))return;const s=this.iconEl.children[0];let e="24";"s"===this.size?e="16":i&&(e="20"),null==s||s.setAttribute("size",e)}render(){const i=n("inline-error",`inline-error--size-${this.size}`);return s(r,null,s("span",{class:i,part:"inline-error"},s("span",{class:"inline-error__icon",ref:i=>this.iconEl=i},s("swirl-icon-error",null)),s("span",{class:"inline-error__message"},this.message)))}};l.style=":host{display:inline-flex}:host *{box-sizing:border-box}.inline-error{display:inline-flex;color:var(--s-text-critical);line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.inline-error{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.inline-error--size-s{font-size:var(--s-font-size-sm)}.inline-error--size-s .inline-error__icon{padding-top:0.125rem}.inline-error--size-s .inline-error__message{padding-top:0}.inline-error__icon{display:inline-flex;color:var(--s-icon-critical);align-self:flex-start}.inline-error__message{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-left:var(--s-space-4);padding-top:0.0625rem}";const a=class{constructor(s){i(this,s),this.label=void 0,this.size="m"}render(){const i=n("spinner",`spinner--size-${this.size}`);return s(r,null,s("span",{class:i,role:Boolean(this.label)?"status":void 0},s("svg",{"aria-hidden":"true",class:"spinner__indicator",focusable:"false",viewBox:"0 0 50 50"},s("circle",{class:"spinner__background",cx:"25",cy:"25",r:"20",fill:"none","stroke-width":"4"}),s("circle",{class:"spinner__circle",cx:"25",cy:"25",r:"20",fill:"none","stroke-width":"4"})),this.label&&s("swirl-visually-hidden",null,s("span",{class:"spinner__label"},this.label))))}};a.style=":host{display:inline-flex}:host *{box-sizing:border-box}.spinner{position:relative;display:inline-flex;overflow:hidden;width:2.25rem;height:2.25rem}.spinner--size-xs,.spinner--size-20{width:1.25rem;height:1.25rem}.spinner--size-xs .spinner__circle,.spinner--size-20 .spinner__circle{stroke-width:0.1875rem}.spinner--size-s,.spinner--size-24{width:1.5rem;height:1.5rem}.spinner--size-s .spinner__circle,.spinner--size-24 .spinner__circle{stroke-width:0.1875rem}.spinner__indicator{position:absolute;inset:0;width:100%;height:100%;transform-origin:center center;animation:spinner-rotate 2s linear infinite}.spinner__background{stroke:var(--s-border-default);stroke-linecap:round}.spinner__circle{animation:spinner-dash 1.5s ease-in-out infinite;stroke:var(--s-interactive-primary-default);stroke-dasharray:1, 200;stroke-dashoffset:0;stroke-linecap:round}@keyframes spinner-rotate{100%{transform:rotate(360deg)}}@keyframes spinner-dash{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124}}";export{o as swirl_icon_error,l as swirl_inline_error,a as swirl_spinner}
+import{r as i,h as s,F as e,H as r}from"./p-3fca9a05.js";import{c as n}from"./p-b7898321.js";import{g as t}from"./p-646e00de.js";const o=class{constructor(s){i(this,s),this.size=24}render(){const i=20===this.size?24:this.size,r=n("swirl-icon",`swirl-icon--size-${this.size}`);return s("svg",{class:r,fill:"none",height:this.size,part:"icon",viewBox:`0 0 ${i} ${i}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},16===this.size&&s(e,null,s("path",{d:"M6.05 14C5.87222 14 5.70267 13.9667 5.54133 13.9C5.38044 13.8333 5.23889 13.7389 5.11667 13.6167L2.38333 10.8833C2.26111 10.7611 2.16667 10.6196 2.1 10.4587C2.03333 10.2973 2 10.1278 2 9.95V6.05C2 5.87222 2.03333 5.70267 2.1 5.54133C2.16667 5.38044 2.26111 5.23889 2.38333 5.11667L5.11667 2.38333C5.23889 2.26111 5.38044 2.16667 5.54133 2.1C5.70267 2.03333 5.87222 2 6.05 2H9.95C10.1278 2 10.2973 2.03333 10.4587 2.1C10.6196 2.16667 10.7611 2.26111 10.8833 2.38333L13.6167 5.11667C13.7389 5.23889 13.8333 5.38044 13.9 5.54133C13.9667 5.70267 14 5.87222 14 6.05V9.95C14 10.1278 13.9667 10.2973 13.9 10.4587C13.8333 10.6196 13.7389 10.7611 13.6167 10.8833L10.8833 13.6167C10.7611 13.7389 10.6196 13.8333 10.4587 13.9C10.2973 13.9667 10.1278 14 9.95 14H6.05ZM8 11.3333C8.18889 11.3333 8.34733 11.2693 8.47533 11.1413C8.60289 11.0138 8.66667 10.8556 8.66667 10.6667C8.66667 10.4778 8.60289 10.3193 8.47533 10.1913C8.34733 10.0638 8.18889 10 8 10C7.81111 10 7.65289 10.0638 7.52533 10.1913C7.39733 10.3193 7.33333 10.4778 7.33333 10.6667C7.33333 10.8556 7.39733 11.0138 7.52533 11.1413C7.65289 11.2693 7.81111 11.3333 8 11.3333ZM8 8.66667C8.18889 8.66667 8.34733 8.60267 8.47533 8.47467C8.60289 8.34711 8.66667 8.18889 8.66667 8V5.33333C8.66667 5.14444 8.60289 4.986 8.47533 4.858C8.34733 4.73044 8.18889 4.66667 8 4.66667C7.81111 4.66667 7.65289 4.73044 7.52533 4.858C7.39733 4.986 7.33333 5.14444 7.33333 5.33333V8C7.33333 8.18889 7.39733 8.34711 7.52533 8.47467C7.65289 8.60267 7.81111 8.66667 8 8.66667Z",fill:"currentColor"})),(20===this.size||24===this.size)&&s(e,null,s("path",{d:"M9.075 21C8.80833 21 8.554 20.95 8.312 20.85C8.07067 20.75 7.85833 20.6083 7.675 20.425L3.575 16.325C3.39167 16.1417 3.25 15.9293 3.15 15.688C3.05 15.446 3 15.1917 3 14.925V9.075C3 8.80833 3.05 8.554 3.15 8.312C3.25 8.07067 3.39167 7.85833 3.575 7.675L7.675 3.575C7.85833 3.39167 8.07067 3.25 8.312 3.15C8.554 3.05 8.80833 3 9.075 3H14.925C15.1917 3 15.446 3.05 15.688 3.15C15.9293 3.25 16.1417 3.39167 16.325 3.575L20.425 7.675C20.6083 7.85833 20.75 8.07067 20.85 8.312C20.95 8.554 21 8.80833 21 9.075V14.925C21 15.1917 20.95 15.446 20.85 15.688C20.75 15.9293 20.6083 16.1417 20.425 16.325L16.325 20.425C16.1417 20.6083 15.9293 20.75 15.688 20.85C15.446 20.95 15.1917 21 14.925 21H9.075ZM12 17C12.2833 17 12.521 16.904 12.713 16.712C12.9043 16.5207 13 16.2833 13 16C13 15.7167 12.9043 15.479 12.713 15.287C12.521 15.0957 12.2833 15 12 15C11.7167 15 11.4793 15.0957 11.288 15.287C11.096 15.479 11 15.7167 11 16C11 16.2833 11.096 16.5207 11.288 16.712C11.4793 16.904 11.7167 17 12 17ZM12 13C12.2833 13 12.521 12.904 12.713 12.712C12.9043 12.5207 13 12.2833 13 12V8C13 7.71667 12.9043 7.479 12.713 7.287C12.521 7.09567 12.2833 7 12 7C11.7167 7 11.4793 7.09567 11.288 7.287C11.096 7.479 11 7.71667 11 8V12C11 12.2833 11.096 12.5207 11.288 12.712C11.4793 12.904 11.7167 13 12 13Z",fill:"currentColor"})),28===this.size&&s(e,null,s("path",{d:"M10.5875 24.5C10.2764 24.5 9.97967 24.4417 9.69733 24.325C9.41578 24.2083 9.16806 24.0431 8.95417 23.8292L4.17083 19.0458C3.95694 18.8319 3.79167 18.5842 3.675 18.3027C3.55833 18.0203 3.5 17.7236 3.5 17.4125V10.5875C3.5 10.2764 3.55833 9.97967 3.675 9.69733C3.79167 9.41578 3.95694 9.16806 4.17083 8.95417L8.95417 4.17083C9.16806 3.95694 9.41578 3.79167 9.69733 3.675C9.97967 3.55833 10.2764 3.5 10.5875 3.5H17.4125C17.7236 3.5 18.0203 3.55833 18.3027 3.675C18.5842 3.79167 18.8319 3.95694 19.0458 4.17083L23.8292 8.95417C24.0431 9.16806 24.2083 9.41578 24.325 9.69733C24.4417 9.97967 24.5 10.2764 24.5 10.5875V17.4125C24.5 17.7236 24.4417 18.0203 24.325 18.3027C24.2083 18.5842 24.0431 18.8319 23.8292 19.0458L19.0458 23.8292C18.8319 24.0431 18.5842 24.2083 18.3027 24.325C18.0203 24.4417 17.7236 24.5 17.4125 24.5H10.5875ZM14 19.8333C14.3306 19.8333 14.6078 19.7213 14.8318 19.4973C15.0551 19.2741 15.1667 18.9972 15.1667 18.6667C15.1667 18.3361 15.0551 18.0588 14.8318 17.8348C14.6078 17.6116 14.3306 17.5 14 17.5C13.6694 17.5 13.3926 17.6116 13.1693 17.8348C12.9453 18.0588 12.8333 18.3361 12.8333 18.6667C12.8333 18.9972 12.9453 19.2741 13.1693 19.4973C13.3926 19.7213 13.6694 19.8333 14 19.8333ZM14 15.1667C14.3306 15.1667 14.6078 15.0547 14.8318 14.8307C15.0551 14.6074 15.1667 14.3306 15.1667 14V9.33333C15.1667 9.00278 15.0551 8.7255 14.8318 8.5015C14.6078 8.27828 14.3306 8.16667 14 8.16667C13.6694 8.16667 13.3926 8.27828 13.1693 8.5015C12.9453 8.7255 12.8333 9.00278 12.8333 9.33333V14C12.8333 14.3306 12.9453 14.6074 13.1693 14.8307C13.3926 15.0547 13.6694 15.1667 14 15.1667Z",fill:"currentColor"})))}};o.style=":host{display:inline-flex}";const l=class{constructor(s){i(this,s),this.desktopMediaQuery=t(),this.desktopMediaQueryHandler=i=>{this.forceIconProps(i.matches)},this.message=void 0,this.size="m"}componentDidLoad(){this.forceIconProps(this.desktopMediaQuery.matches),this.desktopMediaQuery.onchange=this.desktopMediaQueryHandler}disconnectedCallback(){this.desktopMediaQuery.removeEventListener?.("change",this.desktopMediaQueryHandler)}forceIconProps(i){if(!Boolean(this.iconEl))return;const s=this.iconEl.children[0];let e="24";"s"===this.size?e="16":i&&(e="20"),s?.setAttribute("size",e)}render(){const i=n("inline-error",`inline-error--size-${this.size}`);return s(r,null,s("span",{class:i,part:"inline-error"},s("span",{class:"inline-error__icon",ref:i=>this.iconEl=i},s("swirl-icon-error",null)),s("span",{class:"inline-error__message"},this.message)))}};l.style=":host{display:inline-flex}:host *{box-sizing:border-box}.inline-error{display:inline-flex;color:var(--s-text-critical);line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.inline-error{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.inline-error--size-s{font-size:var(--s-font-size-sm)}.inline-error--size-s .inline-error__icon{padding-top:0.125rem}.inline-error--size-s .inline-error__message{padding-top:0}.inline-error__icon{display:inline-flex;color:var(--s-icon-critical);align-self:flex-start}.inline-error__message{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-left:var(--s-space-4);padding-top:0.0625rem}";const a=class{constructor(s){i(this,s),this.label=void 0,this.size="m"}render(){const i=n("spinner",`spinner--size-${this.size}`);return s(r,null,s("span",{class:i,role:Boolean(this.label)?"status":void 0},s("svg",{"aria-hidden":"true",class:"spinner__indicator",focusable:"false",viewBox:"0 0 50 50"},s("circle",{class:"spinner__background",cx:"25",cy:"25",r:"20",fill:"none","stroke-width":"4"}),s("circle",{class:"spinner__circle",cx:"25",cy:"25",r:"20",fill:"none","stroke-width":"4"})),this.label&&s("swirl-visually-hidden",null,s("span",{class:"spinner__label"},this.label))))}};a.style=":host{display:inline-flex}:host *{box-sizing:border-box}.spinner{position:relative;display:inline-flex;overflow:hidden;width:2.25rem;height:2.25rem}.spinner--size-xs,.spinner--size-20{width:1.25rem;height:1.25rem}.spinner--size-xs .spinner__circle,.spinner--size-20 .spinner__circle{stroke-width:0.1875rem}.spinner--size-s,.spinner--size-24{width:1.5rem;height:1.5rem}.spinner--size-s .spinner__circle,.spinner--size-24 .spinner__circle{stroke-width:0.1875rem}.spinner__indicator{position:absolute;inset:0;width:100%;height:100%;transform-origin:center center;animation:spinner-rotate 2s linear infinite}.spinner__background{stroke:var(--s-border-default);stroke-linecap:round}.spinner__circle{animation:spinner-dash 1.5s ease-in-out infinite;stroke:var(--s-interactive-primary-default);stroke-dasharray:1, 200;stroke-dashoffset:0;stroke-linecap:round}@keyframes spinner-rotate{100%{transform:rotate(360deg)}}@keyframes spinner-dash{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124}}";export{o as swirl_icon_error,l as swirl_inline_error,a as swirl_spinner}

package/dist/swirl-components/p-4dafdcee.entry.js

@@ -0,0 +1 @@
+import{r as e,c as i,h as s,H as r}from"./p-3fca9a05.js";import{c as t}from"./p-b7898321.js";import{g as l}from"./p-646e00de.js";const o=class{constructor(s){e(this,s),this.remove=i(this,"remove",7),this.desktopMediaQuery=l(),this.desktopMediaQueryHandler=e=>{this.forceIconProps(e.matches)},this.description=void 0,this.errorMessage=void 0,this.icon="<swirl-icon-file></swirl-icon-file>",this.label=void 0,this.loading=void 0,this.removable=void 0,this.removeButtonLabel="Remove file"}componentDidLoad(){this.forceIconProps(this.desktopMediaQuery.matches),this.desktopMediaQuery.onchange=this.desktopMediaQueryHandler}disconnectedCallback(){this.desktopMediaQuery.removeEventListener?.("change",this.desktopMediaQueryHandler)}forceIconProps(e){if(!Boolean(this.iconEl))return;const i=this.iconEl.children[0];i?.setAttribute("size",e?"20":"24")}render(){const e=Boolean(this.errorMessage),i=!e&&Boolean(this.description),l=!e&&this.loading,o=this.removable&&!l,c=t("resource-list-file-item",{"resource-list-file-item--has-control":l||o});return s(r,{role:"row"},s("div",{class:c,part:"resource-list-file-item",role:"gridcell"},s("span",{class:"resource-list-file-item__icon",innerHTML:this.icon,ref:e=>this.iconEl=e}),s("span",{class:"resource-list-file-item__label-container"},s("span",{class:"resource-list-file-item__label",id:"label"},this.label),i&&s("span",{class:"resource-list-file-item__description"},this.description),e&&s("span",{"aria-live":"polite",class:"resource-list-file-item__error-message"},s("swirl-inline-error",{message:this.errorMessage,size:"s"}))),l&&s("span",{class:"resource-list-file-item__spinner"},s("swirl-spinner",{size:"s"})),o&&s("span",{class:"resource-list-file-item__remove-button"},s("swirl-button",{hideLabel:!0,icon:"<swirl-icon-close></swirl-icon-close>",label:this.removeButtonLabel,onClick:this.remove.emit}))))}};o.style='.sc-swirl-resource-list-file-item-h{display:block;width:100%}.sc-swirl-resource-list-file-item-h *.sc-swirl-resource-list-file-item{box-sizing:border-box}.resource-list-file-item.sc-swirl-resource-list-file-item{position:relative;display:flex;width:100%;padding:var(--s-space-12) var(--s-space-16);align-items:center;background-color:var(--s-background-default);line-height:var(--s-line-height-base);gap:var(--s-space-12)}.resource-list-file-item.sc-swirl-resource-list-file-item:focus{outline:none}.resource-list-file-item.sc-swirl-resource-list-file-item:focus-visible{background-color:var(--s-background-hovered)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-file-item.sc-swirl-resource-list-file-item{padding:var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.resource-list-file-item--has-control.sc-swirl-resource-list-file-item .resource-list-file-item__label-container.sc-swirl-resource-list-file-item{padding-right:calc(var(--s-space-12) + 2.5rem)}.resource-list-file-item__icon.sc-swirl-resource-list-file-item{color:var(--s-icon-highlight)}.resource-list-file-item__label-container.sc-swirl-resource-list-file-item{position:relative;display:flex;min-width:0;min-height:2.875rem;flex-grow:1;justify-content:center;flex-direction:column}.resource-list-file-item__label-container.sc-swirl-resource-list-file-item:after{position:absolute;right:0;bottom:calc(-1 * var(--s-space-12));left:0;height:0.0625rem;background-color:var(--s-border-default);content:""}.resource-list-file-item__label.sc-swirl-resource-list-file-item{overflow:hidden;font-weight:var(--s-font-weight-medium);white-space:nowrap;text-overflow:ellipsis}.resource-list-file-item__description.sc-swirl-resource-list-file-item{overflow:hidden;margin-top:var(--s-space-2);color:var(--s-text-subdued);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);white-space:nowrap;text-overflow:ellipsis}.resource-list-file-item__error-message.sc-swirl-resource-list-file-item{margin-top:var(--s-space-2)}.resource-list-file-item__remove-button.sc-swirl-resource-list-file-item{position:absolute;top:50%;right:var(--s-space-16);display:inline-flex;transform:translateY(-50%)}.resource-list-file-item__spinner.sc-swirl-resource-list-file-item{position:absolute;top:50%;right:var(--s-space-24);display:inline-flex;transform:translateY(-50%)}';export{o as swirl_resource_list_file_item}

package/dist/swirl-components/p-56fa872b.entry.js

@@ -0,0 +1 @@
+import{r as i,h as t,H as s,g as e}from"./p-3fca9a05.js";import{q as a,a as o,g as r}from"./p-646e00de.js";import{c as n}from"./p-b7898321.js";const l=class{constructor(t){i(this,t),this.onKeyDown=i=>{"ArrowDown"===i.code||"ArrowRight"===i.code?(i.preventDefault(),this.focusNextItem()):"ArrowUp"!==i.code&&"ArrowLeft"!==i.code||(i.preventDefault(),this.focusPreviousItem())}}componentDidLoad(){this.updateItems(),this.observeSlotChanges()}disconnectedCallback(){this.observer?.disconnect()}observeSlotChanges(){this.observer=new MutationObserver((()=>{this.updateItems()})),this.observer.observe(this.el,{childList:!0})}updateItems(){this.items=a(this.el,'[role="menuitem"]')}focusNextItem(){const i=this.getActiveItemIndex();this.items[(i+1)%this.items.length].focus()}focusPreviousItem(){const i=this.getActiveItemIndex(),t=0===i?this.items.length-1:i-1;this.items[t]?.focus()}getActiveItemIndex(){const i=o();return this.items.findIndex((t=>t===i||t===i?.querySelector('[role="menuitem"]')))}render(){return t(s,null,t("div",{"aria-orientation":"vertical",class:"action-list",onKeyDown:this.onKeyDown,role:"menu"},t("slot",null)))}get el(){return e(this)}};l.style=":host{display:block;width:100%}:host *{box-sizing:border-box}.action-list{background-color:var(--s-surface-overlay-default)}";const c=class{constructor(t){i(this,t),this.desktopMediaQuery=r(),this.desktopMediaQueryHandler=i=>{this.forceIconProps(i.matches)},this.badge=void 0,this.disabled=void 0,this.description=void 0,this.icon=void 0,this.intent="default",this.label=void 0,this.size="m",this.swirlAriaExpanded=void 0,this.swirlAriaHaspopup=void 0,this.suffix=void 0}componentDidLoad(){this.forceIconProps(this.desktopMediaQuery.matches),this.desktopMediaQuery.onchange=this.desktopMediaQueryHandler}componentDidRender(){this.forceIconProps(this.desktopMediaQuery.matches)}disconnectedCallback(){this.desktopMediaQuery.removeEventListener?.("change",this.desktopMediaQueryHandler)}forceIconProps(i){const t=this.iconEl?.children[0],s=this.suffixEl?.children[0];t?.setAttribute("size",i?"20":"24"),s?.setAttribute("size",i?"20":"24")}render(){const i=Boolean(this.badge),e=Boolean(this.suffix)&&!this.disabled,a=n("action-list-item",`action-list-item--intent-${this.intent}`,`action-list-item--size-${this.size}`);return t(s,null,t("button",{"aria-expanded":this.swirlAriaExpanded,"aria-haspopup":this.swirlAriaHaspopup,class:a,disabled:this.disabled,part:"action-list-item",role:"menuitem",tabIndex:-1,type:"button"},this.icon&&t("span",{class:"action-list-item__icon",innerHTML:this.icon,ref:i=>this.iconEl=i}),t("span",{class:"action-list-item__label-container"},t("span",{class:"action-list-item__label"},this.label),this.description&&t("span",{class:"action-list-item__description"},this.description)),i&&t("span",{class:"action-list-item__badge",innerHTML:this.badge}),e&&t("span",{class:"action-list-item__suffix",innerHTML:this.suffix,ref:i=>this.suffixEl=i})))}};c.style=":host{display:block}:host *{box-sizing:border-box}.action-list-item{display:inline-flex;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;color:var(--s-text-default);background-color:var(--s-surface-overlay-default);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-surface-overlay-hovered)}.action-list-item:focus{outline:none}.action-list-item:focus-visible{background-color:var(--s-surface-overlay-hovered)}.action-list-item:active{background-color:var(--s-surface-overlay-pressed)}.action-list-item:disabled{background-color:var(--s-surface-overlay-default);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;flex-shrink:0;color:var(--s-icon-default)}.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-highlight)}";const h=class{constructor(t){i(this,t),this.orientation="horizontal",this.spacing="8"}render(){const i="horizontal"===this.orientation?{paddingTop:`var(--s-space-${this.spacing})`,paddingBottom:`var(--s-space-${this.spacing})`}:{paddingRight:`var(--s-space-${this.spacing})`,paddingLeft:`var(--s-space-${this.spacing})`},e=n("separator",`separator--orientation-${this.orientation}`);return t(s,{"aria-orientation":this.orientation,class:e,role:"separator",style:i},t("span",{class:"separator__line"}))}};h.style=":host{display:flex;width:100%;align-items:center}:host *{box-sizing:border-box}:host(.separator--orientation-vertical){display:inline-flex;width:auto}:host(.separator--orientation-vertical) .separator__line{display:block;width:var(--s-border-width-default);height:100%;min-height:1.125rem;background-color:var(--s-border-default)}.separator__line{display:block;width:100%;height:var(--s-border-width-default);background-color:var(--s-border-default)}";export{l as swirl_action_list,c as swirl_action_list_item,h as swirl_separator}

package/dist/swirl-components/p-5fcf5a79.entry.js

@@ -0,0 +1 @@
+import{r as i,c as a,h as o,H as t}from"./p-3fca9a05.js";import{A as s}from"./p-fe0b5250.js";import{c as e}from"./p-b7898321.js";const d=class{constructor(o){i(this,o),this.primaryAction=a(this,"primaryAction",7),this.secondaryAction=a(this,"secondaryAction",7),this.onKeyDown=i=>{"Escape"===i.code&&this.close()},this.onBackdropClick=()=>{this.close()},this.onPrimaryAction=i=>{this.primaryAction.emit(i),this.close()},this.onSecondaryAction=i=>{this.secondaryAction.emit(i),this.close()},this.hideLabel=void 0,this.intent="primary",this.label=void 0,this.primaryActionLabel=void 0,this.secondaryActionLabel=void 0,this.closing=!1}componentDidLoad(){this.dialog=new s(this.dialogEl),this.dialog.on("show",(()=>{this.controlsContainerEl.querySelector("swirl-button button")?.focus()}))}disconnectedCallback(){this.dialog?.destroy()}async open(){this.dialog.show()}async close(){this.closing||(this.closing=!0,setTimeout((()=>{this.dialog.hide(),this.closing=!1}),150))}render(){const i=e("dialog",{"dialog--closing":this.closing});return o(t,null,o("div",{"aria-describedby":"content","aria-hidden":"true","aria-labelledby":this.hideLabel?void 0:"label","aria-label":this.hideLabel?this.label:void 0,"aria-modal":"true",class:i,onKeyDown:this.onKeyDown,ref:i=>this.dialogEl=i,role:"alertdialog"},o("div",{class:"dialog__backdrop",onClick:this.onBackdropClick}),o("div",{class:"dialog__body",part:"dialog__body",role:"document"},!this.hideLabel&&o("h2",{class:"dialog__heading",part:"dialog__heading",id:"label"},this.label),o("div",{class:"dialog__content",part:"dialog__content",id:"content"},o("slot",null)),o("swirl-button-group",{class:"dialog__controls",ref:i=>this.controlsContainerEl=i,stretch:!0,wrap:!0},this.secondaryActionLabel&&o("swirl-button",{label:this.secondaryActionLabel,onClick:this.onSecondaryAction}),this.primaryActionLabel&&o("swirl-button",{intent:this.intent,label:this.primaryActionLabel,onClick:this.onPrimaryAction,variant:"critical"===this.intent?"ghost":"flat"})))))}};d.style=':host{display:block}:host *{box-sizing:border-box}.dialog{--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);position:fixed;z-index:var(--s-z-40);display:flex;justify-content:center;align-items:center;inset:0}.dialog[aria-hidden="true"]{display:none}.dialog:not(.dialog--closing) .dialog__backdrop{animation:0.15s dialog-backdrop-fade-in}@media (prefers-reduced-motion){.dialog:not(.dialog--closing) .dialog__backdrop{animation:none}}.dialog:not(.dialog--closing) .dialog__body{animation:0.15s dialog-scale-in}@media (prefers-reduced-motion){.dialog:not(.dialog--closing) .dialog__body{animation:none}}.dialog--closing{animation:0.15s dialog-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.dialog--closing{animation:none}}.dialog__backdrop{position:fixed;background-color:rgba(0, 0, 0, 0.2);inset:0}.dialog__body{z-index:var(--s-z-40);overflow-x:hidden;overflow-y:auto;width:18.5rem;max-height:90vh;padding-top:var(--s-space-24);padding-right:var(--s-space-8);padding-bottom:var(--s-space-8);padding-left:var(--s-space-8);border-radius:var(--s-border-radius-l);background-color:var(--s-surface-overlay-default);text-align:center;box-shadow:var(--s-shadow-level-3)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.dialog__body{border-radius:var(--s-border-radius-base)}}.dialog__heading{margin:0;margin-bottom:var(--s-space-8);font-size:var(--s-font-size-lg);font-weight:var(--s-font-weight-semibold);line-height:var(--s-line-height-lg)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.dialog__heading{font-size:var(--s-font-size-base);line-height:var(--s-line-height-base)}}.dialog__content{margin-bottom:var(--s-space-24);line-height:var(--s-line-height-base)}.dialog__content ::slotted(*){margin:0}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.dialog__content{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}@keyframes dialog-scale-in{from{transform:scale(0)}to{transform:scale(1)}}@keyframes dialog-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes dialog-fade-out{from{opacity:1}to{opacity:0}}';export{d as swirl_dialog}

package/dist/swirl-components/p-62f1aaae.entry.js

@@ -0,0 +1 @@
+import{r as i,c as r,h as e,H as a,g as t}from"./p-3fca9a05.js";import{c as s}from"./p-b7898321.js";import{g as o}from"./p-646e00de.js";const c=class{constructor(e){i(this,e),this.remove=r(this,"remove",7),this.desktopMediaQuery=o(),this.desktopMediaQueryHandler=i=>{this.forceIconProps(i.matches)},this.borderRadius="pill",this.icon=void 0,this.iconColor="default",this.intent="default",this.interactive=!1,this.label=void 0,this.progress=void 0,this.progressBarLabel="Loading progress",this.removable=void 0,this.removeButtonLabel="Remove",this.size="m",this.variant="outline"}componentDidLoad(){this.forceIconProps(this.desktopMediaQuery.matches),this.desktopMediaQuery.onchange=this.desktopMediaQueryHandler}disconnectedCallback(){this.desktopMediaQuery.removeEventListener?.("change",this.desktopMediaQueryHandler)}forceIconProps(i){if(!Boolean(this.iconEl))return;const r=this.iconEl.children[0],e="s"===this.size?"16":i?"20":"24";r?.setAttribute("size",e)}render(){const i=this.interactive?"button":"span",r=Boolean(this.el.querySelector('[slot="avatar"]')),t=!r&&Boolean(this.icon),o=s("chip",`chip--border-radius-${this.borderRadius}`,`chip--icon-color-${this.iconColor}`,`chip--intent-${this.intent}`,`chip--size-${this.size}`,`chip--variant-${this.variant}`,{"chip--has-progress":void 0!==this.progress,"chip--interactive":this.interactive,"chip--removable":this.removable});return e(a,null,e(i,{class:o,type:this.interactive?"button":void 0},e("span",{class:"chip__inner"},r&&e("span",{class:"chip__avatar"},e("slot",{name:"avatar"})),t&&e("span",{class:"chip__icon",innerHTML:this.icon,ref:i=>this.iconEl=i}),e("span",{class:"chip__label"},this.label)),void 0!==this.progress&&e("span",{class:"chip__progress-indicator"},e("swirl-progress-indicator",{label:this.progressBarLabel,value:this.progress}))),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;overflow:hidden;max-width:100%;height:2.5rem;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{height:2rem}.chip--size-s.chip--removable .chip__inner{padding-right:calc(1.5rem + var(--s-space-12))}.chip--size-s .chip__inner{padding-right:var(--s-space-12);padding-left:var(--s-space-12)}.chip--size-s+.chip__remove-button{top:var(--s-space-4);width:1.5rem;height:1.5rem}.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-overlay-pressed)}.chip--interactive:active{background-color:var(--s-surface-overlay-pressed)}.chip--interactive:active ::part(avatar){background-color:var(--s-surface-raised-pressed)}.chip--interactive:active+.chip__remove-button{background-color:var(--s-surface-overlay-pressed)}.chip--icon-color-highlight .chip__icon{color:var(--s-icon-highlight)}.chip--removable .chip__inner{padding-right:calc(1.875rem + 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;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--variant-plain.chip--removable .chip__inner{padding-right:var(--s-space-12)}.chip--variant-plain+.chip__remove-button{position:relative;top:0;right:auto}.chip--variant-plain .chip__inner{padding-right:0;padding-left:0}.chip--has-progress+.chip__remove-button{top:0.1875rem}.chip__inner{display:inline-flex;height:100%;padding-right:var(--s-space-16);padding-left:var(--s-space-16);align-items:center}.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__progress-indicator{width:100%}.chip__remove-button{position:absolute;top:0.3125rem;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: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-684170ee.entry.js

@@ -0,0 +1 @@
+import{r as i,h as e,H as t}from"./p-3fca9a05.js";const s={directories:[{name:"Development",description:"Updated 2 days ago.",children:[{description:"1.02 MB, updated 2 days ago.",name:"sample.pdf",type:"application/pdf",url:"/sample.pdf"},{description:"124 KB, updated a month ago.",name:"sample.jpg",type:"image/jpeg",url:"/sample.jpg"}]},{name:"People",description:"Updated just now.",children:[]}]},o=class{constructor(e){i(this,e),this.selectItem=i=>{"type"in i?(this.selectedFile=i,this.layout.changeMobileView("body")):this.selectedDirectory=i},this.resetSelectedDirectory=()=>{this.selectedDirectory=void 0},this.toggleSidebar=()=>{this.layout?.toggleSidebar()},this.selectedDirectory=void 0,this.selectedFile=void 0,this.sortMenu=void 0}renderNavigation(){const i=Boolean(this.selectedDirectory)?this.selectedDirectory.children:s.directories;return i.length>0?i.map((i=>e("swirl-resource-list-item",{description:i.description,key:i.name,label:i.name,onClick:()=>this.selectItem(i)},e("type"in i?"swirl-icon-file":"swirl-icon-folder-shared",{slot:"media"})))):e("swirl-box",{padding:"16"},e("swirl-text",{color:"subdued",weight:"medium"},"This directory is empty."))}render(){return e(t,null,e("swirl-app-layout",{appName:"Documents",backToNavigationViewButtonLabel:"Back to documents list",ctaIcon:"<swirl-icon-add></swirl-icon-add>",ctaLabel:"Upload file",navigationLabel:"Documents",onNavigationBackButtonClick:this.resetSelectedDirectory,ref:i=>this.layout=i,sidebarCloseButtonLabel:"Close file info",sidebarHeading:"File info",showNavigationBackButton:Boolean(this.selectedDirectory),transitionStyle:"dialog"},e("swirl-resource-list",{label:"Documents",slot:"navigation"},this.renderNavigation()),e("swirl-popover-trigger",{popover:this.sortMenu,slot:"navigation-controls"},e("swirl-button",{label:"Sort items"})),e("swirl-stack",{orientation:"horizontal",slot:"app-bar"},e("swirl-stack",null,e("swirl-heading",{as:"h2",level:4,text:this.selectedFile?.name}),e("swirl-text",{color:"subdued",truncate:!0},this.selectedFile?.description))),Boolean(this.selectedFile)?e("swirl-file-viewer",{file:this.selectedFile.url,slot:"content",type:this.selectedFile.type}):e("swirl-box",{cover:!0,centerBlock:!0,centerInline:!0,padding:"16",slot:"content"},e("swirl-empty-state",{heading:"Nothing to see here.",illustration:"/images/empty-state-1.svg"},"Please select a file from the list.")),e("div",{slot:"app-bar-controls"},this.selectedFile&&e("swirl-button",{"hide-label":!0,class:"info-button",icon:"<swirl-icon-info></swirl-icon-info>",label:"Open file info",onClick:this.toggleSidebar})),e("swirl-box",{padding:"16",slot:"sidebar"},e("swirl-text",{color:"subdued",weight:"medium"},"File info goes here …"))),e("swirl-popover",{label:"Sort items",ref:i=>this.sortMenu=i},e("swirl-option-list",{value:["ascending"]},e("swirl-option-list-item",{icon:"<swirl-icon-expand-less></swirl-icon-expand-less>",label:"Ascending",value:"ascending"}),e("swirl-option-list-item",{icon:"<swirl-icon-expand-more></swirl-icon-expand-more>",label:"Descending",value:"descending"}),e("swirl-option-list-item",{icon:"<swirl-icon-time-outlined></swirl-icon-time-outlined>",label:"By date",value:"date"}))))}};export{o as file_manager}

package/dist/swirl-components/p-6f178b75.entry.js

@@ -0,0 +1 @@
+import{r as t,h as o,H as n}from"./p-3fca9a05.js";import{c as r}from"./p-b7898321.js";import{g as i}from"./p-646e00de.js";const a=class{constructor(o){t(this,o),this.desktopMediaQuery=i(),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(){this.desktopMediaQuery.removeEventListener?.("change",this.desktopMediaQueryHandler)}forceIconProps(t){if(!Boolean(this.iconEl))return;const o=this.iconEl.children[0];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,i=Boolean(this.href),a=this.getAriaLabel(t),s=r("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(n,{style:{pointerEvents:this.disabled?"none":""}},o(i?"a":"button",{"aria-controls":this.swirlAriaControls,"aria-describedby":this.swirlAriaDescribedby,"aria-disabled":this.disabled&&!i?"true":void 0,"aria-expanded":this.swirlAriaExpanded,"aria-haspopup":this.swirlAriaHaspopup,"aria-label":a,class:s,disabled:i?void 0:this.disabled,download:i?void 0:this.download,form:i?void 0:this.form,href:this.href,name:i?void 0:this.name,target:i?this.target:void 0,type:i?void 0:this.type,value:i?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-strong.sc-swirl-button:not(:disabled){color:var(--s-text-default)}.button--variant-ghost.button--intent-strong.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.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-strong.sc-swirl-button:not(:disabled){color:var(--s-text-default)}.button--variant-plain.button--intent-strong.sc-swirl-button:not(: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{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: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{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{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-723f12cd.entry.js

@@ -0,0 +1 @@
+import{r as t,c as i,h as s,H as a,g as n}from"./p-3fca9a05.js";import{c as o}from"./p-b7898321.js";const r=class{constructor(s){t(this,s),this.backButtonClick=i(this,"backButtonClick",7),this.closeButtonClick=i(this,"closeButtonClick",7),this.stepUpButtonClick=i(this,"stepUpButtonClick",7),this.stepDownButtonClick=i(this,"stepDownButtonClick",7),this.onBackButtonClick=t=>{this.backButtonClick.emit(t)},this.onCloseButtonClick=t=>{this.closeButtonClick.emit(t)},this.onStepUpButtonClick=t=>{this.stepUpButtonClick.emit(t)},this.onStepDownButtonClick=t=>{this.stepDownButtonClick.emit(t)},this.backButtonLabel="Go back",this.closeButtonLabel="Close",this.stepUpButtonLabel="Previous item",this.stepDownButtonLabel="Next item",this.showBackButton=void 0,this.showCloseButton=void 0,this.showStepperControls=void 0,this.hasCta=void 0}componentWillLoad(){this.mutationObserver=new MutationObserver((()=>{this.updateCtaStatus()})),this.mutationObserver.observe(this.el,{childList:!0}),queueMicrotask((()=>{this.updateCtaStatus()}))}disconnectedCallback(){this.mutationObserver?.disconnect()}updateCtaStatus(){this.hasCta=Boolean(this.el.querySelector('[slot="cta"]'))}render(){const t=this.showBackButton||this.showCloseButton||this.showStepperControls,i=o("app-bar",{"app-bar--has-cta":this.hasCta});return s(a,null,s("div",{class:i},t&&s("div",{class:"app-bar__left-controls"},(this.showBackButton||this.showCloseButton)&&s("div",{class:"app-bar__main-navigation-control"},this.showBackButton&&s("swirl-button",{hideLabel:!0,icon:"<swirl-icon-arrow-back></swirl-icon-arrow-back>",label:this.backButtonLabel,onClick:this.onBackButtonClick}),this.showCloseButton&&s("swirl-button",{hideLabel:!0,icon:"<swirl-icon-close></swirl-icon-close>",label:this.closeButtonLabel,onClick:this.onCloseButtonClick})),this.showStepperControls&&s("div",{class:"app-bar__stepper-controls"},s("swirl-button",{hideLabel:!0,icon:"<swirl-icon-arrow-upward></swirl-icon-arrow-upward>",label:this.stepUpButtonLabel,onClick:this.onStepUpButtonClick}),s("swirl-button",{hideLabel:!0,icon:"<swirl-icon-arrow-downward></swirl-icon-arrow-downward>",label:this.stepDownButtonLabel,onClick:this.onStepDownButtonClick}))),s("div",{class:"app-bar__cta"},s("slot",{name:"cta"})),s("div",{class:"app-bar__heading"},s("slot",{name:"heading"})),s("div",{class:"app-bar__center-controls"},s("slot",{name:"center-controls"})),s("div",{class:"app-bar__right-controls"},s("slot",{name:"right-controls"}))))}get el(){return n(this)}};r.style=':host{display:block;overflow-x:auto;width:100%}:host *{box-sizing:border-box}.app-bar{display:flex;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;min-height:3.5rem;padding-right:var(--s-space-16);padding-left:var(--s-space-16);align-items:center;gap:var(--s-space-16)}.app-bar--has-cta .app-bar__cta{display:block}.app-bar__left-controls{display:flex;min-width:0;flex-shrink:0;align-items:center;gap:var(--s-space-16)}.app-bar__main-navigation-control{flex-shrink:0}.app-bar__cta{display:none}.app-bar__heading{display:flex;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;flex-grow:1;align-items:center}@media (min-width: 992px){.app-bar__heading{flex-grow:0}}.app-bar__stepper-controls{position:relative;display:flex;flex-shrink:0;gap:var(--s-space-4)}.app-bar__stepper-controls:not(:first-child){padding-left:var(--s-space-16)}.app-bar__stepper-controls:not(:first-child):after{position:absolute;top:50%;left:0;width:var(--s-border-width-default);height:1.25rem;background-color:var(--s-border-default);content:"";transform:translateY(-50%)}.app-bar__center-controls{display:none;flex-grow:1;justify-content:center;align-items:center}@media (min-width: 992px){.app-bar__center-controls{display:flex}}.app-bar__right-controls{display:flex;min-width:0;flex-shrink:0;justify-content:flex-end;align-items:center}';export{r as swirl_app_bar}