@getflip/swirl-components 0.456.3 → 0.457.0

package/dist/components/swirl-autocomplete.js

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

package/dist/components/swirl-avatar-group.js

@@ -1 +1 @@
-import{p as a,H as r,h as t,d as o,t as s}from"./p-BIzYxcO0.js";import{c as i}from"./p-CTIzk_ki.js";const e=a(class extends r{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.layout="diagonal",this.semantics="group",this.avatars=[],this.onSlotChange=a=>{this.avatars=a.target.assignedElements(),this.layOutAvatars()}}componentDidLoad(){this.forceBadgeProps()}forceBadgeProps(){if(!this.badge)return;const a=this.badgeEl.querySelector("swirl-badge"),r=a?.getAttribute("size");r||a?.setAttribute("size","s")}layOutAvatars(){this.avatars.forEach("diagonal"===this.layout?a=>{a.style.position="",a.style.zIndex=""}:(a,r)=>{a.style.position="relative",a.style.zIndex=this.avatars.length-r+""})}render(){const a=i("avatar-group",`avatar-group--${this.layout}-stack`,{"avatar-group--has-badge":!!this.badge}),r=i("avatar-group__badge");return t(o,{key:"db0fba81fc616434e7efa68534fdb940cedad7d6"},t("div",{key:"d8c744147498c6d6980980abfef224480037010e","aria-label":this.label,class:a,role:this.semantics},t("slot",{key:"44c853fedcf3db8d6869b9dd5ba0a8cc06fcbce5",onSlotchange:this.onSlotChange}),this.badge&&t("span",{key:"4c47557ac791b9d62312fac213a053263a56ae40",class:r,innerHTML:this.badge,ref:a=>this.badgeEl=a})))}static get style(){return":host{display:inline-flex}:host *{box-sizing:border-box}.avatar-group{position:relative}.avatar-group--diagonal-stack{display:inline-grid;grid-template-rows:repeat(9, 1fr);grid-template-columns:repeat(9, 1fr)}.avatar-group--diagonal-stack ::slotted(*:first-child){z-index:1;display:inline-flex;border-radius:50%;box-shadow:0 0 0 0.25rem var(--swirl-avatar-group-border-color);background-color:var(--swirl-avatar-group-border-color);grid-column-start:1;grid-column-end:7;grid-row-start:4;grid-row-end:10}.avatar-group--diagonal-stack ::slotted(*:nth-child(2)){z-index:0;display:inline-flex;border-radius:50%;grid-column-start:4;grid-column-end:10;grid-row-start:1;grid-row-end:7}.avatar-group--diagonal-stack ::slotted(*:nth-child(n+3)){display:none}.avatar-group--diagonal-stack .avatar-group__badge{position:absolute;right:calc(-1 * var(--s-space-4));bottom:calc(-1 * var(--s-space-4))}.avatar-group--horizontal-stack{display:inline-flex}.avatar-group--horizontal-stack .avatar-group__badge{display:none}.avatar-group--horizontal-stack ::slotted(*){z-index:1;display:inline-flex;border-radius:50%;box-shadow:0 0 0 0.125rem var(--swirl-avatar-group-border-color);background-color:var(--swirl-avatar-group-border-color)}.avatar-group--horizontal-stack ::slotted(*:not(:first-child)){margin-left:calc(-1 * var(--s-space-4))}.avatar-group__badge{z-index:3;display:inline-flex;width:1.5rem;height:1.5rem}.avatar-group__badge ::part(badge){box-shadow:0 0 0 0.25rem var(--swirl-badge-border-color)}"}},[257,"swirl-avatar-group",{badge:[1],label:[1],layout:[1],semantics:[1],avatars:[32]}]),d=e,l=function(){"undefined"!=typeof customElements&&["swirl-avatar-group"].forEach((a=>{"swirl-avatar-group"===a&&(customElements.get(s(a))||customElements.define(s(a),e))}))};export{d as SwirlAvatarGroup,l as defineCustomElement}
+import{proxyCustomElement as a,HTMLElement as r,h as t,Host as o,transformTag as e}from"@stencil/core/internal/client";import{c as i}from"./index2.js";const s=a(class extends r{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.layout="diagonal",this.semantics="group",this.avatars=[],this.onSlotChange=a=>{this.avatars=a.target.assignedElements(),this.layOutAvatars()}}componentDidLoad(){this.forceBadgeProps()}forceBadgeProps(){if(!this.badge)return;const a=this.badgeEl.querySelector("swirl-badge"),r=a?.getAttribute("size");r||a?.setAttribute("size","s")}layOutAvatars(){this.avatars.forEach("diagonal"===this.layout?a=>{a.style.position="",a.style.zIndex=""}:(a,r)=>{a.style.position="relative",a.style.zIndex=this.avatars.length-r+""})}render(){const a=i("avatar-group",`avatar-group--${this.layout}-stack`,{"avatar-group--has-badge":!!this.badge}),r=i("avatar-group__badge");return t(o,{key:"db0fba81fc616434e7efa68534fdb940cedad7d6"},t("div",{key:"d8c744147498c6d6980980abfef224480037010e","aria-label":this.label,class:a,role:this.semantics},t("slot",{key:"44c853fedcf3db8d6869b9dd5ba0a8cc06fcbce5",onSlotchange:this.onSlotChange}),this.badge&&t("span",{key:"4c47557ac791b9d62312fac213a053263a56ae40",class:r,innerHTML:this.badge,ref:a=>this.badgeEl=a})))}static get style(){return":host{display:inline-flex}:host *{box-sizing:border-box}.avatar-group{position:relative}.avatar-group--diagonal-stack{display:inline-grid;grid-template-rows:repeat(9, 1fr);grid-template-columns:repeat(9, 1fr)}.avatar-group--diagonal-stack ::slotted(*:first-child){z-index:1;display:inline-flex;border-radius:50%;box-shadow:0 0 0 0.25rem var(--swirl-avatar-group-border-color);background-color:var(--swirl-avatar-group-border-color);grid-column-start:1;grid-column-end:7;grid-row-start:4;grid-row-end:10}.avatar-group--diagonal-stack ::slotted(*:nth-child(2)){z-index:0;display:inline-flex;border-radius:50%;grid-column-start:4;grid-column-end:10;grid-row-start:1;grid-row-end:7}.avatar-group--diagonal-stack ::slotted(*:nth-child(n+3)){display:none}.avatar-group--diagonal-stack .avatar-group__badge{position:absolute;right:calc(-1 * var(--s-space-4));bottom:calc(-1 * var(--s-space-4))}.avatar-group--horizontal-stack{display:inline-flex}.avatar-group--horizontal-stack .avatar-group__badge{display:none}.avatar-group--horizontal-stack ::slotted(*){z-index:1;display:inline-flex;border-radius:50%;box-shadow:0 0 0 0.125rem var(--swirl-avatar-group-border-color);background-color:var(--swirl-avatar-group-border-color)}.avatar-group--horizontal-stack ::slotted(*:not(:first-child)){margin-left:calc(-1 * var(--s-space-4))}.avatar-group__badge{z-index:3;display:inline-flex;width:1.5rem;height:1.5rem}.avatar-group__badge ::part(badge){box-shadow:0 0 0 0.25rem var(--swirl-badge-border-color)}"}},[257,"swirl-avatar-group",{badge:[1],label:[1],layout:[1],semantics:[1],avatars:[32]}]),d=s,l=function(){"undefined"!=typeof customElements&&["swirl-avatar-group"].forEach((a=>{"swirl-avatar-group"===a&&(customElements.get(e(a))||customElements.define(e(a),s))}))};export{d as SwirlAvatarGroup,l as defineCustomElement}

package/dist/components/swirl-avatar.js

@@ -1 +1 @@
-import{p as a,H as t,c as i,h as r,d as e,t as s}from"./p-BIzYxcO0.js";import{c as o}from"./p-CTIzk_ki.js";import{d as n}from"./p-D8u1hQ2f.js";const v={"3xs":20,"2xs":24,xs:28,s:32,m:40,l:48,xl:64,"2xl":144},d=a(class extends t{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.imageError=i(this,"imageError",7),this.imageLoad=i(this,"imageLoad",7),this.badgePosition="bottom",this.color="kiwi",this.interactive=!1,this.showLabel=!1,this.size="m",this.toolPosition="bottom",this.variant="round",this.loadingError=!1,this.loaded=!1,this.inViewport=!1,this.componentLoaded=!1,this.onImageElementUpdate=a=>{this.imgEl?.removeEventListener("load",this.setImageAvailable),this.imgEl?.removeEventListener("error",this.setImageUnavailable),this.imgEl=a,this.imgEl&&(this.imgEl.addEventListener("load",this.setImageAvailable),this.imgEl.addEventListener("error",this.setImageUnavailable))},this.setImageAvailable=()=>{this.imageAvailable=!0,this.loadingError=!1,this.loaded=!0,this.imageLoad.emit()},this.setImageUnavailable=()=>{this.imageAvailable=!1,this.loaded=!0,this.loadingError=!0,this.imageError.emit()},this.onKeydown=a=>{"Space"===a.code?a.preventDefault():"Enter"===a.code&&(a.preventDefault(),this.element.click())},this.onKeyup=a=>{"Space"===a.code&&(a.preventDefault(),this.element.click())}}componentDidLoad(){this.setupIntersectionObserver(),this.componentLoaded=!0}connectedCallback(){this.componentLoaded&&this.setupIntersectionObserver()}disconnectedCallback(){this.intersectionObserver?.disconnect(),this.imgEl?.removeEventListener("load",this.setImageAvailable),this.imgEl?.removeEventListener("error",this.setImageUnavailable)}watchSrcProp(){this.imageAvailable=void 0}setupIntersectionObserver(){"intersecting"===this.loading&&(this.intersectionObserver=new IntersectionObserver(this.onVisibilityChange.bind(this),{threshold:0}),this.intersectionObserver.observe(this.element))}onVisibilityChange(a){this.inViewport=a.some((a=>a.isIntersecting))}render(){const a=!!this.src&&(this.imageAvailable||void 0===this.imageAvailable)&&("intersecting"!==this.loading||this.inViewport),t=!(a&&(this.loaded||this.loadingError)||!this.initials),i=!a&&!t&&!!this.icon,s=!a&&!t&&!i,n=!!this.badge&&"m"===this.size,d=this.interactive?"button":void 0,l=o("avatar","avatar--color-"+this.color,"avatar--size-"+this.size,"avatar--variant-"+this.variant,{"avatar--has-icon":i||s,"avatar--has-initials":t,"avatar--interactive":this.interactive}),c=o("avatar__badge","avatar__badge--position-"+this.badgePosition),h=o("avatar__tool","avatar__tool--position-"+this.toolPosition);return r(e,{key:"b3d8e85dff3421e87ab9dca84ec15fdaf039afce","aria-label":this.interactive?this.label:void 0,onKeydown:this.interactive?this.onKeydown:void 0,onKeyup:this.interactive?this.onKeyup:void 0,role:d,tabIndex:this.interactive?0:void 0},r("span",{key:"4335f190575f73cdf79861888dc5f8647a402b32",class:l,part:"avatar"},a&&r("span",{key:"022ae94eb5a02e8fc41c1616294d4e6d5a647358",class:"avatar__image"},r("img",{key:"282f880e1448ce6db97baa5127d7b83b642e15cc",alt:"",height:v[this.size],loading:"intersecting"!==this.loading?this.loading:void 0,ref:this.onImageElementUpdate,src:this.src,width:v[this.size]})),t&&r("span",{key:"aeffe97abbe40c527dba455267ea2840d6c02f78",class:"avatar__initials"},r("span",{key:"8d902047feecfd8447e8cf0bcfaccff4cc2bd56d"},this.initials)),i&&r("span",{key:"6dab8a144035877ea3e2ed9c223343bd6542d802",class:"avatar__icon",innerHTML:this.icon}),s&&r("span",{key:"37a926ce3051ea237dd2eb434b323982c6d88b73",class:"avatar__icon"},r("swirl-icon-person",{key:"21f5c0a3679ce465c5fb9ac3baac62d912a6427a"})),n&&r("span",{key:"6cb5c012f4ad1b149804148c3403022daa034d44",class:c,innerHTML:this.badge}),r("span",{key:"a954b65d8bf20390ccfe7444b00a6bba94d76965",class:h},r("slot",{key:"06f2fa1ef610567be0072c1b4937af2164e794de",name:"tool"}))),this.showLabel&&r("span",{key:"2c6772b4e302dde8c58507bd89ab221e91e0b810","aria-hidden":!0,class:"avatar__label"},this.label))}get element(){return this}static get watchers(){return{src:[{watchSrcProp:0}]}}static get style(){return":host{display:inline-flex;flex-shrink:0;align-items:center;flex-direction:column}:host *{box-sizing:border-box}.avatar{position:relative;display:inline-flex;justify-content:center;align-items:center;border-radius:50%;border:var(--swirl-avatar-border-width, 0) solid     var(--swirl-avatar-border-color, transparent)}.avatar--has-icon{color:var(--s-icon-default);background-color:var(--swirl-avatar-background-color)}.avatar--has-initials{padding-right:0;padding-left:0;color:#fff}.avatar--interactive{cursor:pointer}.avatar--interactive:focus:not(:focus-visible){outline:none}.avatar--interactive:focus-visible{outline-color:var(--s-focus-default)}.avatar--size-3xs{width:1.25rem;height:1.25rem}.avatar--size-3xs .avatar__initials{font-size:0.625rem}.avatar--size-3xs.avatar--has-icon{padding-right:0.125rem;padding-left:0.125rem}.avatar--size-3xs.avatar--variant-square,.avatar--size-3xs.avatar--variant-square .avatar__image,.avatar--size-3xs.avatar--variant-square .avatar__initials{border-radius:0.25rem}.avatar--size-2xs{width:1.5rem;height:1.5rem}.avatar--size-2xs .avatar__initials{font-size:0.625rem}.avatar--size-2xs.avatar--has-icon{padding-right:0.125rem;padding-left:0.125rem}.avatar--size-2xs.avatar--variant-square,.avatar--size-2xs.avatar--variant-square .avatar__image,.avatar--size-2xs.avatar--variant-square .avatar__initials{border-radius:0.25rem}.avatar--size-xs{width:1.75rem;height:1.75rem}.avatar--size-xs .avatar__initials{font-size:0.75rem}.avatar--size-xs.avatar--has-icon{padding-right:0.4375rem;padding-left:0.4375rem}.avatar--size-xs.avatar--variant-square,.avatar--size-xs.avatar--variant-square .avatar__image,.avatar--size-xs.avatar--variant-square .avatar__initials{border-radius:0.5rem}.avatar--size-s{width:2rem;height:2rem}.avatar--size-s .avatar__initials{font-size:0.75rem}.avatar--size-s.avatar--has-icon{padding-right:var(--s-space-8);padding-left:var(--s-space-8)}.avatar--size-s.avatar--variant-square,.avatar--size-s.avatar--variant-square .avatar__image,.avatar--size-s.avatar--variant-square .avatar__initials{border-radius:0.5rem}.avatar--size-m{width:2.5rem;height:2.5rem}.avatar--size-m .avatar__initials{font-size:var(--s-font-size-base)}.avatar--size-m.avatar--has-icon{padding-right:0.625rem;padding-left:0.625rem}.avatar--size-m.avatar--variant-square,.avatar--size-m.avatar--variant-square .avatar__image,.avatar--size-m.avatar--variant-square .avatar__initials{border-radius:0.625rem}.avatar--size-l{width:3rem;height:3rem}.avatar--size-l .avatar__initials{font-size:var(--s-font-size-lg)}.avatar--size-l.avatar--has-icon{padding-right:var(--s-space-12);padding-left:var(--s-space-12)}.avatar--size-l.avatar--variant-square,.avatar--size-l.avatar--variant-square .avatar__image,.avatar--size-l.avatar--variant-square .avatar__initials{border-radius:0.75rem}.avatar--size-xl{width:4rem;height:4rem}.avatar--size-xl .avatar__initials{font-size:var(--s-font-size-xl)}.avatar--size-xl.avatar--has-icon{padding-right:var(--s-space-16);padding-left:var(--s-space-16)}.avatar--size-xl.avatar--variant-square,.avatar--size-xl.avatar--variant-square .avatar__image,.avatar--size-xl.avatar--variant-square .avatar__initials{border-radius:1rem}.avatar--size-2xl{width:9rem;height:9rem}.avatar--size-2xl .avatar__initials{font-size:3.375rem}.avatar--size-2xl.avatar--has-icon{padding-right:var(--s-space-32);padding-left:var(--s-space-32)}.avatar--size-2xl.avatar--variant-square,.avatar--size-2xl.avatar--variant-square .avatar__image,.avatar--size-2xl.avatar--variant-square .avatar__initials{border-radius:1.25rem}.avatar--size-2xl .avatar__tool{transform:translate3d(-25%, -25%, 0px)}.avatar--size-2xl .avatar__tool--position-top{transform:translate3d(-25%, 25%, 0px)}.avatar--color-banana .avatar__initials{color:var(--s-decorative-banana-text);background-color:var(--s-decorative-banana-surface-subdued)}.avatar--color-blueberry .avatar__initials{color:var(--s-decorative-blueberry-text);background-color:var(--s-decorative-blueberry-surface-subdued)}.avatar--color-chilli .avatar__initials{color:var(--s-decorative-chilli-text);background-color:var(--s-decorative-chilli-surface-subdued)}.avatar--color-grape .avatar__initials{color:var(--s-decorative-grape-text);background-color:var(--s-decorative-grape-surface-subdued)}.avatar--color-kiwi .avatar__initials{color:var(--s-decorative-kiwi-text);background-color:var(--s-decorative-kiwi-surface-subdued)}.avatar--color-pumpkin .avatar__initials{color:var(--s-decorative-pumpkin-text);background-color:var(--s-decorative-pumpkin-surface-subdued)}.avatar--color-radish .avatar__initials{color:var(--s-decorative-radish-text);background-color:var(--s-decorative-radish-surface-subdued)}.avatar--color-neutral .avatar__initials{color:var(--s-text-subdued);background-color:var(--s-surface-neutral-subdued)}.avatar__image{overflow:hidden;width:100%;height:100%;border-radius:50%}.avatar__image>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.avatar__icon{display:inline-flex}.avatar__icon>*{width:100%;height:100%}.avatar__icon>*::part(icon){width:100%;height:100%}.avatar__initials{position:absolute;display:inline-flex;min-width:0;padding-right:0.0625rem;padding-left:0.0625rem;justify-content:center;align-items:center;border-radius:50%;font-weight:var(--s-font-weight-medium);inset:0}.avatar__initials>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.avatar__badge{position:absolute;bottom:0;left:55%;display:inline-flex;min-width:1.5rem;height:1.5rem;transform:translate3d(0, 25%, 0)}.avatar__badge--position-top{top:0;bottom:auto;transform:translate3d(0, -25%, 0)}.avatar__label{margin-top:var(--s-space-4);color:var(--s-icon-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);text-align:center}.avatar__tool{position:absolute;right:0;bottom:0;display:inline-flex;transform:translate3d(25%, 25%, 0)}.avatar__tool--position-top{top:0;bottom:auto;transform:translate3d(25%, -25%, 0)}"}},[257,"swirl-avatar",{badge:[1],badgePosition:[1,"badge-position"],color:[1],icon:[1],initials:[1],interactive:[4],label:[1],loading:[1],showLabel:[4,"show-label"],size:[1],src:[1],toolPosition:[1,"tool-position"],variant:[1],loadingError:[32],loaded:[32],imageAvailable:[32],inViewport:[32]},void 0,{src:[{watchSrcProp:0}]}]),l=d,c=function(){"undefined"!=typeof customElements&&["swirl-avatar","swirl-icon-person"].forEach((a=>{switch(a){case"swirl-avatar":customElements.get(s(a))||customElements.define(s(a),d);break;case"swirl-icon-person":customElements.get(s(a))||n()}}))};export{l as SwirlAvatar,c as defineCustomElement}
+import{proxyCustomElement as a,HTMLElement as t,createEvent as i,h as r,Host as e,transformTag as s}from"@stencil/core/internal/client";import{c as o}from"./index2.js";import{d as n}from"./swirl-icon-person2.js";const v={"3xs":20,"2xs":24,xs:28,s:32,m:40,l:48,xl:64,"2xl":144},l=a(class extends t{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.imageError=i(this,"imageError",7),this.imageLoad=i(this,"imageLoad",7),this.badgePosition="bottom",this.color="kiwi",this.interactive=!1,this.showLabel=!1,this.size="m",this.toolPosition="bottom",this.variant="round",this.loadingError=!1,this.loaded=!1,this.inViewport=!1,this.componentLoaded=!1,this.onImageElementUpdate=a=>{this.imgEl?.removeEventListener("load",this.setImageAvailable),this.imgEl?.removeEventListener("error",this.setImageUnavailable),this.imgEl=a,this.imgEl&&(this.imgEl.addEventListener("load",this.setImageAvailable),this.imgEl.addEventListener("error",this.setImageUnavailable))},this.setImageAvailable=()=>{this.imageAvailable=!0,this.loadingError=!1,this.loaded=!0,this.imageLoad.emit()},this.setImageUnavailable=()=>{this.imageAvailable=!1,this.loaded=!0,this.loadingError=!0,this.imageError.emit()},this.onKeydown=a=>{"Space"===a.code?a.preventDefault():"Enter"===a.code&&(a.preventDefault(),this.element.click())},this.onKeyup=a=>{"Space"===a.code&&(a.preventDefault(),this.element.click())}}componentDidLoad(){this.setupIntersectionObserver(),this.componentLoaded=!0}connectedCallback(){this.componentLoaded&&this.setupIntersectionObserver()}disconnectedCallback(){this.intersectionObserver?.disconnect(),this.imgEl?.removeEventListener("load",this.setImageAvailable),this.imgEl?.removeEventListener("error",this.setImageUnavailable)}watchSrcProp(){this.imageAvailable=void 0}setupIntersectionObserver(){"intersecting"===this.loading&&(this.intersectionObserver=new IntersectionObserver(this.onVisibilityChange.bind(this),{threshold:0}),this.intersectionObserver.observe(this.element))}onVisibilityChange(a){this.inViewport=a.some((a=>a.isIntersecting))}render(){const a=!!this.src&&(this.imageAvailable||void 0===this.imageAvailable)&&("intersecting"!==this.loading||this.inViewport),t=!(a&&(this.loaded||this.loadingError)||!this.initials),i=!a&&!t&&!!this.icon,s=!a&&!t&&!i,n=!!this.badge&&"m"===this.size,l=this.interactive?"button":void 0,d=o("avatar","avatar--color-"+this.color,"avatar--size-"+this.size,"avatar--variant-"+this.variant,{"avatar--has-icon":i||s,"avatar--has-initials":t,"avatar--interactive":this.interactive}),c=o("avatar__badge","avatar__badge--position-"+this.badgePosition),h=o("avatar__tool","avatar__tool--position-"+this.toolPosition);return r(e,{key:"b3d8e85dff3421e87ab9dca84ec15fdaf039afce","aria-label":this.interactive?this.label:void 0,onKeydown:this.interactive?this.onKeydown:void 0,onKeyup:this.interactive?this.onKeyup:void 0,role:l,tabIndex:this.interactive?0:void 0},r("span",{key:"4335f190575f73cdf79861888dc5f8647a402b32",class:d,part:"avatar"},a&&r("span",{key:"022ae94eb5a02e8fc41c1616294d4e6d5a647358",class:"avatar__image"},r("img",{key:"282f880e1448ce6db97baa5127d7b83b642e15cc",alt:"",height:v[this.size],loading:"intersecting"!==this.loading?this.loading:void 0,ref:this.onImageElementUpdate,src:this.src,width:v[this.size]})),t&&r("span",{key:"aeffe97abbe40c527dba455267ea2840d6c02f78",class:"avatar__initials"},r("span",{key:"8d902047feecfd8447e8cf0bcfaccff4cc2bd56d"},this.initials)),i&&r("span",{key:"6dab8a144035877ea3e2ed9c223343bd6542d802",class:"avatar__icon",innerHTML:this.icon}),s&&r("span",{key:"37a926ce3051ea237dd2eb434b323982c6d88b73",class:"avatar__icon"},r("swirl-icon-person",{key:"21f5c0a3679ce465c5fb9ac3baac62d912a6427a"})),n&&r("span",{key:"6cb5c012f4ad1b149804148c3403022daa034d44",class:c,innerHTML:this.badge}),r("span",{key:"a954b65d8bf20390ccfe7444b00a6bba94d76965",class:h},r("slot",{key:"06f2fa1ef610567be0072c1b4937af2164e794de",name:"tool"}))),this.showLabel&&r("span",{key:"2c6772b4e302dde8c58507bd89ab221e91e0b810","aria-hidden":!0,class:"avatar__label"},this.label))}get element(){return this}static get watchers(){return{src:[{watchSrcProp:0}]}}static get style(){return":host{display:inline-flex;flex-shrink:0;align-items:center;flex-direction:column}:host *{box-sizing:border-box}.avatar{position:relative;display:inline-flex;justify-content:center;align-items:center;border-radius:50%;border:var(--swirl-avatar-border-width, 0) solid     var(--swirl-avatar-border-color, transparent)}.avatar--has-icon{color:var(--s-icon-default);background-color:var(--swirl-avatar-background-color)}.avatar--has-initials{padding-right:0;padding-left:0;color:#fff}.avatar--interactive{cursor:pointer}.avatar--interactive:focus:not(:focus-visible){outline:none}.avatar--interactive:focus-visible{outline-color:var(--s-focus-default)}.avatar--size-3xs{width:1.25rem;height:1.25rem}.avatar--size-3xs .avatar__initials{font-size:0.625rem}.avatar--size-3xs.avatar--has-icon{padding-right:0.125rem;padding-left:0.125rem}.avatar--size-3xs.avatar--variant-square,.avatar--size-3xs.avatar--variant-square .avatar__image,.avatar--size-3xs.avatar--variant-square .avatar__initials{border-radius:0.25rem}.avatar--size-2xs{width:1.5rem;height:1.5rem}.avatar--size-2xs .avatar__initials{font-size:0.625rem}.avatar--size-2xs.avatar--has-icon{padding-right:0.125rem;padding-left:0.125rem}.avatar--size-2xs.avatar--variant-square,.avatar--size-2xs.avatar--variant-square .avatar__image,.avatar--size-2xs.avatar--variant-square .avatar__initials{border-radius:0.25rem}.avatar--size-xs{width:1.75rem;height:1.75rem}.avatar--size-xs .avatar__initials{font-size:0.75rem}.avatar--size-xs.avatar--has-icon{padding-right:0.4375rem;padding-left:0.4375rem}.avatar--size-xs.avatar--variant-square,.avatar--size-xs.avatar--variant-square .avatar__image,.avatar--size-xs.avatar--variant-square .avatar__initials{border-radius:0.5rem}.avatar--size-s{width:2rem;height:2rem}.avatar--size-s .avatar__initials{font-size:0.75rem}.avatar--size-s.avatar--has-icon{padding-right:var(--s-space-8);padding-left:var(--s-space-8)}.avatar--size-s.avatar--variant-square,.avatar--size-s.avatar--variant-square .avatar__image,.avatar--size-s.avatar--variant-square .avatar__initials{border-radius:0.5rem}.avatar--size-m{width:2.5rem;height:2.5rem}.avatar--size-m .avatar__initials{font-size:var(--s-font-size-base)}.avatar--size-m.avatar--has-icon{padding-right:0.625rem;padding-left:0.625rem}.avatar--size-m.avatar--variant-square,.avatar--size-m.avatar--variant-square .avatar__image,.avatar--size-m.avatar--variant-square .avatar__initials{border-radius:0.625rem}.avatar--size-l{width:3rem;height:3rem}.avatar--size-l .avatar__initials{font-size:var(--s-font-size-lg)}.avatar--size-l.avatar--has-icon{padding-right:var(--s-space-12);padding-left:var(--s-space-12)}.avatar--size-l.avatar--variant-square,.avatar--size-l.avatar--variant-square .avatar__image,.avatar--size-l.avatar--variant-square .avatar__initials{border-radius:0.75rem}.avatar--size-xl{width:4rem;height:4rem}.avatar--size-xl .avatar__initials{font-size:var(--s-font-size-xl)}.avatar--size-xl.avatar--has-icon{padding-right:var(--s-space-16);padding-left:var(--s-space-16)}.avatar--size-xl.avatar--variant-square,.avatar--size-xl.avatar--variant-square .avatar__image,.avatar--size-xl.avatar--variant-square .avatar__initials{border-radius:1rem}.avatar--size-2xl{width:9rem;height:9rem}.avatar--size-2xl .avatar__initials{font-size:3.375rem}.avatar--size-2xl.avatar--has-icon{padding-right:var(--s-space-32);padding-left:var(--s-space-32)}.avatar--size-2xl.avatar--variant-square,.avatar--size-2xl.avatar--variant-square .avatar__image,.avatar--size-2xl.avatar--variant-square .avatar__initials{border-radius:1.25rem}.avatar--size-2xl .avatar__tool{transform:translate3d(-25%, -25%, 0px)}.avatar--size-2xl .avatar__tool--position-top{transform:translate3d(-25%, 25%, 0px)}.avatar--color-banana .avatar__initials{color:var(--s-decorative-banana-text);background-color:var(--s-decorative-banana-surface-subdued)}.avatar--color-blueberry .avatar__initials{color:var(--s-decorative-blueberry-text);background-color:var(--s-decorative-blueberry-surface-subdued)}.avatar--color-chilli .avatar__initials{color:var(--s-decorative-chilli-text);background-color:var(--s-decorative-chilli-surface-subdued)}.avatar--color-grape .avatar__initials{color:var(--s-decorative-grape-text);background-color:var(--s-decorative-grape-surface-subdued)}.avatar--color-kiwi .avatar__initials{color:var(--s-decorative-kiwi-text);background-color:var(--s-decorative-kiwi-surface-subdued)}.avatar--color-pumpkin .avatar__initials{color:var(--s-decorative-pumpkin-text);background-color:var(--s-decorative-pumpkin-surface-subdued)}.avatar--color-radish .avatar__initials{color:var(--s-decorative-radish-text);background-color:var(--s-decorative-radish-surface-subdued)}.avatar--color-neutral .avatar__initials{color:var(--s-text-subdued);background-color:var(--s-surface-neutral-subdued)}.avatar__image{overflow:hidden;width:100%;height:100%;border-radius:50%}.avatar__image>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.avatar__icon{display:inline-flex}.avatar__icon>*{width:100%;height:100%}.avatar__icon>*::part(icon){width:100%;height:100%}.avatar__initials{position:absolute;display:inline-flex;min-width:0;padding-right:0.0625rem;padding-left:0.0625rem;justify-content:center;align-items:center;border-radius:50%;font-weight:var(--s-font-weight-medium);inset:0}.avatar__initials>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.avatar__badge{position:absolute;bottom:0;left:55%;display:inline-flex;min-width:1.5rem;height:1.5rem;transform:translate3d(0, 25%, 0)}.avatar__badge--position-top{top:0;bottom:auto;transform:translate3d(0, -25%, 0)}.avatar__label{margin-top:var(--s-space-4);color:var(--s-icon-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);text-align:center}.avatar__tool{position:absolute;right:0;bottom:0;display:inline-flex;transform:translate3d(25%, 25%, 0)}.avatar__tool--position-top{top:0;bottom:auto;transform:translate3d(25%, -25%, 0)}"}},[257,"swirl-avatar",{badge:[1],badgePosition:[1,"badge-position"],color:[1],icon:[1],initials:[1],interactive:[4],label:[1],loading:[1],showLabel:[4,"show-label"],size:[1],src:[1],toolPosition:[1,"tool-position"],variant:[1],loadingError:[32],loaded:[32],imageAvailable:[32],inViewport:[32]},void 0,{src:[{watchSrcProp:0}]}]),d=l,c=function(){"undefined"!=typeof customElements&&["swirl-avatar","swirl-icon-person"].forEach((a=>{switch(a){case"swirl-avatar":customElements.get(s(a))||customElements.define(s(a),l);break;case"swirl-icon-person":customElements.get(s(a))||n()}}))};export{d as SwirlAvatar,c as defineCustomElement}

package/dist/components/swirl-badge.js

@@ -1 +1 @@
-import{S as o,d as s}from"./p-NucM91d6.js";const p=o,r=s;export{p as SwirlBadge,r as defineCustomElement}
+import{S as s,d as o}from"./swirl-badge2.js";const r=s,a=o;export{r as SwirlBadge,a as defineCustomElement}

package/dist/components/swirl-badge2.js

@@ -0,0 +1 @@
+import{proxyCustomElement as e,HTMLElement as a,h as t,Host as i,Fragment as r,transformTag as s}from"@stencil/core/internal/client";import{c as d}from"./index2.js";import{d as n}from"./swirl-visually-hidden2.js";const o=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.intent="critical",this.size="m",this.variant="default"}render(){const e=d("badge",`badge--intent-${this.intent}`,`badge--size-${this.size}`,`badge--variant-${this.variant}`,{"badge--has-icon":this.icon});return t(i,{key:"997d420454348dd6653a8e3d982db6bfc9d8bd4b",role:"status"},t("span",{key:"dd679c59ff938585d87f0d771a8ffad003287ebd",class:e,part:"badge"},this.icon&&t("span",{key:"69ea9492b304fc76f23823b42acfab527e302649",class:"badge__icon",innerHTML:this.icon}),void 0===this.icon&&"dot"!==this.variant?t("span",{class:"badge__label"},this.label):t(r,null,void 0===this.icon&&t("span",{class:"badge__label"}," "),t("swirl-visually-hidden",null,this.label))))}static get style(){return":host{display:inline-flex;min-width:0;max-width:100%;justify-content:center;align-items:center}:host *{box-sizing:border-box}.badge{display:inline-flex;max-width:100%;justify-content:center;align-items:center;border-radius:2rem;color:var(--s-text-on-status);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);box-shadow:0 0 0 0.125rem var(--swirl-badge-border-color)}.badge--size-xs{min-width:1rem;height:1rem;font-size:0.6875rem}.badge--size-xs .badge__label{padding-right:0.25rem;padding-left:0.25rem}.badge--size-xs .badge__icon>swirl-icon,.badge--size-xs .badge__icon>*::part(icon){width:0.75rem;height:0.75rem}.badge--size-s{min-width:1.25rem;height:1.25rem;font-size:0.75rem}.badge--size-s .badge__label{padding-right:0.375rem;padding-left:0.375rem}.badge--size-s .badge__icon>swirl-icon,.badge--size-s .badge__icon>*::part(icon){width:1rem;height:1rem}.badge--size-m{min-width:1.5rem;height:1.5rem}.badge--size-m .badge__label{padding-right:0.4375rem;padding-left:0.4375rem}.badge--has-icon{padding-right:0;padding-left:0}.badge--intent-critical{color:var(--s-text-on-status);background-color:var(--s-surface-critical-default)}.badge--intent-banana{color:var(--s-text-dark);background-color:var(--s-decorative-banana-surface)}.badge--intent-blueberry{color:var(--s-text-on-status);background-color:var(--s-decorative-blueberry-surface)}.badge--intent-chilli{color:var(--s-text-on-status);background-color:var(--s-decorative-chilli-surface)}.badge--intent-grape{color:var(--s-text-on-status);background-color:var(--s-decorative-grape-surface)}.badge--intent-info{color:var(--s-text-on-status);background-color:var(--s-surface-info-default)}.badge--intent-kiwi{color:var(--s-text-on-status);background-color:var(--s-decorative-kiwi-surface)}.badge--intent-neutral{color:var(--s-text-default);background-color:var(--s-surface-neutral-subdued)}.badge--intent-pumpkin{color:var(--s-text-dark);background-color:var(--s-decorative-pumpkin-surface)}.badge--intent-radish{color:var(--s-text-on-status);background-color:var(--s-decorative-radish-surface)}.badge--intent-strong{color:var(--s-text-on-status);background-color:var(--s-interactive-neutral-default)}.badge--variant-dot{width:1.5rem;min-width:0;height:1.5rem}.badge--variant-dot.badge--size-xs{width:0.5rem;height:0.5rem}.badge--variant-dot.badge--size-s{width:0.75rem;height:0.75rem}.badge--variant-dot.badge--size-m{width:1rem;height:1rem}.badge--variant-dot .badge__label{padding-right:0;padding-left:0}.badge--variant-dot .badge__icon{display:none}.badge__icon{display:inline-flex}.badge__icon>swirl-icon,.badge__icon>*::part(icon){width:1rem;height:1rem}.badge__label{display:inline-flex;overflow:hidden;max-width:100%;white-space:nowrap;text-overflow:ellipsis}"}},[1,"swirl-badge",{icon:[1],intent:[1],label:[1],size:[1],variant:[1]}]);function l(){"undefined"!=typeof customElements&&["swirl-badge","swirl-visually-hidden"].forEach((e=>{switch(e){case"swirl-badge":customElements.get(s(e))||customElements.define(s(e),o);break;case"swirl-visually-hidden":customElements.get(s(e))||n()}}))}export{o as S,l as d}

package/dist/components/swirl-banner.js

@@ -1 +1 @@
-import{p as n,H as e,c as t,h as i,d as a,t as s}from"./p-BIzYxcO0.js";import{c as r}from"./p-CTIzk_ki.js";import{D as o}from"./p-WUxuIVzT.js";import{d as c}from"./p-Cz9YHhEr.js";const b={default:void 0,critical:"<swirl-icon-error></swirl-icon-error>",success:"<swirl-icon-check-circle></swirl-icon-check-circle>",warning:"<swirl-icon-warning></swirl-icon-warning>",info:"<swirl-icon-info></swirl-icon-info>"},l=n(class extends e{constructor(n){super(),!1!==n&&this.__registerHost(),this.__attachShadow(),this.action=t(this,"action",7),this.dismiss=t(this,"dismiss",7),this.dismissable=!1,this.dismissLabel="Dismiss",this.importance="status",this.intent="default",this.showIcon=!1,this.size="m",this.mediaQueryUnsubscribe=()=>{},this.onAction=n=>{this.action.emit(n)},this.onDismiss=n=>{this.dismiss.emit(n)}}componentDidLoad(){this.mediaQueryUnsubscribe=o.subscribe((n=>{this.forceIconProps(n)}))}disconnectedCallback(){this.mediaQueryUnsubscribe()}forceIconProps(n){const e=this.iconEl?.children[0],t=this.dismissButtonEl?.children[0];e?.setAttribute("size",n?"20":"24"),t?.setAttribute("size",n?"20":"24")}determineIcon(){return this.icon?this.icon:b[this.intent]}render(){const n=this.determineIcon(),e=!!this.actionLabel||this.dismissable,t=this.icon||this.showIcon&&!!n,s=r("banner","banner--intent-"+this.intent,"banner--size-"+this.size,{"banner--has-icon":t});return i(a,{key:"d9f612a8cccf6eca41e32850b3b91c784d718976"},i("div",{key:"bed14a2caee73bb791efc7955276ccc2f939d623","aria-describedby":"content",class:s,role:this.importance,tabIndex:0},i("div",{key:"f0e1a9f7657f37605f038c43ee74cd352c480524",class:"banner__content",id:"content",part:"banner__content"},t&&i("span",{key:"23f830c1fe486a9f3ba519605b5ea97c94fd660f","aria-hidden":"true",class:"banner__icon",innerHTML:n,ref:n=>this.iconEl=n}),i("span",{key:"56306cab17a0c89f701730a11a7b61905030a7bf",class:"banner__text"},this.content)),e&&i("div",{key:"69cb51d812a88503f8f20e03541f70cc8ccdd500",class:"banner__controls"},this.actionLabel&&i("button",{key:"bd391ec1cfa4a6819650251cff32cbfbfe06ed92",class:"banner__action-button",onClick:this.onAction,part:"banner__action-button",type:"button"},this.actionLabel),this.dismissable&&i("button",{key:"67f4a85d7ba5b5c4108362e2f661a77bf59903fa","aria-label":this.dismissLabel,class:"banner__dismiss-button",onClick:this.onDismiss,part:"banner__dismiss-button",ref:n=>this.dismissButtonEl=n,type:"button"},i("swirl-icon-close",{key:"abc8f0ca930848944cafc40df706cb240f0399dc"})))))}get element(){return this}static get style(){return":host{display:block}:host *{box-sizing:border-box}.banner{display:flex;align-items:flex-start;gap:var(--s-space-16);max-width:100%;min-height:3.5rem;padding:var(--s-space-16)}.banner:focus:not(:focus-visible){outline:none}.banner:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-4)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner{padding:var(--s-space-16);min-height:3.25rem}}.banner--size-s{padding:var(--s-space-8);justify-content:center}.banner--size-s .banner__content{flex-grow:0;text-align:center}.banner--size-s .banner__controls{margin-left:0}.banner--intent-default .banner__icon,.banner--intent-default .banner__content,.banner--intent-default .banner__action-button,.banner--intent-default .banner__dismiss-button,.banner--intent-critical .banner__icon,.banner--intent-critical .banner__content,.banner--intent-critical .banner__action-button,.banner--intent-critical .banner__dismiss-button,.banner--intent-success .banner__icon,.banner--intent-success .banner__content,.banner--intent-success .banner__action-button,.banner--intent-success .banner__dismiss-button,.banner--intent-info .banner__icon,.banner--intent-info .banner__content,.banner--intent-info .banner__action-button,.banner--intent-info .banner__dismiss-button{color:var(--s-text-on-status)}.banner--intent-default{background-color:var(--s-surface-neutral-default)}.banner--intent-critical{background-color:var(--s-surface-critical-default)}.banner--intent-success{background-color:var(--s-surface-success-default)}.banner--intent-info{background-color:var(--s-surface-info-default)}.banner--intent-warning{background-color:var(--s-surface-warning-default)}.banner--intent-warning .banner__icon{color:var(--s-icon-strong)}.banner--intent-warning .banner__content,.banner--intent-warning .banner__action-button,.banner--intent-warning .banner__dismiss-button{color:var(--s-text-default)}.banner__content{display:flex;align-items:flex-start;min-height:1.5rem;flex-grow:1;line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner__content{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);min-height:1.25rem}}.banner__icon{display:none;width:1.5rem;height:1.5rem;margin-right:var(--s-space-8);flex-shrink:0;color:var(--s-icon-on-status)}@media (min-width: 375px){.banner__icon{display:inline-flex}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner__icon{width:1.25rem;height:1.25rem}}.banner__text{min-height:1.5rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner__text{min-height:1.25rem}}.banner__controls{display:inline-flex;flex-shrink:0;align-items:flex-start;line-height:var(--s-line-height-base);gap:var(--s-space-16)}@media (min-width: 768px){.banner__controls{gap:var(--s-space-24)}}.banner__action-button,.banner__dismiss-button{display:inline-flex;overflow:hidden;max-width:7rem;height:1.5rem;padding:0;flex-shrink:0;align-items:center;border:none;background-color:transparent;font:inherit;font-weight:var(--s-font-weight-semibold);white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.banner__action-button:focus,.banner__dismiss-button:focus{outline-color:var(--s-focus-default)}@media (min-width: 768px){.banner__action-button,.banner__dismiss-button{max-width:12rem}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner__action-button,.banner__dismiss-button{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);height:1.25rem}}"}},[1,"swirl-banner",{actionLabel:[1,"action-label"],content:[1],dismissable:[4],dismissLabel:[1,"dismiss-label"],importance:[1],intent:[1],showIcon:[4,"show-icon"],icon:[1],size:[1]}]),d=l,h=function(){"undefined"!=typeof customElements&&["swirl-banner","swirl-icon-close"].forEach((n=>{switch(n){case"swirl-banner":customElements.get(s(n))||customElements.define(s(n),l);break;case"swirl-icon-close":customElements.get(s(n))||c()}}))};export{d as SwirlBanner,h as defineCustomElement}
+import{proxyCustomElement as n,HTMLElement as e,createEvent as t,h as i,Host as a,transformTag as s}from"@stencil/core/internal/client";import{c as r}from"./index2.js";import{D as o}from"./media-query.service.js";import{d as c}from"./swirl-icon-close2.js";const b={default:void 0,critical:"<swirl-icon-error></swirl-icon-error>",success:"<swirl-icon-check-circle></swirl-icon-check-circle>",warning:"<swirl-icon-warning></swirl-icon-warning>",info:"<swirl-icon-info></swirl-icon-info>"},l=n(class extends e{constructor(n){super(),!1!==n&&this.__registerHost(),this.__attachShadow(),this.action=t(this,"action",7),this.dismiss=t(this,"dismiss",7),this.dismissable=!1,this.dismissLabel="Dismiss",this.importance="status",this.intent="default",this.showIcon=!1,this.size="m",this.mediaQueryUnsubscribe=()=>{},this.onAction=n=>{this.action.emit(n)},this.onDismiss=n=>{this.dismiss.emit(n)}}componentDidLoad(){this.mediaQueryUnsubscribe=o.subscribe((n=>{this.forceIconProps(n)}))}disconnectedCallback(){this.mediaQueryUnsubscribe()}forceIconProps(n){const e=this.iconEl?.children[0],t=this.dismissButtonEl?.children[0];e?.setAttribute("size",n?"20":"24"),t?.setAttribute("size",n?"20":"24")}determineIcon(){return this.icon?this.icon:b[this.intent]}render(){const n=this.determineIcon(),e=!!this.actionLabel||this.dismissable,t=this.icon||this.showIcon&&!!n,s=r("banner","banner--intent-"+this.intent,"banner--size-"+this.size,{"banner--has-icon":t});return i(a,{key:"d9f612a8cccf6eca41e32850b3b91c784d718976"},i("div",{key:"bed14a2caee73bb791efc7955276ccc2f939d623","aria-describedby":"content",class:s,role:this.importance,tabIndex:0},i("div",{key:"f0e1a9f7657f37605f038c43ee74cd352c480524",class:"banner__content",id:"content",part:"banner__content"},t&&i("span",{key:"23f830c1fe486a9f3ba519605b5ea97c94fd660f","aria-hidden":"true",class:"banner__icon",innerHTML:n,ref:n=>this.iconEl=n}),i("span",{key:"56306cab17a0c89f701730a11a7b61905030a7bf",class:"banner__text"},this.content)),e&&i("div",{key:"69cb51d812a88503f8f20e03541f70cc8ccdd500",class:"banner__controls"},this.actionLabel&&i("button",{key:"bd391ec1cfa4a6819650251cff32cbfbfe06ed92",class:"banner__action-button",onClick:this.onAction,part:"banner__action-button",type:"button"},this.actionLabel),this.dismissable&&i("button",{key:"67f4a85d7ba5b5c4108362e2f661a77bf59903fa","aria-label":this.dismissLabel,class:"banner__dismiss-button",onClick:this.onDismiss,part:"banner__dismiss-button",ref:n=>this.dismissButtonEl=n,type:"button"},i("swirl-icon-close",{key:"abc8f0ca930848944cafc40df706cb240f0399dc"})))))}get element(){return this}static get style(){return":host{display:block}:host *{box-sizing:border-box}.banner{display:flex;align-items:flex-start;gap:var(--s-space-16);max-width:100%;min-height:3.5rem;padding:var(--s-space-16)}.banner:focus:not(:focus-visible){outline:none}.banner:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-4)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner{padding:var(--s-space-16);min-height:3.25rem}}.banner--size-s{padding:var(--s-space-8);justify-content:center}.banner--size-s .banner__content{flex-grow:0;text-align:center}.banner--size-s .banner__controls{margin-left:0}.banner--intent-default .banner__icon,.banner--intent-default .banner__content,.banner--intent-default .banner__action-button,.banner--intent-default .banner__dismiss-button,.banner--intent-critical .banner__icon,.banner--intent-critical .banner__content,.banner--intent-critical .banner__action-button,.banner--intent-critical .banner__dismiss-button,.banner--intent-success .banner__icon,.banner--intent-success .banner__content,.banner--intent-success .banner__action-button,.banner--intent-success .banner__dismiss-button,.banner--intent-info .banner__icon,.banner--intent-info .banner__content,.banner--intent-info .banner__action-button,.banner--intent-info .banner__dismiss-button{color:var(--s-text-on-status)}.banner--intent-default{background-color:var(--s-surface-neutral-default)}.banner--intent-critical{background-color:var(--s-surface-critical-default)}.banner--intent-success{background-color:var(--s-surface-success-default)}.banner--intent-info{background-color:var(--s-surface-info-default)}.banner--intent-warning{background-color:var(--s-surface-warning-default)}.banner--intent-warning .banner__icon{color:var(--s-icon-strong)}.banner--intent-warning .banner__content,.banner--intent-warning .banner__action-button,.banner--intent-warning .banner__dismiss-button{color:var(--s-text-default)}.banner__content{display:flex;align-items:flex-start;min-height:1.5rem;flex-grow:1;line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner__content{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);min-height:1.25rem}}.banner__icon{display:none;width:1.5rem;height:1.5rem;margin-right:var(--s-space-8);flex-shrink:0;color:var(--s-icon-on-status)}@media (min-width: 375px){.banner__icon{display:inline-flex}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner__icon{width:1.25rem;height:1.25rem}}.banner__text{min-height:1.5rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner__text{min-height:1.25rem}}.banner__controls{display:inline-flex;flex-shrink:0;align-items:flex-start;line-height:var(--s-line-height-base);gap:var(--s-space-16)}@media (min-width: 768px){.banner__controls{gap:var(--s-space-24)}}.banner__action-button,.banner__dismiss-button{display:inline-flex;overflow:hidden;max-width:7rem;height:1.5rem;padding:0;flex-shrink:0;align-items:center;border:none;background-color:transparent;font:inherit;font-weight:var(--s-font-weight-semibold);white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.banner__action-button:focus,.banner__dismiss-button:focus{outline-color:var(--s-focus-default)}@media (min-width: 768px){.banner__action-button,.banner__dismiss-button{max-width:12rem}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner__action-button,.banner__dismiss-button{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);height:1.25rem}}"}},[1,"swirl-banner",{actionLabel:[1,"action-label"],content:[1],dismissable:[4],dismissLabel:[1,"dismiss-label"],importance:[1],intent:[1],showIcon:[4,"show-icon"],icon:[1],size:[1]}]),d=l,h=function(){"undefined"!=typeof customElements&&["swirl-banner","swirl-icon-close"].forEach((n=>{switch(n){case"swirl-banner":customElements.get(s(n))||customElements.define(s(n),l);break;case"swirl-icon-close":customElements.get(s(n))||c()}}))};export{d as SwirlBanner,h as defineCustomElement}

package/dist/components/swirl-box.js

@@ -1 +1 @@
-import{S as o,d as p}from"./p-DRB4VZpi.js";const s=o,r=p;export{s as SwirlBox,r as defineCustomElement}
+import{S as o,d as s}from"./swirl-box2.js";const r=o,t=s;export{r as SwirlBox,t as defineCustomElement}

package/dist/components/swirl-box2.js

@@ -0,0 +1 @@
+import{proxyCustomElement as o,HTMLElement as e,createEvent as r,h as t,Host as d,transformTag as s}from"@stencil/core/internal/client";import{c as i}from"./index2.js";const l=o(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.componentLoad=r(this,"componentLoad",7),this.borderColor="default",this.overflow="visible",this.padding="0",this.scrollState={scrollable:!1,scrolledToBottom:!1,scrolledToTop:!1},this.onScroll=()=>{this.updateScrollState()}}connectedCallback(){this.needsScrollTracking&&this.setupResizeObserver()}componentDidLoad(){this.componentLoad.emit()}disconnectedCallback(){this.teardownResizeObserver()}onScrollTrackingPropChange(){this.needsScrollTracking?this.setupResizeObserver():this.teardownResizeObserver()}setupResizeObserver(){this.resizeObserver?.disconnect(),this.resizeObserver=new ResizeObserver((()=>this.updateScrollState())),this.resizeObserver.observe(this.el)}teardownResizeObserver(){this.resizeObserver?.disconnect(),this.resizeObserver=void 0}get needsScrollTracking(){return this.borderedBlockEndWhenScrolled||this.borderedBlockStartWhenScrolled}updateScrollState(){if(!this.el.isConnected)return;const o={scrollable:this.el.scrollHeight>this.el.clientHeight,scrolledToTop:0===this.el.scrollTop,scrolledToBottom:Math.round(this.el.scrollTop+this.el.clientHeight)>=this.el.scrollHeight};Object.keys(o).some((e=>o[e]!==this.scrollState[e]))&&(this.scrollState=o)}render(){const o={alignItems:this.centerBlock?"center":void 0,bottom:this.bottom,display:this.centerBlock||this.centerInline?"flex":void 0,flexBasis:this.basis,flexShrink:this.shrink,flexGrow:this.grow,height:this.cover?"100%":this.height,justifyContent:this.centerInline?"center":void 0,left:this.left,maxHeight:this.maxHeight,minHeight:this.minHeight,maxWidth:this.maxWidth,minWidth:this.minWidth,overflow:this.overflow,...this.overflowX&&{overflowX:this.overflowX},...this.overflowY&&{overflowY:this.overflowY},padding:`var(--s-space-${this.padding})`,paddingBlockEnd:Boolean(this.paddingBlockEnd)?`var(--s-space-${this.paddingBlockEnd})`:void 0,paddingBlockStart:Boolean(this.paddingBlockStart)?`var(--s-space-${this.paddingBlockStart})`:void 0,paddingInlineEnd:Boolean(this.paddingInlineEnd)?`var(--s-space-${this.paddingInlineEnd})`:void 0,paddingInlineStart:Boolean(this.paddingInlineStart)?`var(--s-space-${this.paddingInlineStart})`:void 0,position:Boolean(this.overflow)||Boolean(this.overflowX)||Boolean(this.overflowY)?this.position||"relative":this.position,right:this.right,top:this.top,width:this.cover?"100%":this.width,zIndex:this.zIndex},e=i("box",`box--border-color-${this.borderColor}`,{"box--bordered":this.bordered,"box--bordered-block-end":this.borderedBlockEnd,"box--bordered-block-end-when-scrolled":this.borderedBlockEndWhenScrolled,"box--bordered-block-start":this.borderedBlockStart,"box--bordered-block-start-when-scrolled":this.borderedBlockStartWhenScrolled,"box--bordered-inline-end":this.borderedInlineEnd,"box--bordered-inline-start":this.borderedInlineStart,"box--cover":this.cover,"box--hide-scrollbar":this.hideScrollbar,"box--scrollable":this.scrollState.scrollable,"box--scrolled-to-top":this.scrollState.scrolledToTop,"box--scrolled-to-bottom":this.scrollState.scrolledToBottom});return t(d,{key:"a4c192db4e7e4de12813372e67c22a2320491905",class:e,onScroll:this.onScroll,style:o},t("slot",{key:"b74257db054ed117bbf9e2d984f4c6288bebf07e"}))}get el(){return this}static get watchers(){return{borderedBlockEndWhenScrolled:[{onScrollTrackingPropChange:0}],borderedBlockStartWhenScrolled:[{onScrollTrackingPropChange:0}]}}static get style(){return":host{display:block;width:100%}:host(.box--bordered){border:var(--s-border-width-default) solid var(--s-border-default)}:host(.box--border-color-default){border-color:var(--s-border-default)}:host(.box--border-color-strong){border-color:var(--s-border-strong)}:host(.box--bordered-block-end){border-block-end-width:var(--s-border-width-default);border-block-end-style:solid}:host(.box--bordered-block-start){border-block-start-width:var(--s-border-width-default);border-block-start-style:solid}:host(.box--bordered-inline-end){border-inline-end-width:var(--s-border-width-default);border-inline-end-style:solid}:host(.box--bordered-inline-start){border-inline-start-width:var(--s-border-width-default);border-inline-start-style:solid}:host(.box--bordered-block-start-when-scrolled.box--scrollable){border-block-start-width:var(--s-border-width-default);border-block-start-style:solid;border-block-start-color:transparent}:host(.box--bordered-block-start-when-scrolled.box--scrollable:not(.box--scrolled-to-top)){border-block-start-color:var(--s-border-default)}:host(.box--bordered-block-end-when-scrolled.box--scrollable){border-block-end-width:var(--s-border-width-default);border-block-end-style:solid;border-block-end-color:transparent}:host(.box--bordered-block-end-when-scrolled.box--scrollable:not(.box--scrolled-to-bottom)){border-block-end-color:var(--s-border-default)}:host(.box--hide-scrollbar){scrollbar-width:none}:host(.box--hide-scrollbar)::-webkit-scrollbar{display:none}:host(.box--cover){width:100%;height:100%}:host *{box-sizing:border-box}"}},[257,"swirl-box",{borderColor:[1,"border-color"],bordered:[4],borderedBlockEnd:[4,"bordered-block-end"],borderedBlockEndWhenScrolled:[4,"bordered-block-end-when-scrolled"],borderedBlockStart:[4,"bordered-block-start"],borderedBlockStartWhenScrolled:[4,"bordered-block-start-when-scrolled"],borderedInlineEnd:[4,"bordered-inline-end"],borderedInlineStart:[4,"bordered-inline-start"],bottom:[1],centerBlock:[4,"center-block"],centerInline:[4,"center-inline"],cover:[4],height:[1],hideScrollbar:[4,"hide-scrollbar"],left:[1],maxHeight:[1,"max-height"],minHeight:[1,"min-height"],maxWidth:[1,"max-width"],minWidth:[1,"min-width"],overflow:[1],overflowX:[1,"overflow-x"],overflowY:[1,"overflow-y"],padding:[1],paddingBlockEnd:[1,"padding-block-end"],paddingBlockStart:[1,"padding-block-start"],paddingInlineEnd:[1,"padding-inline-end"],paddingInlineStart:[1,"padding-inline-start"],position:[1],right:[1],basis:[1],shrink:[1],grow:[1],top:[1],width:[1],zIndex:[1,"z-index"],scrollState:[32]},void 0,{borderedBlockEndWhenScrolled:[{onScrollTrackingPropChange:0}],borderedBlockStartWhenScrolled:[{onScrollTrackingPropChange:0}]}]);function n(){"undefined"!=typeof customElements&&["swirl-box"].forEach((o=>{"swirl-box"===o&&(customElements.get(s(o))||customElements.define(s(o),l))}))}export{l as S,n as d}

package/dist/components/swirl-button-group.js

@@ -1 +1 @@
-import{S as o,d as s}from"./p-DCxwPw77.js";const p=o,r=s;export{p as SwirlButtonGroup,r as defineCustomElement}
+import{S as o,d as r}from"./swirl-button-group2.js";const s=o,t=r;export{s as SwirlButtonGroup,t as defineCustomElement}

package/dist/components/swirl-button-group2.js

@@ -0,0 +1 @@
+import{proxyCustomElement as t,HTMLElement as r,h as o,Host as s,transformTag as e}from"@stencil/core/internal/client";import{c as i}from"./index2.js";import{d as n}from"./swirl-stack2.js";const d=t(class extends r{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.orientation="horizontal",this.spacing="8"}render(){const t=this.segmented?"0":this.spacing,r=i("button-group",{"button-group--segmented":this.segmented});return o(s,{key:"6897cb188b57fb8ac45396ea33f789315b59acbb"},o("swirl-stack",{key:"db2f7e40c235c632743dbbb893fddd76eb24ad0e",align:"vertical"===this.orientation&&this.stretch?"stretch":"start",class:r,justify:"horizontal"===this.orientation&&this.stretch?"stretch":"start",orientation:this.orientation,role:"group",spacing:t,wrap:this.wrap},o("slot",{key:"97c97daf85f5c9c4c0ed3b0cb5f31fceaa9e3243"})))}static get style(){return':host{display:block}:host *{box-sizing:border-box}.button-group--segmented ::slotted(*:not(:last-child)){position:relative}.button-group--segmented ::slotted(*:not(:last-child)):after{position:absolute;z-index:1;top:50%;left:100%;width:var(--s-border-width-default);height:calc(100% - var(--s-space-16));background-color:var(--s-border-strong);content:"";transform:translate3d(-50%, -50%, 0);pointer-events:none}.button-group--segmented ::slotted(*:not(:last-child):not([disabled])[intent="primary"]):after{background-color:var(--s-text-on-action-primary)}.button-group--segmented ::slotted(*:not(:last-child)[disabled="false"][intent="primary"]):after{background-color:var(--s-text-on-action-primary)}.button-group--segmented ::slotted(*:not(:first-child):not(:last-child)){--swirl-button-border-top-right-radius:0;--swirl-button-border-top-left-radius:0;--swirl-button-border-bottom-right-radius:0;--swirl-button-border-bottom-left-radius:0;--swirl-icon-button-border-top-right-radius:0;--swirl-icon-button-border-top-left-radius:0;--swirl-icon-button-border-bottom-right-radius:0;--swirl-icon-button-border-bottom-left-radius:0}.button-group--segmented ::slotted(*:first-child){--swirl-button-border-top-right-radius:0;--swirl-button-border-bottom-right-radius:0;--swirl-icon-button-border-top-right-radius:0;--swirl-icon-button-border-bottom-right-radius:0;--swirl-icon-button-border-top-left-radius:var(--s-border-radius-base);--swirl-icon-button-border-bottom-left-radius:var(--s-border-radius-base)}.button-group--segmented ::slotted(*:last-child){--swirl-button-border-top-left-radius:0;--swirl-button-border-bottom-left-radius:0;--swirl-icon-button-border-top-right-radius:var(--s-border-radius-base);--swirl-icon-button-border-bottom-right-radius:var(--s-border-radius-base);--swirl-icon-button-border-top-left-radius:0;--swirl-icon-button-border-bottom-left-radius:0}'}},[257,"swirl-button-group",{orientation:[1],segmented:[4],spacing:[1],stretch:[4],wrap:[4]}]);function a(){"undefined"!=typeof customElements&&["swirl-button-group","swirl-stack"].forEach((t=>{switch(t){case"swirl-button-group":customElements.get(e(t))||customElements.define(e(t),d);break;case"swirl-stack":customElements.get(e(t))||n()}}))}export{d as S,a as d}

package/dist/components/swirl-button.js

@@ -1 +1 @@
-import{S as o,d as s}from"./p-DWVJBU8l.js";const p=o,r=s;export{p as SwirlButton,r as defineCustomElement}
+import{S as o,d as s}from"./swirl-button2.js";const t=o,r=s;export{t as SwirlButton,r as defineCustomElement}

package/dist/components/swirl-button2.js

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

package/dist/components/swirl-card.js

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

package/dist/components/swirl-carousel-slide.js

@@ -1 +1 @@
-import{p as s,H as e,h as t,d as i,t as a}from"./p-BIzYxcO0.js";import{c as o}from"./p-CTIzk_ki.js";const l=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.width="15.5rem"}render(){const s=o("carousel-slide",{"carousel-slide--has-min-height":!!this.minHeight});return t(i,{key:"bd595d626cca6ad119cfe2ad89aa639ee44e06f9","aria-roledescription":"slide","aria-label":this.label,class:s,role:"group",style:{aspectRatio:this.aspectRatio,flexBasis:this.width,minHeight:this.minHeight},tabIndex:0},t("slot",{key:"dcfd8cdfa905e26eababb896a2f48413febbe51f"}))}static get style(){return":host{display:block;min-width:0}:host(.carousel-slide--has-min-height) ::slotted(*){height:100%}:host *{box-sizing:border-box}:host ::slotted(*){width:100%;min-height:100%}"}},[257,"swirl-carousel-slide",{aspectRatio:[1,"aspect-ratio"],label:[1],minHeight:[1,"min-height"],width:[1]}]),r=l,c=function(){"undefined"!=typeof customElements&&["swirl-carousel-slide"].forEach((s=>{"swirl-carousel-slide"===s&&(customElements.get(a(s))||customElements.define(a(s),l))}))};export{r as SwirlCarouselSlide,c as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as s,h as t,Host as i,transformTag as o}from"@stencil/core/internal/client";import{c as l}from"./index2.js";const a=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.width="15.5rem"}render(){const e=l("carousel-slide",{"carousel-slide--has-min-height":!!this.minHeight});return t(i,{key:"bd595d626cca6ad119cfe2ad89aa639ee44e06f9","aria-roledescription":"slide","aria-label":this.label,class:e,role:"group",style:{aspectRatio:this.aspectRatio,flexBasis:this.width,minHeight:this.minHeight},tabIndex:0},t("slot",{key:"dcfd8cdfa905e26eababb896a2f48413febbe51f"}))}static get style(){return":host{display:block;min-width:0}:host(.carousel-slide--has-min-height) ::slotted(*){height:100%}:host *{box-sizing:border-box}:host ::slotted(*){width:100%;min-height:100%}"}},[257,"swirl-carousel-slide",{aspectRatio:[1,"aspect-ratio"],label:[1],minHeight:[1,"min-height"],width:[1]}]),r=a,c=function(){"undefined"!=typeof customElements&&["swirl-carousel-slide"].forEach((e=>{"swirl-carousel-slide"===e&&(customElements.get(o(e))||customElements.define(o(e),a))}))};export{r as SwirlCarouselSlide,c as defineCustomElement}

package/dist/components/swirl-carousel.js

@@ -1 +1 @@
-import{p as s,H as t,c as e,h as i,d as o,t as a}from"./p-BIzYxcO0.js";import{c as r}from"./p-CTIzk_ki.js";import{d as l}from"./p-DRAQ9S8E.js";import{d as n}from"./p-DWVJBU8l.js";const d=s(class extends t{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.activeSlidesChange=e(this,"activeSlidesChange",7),this.nextSlideButtonLabel="Next slide",this.previousSlideButtonLabel="Previous slide",this.fade=!1,this.fadeColor="default",this.loopAround=!1,this.padding="16",this.spacing="16",this.activeSlides=[],this.carouselFadeColorMap={default:"var(--s-background-default)","on-surface-overlay":"var(--s-surface-overlay-default)"},this.updateActiveSlideReferences=l((()=>{const s=this.getActiveSlides();s.some(((s,t)=>this.activeSlides[t]!==s))&&(this.activeSlides=s,this.activeSlidesChange.emit(this.activeSlides))}),100),this.onPreviousSlideButtonClick=()=>{this.previousSlide()},this.onNextSlideButtonClick=()=>{this.nextSlide()},this.onSlotChange=()=>{this.activeSlides.length&&this.scrollToElement(this.activeSlides[0]),this.checkScrollStatus(),this.checkScrollPosition()},this.onScroll=()=>{this.updateActiveSlideReferences(),this.checkScrollPosition()}}onWindowResize(){this.checkScrollStatus(),this.checkScrollPosition()}componentDidLoad(){queueMicrotask((()=>{this.el.isConnected&&(this.checkScrollStatus(),this.checkScrollPosition())}))}async scrollToSlide(s){const t=this.getSlides().find((t=>t.id===s));t&&this.scrollToElement(t)}scrollToElement(s){this.slidesContainer&&s&&this.slidesContainer?.scroll({left:s.offsetLeft,behavior:"smooth"})}previousSlide(){const s=this.getSlides(),t=this.getActiveSlides();this.scrollToElement(t[0].previousElementSibling||(this.loopAround?s[s.length-1]:t[0]))}nextSlide(){const s=this.getSlides(),t=this.getActiveSlides();this.scrollToElement(!t[t.length-1].nextElementSibling&&this.loopAround?s[0]:t[0].nextElementSibling)}getSlides(){return Array.from(this.el.querySelectorAll("swirl-carousel-slide"))}getActiveSlides(){return this.getSlides().filter((s=>this.checkInView(s)))}checkScrollStatus(){this.isScrollable=this.slidesContainer.scrollWidth>this.slidesContainer.offsetWidth}checkScrollPosition(){const s=this.getSlides(),t=this.getActiveSlides(),e=t[0]===s[0],i=t[t.length-1]===s[s.length-1];e!==this.isAtStart&&(this.isAtStart=e),i!==this.isAtEnd&&(this.isAtEnd=i)}checkInView(s){let t=this.slidesContainer.scrollLeft,e=s.offsetLeft;return e>=t&&e+s.clientWidth<=t+this.slidesContainer.clientWidth}render(){this.el.style.setProperty("--swirl-carousel-spacing",this.spacing+"px"),this.el.style.setProperty("--swirl-carousel-fade-color",this.carouselFadeColorMap[this.fadeColor]);const s={padding:this.padding?`var(--s-space-${this.padding})`:void 0,paddingBlockEnd:this.paddingBlockEnd?`var(--s-space-${this.paddingBlockEnd})`:void 0,paddingBlockStart:this.paddingBlockStart?`var(--s-space-${this.paddingBlockStart})`:void 0,paddingInlineEnd:this.paddingInlineEnd?`var(--s-space-${this.paddingInlineEnd})`:void 0,paddingInlineStart:this.paddingInlineStart?`var(--s-space-${this.paddingInlineStart})`:void 0,scrollPadding:this.paddingInlineStart?`var(--s-space-${this.paddingInlineStart})`:this.padding?`var(--s-space-${this.padding})`:void 0},t=r("carousel",{"carousel--fade":this.fade,"carousel--is-at-start":this.isAtStart,"carousel--is-at-end":this.isAtEnd});return i(o,{key:"840096feefd373763dd50a841d3774fb3d466b99","aria-label":this.label,"aria-roledescription":"carousel",role:"group"},i("div",{key:"535cf444029aa486567192b5cf8d72b52df569f4",class:t},this.isScrollable&&!this.isAtStart&&i("swirl-button",{key:"efe184bfe63ee3bfe0e8576aab7a6263417f1728",class:"carousel__previous-slide-button",hideLabel:!0,icon:"<swirl-icon-arrow-back></swirl-icon-arrow-back>",label:this.previousSlideButtonLabel,onClick:this.onPreviousSlideButtonClick,pill:!0,variant:"floating"}),this.isScrollable&&!this.isAtEnd&&i("swirl-button",{key:"e47800ebc41d08e810976ceebd0e9d583d276742",class:"carousel__next-slide-button",hideLabel:!0,icon:"<swirl-icon-arrow-forward></swirl-icon-arrow-forward>",label:this.nextSlideButtonLabel,onClick:this.onNextSlideButtonClick,pill:!0,variant:"floating"}),i("div",{key:"64b1e29f96ffc2e2e7042d03b20a45ef43a55642","aria-live":"polite",class:"carousel__slides",style:s,onScroll:this.onScroll,ref:s=>this.slidesContainer=s},i("slot",{key:"e5c30c1d3e9cc32204e22711bed4f0e50689181d",onSlotchange:this.onSlotChange}))))}get el(){return this}static get style(){return':host{--swirl-carousel-spacing:var(--s-space-16);--swirl-carousel-fade-color:var(--s-background-default);position:relative;display:block;overflow:hidden;width:100%}:host(:hover) .carousel__previous-slide-button,:host(:hover) .carousel__next-slide-button{pointer-events:auto}:host *{box-sizing:border-box}.carousel{position:relative;overflow:hidden;width:100%}.carousel:before,.carousel:after{position:absolute;z-index:1;top:0;width:var(--s-space-32);height:100%;content:"";transition:opacity 0.2s;pointer-events:none;opacity:0}.carousel:before{left:0;background:linear-gradient(       90deg,       var(--swirl-carousel-fade-color) 0%,       transparent 100%     )}.carousel:after{right:0;background:linear-gradient(       270deg,       var(--swirl-carousel-fade-color) 0%,       transparent 100%     )}.carousel--fade:before,.carousel--fade:after{opacity:1}.carousel--is-at-start:before,.carousel--is-at-end:after{opacity:0}.carousel__slides{position:relative;display:flex;overflow-x:auto;overflow-y:hidden;width:100%;scrollbar-width:none;scroll-snap-type:x mandatory;scroll-behavior:smooth}.carousel__slides::-webkit-scrollbar{display:none}.carousel__slides ::slotted(*:not(:first-of-type)){margin-left:var(--swirl-carousel-spacing)}.carousel__slides ::slotted(*){flex-grow:0;flex-shrink:0;scroll-snap-align:start}.carousel__previous-slide-button,.carousel__next-slide-button{position:absolute;z-index:2;top:50%;transform:translateY(-50%) scale(0.72);pointer-events:none}.carousel__previous-slide-button{left:var(--s-space-4)}.carousel__next-slide-button{right:var(--s-space-4)}'}},[257,"swirl-carousel",{label:[1],nextSlideButtonLabel:[1,"next-slide-button-label"],previousSlideButtonLabel:[1,"previous-slide-button-label"],fade:[4],fadeColor:[1,"fade-color"],loopAround:[4,"loop-around"],padding:[1],paddingBlockEnd:[1,"padding-block-end"],paddingBlockStart:[1,"padding-block-start"],paddingInlineEnd:[1,"padding-inline-end"],paddingInlineStart:[1,"padding-inline-start"],spacing:[1],isAtEnd:[32],isAtStart:[32],isScrollable:[32],scrollToSlide:[64]},[[9,"resize","onWindowResize"]]]),c=d,h=function(){"undefined"!=typeof customElements&&["swirl-carousel","swirl-button"].forEach((s=>{switch(s){case"swirl-carousel":customElements.get(a(s))||customElements.define(a(s),d);break;case"swirl-button":customElements.get(a(s))||n()}}))};export{c as SwirlCarousel,h as defineCustomElement}
+import{proxyCustomElement as s,HTMLElement as t,createEvent as e,h as i,Host as o,transformTag as a}from"@stencil/core/internal/client";import{c as r}from"./index2.js";import{d as l}from"./utils.js";import{d as n}from"./swirl-button2.js";const d=s(class extends t{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.activeSlidesChange=e(this,"activeSlidesChange",7),this.nextSlideButtonLabel="Next slide",this.previousSlideButtonLabel="Previous slide",this.fade=!1,this.fadeColor="default",this.loopAround=!1,this.padding="16",this.spacing="16",this.activeSlides=[],this.carouselFadeColorMap={default:"var(--s-background-default)","on-surface-overlay":"var(--s-surface-overlay-default)"},this.updateActiveSlideReferences=l((()=>{const s=this.getActiveSlides();s.some(((s,t)=>this.activeSlides[t]!==s))&&(this.activeSlides=s,this.activeSlidesChange.emit(this.activeSlides))}),100),this.onPreviousSlideButtonClick=()=>{this.previousSlide()},this.onNextSlideButtonClick=()=>{this.nextSlide()},this.onSlotChange=()=>{this.activeSlides.length&&this.scrollToElement(this.activeSlides[0]),this.checkScrollStatus(),this.checkScrollPosition()},this.onScroll=()=>{this.updateActiveSlideReferences(),this.checkScrollPosition()}}onWindowResize(){this.checkScrollStatus(),this.checkScrollPosition()}componentDidLoad(){queueMicrotask((()=>{this.el.isConnected&&(this.checkScrollStatus(),this.checkScrollPosition())}))}async scrollToSlide(s){const t=this.getSlides().find((t=>t.id===s));t&&this.scrollToElement(t)}scrollToElement(s){this.slidesContainer&&s&&this.slidesContainer?.scroll({left:s.offsetLeft,behavior:"smooth"})}previousSlide(){const s=this.getSlides(),t=this.getActiveSlides();this.scrollToElement(t[0].previousElementSibling||(this.loopAround?s[s.length-1]:t[0]))}nextSlide(){const s=this.getSlides(),t=this.getActiveSlides();this.scrollToElement(!t[t.length-1].nextElementSibling&&this.loopAround?s[0]:t[0].nextElementSibling)}getSlides(){return Array.from(this.el.querySelectorAll("swirl-carousel-slide"))}getActiveSlides(){return this.getSlides().filter((s=>this.checkInView(s)))}checkScrollStatus(){this.isScrollable=this.slidesContainer.scrollWidth>this.slidesContainer.offsetWidth}checkScrollPosition(){const s=this.getSlides(),t=this.getActiveSlides(),e=t[0]===s[0],i=t[t.length-1]===s[s.length-1];e!==this.isAtStart&&(this.isAtStart=e),i!==this.isAtEnd&&(this.isAtEnd=i)}checkInView(s){let t=this.slidesContainer.scrollLeft,e=s.offsetLeft;return e>=t&&e+s.clientWidth<=t+this.slidesContainer.clientWidth}render(){this.el.style.setProperty("--swirl-carousel-spacing",this.spacing+"px"),this.el.style.setProperty("--swirl-carousel-fade-color",this.carouselFadeColorMap[this.fadeColor]);const s={padding:this.padding?`var(--s-space-${this.padding})`:void 0,paddingBlockEnd:this.paddingBlockEnd?`var(--s-space-${this.paddingBlockEnd})`:void 0,paddingBlockStart:this.paddingBlockStart?`var(--s-space-${this.paddingBlockStart})`:void 0,paddingInlineEnd:this.paddingInlineEnd?`var(--s-space-${this.paddingInlineEnd})`:void 0,paddingInlineStart:this.paddingInlineStart?`var(--s-space-${this.paddingInlineStart})`:void 0,scrollPadding:this.paddingInlineStart?`var(--s-space-${this.paddingInlineStart})`:this.padding?`var(--s-space-${this.padding})`:void 0},t=r("carousel",{"carousel--fade":this.fade,"carousel--is-at-start":this.isAtStart,"carousel--is-at-end":this.isAtEnd});return i(o,{key:"840096feefd373763dd50a841d3774fb3d466b99","aria-label":this.label,"aria-roledescription":"carousel",role:"group"},i("div",{key:"535cf444029aa486567192b5cf8d72b52df569f4",class:t},this.isScrollable&&!this.isAtStart&&i("swirl-button",{key:"efe184bfe63ee3bfe0e8576aab7a6263417f1728",class:"carousel__previous-slide-button",hideLabel:!0,icon:"<swirl-icon-arrow-back></swirl-icon-arrow-back>",label:this.previousSlideButtonLabel,onClick:this.onPreviousSlideButtonClick,pill:!0,variant:"floating"}),this.isScrollable&&!this.isAtEnd&&i("swirl-button",{key:"e47800ebc41d08e810976ceebd0e9d583d276742",class:"carousel__next-slide-button",hideLabel:!0,icon:"<swirl-icon-arrow-forward></swirl-icon-arrow-forward>",label:this.nextSlideButtonLabel,onClick:this.onNextSlideButtonClick,pill:!0,variant:"floating"}),i("div",{key:"64b1e29f96ffc2e2e7042d03b20a45ef43a55642","aria-live":"polite",class:"carousel__slides",style:s,onScroll:this.onScroll,ref:s=>this.slidesContainer=s},i("slot",{key:"e5c30c1d3e9cc32204e22711bed4f0e50689181d",onSlotchange:this.onSlotChange}))))}get el(){return this}static get style(){return':host{--swirl-carousel-spacing:var(--s-space-16);--swirl-carousel-fade-color:var(--s-background-default);position:relative;display:block;overflow:hidden;width:100%}:host(:hover) .carousel__previous-slide-button,:host(:hover) .carousel__next-slide-button{pointer-events:auto}:host *{box-sizing:border-box}.carousel{position:relative;overflow:hidden;width:100%}.carousel:before,.carousel:after{position:absolute;z-index:1;top:0;width:var(--s-space-32);height:100%;content:"";transition:opacity 0.2s;pointer-events:none;opacity:0}.carousel:before{left:0;background:linear-gradient(       90deg,       var(--swirl-carousel-fade-color) 0%,       transparent 100%     )}.carousel:after{right:0;background:linear-gradient(       270deg,       var(--swirl-carousel-fade-color) 0%,       transparent 100%     )}.carousel--fade:before,.carousel--fade:after{opacity:1}.carousel--is-at-start:before,.carousel--is-at-end:after{opacity:0}.carousel__slides{position:relative;display:flex;overflow-x:auto;overflow-y:hidden;width:100%;scrollbar-width:none;scroll-snap-type:x mandatory;scroll-behavior:smooth}.carousel__slides::-webkit-scrollbar{display:none}.carousel__slides ::slotted(*:not(:first-of-type)){margin-left:var(--swirl-carousel-spacing)}.carousel__slides ::slotted(*){flex-grow:0;flex-shrink:0;scroll-snap-align:start}.carousel__previous-slide-button,.carousel__next-slide-button{position:absolute;z-index:2;top:50%;transform:translateY(-50%) scale(0.72);pointer-events:none}.carousel__previous-slide-button{left:var(--s-space-4)}.carousel__next-slide-button{right:var(--s-space-4)}'}},[257,"swirl-carousel",{label:[1],nextSlideButtonLabel:[1,"next-slide-button-label"],previousSlideButtonLabel:[1,"previous-slide-button-label"],fade:[4],fadeColor:[1,"fade-color"],loopAround:[4,"loop-around"],padding:[1],paddingBlockEnd:[1,"padding-block-end"],paddingBlockStart:[1,"padding-block-start"],paddingInlineEnd:[1,"padding-inline-end"],paddingInlineStart:[1,"padding-inline-start"],spacing:[1],isAtEnd:[32],isAtStart:[32],isScrollable:[32],scrollToSlide:[64]},[[9,"resize","onWindowResize"]]]),c=d,h=function(){"undefined"!=typeof customElements&&["swirl-carousel","swirl-button"].forEach((s=>{switch(s){case"swirl-carousel":customElements.get(a(s))||customElements.define(a(s),d);break;case"swirl-button":customElements.get(a(s))||n()}}))};export{c as SwirlCarousel,h as defineCustomElement}

package/dist/components/swirl-checkbox.js

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

package/dist/components/swirl-chip.js

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

package/dist/components/swirl-color-input.js

@@ -1 +1 @@
-import{p as t,H as e,c as r,h as s,d as i,t as o}from"./p-BIzYxcO0.js";import{c as a}from"./p-CTIzk_ki.js";import{d as n}from"./p-DRB4VZpi.js";import{d as l}from"./p-DOAel0Sv.js";import{d as c}from"./p-By1U8whi.js";import{v as h}from"./p-DD3477fe.js";const d=(t,e=0,r=1)=>t>r?r:t<e?e:t,u=(t,e=0,r=Math.pow(10,e))=>Math.round(r*t)/r,p=t=>("#"===t[0]&&(t=t.substring(1)),t.length<6?{r:parseInt(t[0]+t[0],16),g:parseInt(t[1]+t[1],16),b:parseInt(t[2]+t[2],16),a:4===t.length?u(parseInt(t[3]+t[3],16)/255,2):1}:{r:parseInt(t.substring(0,2),16),g:parseInt(t.substring(2,4),16),b:parseInt(t.substring(4,6),16),a:8===t.length?u(parseInt(t.substring(6,8),16)/255,2):1}),b=t=>{const{h:e,s:r,l:s}=(({h:t,s:e,v:r,a:s})=>{const i=(200-e)*r/100;return{h:u(t),s:u(i>0&&i<200?e*r/100/(i<=100?i:200-i)*100:0),l:u(i/2),a:u(s,2)}})(t);return`hsl(${e}, ${r}%, ${s}%)`},m=t=>{const e=t.toString(16);return e.length<2?"0"+e:e},f=(t,e)=>{if(t===e)return!0;for(const r in t)if(t[r]!==e[r])return!1;return!0},g={},v=t=>{let e=g[t];return e||(e=document.createElement("template"),e.innerHTML=t,g[t]=e),e},w=(t,e,r)=>{t.dispatchEvent(new CustomEvent(e,{bubbles:!0,detail:r}))};let x=!1;const k=t=>"touches"in t,y=(t,e)=>{const r=k(e)?e.touches[0]:e,s=t.el.getBoundingClientRect();w(t.el,"move",t.getMove({x:d((r.pageX-(s.left+window.pageXOffset))/s.width),y:d((r.pageY-(s.top+window.pageYOffset))/s.height)}))};class _{constructor(t,e,r,s){const i=v(`<div role="slider" tabindex="0" part="${e}" ${r}><div part="${e}-pointer"></div></div>`);t.appendChild(i.content.cloneNode(!0));const o=t.querySelector(`[part=${e}]`);o.addEventListener("mousedown",this),o.addEventListener("touchstart",this),o.addEventListener("keydown",this),this.el=o,this.xy=s,this.nodes=[o.firstChild,o]}set dragging(t){const e=t?document.addEventListener:document.removeEventListener;e(x?"touchmove":"mousemove",this),e(x?"touchend":"mouseup",this)}handleEvent(t){switch(t.type){case"mousedown":case"touchstart":if(t.preventDefault(),!(t=>!(x&&!k(t)||(x||(x=k(t)),0)))(t)||!x&&0!=t.button)return;this.el.focus(),y(this,t),this.dragging=!0;break;case"mousemove":case"touchmove":t.preventDefault(),y(this,t);break;case"mouseup":case"touchend":this.dragging=!1;break;case"keydown":((t,e)=>{const r=e.keyCode;r>40||t.xy&&r<37||r<33||(e.preventDefault(),w(t.el,"move",t.getMove({x:39===r?.01:37===r?-.01:34===r?.05:33===r?-.05:35===r?1:36===r?-1:0,y:40===r?.01:38===r?-.01:0},!0)))})(this,t)}}style(t){t.forEach(((t,e)=>{for(const r in t)this.nodes[e].style.setProperty(r,t[r])}))}}class I extends _{constructor(t){super(t,"hue",'aria-label="Hue" aria-valuemin="0" aria-valuemax="360"',!1)}update({h:t}){this.h=t,this.style([{left:t/360*100+"%",color:b({h:t,s:100,v:100,a:1})}]),this.el.setAttribute("aria-valuenow",""+u(t))}getMove(t,e){return{h:e?d(this.h+360*t.x,0,360):360*t.x}}}class E extends _{constructor(t){super(t,"saturation",'aria-label="Color"',!0)}update(t){this.hsva=t,this.style([{top:100-t.v+"%",left:t.s+"%",color:b(t)},{"background-color":b({h:t.h,s:100,v:100,a:1})}]),this.el.setAttribute("aria-valuetext",`Saturation ${u(t.s)}%, Brightness ${u(t.v)}%`)}getMove(t,e){return{s:e?d(this.hsva.s+100*t.x,0,100):100*t.x,v:e?d(this.hsva.v-100*t.y,0,100):Math.round(100-100*t.y)}}}const S=Symbol("same"),$=Symbol("color"),z=Symbol("hsva"),C=Symbol("update"),M=Symbol("parts"),B=Symbol("css"),j=Symbol("sliders");class D extends HTMLElement{static get observedAttributes(){return["color"]}get[B](){return[':host{display:flex;flex-direction:column;position:relative;width:200px;height:200px;user-select:none;-webkit-user-select:none;cursor:default}:host([hidden]){display:none!important}[role=slider]{position:relative;touch-action:none;user-select:none;-webkit-user-select:none;outline:0}[role=slider]:last-child{border-radius:0 0 8px 8px}[part$=pointer]{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;display:flex;place-content:center center;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}[part$=pointer]::after{content:"";width:100%;height:100%;border-radius:inherit;background-color:currentColor}[role=slider]:focus [part$=pointer]{transform:translate(-50%,-50%) scale(1.1)}',"[part=hue]{flex:0 0 24px;background:linear-gradient(to right,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}[part=hue-pointer]{top:50%;z-index:2}","[part=saturation]{flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,rgba(255,255,255,0));box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}[part=saturation-pointer]{z-index:3}"]}get[j](){return[E,I]}get color(){return this[$]}set color(t){if(!this[S](t)){const e=this.colorModel.toHsva(t);this[C](e),this[$]=t}}constructor(){super();const t=v(`<style>${this[B].join("")}</style>`),e=this.attachShadow({mode:"open"});e.appendChild(t.content.cloneNode(!0)),e.addEventListener("move",this),this[M]=this[j].map((t=>new t(e)))}connectedCallback(){if(this.hasOwnProperty("color")){const t=this.color;delete this.color,this.color=t}else this.color||(this.color=this.colorModel.defaultColor)}attributeChangedCallback(t,e,r){const s=this.colorModel.fromAttr(r);this[S](s)||(this.color=s)}handleEvent(t){const e=this[z],r={...e,...t.detail};let s;this[C](r),f(r,e)||this[S](s=this.colorModel.fromHsva(r))||(this[$]=s,w(this,"color-changed",{value:s}))}[S](t){return this.color&&this.colorModel.equal(t,this.color)}[C](t){this[z]=t,this[M].forEach((e=>e.update(t)))}}const A={defaultColor:"#000",toHsva:t=>(({r:t,g:e,b:r,a:s})=>{const i=Math.max(t,e,r),o=i-Math.min(t,e,r),a=o?i===t?(e-r)/o:i===e?2+(r-t)/o:4+(t-e)/o:0;return{h:u(60*(a<0?a+6:a)),s:u(i?o/i*100:0),v:u(i/255*100),a:s}})(p(t)),fromHsva:({h:t,s:e,v:r})=>(t=>(({r:t,g:e,b:r,a:s})=>{const i=s<1?m(u(255*s)):"";return"#"+m(t)+m(e)+m(r)+i})((({h:t,s:e,v:r,a:s})=>{e/=100,r/=100;const i=Math.floor(t=t/360*6),o=r*(1-e),a=r*(1-(t-i)*e),n=r*(1-(1-t+i)*e),l=i%6;return{r:u(255*[r,a,o,o,n,r][l]),g:u(255*[n,r,r,a,o,o][l]),b:u(255*[o,o,n,r,r,a][l]),a:u(s,2)}})(t)))({h:t,s:e,v:r,a:1}),equal:(t,e)=>t.toLowerCase()===e.toLowerCase()||f(p(t),p(e)),fromAttr:t=>t};class L extends D{get colorModel(){return A}}customElements.define("hex-color-picker",class extends L{});const F=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.inputBlur=r(this,"inputBlur",7),this.inputFocus=r(this,"inputFocus",7),this.valueChange=r(this,"valueChange",7),this.pickerButtonLabel="Open color picker",this.pickerLabel="Color picker",this.pickerId="color-picker-"+h(),this.onPickerChange=t=>{this.value=t.detail.value},this.onChange=t=>{this.value=t.target.value},this.onBlur=t=>{this.inputBlur.emit(t)},this.onFocus=t=>{this.inputFocus.emit(t),this.handleAutoSelect(t)},this.onInput=t=>{this.onChange(t)}}componentDidLoad(){this.autoFocus&&setTimeout((()=>{this.inputEl.focus()})),this.picker.addEventListener("color-changed",this.onPickerChange)}disconnectedCallback(){this.picker?.removeEventListener("color-changed",this.onPickerChange)}watchValue(t,e){t!==e&&this.valueChange.emit(t)}handleAutoSelect(t){this.autoSelect&&t.target.select()}render(){const t=!0===this.invalid||!1===this.invalid?this.invalid+"":void 0,e=a("color-input",{"color-input--inline":this.inline});return s(i,{key:"2ed3d40d8b69af36b2226c911cc5dae84742f0cb"},s("div",{key:"ef197f8e0a01ddf121df8f47a99691040663f286",class:e},s("input",{key:"34f8ae5eb9aaa8e664a6b47fac63917a2f7e2039","aria-describedby":this.swirlAriaDescribedby,"aria-disabled":this.disabled?"true":void 0,"aria-invalid":t,autoFocus:this.autoFocus,class:"color-input__input",disabled:this.disabled,maxLength:7,onBlur:this.onBlur,onFocus:this.onFocus,onInput:this.onInput,placeholder:this.placeholder,ref:t=>this.inputEl=t,required:this.required,spellcheck:"false",type:"text",value:this.value,readonly:this.readonly}),s("swirl-popover-trigger",{key:"3e11abdfdf445802e84cf3e87de2499c3a402f9a",swirlPopover:this.pickerId},s("button",{key:"e99eb09576d3843aebd5c8803e0d9235bbb0139e",disabled:this.readonly,"aria-label":this.pickerButtonLabel,class:"color-input__preview-button",style:{backgroundColor:this.disabled?"var(--s-border-subdued)":this.value},type:"button"})),s("swirl-popover",{key:"b60e4424b971f6f76b5e0adc9d7b155cd7a0fdac",animation:"scale-in-y",id:this.pickerId,label:this.pickerLabel,placement:"bottom-end"},s("swirl-box",{key:"756f20986aeb68b92bd03649623b64f210b1f846",centerInline:!0,paddingBlockEnd:"8",paddingBlockStart:"8",paddingInlineEnd:"16",paddingInlineStart:"16"},s("hex-color-picker",{key:"5410df4ccf4537763171af4b15ab26898e007ff4",color:this.value,ref:t=>this.picker=t})))))}static get watchers(){return{value:[{watchValue:0}]}}static get style(){return".sc-swirl-color-input-h{display:block;width:100%}.sc-swirl-color-input-h *.sc-swirl-color-input{box-sizing:border-box}.color-input.sc-swirl-color-input{position:relative;display:flex;width:100%;align-items:center;color:var(--s-text-default);font:inherit;line-height:var(--s-line-height-sm);cursor:text}.color-input--inline.sc-swirl-color-input .color-input__preview-button.sc-swirl-color-input{width:1.5rem;height:1.5rem;margin-top:-0.125rem;margin-right:-0.25rem;margin-bottom:-0.125rem}.color-input__input.sc-swirl-color-input{display:inline-flex;width:100%;margin:0;padding:0;flex-grow:1;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)}.color-input__input.sc-swirl-color-input:focus{outline:none}.color-input__input.sc-swirl-color-input:disabled{color:var(--s-text-disabled);background-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.color-input__input.sc-swirl-color-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.color-input__preview-button.sc-swirl-color-input{width:2.75rem;height:2.75rem;margin-top:-1.25rem;flex-shrink:0;border:0.0625rem solid var(--s-border-default);border-radius:var(--s-border-radius-s);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}"}},[2,"swirl-color-input",{autoFocus:[4,"auto-focus"],autoSelect:[4,"auto-select"],disabled:[4],swirlAriaDescribedby:[1,"swirl-aria-describedby"],inline:[4],invalid:[4],pickerButtonLabel:[1,"picker-button-label"],pickerLabel:[1,"picker-label"],placeholder:[1],required:[4],value:[1537],readonly:[4]},void 0,{value:[{watchValue:0}]}]),H=F,V=function(){"undefined"!=typeof customElements&&["swirl-color-input","swirl-box","swirl-popover","swirl-popover-trigger"].forEach((t=>{switch(t){case"swirl-color-input":customElements.get(o(t))||customElements.define(o(t),F);break;case"swirl-box":customElements.get(o(t))||n();break;case"swirl-popover":customElements.get(o(t))||l();break;case"swirl-popover-trigger":customElements.get(o(t))||c()}}))};export{H as SwirlColorInput,V as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as e,createEvent as r,h as s,Host as i,transformTag as o}from"@stencil/core/internal/client";import{c as n}from"./index2.js";import{d as a}from"./swirl-box2.js";import{d as l}from"./swirl-popover2.js";import{d as c}from"./swirl-popover-trigger2.js";import{v as h}from"./v4.js";const d=(t,e=0,r=1)=>t>r?r:t<e?e:t,u=(t,e=0,r=Math.pow(10,e))=>Math.round(r*t)/r,p=t=>("#"===t[0]&&(t=t.substring(1)),t.length<6?{r:parseInt(t[0]+t[0],16),g:parseInt(t[1]+t[1],16),b:parseInt(t[2]+t[2],16),a:4===t.length?u(parseInt(t[3]+t[3],16)/255,2):1}:{r:parseInt(t.substring(0,2),16),g:parseInt(t.substring(2,4),16),b:parseInt(t.substring(4,6),16),a:8===t.length?u(parseInt(t.substring(6,8),16)/255,2):1}),b=t=>{const{h:e,s:r,l:s}=(({h:t,s:e,v:r,a:s})=>{const i=(200-e)*r/100;return{h:u(t),s:u(i>0&&i<200?e*r/100/(i<=100?i:200-i)*100:0),l:u(i/2),a:u(s,2)}})(t);return`hsl(${e}, ${r}%, ${s}%)`},m=t=>{const e=t.toString(16);return e.length<2?"0"+e:e},f=(t,e)=>{if(t===e)return!0;for(const r in t)if(t[r]!==e[r])return!1;return!0},g={},v=t=>{let e=g[t];return e||(e=document.createElement("template"),e.innerHTML=t,g[t]=e),e},w=(t,e,r)=>{t.dispatchEvent(new CustomEvent(e,{bubbles:!0,detail:r}))};let x=!1;const k=t=>"touches"in t,y=(t,e)=>{const r=k(e)?e.touches[0]:e,s=t.el.getBoundingClientRect();w(t.el,"move",t.getMove({x:d((r.pageX-(s.left+window.pageXOffset))/s.width),y:d((r.pageY-(s.top+window.pageYOffset))/s.height)}))};class _{constructor(t,e,r,s){const i=v(`<div role="slider" tabindex="0" part="${e}" ${r}><div part="${e}-pointer"></div></div>`);t.appendChild(i.content.cloneNode(!0));const o=t.querySelector(`[part=${e}]`);o.addEventListener("mousedown",this),o.addEventListener("touchstart",this),o.addEventListener("keydown",this),this.el=o,this.xy=s,this.nodes=[o.firstChild,o]}set dragging(t){const e=t?document.addEventListener:document.removeEventListener;e(x?"touchmove":"mousemove",this),e(x?"touchend":"mouseup",this)}handleEvent(t){switch(t.type){case"mousedown":case"touchstart":if(t.preventDefault(),!(t=>!(x&&!k(t)||(x||(x=k(t)),0)))(t)||!x&&0!=t.button)return;this.el.focus(),y(this,t),this.dragging=!0;break;case"mousemove":case"touchmove":t.preventDefault(),y(this,t);break;case"mouseup":case"touchend":this.dragging=!1;break;case"keydown":((t,e)=>{const r=e.keyCode;r>40||t.xy&&r<37||r<33||(e.preventDefault(),w(t.el,"move",t.getMove({x:39===r?.01:37===r?-.01:34===r?.05:33===r?-.05:35===r?1:36===r?-1:0,y:40===r?.01:38===r?-.01:0},!0)))})(this,t)}}style(t){t.forEach(((t,e)=>{for(const r in t)this.nodes[e].style.setProperty(r,t[r])}))}}class E extends _{constructor(t){super(t,"hue",'aria-label="Hue" aria-valuemin="0" aria-valuemax="360"',!1)}update({h:t}){this.h=t,this.style([{left:t/360*100+"%",color:b({h:t,s:100,v:100,a:1})}]),this.el.setAttribute("aria-valuenow",""+u(t))}getMove(t,e){return{h:e?d(this.h+360*t.x,0,360):360*t.x}}}class $ extends _{constructor(t){super(t,"saturation",'aria-label="Color"',!0)}update(t){this.hsva=t,this.style([{top:100-t.v+"%",left:t.s+"%",color:b(t)},{"background-color":b({h:t.h,s:100,v:100,a:1})}]),this.el.setAttribute("aria-valuetext",`Saturation ${u(t.s)}%, Brightness ${u(t.v)}%`)}getMove(t,e){return{s:e?d(this.hsva.s+100*t.x,0,100):100*t.x,v:e?d(this.hsva.v-100*t.y,0,100):Math.round(100-100*t.y)}}}const I=Symbol("same"),S=Symbol("color"),C=Symbol("hsva"),M=Symbol("update"),z=Symbol("parts"),B=Symbol("css"),L=Symbol("sliders");class j extends HTMLElement{static get observedAttributes(){return["color"]}get[B](){return[':host{display:flex;flex-direction:column;position:relative;width:200px;height:200px;user-select:none;-webkit-user-select:none;cursor:default}:host([hidden]){display:none!important}[role=slider]{position:relative;touch-action:none;user-select:none;-webkit-user-select:none;outline:0}[role=slider]:last-child{border-radius:0 0 8px 8px}[part$=pointer]{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;display:flex;place-content:center center;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}[part$=pointer]::after{content:"";width:100%;height:100%;border-radius:inherit;background-color:currentColor}[role=slider]:focus [part$=pointer]{transform:translate(-50%,-50%) scale(1.1)}',"[part=hue]{flex:0 0 24px;background:linear-gradient(to right,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}[part=hue-pointer]{top:50%;z-index:2}","[part=saturation]{flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,rgba(255,255,255,0));box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}[part=saturation-pointer]{z-index:3}"]}get[L](){return[$,E]}get color(){return this[S]}set color(t){if(!this[I](t)){const e=this.colorModel.toHsva(t);this[M](e),this[S]=t}}constructor(){super();const t=v(`<style>${this[B].join("")}</style>`),e=this.attachShadow({mode:"open"});e.appendChild(t.content.cloneNode(!0)),e.addEventListener("move",this),this[z]=this[L].map((t=>new t(e)))}connectedCallback(){if(this.hasOwnProperty("color")){const t=this.color;delete this.color,this.color=t}else this.color||(this.color=this.colorModel.defaultColor)}attributeChangedCallback(t,e,r){const s=this.colorModel.fromAttr(r);this[I](s)||(this.color=s)}handleEvent(t){const e=this[C],r={...e,...t.detail};let s;this[M](r),f(r,e)||this[I](s=this.colorModel.fromHsva(r))||(this[S]=s,w(this,"color-changed",{value:s}))}[I](t){return this.color&&this.colorModel.equal(t,this.color)}[M](t){this[C]=t,this[z].forEach((e=>e.update(t)))}}const H={defaultColor:"#000",toHsva:t=>(({r:t,g:e,b:r,a:s})=>{const i=Math.max(t,e,r),o=i-Math.min(t,e,r),n=o?i===t?(e-r)/o:i===e?2+(r-t)/o:4+(t-e)/o:0;return{h:u(60*(n<0?n+6:n)),s:u(i?o/i*100:0),v:u(i/255*100),a:s}})(p(t)),fromHsva:({h:t,s:e,v:r})=>(t=>(({r:t,g:e,b:r,a:s})=>{const i=s<1?m(u(255*s)):"";return"#"+m(t)+m(e)+m(r)+i})((({h:t,s:e,v:r,a:s})=>{e/=100,r/=100;const i=Math.floor(t=t/360*6),o=r*(1-e),n=r*(1-(t-i)*e),a=r*(1-(1-t+i)*e),l=i%6;return{r:u(255*[r,n,o,o,a,r][l]),g:u(255*[a,r,r,n,o,o][l]),b:u(255*[o,o,a,r,r,n][l]),a:u(s,2)}})(t)))({h:t,s:e,v:r,a:1}),equal:(t,e)=>t.toLowerCase()===e.toLowerCase()||f(p(t),p(e)),fromAttr:t=>t};class A extends j{get colorModel(){return H}}customElements.define("hex-color-picker",class extends A{});const F=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.inputBlur=r(this,"inputBlur",7),this.inputFocus=r(this,"inputFocus",7),this.valueChange=r(this,"valueChange",7),this.pickerButtonLabel="Open color picker",this.pickerLabel="Color picker",this.pickerId="color-picker-"+h(),this.onPickerChange=t=>{this.value=t.detail.value},this.onChange=t=>{this.value=t.target.value},this.onBlur=t=>{this.inputBlur.emit(t)},this.onFocus=t=>{this.inputFocus.emit(t),this.handleAutoSelect(t)},this.onInput=t=>{this.onChange(t)}}componentDidLoad(){this.autoFocus&&setTimeout((()=>{this.inputEl.focus()})),this.picker.addEventListener("color-changed",this.onPickerChange)}disconnectedCallback(){this.picker?.removeEventListener("color-changed",this.onPickerChange)}watchValue(t,e){t!==e&&this.valueChange.emit(t)}handleAutoSelect(t){this.autoSelect&&t.target.select()}render(){const t=!0===this.invalid||!1===this.invalid?this.invalid+"":void 0,e=n("color-input",{"color-input--inline":this.inline});return s(i,{key:"2ed3d40d8b69af36b2226c911cc5dae84742f0cb"},s("div",{key:"ef197f8e0a01ddf121df8f47a99691040663f286",class:e},s("input",{key:"34f8ae5eb9aaa8e664a6b47fac63917a2f7e2039","aria-describedby":this.swirlAriaDescribedby,"aria-disabled":this.disabled?"true":void 0,"aria-invalid":t,autoFocus:this.autoFocus,class:"color-input__input",disabled:this.disabled,maxLength:7,onBlur:this.onBlur,onFocus:this.onFocus,onInput:this.onInput,placeholder:this.placeholder,ref:t=>this.inputEl=t,required:this.required,spellcheck:"false",type:"text",value:this.value,readonly:this.readonly}),s("swirl-popover-trigger",{key:"3e11abdfdf445802e84cf3e87de2499c3a402f9a",swirlPopover:this.pickerId},s("button",{key:"e99eb09576d3843aebd5c8803e0d9235bbb0139e",disabled:this.readonly,"aria-label":this.pickerButtonLabel,class:"color-input__preview-button",style:{backgroundColor:this.disabled?"var(--s-border-subdued)":this.value},type:"button"})),s("swirl-popover",{key:"b60e4424b971f6f76b5e0adc9d7b155cd7a0fdac",animation:"scale-in-y",id:this.pickerId,label:this.pickerLabel,placement:"bottom-end"},s("swirl-box",{key:"756f20986aeb68b92bd03649623b64f210b1f846",centerInline:!0,paddingBlockEnd:"8",paddingBlockStart:"8",paddingInlineEnd:"16",paddingInlineStart:"16"},s("hex-color-picker",{key:"5410df4ccf4537763171af4b15ab26898e007ff4",color:this.value,ref:t=>this.picker=t})))))}static get watchers(){return{value:[{watchValue:0}]}}static get style(){return".sc-swirl-color-input-h{display:block;width:100%}.sc-swirl-color-input-h *.sc-swirl-color-input{box-sizing:border-box}.color-input.sc-swirl-color-input{position:relative;display:flex;width:100%;align-items:center;color:var(--s-text-default);font:inherit;line-height:var(--s-line-height-sm);cursor:text}.color-input--inline.sc-swirl-color-input .color-input__preview-button.sc-swirl-color-input{width:1.5rem;height:1.5rem;margin-top:-0.125rem;margin-right:-0.25rem;margin-bottom:-0.125rem}.color-input__input.sc-swirl-color-input{display:inline-flex;width:100%;margin:0;padding:0;flex-grow:1;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)}.color-input__input.sc-swirl-color-input:focus{outline:none}.color-input__input.sc-swirl-color-input:disabled{color:var(--s-text-disabled);background-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.color-input__input.sc-swirl-color-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.color-input__preview-button.sc-swirl-color-input{width:2.75rem;height:2.75rem;margin-top:-1.25rem;flex-shrink:0;border:0.0625rem solid var(--s-border-default);border-radius:var(--s-border-radius-s);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}"}},[2,"swirl-color-input",{autoFocus:[4,"auto-focus"],autoSelect:[4,"auto-select"],disabled:[4],swirlAriaDescribedby:[1,"swirl-aria-describedby"],inline:[4],invalid:[4],pickerButtonLabel:[1,"picker-button-label"],pickerLabel:[1,"picker-label"],placeholder:[1],required:[4],value:[1537],readonly:[4]},void 0,{value:[{watchValue:0}]}]),q=F,T=function(){"undefined"!=typeof customElements&&["swirl-color-input","swirl-box","swirl-popover","swirl-popover-trigger"].forEach((t=>{switch(t){case"swirl-color-input":customElements.get(o(t))||customElements.define(o(t),F);break;case"swirl-box":customElements.get(o(t))||a();break;case"swirl-popover":customElements.get(o(t))||l();break;case"swirl-popover-trigger":customElements.get(o(t))||c()}}))};export{q as SwirlColorInput,T as defineCustomElement}

package/dist/components/swirl-columns.js

@@ -1 +1 @@
-import{p as s,H as e,h as t,d as c,t as o}from"./p-BIzYxcO0.js";const d=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.columns="repeat(3, minmax(0, 1fr))"}render(){return t(c,{key:"38f01f098c3a0cd7ca18731450796a5c9724e053"},t("div",{key:"35e0b361dde0251c2b720863a86eba6e55fdc8e9",class:"columns",style:{gridTemplateColumns:this.columns,gap:`var(--s-space-${this.spacing})`}},t("slot",{key:"0847d324dd44000299e7b12d1701860ad30f4dde"})))}static get style(){return":host{display:block}:host *{box-sizing:border-box}.columns{display:grid;width:100%}"}},[257,"swirl-columns",{columns:[1],spacing:[1]}]),n=d,i=function(){"undefined"!=typeof customElements&&["swirl-columns"].forEach((s=>{"swirl-columns"===s&&(customElements.get(o(s))||customElements.define(o(s),d))}))};export{n as SwirlColumns,i as defineCustomElement}
+import{proxyCustomElement as s,HTMLElement as e,h as t,Host as c,transformTag as n}from"@stencil/core/internal/client";const o=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.columns="repeat(3, minmax(0, 1fr))"}render(){return t(c,{key:"38f01f098c3a0cd7ca18731450796a5c9724e053"},t("div",{key:"35e0b361dde0251c2b720863a86eba6e55fdc8e9",class:"columns",style:{gridTemplateColumns:this.columns,gap:`var(--s-space-${this.spacing})`}},t("slot",{key:"0847d324dd44000299e7b12d1701860ad30f4dde"})))}static get style(){return":host{display:block}:host *{box-sizing:border-box}.columns{display:grid;width:100%}"}},[257,"swirl-columns",{columns:[1],spacing:[1]}]),i=o,l=function(){"undefined"!=typeof customElements&&["swirl-columns"].forEach((s=>{"swirl-columns"===s&&(customElements.get(n(s))||customElements.define(n(s),o))}))};export{i as SwirlColumns,l as defineCustomElement}