npm - @getflip/swirl-components - Versions diffs - 0.527.0 → 0.528.0 - Mend

@getflip/swirl-components 0.527.0 → 0.528.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2509) hide show

package/dist/components/swirl-illustration-shifts.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as h,HTMLElement as v,h as Z,Fragment as e,transformTag as t}from"@stencil/core/internal/client";const c=h(class extends v{constructor(h){super(),!1!==h&&this.__registerHost(),this.__attachShadow()}render(){return Z("svg",{key:"~~bd3b97eedc1b725d658e0927f5c96e8d14210d7c~~",class:"illustration",fill:"none",height:"120",part:"illustration",viewBox:"0 0 120 120",width:"120",xmlns:"http://www.w3.org/2000/svg"},Z(e,{key:"~~b1d6e97bf5e1ef78fd4a4ca8ded70fa5c5d13073~~"},Z("path",{key:"~~5142377d83233f794d233c2d1f430fb84bb386ed~~",d:"M26.59 57.404C12.162 47.234 4.354 35.144 7.813 25.9c5.082-13.583 32.567-15.88 61.388-5.128 28.822 10.752 48.066 30.479 42.984 44.062-2.75 7.349-12.056 11.393-24.584 11.856 4.392 5.402 6.18 11.122 4.44 16.208-3.992 11.664-25.036 15.574-47.004 8.732C23.072 94.788 8.5 79.786 12.492 68.121c1.781-5.206 6.959-8.867 14.098-10.717Z",fill:"var(--s-decorative-kiwi-surface-subdued)"}),Z("path",{key:"~~8b39a2d6ddb1ec3bb73ef0eceaa631aa86b81eb4~~",d:"M16.422 96.766V24.148l85.156-.039v72.657H16.422Zm14.765-12.188h5.938v-4.726h-5.938v4.726Zm0-7.07h5.938v-4.766h-5.938v4.766Zm8.282 7.07h5.898v-4.726H39.47v4.726Zm-8.282-14.18h5.938v-4.726h-5.938v4.726Zm8.282 7.11h5.898v-4.766H39.47v4.766Zm8.281 7.07h5.898v-4.726H47.75v4.726ZM31.187 63.29h5.938v-4.727h-5.938v4.727Zm8.282 7.11h5.898v-4.727H39.47v4.726Zm8.281 7.109h5.898v-4.766H47.75v4.766Zm8.281 7.07h5.899v-4.726H56.03v4.726ZM31.188 56.18h5.937v-4.727h-5.938v4.727Zm8.28 7.11h5.9v-4.727h-5.9v4.726Zm8.282 7.108h5.898v-4.726H47.75v4.726Zm8.281 7.11h5.899v-4.766H56.03v4.766Zm8.282 7.07h5.898v-4.726h-5.898v4.726ZM39.468 56.18h5.898v-4.727H39.47v4.727Zm8.281 7.11h5.898v-4.727H47.75v4.726ZM28.883 86.96V49.11h60.195v37.85H28.883ZM56.03 70.399h5.899v-4.726H56.03v4.726Zm8.282 7.11h5.898v-4.766h-5.898v4.766Zm8.242 7.07h5.898v-4.726h-5.898v4.726Zm-43.633-47.46c-.886 0-1.667-.313-2.344-.938-.65-.651-.976-1.446-.976-2.383 0-.912.325-1.68.976-2.305.677-.65 1.459-.976 2.344-.976.911 0 1.693.325 2.344.976.65.625.976 1.393.976 2.305 0 .937-.325 1.732-.976 2.383a3.264 3.264 0 0 1-2.344.937ZM47.75 56.18h5.898v-4.727H47.75v4.727Zm8.281 7.11h5.899v-4.727H56.03v4.726ZM21.11 92.077h75.782V28.836H21.109v63.242Zm43.203-21.68h5.899v-4.726h-5.898v4.726Zm8.243 7.11h5.898v-4.766h-5.898v4.766Zm8.28 7.07h5.9v-4.726h-5.9v4.726ZM56.032 56.18h5.899v-4.727H56.03v4.727Zm-15.39-19.063c-.886 0-1.667-.312-2.344-.937-.651-.651-.977-1.446-.977-2.383 0-.912.326-1.68.977-2.305.677-.65 1.458-.976 2.344-.976.911 0 1.692.325 2.343.976.651.625.977 1.393.977 2.305 0 .937-.326 1.732-.977 2.383a3.264 3.264 0 0 1-2.343.937ZM64.313 63.29h5.898v-4.727h-5.898v4.727ZM27.28 32.195a12.656 12.656 0 0 1-.234-1.484 16.085 16.085 0 0 1-.078-1.602c0-3.359.586-5.937 1.758-7.734 1.171-1.823 2.786-2.734 4.843-2.734 1.615 0 3.073.664 4.375 1.992 1.328 1.302 1.992 3.216 1.992 5.742H36.54c0-1.615-.286-2.787-.86-3.516-.546-.729-1.236-1.093-2.07-1.093-1.328 0-2.213.69-2.656 2.07-.443 1.354-.664 3.034-.664 5.039 0 .547.026 1.107.078 1.68.078.547.17 1.093.274 1.64h-3.36Zm45.274 38.203h5.898v-4.726h-5.898v4.726Zm8.28 7.11h5.9v-4.766h-5.9v4.766ZM64.314 56.18h5.898v-4.727h-5.898v4.727Zm8.242 7.11h5.898v-4.727h-5.898v4.726Zm8.28 7.108h5.9v-4.726h-5.9v4.726Zm-61.991-26.25v-4.687h79.648v4.687H18.844Zm33.515-7.03c-.885 0-1.666-.313-2.343-.938-.651-.651-.977-1.446-.977-2.383 0-.912.326-1.68.977-2.305.677-.65 1.458-.976 2.343-.976.912 0 1.693.325 2.344.976.651.625.977 1.393.977 2.305 0 .937-.326 1.732-.977 2.383a3.264 3.264 0 0 1-2.344.937ZM39 32.194a12.635 12.635 0 0 1-.234-1.484 16.085 16.085 0 0 1-.078-1.602c0-3.359.585-5.937 1.757-7.734 1.172-1.823 2.787-2.734 4.844-2.734 1.615 0 3.073.664 4.375 1.992 1.328 1.302 1.992 3.216 1.992 5.742h-3.398c0-1.615-.287-2.787-.86-3.516-.546-.729-1.237-1.093-2.07-1.093-1.328 0-2.213.69-2.656 2.07-.443 1.354-.664 3.034-.664 5.039 0 .547.026 1.107.078 1.68.078.547.17 1.093.273 1.64H39ZM72.555 56.18h5.898v-4.727h-5.898v4.727Zm8.28 7.11h5.9v-4.727h-5.9v4.726ZM64.079 37.116c-.885 0-1.667-.312-2.344-.937-.65-.651-.976-1.446-.976-2.383 0-.912.325-1.68.976-2.305.677-.65 1.459-.976 2.344-.976.912 0 1.693.325 2.344.976.65.625.976 1.393.976 2.305 0 .937-.325 1.732-.976 2.383a3.264 3.264 0 0 1-2.344.937ZM80.836 56.18h5.898v-4.727h-5.898v4.727ZM50.719 32.195a12.635 12.635 0 0 1-.235-1.484 16.085 16.085 0 0 1-.078-1.602c0-3.359.586-5.937 1.758-7.734 1.172-1.823 2.786-2.734 4.844-2.734 1.614 0 3.073.664 4.375 1.992 1.328 1.302 1.992 3.216 1.992 5.742h-3.398c0-1.615-.287-2.787-.86-3.516-.547-.729-1.237-1.093-2.07-1.093-1.328 0-2.214.69-2.656 2.07-.443 1.354-.664 3.034-.664 5.039 0 .547.026 1.107.078 1.68.078.547.169 1.093.273 1.64h-3.36Zm25.078 4.922c-.885 0-1.667-.312-2.344-.937-.65-.651-.976-1.446-.976-2.383 0-.912.325-1.68.976-2.305.677-.65 1.459-.976 2.344-.976.911 0 1.693.325 2.344.976.65.625.976 1.393.976 2.305 0 .937-.325 1.732-.976 2.383a3.264 3.264 0 0 1-2.344.937Zm-13.36-4.922a12.635 12.635 0 0 1-.234-1.484 16.085 16.085 0 0 1-.078-1.602c0-3.359.586-5.937 1.758-7.734 1.172-1.823 2.786-2.734 4.844-2.734 1.614 0 3.072.664 4.375 1.992 1.328 1.302 1.992 3.216 1.992 5.742h-3.399c0-1.615-.286-2.787-.86-3.516-.546-.729-1.236-1.093-2.07-1.093-1.328 0-2.213.69-2.656 2.07-.442 1.354-.664 3.034-.664 5.039 0 .547.026 1.107.078 1.68.079.547.17 1.093.274 1.64h-3.36Zm25.079 4.922c-.886 0-1.667-.312-2.344-.937-.651-.651-.977-1.446-.977-2.383 0-.912.326-1.68.977-2.305.677-.65 1.458-.976 2.344-.976.911 0 1.692.325 2.343.976.651.625.977 1.393.977 2.305 0 .937-.326 1.732-.977 2.383a3.264 3.264 0 0 1-2.343.937Zm-13.36-4.922a12.656 12.656 0 0 1-.234-1.484 16.085 16.085 0 0 1-.078-1.602c0-3.359.586-5.937 1.758-7.734 1.171-1.823 2.786-2.734 4.843-2.734 1.615 0 3.073.664 4.375 1.992 1.328 1.302 1.993 3.216 1.993 5.742h-3.399c0-1.615-.286-2.787-.86-3.516-.546-.729-1.236-1.093-2.07-1.093-1.328 0-2.213.69-2.656 2.07-.443 1.354-.664 3.034-.664 5.039 0 .547.026 1.107.078 1.68.078.547.17 1.093.274 1.64h-3.36Zm11.719 0a12.635 12.635 0 0 1-.234-1.484 16.085 16.085 0 0 1-.079-1.602c0-3.359.586-5.937 1.758-7.734 1.172-1.823 2.787-2.734 4.844-2.734 1.615 0 3.073.664 4.375 1.992 1.328 1.302 1.992 3.216 1.992 5.742h-3.398c0-1.615-.287-2.787-.86-3.516-.546-.729-1.236-1.093-2.07-1.093-1.328 0-2.213.69-2.656 2.07-.443 1.354-.664 3.034-.664 5.039 0 .547.026 1.107.078 1.68.078.547.17 1.093.273 1.64h-3.359Z",fill:"var(--s-icon-strong)"})))}static get style(){return":host{display:inline-flex}"}},[1,"swirl-illustration-shifts"]),m=c,s=function(){"undefined"!=typeof customElements&&["swirl-illustration-shifts"].forEach((h=>{"swirl-illustration-shifts"===h&&(customElements.get(t(h))\|\|customElements.define(t(h),c))}))};export{m as SwirlIllustrationShifts,s as defineCustomElement}
1	+ import{proxyCustomElement as h,HTMLElement as v,h as Z,Fragment as t,transformTag as e}from"@stencil/core/internal/client";const c=h(class extends v{constructor(h){super(),!1!==h&&this.__registerHost(),this.__attachShadow()}render(){return Z("svg",{key:"de523af50e3dd60f1d7e9f908284ee183b394b8e",class:"illustration",fill:"none",height:"120",part:"illustration",viewBox:"0 0 120 120",width:"120",xmlns:"http://www.w3.org/2000/svg"},Z(t,{key:"1a06561309e98152abcde44a66f07436fb15d30d"},Z("path",{key:"bd612c7c334000368a4dec1aab1b8226c86246cf",d:"M26.59 57.404C12.162 47.234 4.354 35.144 7.813 25.9c5.082-13.583 32.567-15.88 61.388-5.128 28.822 10.752 48.066 30.479 42.984 44.062-2.75 7.349-12.056 11.393-24.584 11.856 4.392 5.402 6.18 11.122 4.44 16.208-3.992 11.664-25.036 15.574-47.004 8.732C23.072 94.788 8.5 79.786 12.492 68.121c1.781-5.206 6.959-8.867 14.098-10.717Z",fill:"var(--s-decorative-kiwi-surface-subdued)"}),Z("path",{key:"c968796f2c9768ae4d30c8af4811437a0ea5f001",d:"M16.422 96.766V24.148l85.156-.039v72.657H16.422Zm14.765-12.188h5.938v-4.726h-5.938v4.726Zm0-7.07h5.938v-4.766h-5.938v4.766Zm8.282 7.07h5.898v-4.726H39.47v4.726Zm-8.282-14.18h5.938v-4.726h-5.938v4.726Zm8.282 7.11h5.898v-4.766H39.47v4.766Zm8.281 7.07h5.898v-4.726H47.75v4.726ZM31.187 63.29h5.938v-4.727h-5.938v4.727Zm8.282 7.11h5.898v-4.727H39.47v4.726Zm8.281 7.109h5.898v-4.766H47.75v4.766Zm8.281 7.07h5.899v-4.726H56.03v4.726ZM31.188 56.18h5.937v-4.727h-5.938v4.727Zm8.28 7.11h5.9v-4.727h-5.9v4.726Zm8.282 7.108h5.898v-4.726H47.75v4.726Zm8.281 7.11h5.899v-4.766H56.03v4.766Zm8.282 7.07h5.898v-4.726h-5.898v4.726ZM39.468 56.18h5.898v-4.727H39.47v4.727Zm8.281 7.11h5.898v-4.727H47.75v4.726ZM28.883 86.96V49.11h60.195v37.85H28.883ZM56.03 70.399h5.899v-4.726H56.03v4.726Zm8.282 7.11h5.898v-4.766h-5.898v4.766Zm8.242 7.07h5.898v-4.726h-5.898v4.726Zm-43.633-47.46c-.886 0-1.667-.313-2.344-.938-.65-.651-.976-1.446-.976-2.383 0-.912.325-1.68.976-2.305.677-.65 1.459-.976 2.344-.976.911 0 1.693.325 2.344.976.65.625.976 1.393.976 2.305 0 .937-.325 1.732-.976 2.383a3.264 3.264 0 0 1-2.344.937ZM47.75 56.18h5.898v-4.727H47.75v4.727Zm8.281 7.11h5.899v-4.727H56.03v4.726ZM21.11 92.077h75.782V28.836H21.109v63.242Zm43.203-21.68h5.899v-4.726h-5.898v4.726Zm8.243 7.11h5.898v-4.766h-5.898v4.766Zm8.28 7.07h5.9v-4.726h-5.9v4.726ZM56.032 56.18h5.899v-4.727H56.03v4.727Zm-15.39-19.063c-.886 0-1.667-.312-2.344-.937-.651-.651-.977-1.446-.977-2.383 0-.912.326-1.68.977-2.305.677-.65 1.458-.976 2.344-.976.911 0 1.692.325 2.343.976.651.625.977 1.393.977 2.305 0 .937-.326 1.732-.977 2.383a3.264 3.264 0 0 1-2.343.937ZM64.313 63.29h5.898v-4.727h-5.898v4.727ZM27.28 32.195a12.656 12.656 0 0 1-.234-1.484 16.085 16.085 0 0 1-.078-1.602c0-3.359.586-5.937 1.758-7.734 1.171-1.823 2.786-2.734 4.843-2.734 1.615 0 3.073.664 4.375 1.992 1.328 1.302 1.992 3.216 1.992 5.742H36.54c0-1.615-.286-2.787-.86-3.516-.546-.729-1.236-1.093-2.07-1.093-1.328 0-2.213.69-2.656 2.07-.443 1.354-.664 3.034-.664 5.039 0 .547.026 1.107.078 1.68.078.547.17 1.093.274 1.64h-3.36Zm45.274 38.203h5.898v-4.726h-5.898v4.726Zm8.28 7.11h5.9v-4.766h-5.9v4.766ZM64.314 56.18h5.898v-4.727h-5.898v4.727Zm8.242 7.11h5.898v-4.727h-5.898v4.726Zm8.28 7.108h5.9v-4.726h-5.9v4.726Zm-61.991-26.25v-4.687h79.648v4.687H18.844Zm33.515-7.03c-.885 0-1.666-.313-2.343-.938-.651-.651-.977-1.446-.977-2.383 0-.912.326-1.68.977-2.305.677-.65 1.458-.976 2.343-.976.912 0 1.693.325 2.344.976.651.625.977 1.393.977 2.305 0 .937-.326 1.732-.977 2.383a3.264 3.264 0 0 1-2.344.937ZM39 32.194a12.635 12.635 0 0 1-.234-1.484 16.085 16.085 0 0 1-.078-1.602c0-3.359.585-5.937 1.757-7.734 1.172-1.823 2.787-2.734 4.844-2.734 1.615 0 3.073.664 4.375 1.992 1.328 1.302 1.992 3.216 1.992 5.742h-3.398c0-1.615-.287-2.787-.86-3.516-.546-.729-1.237-1.093-2.07-1.093-1.328 0-2.213.69-2.656 2.07-.443 1.354-.664 3.034-.664 5.039 0 .547.026 1.107.078 1.68.078.547.17 1.093.273 1.64H39ZM72.555 56.18h5.898v-4.727h-5.898v4.727Zm8.28 7.11h5.9v-4.727h-5.9v4.726ZM64.079 37.116c-.885 0-1.667-.312-2.344-.937-.65-.651-.976-1.446-.976-2.383 0-.912.325-1.68.976-2.305.677-.65 1.459-.976 2.344-.976.912 0 1.693.325 2.344.976.65.625.976 1.393.976 2.305 0 .937-.325 1.732-.976 2.383a3.264 3.264 0 0 1-2.344.937ZM80.836 56.18h5.898v-4.727h-5.898v4.727ZM50.719 32.195a12.635 12.635 0 0 1-.235-1.484 16.085 16.085 0 0 1-.078-1.602c0-3.359.586-5.937 1.758-7.734 1.172-1.823 2.786-2.734 4.844-2.734 1.614 0 3.073.664 4.375 1.992 1.328 1.302 1.992 3.216 1.992 5.742h-3.398c0-1.615-.287-2.787-.86-3.516-.547-.729-1.237-1.093-2.07-1.093-1.328 0-2.214.69-2.656 2.07-.443 1.354-.664 3.034-.664 5.039 0 .547.026 1.107.078 1.68.078.547.169 1.093.273 1.64h-3.36Zm25.078 4.922c-.885 0-1.667-.312-2.344-.937-.65-.651-.976-1.446-.976-2.383 0-.912.325-1.68.976-2.305.677-.65 1.459-.976 2.344-.976.911 0 1.693.325 2.344.976.65.625.976 1.393.976 2.305 0 .937-.325 1.732-.976 2.383a3.264 3.264 0 0 1-2.344.937Zm-13.36-4.922a12.635 12.635 0 0 1-.234-1.484 16.085 16.085 0 0 1-.078-1.602c0-3.359.586-5.937 1.758-7.734 1.172-1.823 2.786-2.734 4.844-2.734 1.614 0 3.072.664 4.375 1.992 1.328 1.302 1.992 3.216 1.992 5.742h-3.399c0-1.615-.286-2.787-.86-3.516-.546-.729-1.236-1.093-2.07-1.093-1.328 0-2.213.69-2.656 2.07-.442 1.354-.664 3.034-.664 5.039 0 .547.026 1.107.078 1.68.079.547.17 1.093.274 1.64h-3.36Zm25.079 4.922c-.886 0-1.667-.312-2.344-.937-.651-.651-.977-1.446-.977-2.383 0-.912.326-1.68.977-2.305.677-.65 1.458-.976 2.344-.976.911 0 1.692.325 2.343.976.651.625.977 1.393.977 2.305 0 .937-.326 1.732-.977 2.383a3.264 3.264 0 0 1-2.343.937Zm-13.36-4.922a12.656 12.656 0 0 1-.234-1.484 16.085 16.085 0 0 1-.078-1.602c0-3.359.586-5.937 1.758-7.734 1.171-1.823 2.786-2.734 4.843-2.734 1.615 0 3.073.664 4.375 1.992 1.328 1.302 1.993 3.216 1.993 5.742h-3.399c0-1.615-.286-2.787-.86-3.516-.546-.729-1.236-1.093-2.07-1.093-1.328 0-2.213.69-2.656 2.07-.443 1.354-.664 3.034-.664 5.039 0 .547.026 1.107.078 1.68.078.547.17 1.093.274 1.64h-3.36Zm11.719 0a12.635 12.635 0 0 1-.234-1.484 16.085 16.085 0 0 1-.079-1.602c0-3.359.586-5.937 1.758-7.734 1.172-1.823 2.787-2.734 4.844-2.734 1.615 0 3.073.664 4.375 1.992 1.328 1.302 1.992 3.216 1.992 5.742h-3.398c0-1.615-.287-2.787-.86-3.516-.546-.729-1.236-1.093-2.07-1.093-1.328 0-2.213.69-2.656 2.07-.443 1.354-.664 3.034-.664 5.039 0 .547.026 1.107.078 1.68.078.547.17 1.093.273 1.64h-3.359Z",fill:"var(--s-icon-strong)"})))}static get style(){return":host{display:inline-flex}"}},[1,"swirl-illustration-shifts"]),m=c,s=function(){"undefined"!=typeof customElements&&["swirl-illustration-shifts"].forEach((h=>{"swirl-illustration-shifts"===h&&(customElements.get(e(h))\|\|customElements.define(e(h),c))}))};export{m as SwirlIllustrationShifts,s as defineCustomElement}

package/dist/components/swirl-illustration-sorry.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as c,HTMLElement as e,h as t,Fragment as s,transformTag as a}from"@stencil/core/internal/client";const l=c(class extends e{constructor(c){super(),!1!==c&&this.__registerHost(),this.__attachShadow()}render(){return t("svg",{key:"~~595f5378f1e8ce0fd57d052fe2cf79b1f1433e9c~~",class:"illustration",fill:"none",height:"120",part:"illustration",viewBox:"0 0 120 120",width:"120",xmlns:"http://www.w3.org/2000/svg"},t(s,{key:"~~ac3a7c0e52f09465e8f208df08845dc19121dfe7~~"},t("path",{key:"~~9f53ac113fccd22007a4e5982505d41ed5fdcfc3~~",d:"M26.59 57.404C12.162 47.234 4.354 35.144 7.813 25.9c5.082-13.583 32.567-15.88 61.388-5.128 28.822 10.752 48.066 30.479 42.984 44.062-2.75 7.349-12.056 11.393-24.584 11.856 4.392 5.402 6.18 11.122 4.44 16.208-3.992 11.664-25.036 15.574-47.004 8.732C23.072 94.788 8.5 79.786 12.492 68.121c1.781-5.206 6.959-8.867 14.098-10.717Z",fill:"var(--s-decorative-banana-surface-subdued)"}),t("path",{key:"~~d5af1c5e4288a13e572f3a841af0e3c4218109bc~~",d:"M89.887 95.625c-3.401 0-6.098-.707-8.091-2.12-1.966-1.413-3.374-3.293-4.225-5.64-.85-2.32-1.275-4.88-1.275-7.68 0-4.186.824-8.68 2.471-13.48 1.647-4.826 3.959-9.506 6.935-14.04 1.169-1.76 2.285-3.106 3.348-4.04 1.089-.96 2.271-1.44 3.547-1.44.266 0 .518.027.757.08.24.027.492.067.757.12 2.046-2.773 3.733-4.666 5.062-5.68 1.355-1.013 2.763-1.52 4.224-1.52 1.674 0 3.149.56 4.424 1.68 1.276 1.093 1.913 2.573 1.913 4.44 0 2.32-.611 4.534-1.833 6.64-1.222 2.08-2.71 4.213-4.464 6.4-1.966 2.453-3.587 4.64-4.862 6.56s-2.219 3.8-2.83 5.64c-.61 1.814-.916 3.827-.916 6.04h-4.584c0-2.533.359-4.893 1.076-7.08.744-2.213 1.834-4.44 3.269-6.68 1.46-2.24 3.254-4.707 5.38-7.4a62.246 62.246 0 0 0 3.906-5.44c1.116-1.76 1.674-3.293 1.674-4.6 0-.666-.213-1.2-.638-1.6-.425-.4-1.036-.6-1.833-.6-.558 0-1.116.187-1.674.56-.558.373-1.262 1.08-2.113 2.12-.823 1.014-1.926 2.533-3.308 4.56-.743-.16-1.408-.24-1.992-.24-1.063 0-1.887.32-2.471.96-.558.613-1.223 1.56-1.993 2.84-2.073 3.44-3.747 6.574-5.022 9.4-1.275 2.8-2.205 5.48-2.79 8.04a35.975 35.975 0 0 0-.837 7.76c0 3.227.625 5.907 1.873 8.04 1.276 2.134 3.654 3.2 7.135 3.2 2.258 0 4.105-.52 5.54-1.56a9.236 9.236 0 0 0 3.228-4.04 13.256 13.256 0 0 0 1.036-5.16c0-2.373-.186-4.76-.558-7.16a20.928 20.928 0 0 0-2.352-6.88l3.11-4.12c1.434 2.88 2.523 5.96 3.267 9.24.744 3.28 1.116 6.254 1.116 8.92 0 2.694-.571 5.173-1.713 7.44a13.528 13.528 0 0 1-4.943 5.44c-2.125 1.387-4.702 2.08-7.731 2.08Zm-59.305 0c-3.029 0-5.62-.693-7.771-2.08a13.618 13.618 0 0 1-4.903-5.44c-1.142-2.267-1.713-4.746-1.713-7.44 0-2.666.372-5.64 1.116-8.92.744-3.28 1.833-6.36 3.268-9.24l3.108 4.12a20.93 20.93 0 0 0-2.351 6.88 46.684 46.684 0 0 0-.558 7.16c0 1.787.345 3.507 1.036 5.16a9.34 9.34 0 0 0 3.189 4.04c1.46 1.04 3.32 1.56 5.58 1.56 3.48 0 5.845-1.066 7.093-3.2 1.276-2.133 1.913-4.813 1.913-8.04 0-2.64-.292-5.227-.876-7.76-.558-2.56-1.475-5.24-2.75-8.04-1.25-2.827-2.923-5.96-5.022-9.4-.77-1.28-1.435-2.227-1.993-2.84-.558-.64-1.381-.96-2.47-.96-.559 0-1.223.08-1.994.24-1.381-2.026-2.497-3.546-3.347-4.56-.824-1.04-1.515-1.747-2.073-2.12s-1.116-.56-1.674-.56c-.797 0-1.408.2-1.833.6-.425.4-.638.934-.638 1.6 0 1.307.558 2.84 1.674 4.6a75.932 75.932 0 0 0 3.906 5.44c2.152 2.694 3.946 5.16 5.38 7.4 1.435 2.24 2.511 4.467 3.229 6.68.744 2.187 1.116 4.547 1.116 7.08H25.64c0-2.213-.305-4.226-.916-6.04-.611-1.84-1.555-3.72-2.83-5.64-1.249-1.92-2.87-4.107-4.862-6.56-1.754-2.187-3.242-4.32-4.464-6.4-1.223-2.106-1.834-4.32-1.834-6.64 0-1.867.638-3.346 1.914-4.44 1.275-1.12 2.75-1.68 4.423-1.68 1.462 0 2.857.507 4.185 1.52 1.355 1.014 3.056 2.907 5.102 5.68.265-.053.518-.093.757-.12.239-.053.491-.08.757-.08 1.276 0 2.458.48 3.547 1.44 1.09.934 2.205 2.28 3.348 4.04 3.002 4.534 5.314 9.214 6.935 14.04 1.647 4.8 2.47 9.294 2.47 13.48 0 2.8-.424 5.36-1.274 7.68-.85 2.347-2.272 4.227-4.265 5.64-1.966 1.413-4.65 2.12-8.05 2.12Zm29.652-3.52c-3.826 0-7.479-.133-10.96-.4-3.454-.266-6.695-.666-9.724-1.2l2.192-4c2.736.4 5.646.707 8.728.92 3.109.213 6.364.32 9.764.32 3.401 0 6.643-.107 9.725-.32 3.109-.213 6.031-.52 8.768-.92l2.192 4c-3.029.534-6.284.934-9.764 1.2-3.454.267-7.094.4-10.92.4Zm0-28.96c-1.355 0-2.47-.2-3.347-.6-.877-.427-1.316-1.173-1.316-2.24 0-1.173.452-2.16 1.355-2.96.904-.826 2.006-1.24 3.308-1.24 1.329 0 2.432.414 3.308 1.24.904.8 1.355 1.787 1.355 2.96 0 1.067-.438 1.813-1.315 2.24-.877.4-1.992.6-3.348.6Zm-10.561-9.76c-1.036 0-1.927-.4-2.67-1.2-.744-.827-1.116-1.933-1.116-3.32 0-1.413.372-2.52 1.116-3.32.743-.8 1.634-1.2 2.67-1.2 1.063 0 1.953.4 2.67 1.2.744.8 1.116 1.907 1.116 3.32 0 1.387-.372 2.493-1.116 3.32-.717.8-1.607 1.2-2.67 1.2Zm21.123 0c-1.063 0-1.966-.4-2.71-1.2-.718-.827-1.076-1.933-1.076-3.32 0-1.413.358-2.52 1.076-3.32.744-.8 1.647-1.2 2.71-1.2 1.036 0 1.926.4 2.67 1.2.744.8 1.116 1.907 1.116 3.32 0 1.387-.372 2.493-1.116 3.32-.744.8-1.634 1.2-2.67 1.2Zm-39.058-2-3.786-2.76c2.843-4.533 5.46-8.386 7.851-11.56 2.418-3.173 4.823-5.746 7.214-7.72 2.418-1.973 5.008-3.413 7.772-4.32 2.763-.933 5.912-1.4 9.445-1.4 3.534 0 6.683.467 9.446 1.4 2.763.907 5.34 2.347 7.732 4.32 2.418 1.974 4.836 4.547 7.254 7.72 2.418 3.174 5.035 7.027 7.851 11.56l-3.786 2.76c-2.55-4.213-4.876-7.8-6.975-10.76-2.072-2.96-4.145-5.36-6.217-7.2-2.073-1.866-4.331-3.226-6.776-4.08-2.444-.88-5.287-1.32-8.529-1.32-3.241 0-6.084.44-8.529 1.32-2.444.854-4.702 2.213-6.775 4.08-2.072 1.84-4.158 4.24-6.257 7.2-2.073 2.96-4.384 6.547-6.935 10.76Z",fill:"var(--s-icon-strong)"})))}static get style(){return":host{display:inline-flex}"}},[1,"swirl-illustration-sorry"]),r=l,i=function(){"undefined"!=typeof customElements&&["swirl-illustration-sorry"].forEach((c=>{"swirl-illustration-sorry"===c&&(customElements.get(a(c))\|\|customElements.define(a(c),l))}))};export{r as SwirlIllustrationSorry,i as defineCustomElement}
1	+ import{proxyCustomElement as c,HTMLElement as e,h as t,Fragment as a,transformTag as s}from"@stencil/core/internal/client";const l=c(class extends e{constructor(c){super(),!1!==c&&this.__registerHost(),this.__attachShadow()}render(){return t("svg",{key:"567ebca153d99c7d0bce79521386cfa06181e45b",class:"illustration",fill:"none",height:"120",part:"illustration",viewBox:"0 0 120 120",width:"120",xmlns:"http://www.w3.org/2000/svg"},t(a,{key:"49e97951f9594544f36ca06d031e764c356a0a63"},t("path",{key:"de05a108e7e3f0f879e2c42a35b66a07ae7109d7",d:"M26.59 57.404C12.162 47.234 4.354 35.144 7.813 25.9c5.082-13.583 32.567-15.88 61.388-5.128 28.822 10.752 48.066 30.479 42.984 44.062-2.75 7.349-12.056 11.393-24.584 11.856 4.392 5.402 6.18 11.122 4.44 16.208-3.992 11.664-25.036 15.574-47.004 8.732C23.072 94.788 8.5 79.786 12.492 68.121c1.781-5.206 6.959-8.867 14.098-10.717Z",fill:"var(--s-decorative-banana-surface-subdued)"}),t("path",{key:"017f34e81f614e699cdba8e1f3ba50ab9a4381c7",d:"M89.887 95.625c-3.401 0-6.098-.707-8.091-2.12-1.966-1.413-3.374-3.293-4.225-5.64-.85-2.32-1.275-4.88-1.275-7.68 0-4.186.824-8.68 2.471-13.48 1.647-4.826 3.959-9.506 6.935-14.04 1.169-1.76 2.285-3.106 3.348-4.04 1.089-.96 2.271-1.44 3.547-1.44.266 0 .518.027.757.08.24.027.492.067.757.12 2.046-2.773 3.733-4.666 5.062-5.68 1.355-1.013 2.763-1.52 4.224-1.52 1.674 0 3.149.56 4.424 1.68 1.276 1.093 1.913 2.573 1.913 4.44 0 2.32-.611 4.534-1.833 6.64-1.222 2.08-2.71 4.213-4.464 6.4-1.966 2.453-3.587 4.64-4.862 6.56s-2.219 3.8-2.83 5.64c-.61 1.814-.916 3.827-.916 6.04h-4.584c0-2.533.359-4.893 1.076-7.08.744-2.213 1.834-4.44 3.269-6.68 1.46-2.24 3.254-4.707 5.38-7.4a62.246 62.246 0 0 0 3.906-5.44c1.116-1.76 1.674-3.293 1.674-4.6 0-.666-.213-1.2-.638-1.6-.425-.4-1.036-.6-1.833-.6-.558 0-1.116.187-1.674.56-.558.373-1.262 1.08-2.113 2.12-.823 1.014-1.926 2.533-3.308 4.56-.743-.16-1.408-.24-1.992-.24-1.063 0-1.887.32-2.471.96-.558.613-1.223 1.56-1.993 2.84-2.073 3.44-3.747 6.574-5.022 9.4-1.275 2.8-2.205 5.48-2.79 8.04a35.975 35.975 0 0 0-.837 7.76c0 3.227.625 5.907 1.873 8.04 1.276 2.134 3.654 3.2 7.135 3.2 2.258 0 4.105-.52 5.54-1.56a9.236 9.236 0 0 0 3.228-4.04 13.256 13.256 0 0 0 1.036-5.16c0-2.373-.186-4.76-.558-7.16a20.928 20.928 0 0 0-2.352-6.88l3.11-4.12c1.434 2.88 2.523 5.96 3.267 9.24.744 3.28 1.116 6.254 1.116 8.92 0 2.694-.571 5.173-1.713 7.44a13.528 13.528 0 0 1-4.943 5.44c-2.125 1.387-4.702 2.08-7.731 2.08Zm-59.305 0c-3.029 0-5.62-.693-7.771-2.08a13.618 13.618 0 0 1-4.903-5.44c-1.142-2.267-1.713-4.746-1.713-7.44 0-2.666.372-5.64 1.116-8.92.744-3.28 1.833-6.36 3.268-9.24l3.108 4.12a20.93 20.93 0 0 0-2.351 6.88 46.684 46.684 0 0 0-.558 7.16c0 1.787.345 3.507 1.036 5.16a9.34 9.34 0 0 0 3.189 4.04c1.46 1.04 3.32 1.56 5.58 1.56 3.48 0 5.845-1.066 7.093-3.2 1.276-2.133 1.913-4.813 1.913-8.04 0-2.64-.292-5.227-.876-7.76-.558-2.56-1.475-5.24-2.75-8.04-1.25-2.827-2.923-5.96-5.022-9.4-.77-1.28-1.435-2.227-1.993-2.84-.558-.64-1.381-.96-2.47-.96-.559 0-1.223.08-1.994.24-1.381-2.026-2.497-3.546-3.347-4.56-.824-1.04-1.515-1.747-2.073-2.12s-1.116-.56-1.674-.56c-.797 0-1.408.2-1.833.6-.425.4-.638.934-.638 1.6 0 1.307.558 2.84 1.674 4.6a75.932 75.932 0 0 0 3.906 5.44c2.152 2.694 3.946 5.16 5.38 7.4 1.435 2.24 2.511 4.467 3.229 6.68.744 2.187 1.116 4.547 1.116 7.08H25.64c0-2.213-.305-4.226-.916-6.04-.611-1.84-1.555-3.72-2.83-5.64-1.249-1.92-2.87-4.107-4.862-6.56-1.754-2.187-3.242-4.32-4.464-6.4-1.223-2.106-1.834-4.32-1.834-6.64 0-1.867.638-3.346 1.914-4.44 1.275-1.12 2.75-1.68 4.423-1.68 1.462 0 2.857.507 4.185 1.52 1.355 1.014 3.056 2.907 5.102 5.68.265-.053.518-.093.757-.12.239-.053.491-.08.757-.08 1.276 0 2.458.48 3.547 1.44 1.09.934 2.205 2.28 3.348 4.04 3.002 4.534 5.314 9.214 6.935 14.04 1.647 4.8 2.47 9.294 2.47 13.48 0 2.8-.424 5.36-1.274 7.68-.85 2.347-2.272 4.227-4.265 5.64-1.966 1.413-4.65 2.12-8.05 2.12Zm29.652-3.52c-3.826 0-7.479-.133-10.96-.4-3.454-.266-6.695-.666-9.724-1.2l2.192-4c2.736.4 5.646.707 8.728.92 3.109.213 6.364.32 9.764.32 3.401 0 6.643-.107 9.725-.32 3.109-.213 6.031-.52 8.768-.92l2.192 4c-3.029.534-6.284.934-9.764 1.2-3.454.267-7.094.4-10.92.4Zm0-28.96c-1.355 0-2.47-.2-3.347-.6-.877-.427-1.316-1.173-1.316-2.24 0-1.173.452-2.16 1.355-2.96.904-.826 2.006-1.24 3.308-1.24 1.329 0 2.432.414 3.308 1.24.904.8 1.355 1.787 1.355 2.96 0 1.067-.438 1.813-1.315 2.24-.877.4-1.992.6-3.348.6Zm-10.561-9.76c-1.036 0-1.927-.4-2.67-1.2-.744-.827-1.116-1.933-1.116-3.32 0-1.413.372-2.52 1.116-3.32.743-.8 1.634-1.2 2.67-1.2 1.063 0 1.953.4 2.67 1.2.744.8 1.116 1.907 1.116 3.32 0 1.387-.372 2.493-1.116 3.32-.717.8-1.607 1.2-2.67 1.2Zm21.123 0c-1.063 0-1.966-.4-2.71-1.2-.718-.827-1.076-1.933-1.076-3.32 0-1.413.358-2.52 1.076-3.32.744-.8 1.647-1.2 2.71-1.2 1.036 0 1.926.4 2.67 1.2.744.8 1.116 1.907 1.116 3.32 0 1.387-.372 2.493-1.116 3.32-.744.8-1.634 1.2-2.67 1.2Zm-39.058-2-3.786-2.76c2.843-4.533 5.46-8.386 7.851-11.56 2.418-3.173 4.823-5.746 7.214-7.72 2.418-1.973 5.008-3.413 7.772-4.32 2.763-.933 5.912-1.4 9.445-1.4 3.534 0 6.683.467 9.446 1.4 2.763.907 5.34 2.347 7.732 4.32 2.418 1.974 4.836 4.547 7.254 7.72 2.418 3.174 5.035 7.027 7.851 11.56l-3.786 2.76c-2.55-4.213-4.876-7.8-6.975-10.76-2.072-2.96-4.145-5.36-6.217-7.2-2.073-1.866-4.331-3.226-6.776-4.08-2.444-.88-5.287-1.32-8.529-1.32-3.241 0-6.084.44-8.529 1.32-2.444.854-4.702 2.213-6.775 4.08-2.072 1.84-4.158 4.24-6.257 7.2-2.073 2.96-4.384 6.547-6.935 10.76Z",fill:"var(--s-icon-strong)"})))}static get style(){return":host{display:inline-flex}"}},[1,"swirl-illustration-sorry"]),r=l,i=function(){"undefined"!=typeof customElements&&["swirl-illustration-sorry"].forEach((c=>{"swirl-illustration-sorry"===c&&(customElements.get(s(c))\|\|customElements.define(s(c),l))}))};export{r as SwirlIllustrationSorry,i as defineCustomElement}

package/dist/components/swirl-illustration-start.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as c,HTMLElement as l,h as t,Fragment as a,transformTag as e}from"@stencil/core/internal/client";const s=c(class extends l{constructor(c){super(),!1!==c&&this.__registerHost(),this.__attachShadow()}render(){return t("svg",{key:"~~7f261e4d7487c49b21e4ac9981d3ded68c2e8138~~",class:"illustration",fill:"none",height:"120",part:"illustration",viewBox:"0 0 120 120",width:"120",xmlns:"http://www.w3.org/2000/svg"},t(a,{key:"~~0aecc575ef846880466442ed1e9700b7846cd36d~~"},t("path",{key:"~~bd534060278d5db41e12622ea95c6e7a51c2ab2c~~",d:"M92.78 55.45c14.154-9.946 21.815-21.77 18.421-30.81-4.986-13.285-31.952-15.53-60.23-5.016C22.694 30.14 3.812 49.433 8.8 62.718c2.697 7.187 11.828 11.143 24.12 11.595-4.309 5.283-6.063 10.878-4.356 15.852 3.917 11.408 24.563 15.232 46.116 8.54s35.85-21.365 31.934-32.774c-1.748-5.09-6.828-8.671-13.833-10.481Z",fill:"var(--s-decorative-kiwi-surface-subdued)"}),t("path",{key:"~~b33833f33759f37a760d5907d52650b9d49eaa88~~",d:"m29.452 74.045-1.932-2.444c3.312-2.654 6.374-4.783 9.186-6.387 2.812-1.603 5.545-2.76 8.2-3.469a31.43 31.43 0 0 1 8.358-1.104c2.391 0 4.652.25 6.78.75a83.183 83.183 0 0 1 6.348 1.655c2.076.605 4.192 1.157 6.347 1.656 2.155.473 4.428.71 6.82.71 2.55 0 5.296-.474 8.24-1.42 2.943-.972 5.965-2.588 9.067-4.849l-9.068-36.269c-2.313 1.998-5.046 3.627-8.2 4.889-3.127 1.261-6.623 1.892-10.486 1.892-2.707 0-5.23-.368-7.57-1.104a71.138 71.138 0 0 1-6.74-2.523 66.834 66.834 0 0 0-6.584-2.563c-2.234-.735-4.613-1.104-7.136-1.104-2.576 0-5.309.723-8.2 2.169-2.891 1.445-5.94 3.771-9.146 6.978l-.513-3.706c2.891-2.76 5.822-4.875 8.792-6.347 2.97-1.498 5.992-2.247 9.067-2.247 2.76 0 5.296.368 7.609 1.104a59.274 59.274 0 0 1 6.662 2.562 72.298 72.298 0 0 0 6.505 2.523c2.234.736 4.652 1.104 7.254 1.104 3.89 0 7.424-.736 10.605-2.208 3.18-1.498 6.478-3.929 9.895-7.293l10.802 43.326c-1.498 1.288-3.338 2.576-5.52 3.863-2.181 1.262-4.586 2.313-7.214 3.154a27.018 27.018 0 0 1-8.121 1.222c-3.312 0-6.426-.394-9.343-1.182a730.713 730.713 0 0 1-8.476-2.366 29.782 29.782 0 0 0-8.476-1.222c-2.602 0-5.112.329-7.53.986-2.392.657-4.889 1.734-7.49 3.232-2.602 1.498-5.533 3.51-8.792 6.032ZM31.384 99c-.447 0-.88-.145-1.301-.434-.394-.289-.644-.84-.75-1.655L20.03 24.254c-.105-.894.066-1.538.512-1.932.447-.42.947-.63 1.499-.63.446 0 .84.144 1.182.433.368.263.605.775.71 1.538l9.304 72.656c.131.973-.013 1.656-.434 2.05-.42.42-.893.631-1.42.631Zm-3.942-35.993-.907-8.95c2.365-1.787 4.52-3.166 6.465-4.139a43.988 43.988 0 0 1 5.756-2.404l1.34 8.436c-2.312.815-4.415 1.774-6.307 2.878-1.893 1.077-4.008 2.47-6.347 4.179Zm14.192 2.68-1.538-9.737a28.902 28.902 0 0 1 4.14-1.064 25.073 25.073 0 0 1 4.415-.395c.605 0 1.235.014 1.892.04.657.026 1.367.066 2.13.118l1.26 7.885-6.386-.316-5.913 3.47ZM25.589 46.094l-1.104-8.318c2.181-1.814 4.179-3.206 5.992-4.179a33.242 33.242 0 0 1 5.677-2.365l1.301 8.16c-2.313.736-4.363 1.63-6.15 2.681-1.787 1.051-3.693 2.392-5.716 4.021Zm13.167 1.42-1.301-8.122a23.186 23.186 0 0 1 3.903-.828c1.42-.21 2.917-.315 4.494-.315a29.2 29.2 0 0 1 1.971.079c.763.052 1.525.118 2.287.197l1.261 8.003c-1.366-.158-2.562-.237-3.587-.237-1.866 0-3.561.119-5.086.355-1.498.237-2.812.526-3.942.867Zm24.955 9.303a191.46 191.46 0 0 0-6.426-1.419c-1.84-.394-3.377-.644-4.613-.749l-1.3-8.121c1.629.184 3.364.473 5.203.867 1.84.368 3.72.775 5.638 1.222l1.498 8.2Zm13.246 11.157-11.709-2.878-1.537-8.279c1.63.395 3.364.736 5.204 1.025 1.866.263 3.916.395 6.15.395l1.892 9.737ZM36.154 31.232l-1.34-8.555 5.006-1.774 7.727 1.459 1.34 8.436a32.85 32.85 0 0 0-3.074-.394 25.092 25.092 0 0 0-2.681-.158c-1.262 0-2.484.092-3.666.276-1.183.184-2.287.42-3.312.71Zm24.6 9.382a195.445 195.445 0 0 0-5.4-1.182 94.323 94.323 0 0 0-5.244-.907l-1.222-7.727c1.577.263 3.193.591 4.849.986 1.655.394 3.535.867 5.637 1.419l1.38 7.411Zm12.734 9.462c-1.84 0-3.798-.145-5.874-.434-2.077-.315-3.877-.657-5.401-1.025l-1.459-8.003c1.524.342 3.272.67 5.243.986 1.998.315 3.969.473 5.914.473l1.577 8.003Zm1.577 8.16-1.577-8.16c1.472 0 3.088-.131 4.849-.394 1.76-.263 3.6-.723 5.519-1.38l1.735 8.121a42.066 42.066 0 0 1-5.362 1.34c-1.76.316-3.482.474-5.164.474Zm12.576 7.846-2.05-9.659a50.857 50.857 0 0 0 4.691-1.932c1.63-.762 3.561-1.866 5.795-3.311l2.05 8.712-10.486 6.19Zm-17.189-31.42c-2.339 0-4.428-.158-6.268-.474a72.648 72.648 0 0 1-4.81-.985l-1.143-6.229 11.038 1.695 1.183 5.992Zm1.459 7.411-1.459-7.412c1.761-.052 3.483-.289 5.165-.71a32.223 32.223 0 0 0 4.81-1.576l1.694 7.806c-1.419.552-3.048 1.012-4.888 1.38-1.84.341-3.614.512-5.322.512Zm11.945 6.229-1.735-8.121c1.34-.552 2.826-1.301 4.455-2.247a39.054 39.054 0 0 0 4.889-3.39l2.09 8.83a46.897 46.897 0 0 1-4.613 2.68 52.962 52.962 0 0 1-5.086 2.248Zm-3.43-15.927-1.104-5.164 8.555-6.19 1.459 5.677c-1.709 1.393-3.272 2.523-4.692 3.39a50.803 50.803 0 0 1-4.218 2.287Z",fill:"var(--s-icon-strong)"})))}static get style(){return":host{display:inline-flex}"}},[1,"swirl-illustration-start"]),i=s,r=function(){"undefined"!=typeof customElements&&["swirl-illustration-start"].forEach((c=>{"swirl-illustration-start"===c&&(customElements.get(e(c))\|\|customElements.define(e(c),s))}))};export{i as SwirlIllustrationStart,r as defineCustomElement}
1	+ import{proxyCustomElement as c,HTMLElement as l,h as t,Fragment as a,transformTag as e}from"@stencil/core/internal/client";const s=c(class extends l{constructor(c){super(),!1!==c&&this.__registerHost(),this.__attachShadow()}render(){return t("svg",{key:"bf8921406e109dc54ebf8328e324a9ed2443d797",class:"illustration",fill:"none",height:"120",part:"illustration",viewBox:"0 0 120 120",width:"120",xmlns:"http://www.w3.org/2000/svg"},t(a,{key:"39db7ce2453f7fbef5752a883f7c8883024b87ff"},t("path",{key:"44a37ef531665b712c9f4c68178d39b9b68a9bd0",d:"M92.78 55.45c14.154-9.946 21.815-21.77 18.421-30.81-4.986-13.285-31.952-15.53-60.23-5.016C22.694 30.14 3.812 49.433 8.8 62.718c2.697 7.187 11.828 11.143 24.12 11.595-4.309 5.283-6.063 10.878-4.356 15.852 3.917 11.408 24.563 15.232 46.116 8.54s35.85-21.365 31.934-32.774c-1.748-5.09-6.828-8.671-13.833-10.481Z",fill:"var(--s-decorative-kiwi-surface-subdued)"}),t("path",{key:"bad2f758e6b41b4aa1a6836656810b63796cc4bf",d:"m29.452 74.045-1.932-2.444c3.312-2.654 6.374-4.783 9.186-6.387 2.812-1.603 5.545-2.76 8.2-3.469a31.43 31.43 0 0 1 8.358-1.104c2.391 0 4.652.25 6.78.75a83.183 83.183 0 0 1 6.348 1.655c2.076.605 4.192 1.157 6.347 1.656 2.155.473 4.428.71 6.82.71 2.55 0 5.296-.474 8.24-1.42 2.943-.972 5.965-2.588 9.067-4.849l-9.068-36.269c-2.313 1.998-5.046 3.627-8.2 4.889-3.127 1.261-6.623 1.892-10.486 1.892-2.707 0-5.23-.368-7.57-1.104a71.138 71.138 0 0 1-6.74-2.523 66.834 66.834 0 0 0-6.584-2.563c-2.234-.735-4.613-1.104-7.136-1.104-2.576 0-5.309.723-8.2 2.169-2.891 1.445-5.94 3.771-9.146 6.978l-.513-3.706c2.891-2.76 5.822-4.875 8.792-6.347 2.97-1.498 5.992-2.247 9.067-2.247 2.76 0 5.296.368 7.609 1.104a59.274 59.274 0 0 1 6.662 2.562 72.298 72.298 0 0 0 6.505 2.523c2.234.736 4.652 1.104 7.254 1.104 3.89 0 7.424-.736 10.605-2.208 3.18-1.498 6.478-3.929 9.895-7.293l10.802 43.326c-1.498 1.288-3.338 2.576-5.52 3.863-2.181 1.262-4.586 2.313-7.214 3.154a27.018 27.018 0 0 1-8.121 1.222c-3.312 0-6.426-.394-9.343-1.182a730.713 730.713 0 0 1-8.476-2.366 29.782 29.782 0 0 0-8.476-1.222c-2.602 0-5.112.329-7.53.986-2.392.657-4.889 1.734-7.49 3.232-2.602 1.498-5.533 3.51-8.792 6.032ZM31.384 99c-.447 0-.88-.145-1.301-.434-.394-.289-.644-.84-.75-1.655L20.03 24.254c-.105-.894.066-1.538.512-1.932.447-.42.947-.63 1.499-.63.446 0 .84.144 1.182.433.368.263.605.775.71 1.538l9.304 72.656c.131.973-.013 1.656-.434 2.05-.42.42-.893.631-1.42.631Zm-3.942-35.993-.907-8.95c2.365-1.787 4.52-3.166 6.465-4.139a43.988 43.988 0 0 1 5.756-2.404l1.34 8.436c-2.312.815-4.415 1.774-6.307 2.878-1.893 1.077-4.008 2.47-6.347 4.179Zm14.192 2.68-1.538-9.737a28.902 28.902 0 0 1 4.14-1.064 25.073 25.073 0 0 1 4.415-.395c.605 0 1.235.014 1.892.04.657.026 1.367.066 2.13.118l1.26 7.885-6.386-.316-5.913 3.47ZM25.589 46.094l-1.104-8.318c2.181-1.814 4.179-3.206 5.992-4.179a33.242 33.242 0 0 1 5.677-2.365l1.301 8.16c-2.313.736-4.363 1.63-6.15 2.681-1.787 1.051-3.693 2.392-5.716 4.021Zm13.167 1.42-1.301-8.122a23.186 23.186 0 0 1 3.903-.828c1.42-.21 2.917-.315 4.494-.315a29.2 29.2 0 0 1 1.971.079c.763.052 1.525.118 2.287.197l1.261 8.003c-1.366-.158-2.562-.237-3.587-.237-1.866 0-3.561.119-5.086.355-1.498.237-2.812.526-3.942.867Zm24.955 9.303a191.46 191.46 0 0 0-6.426-1.419c-1.84-.394-3.377-.644-4.613-.749l-1.3-8.121c1.629.184 3.364.473 5.203.867 1.84.368 3.72.775 5.638 1.222l1.498 8.2Zm13.246 11.157-11.709-2.878-1.537-8.279c1.63.395 3.364.736 5.204 1.025 1.866.263 3.916.395 6.15.395l1.892 9.737ZM36.154 31.232l-1.34-8.555 5.006-1.774 7.727 1.459 1.34 8.436a32.85 32.85 0 0 0-3.074-.394 25.092 25.092 0 0 0-2.681-.158c-1.262 0-2.484.092-3.666.276-1.183.184-2.287.42-3.312.71Zm24.6 9.382a195.445 195.445 0 0 0-5.4-1.182 94.323 94.323 0 0 0-5.244-.907l-1.222-7.727c1.577.263 3.193.591 4.849.986 1.655.394 3.535.867 5.637 1.419l1.38 7.411Zm12.734 9.462c-1.84 0-3.798-.145-5.874-.434-2.077-.315-3.877-.657-5.401-1.025l-1.459-8.003c1.524.342 3.272.67 5.243.986 1.998.315 3.969.473 5.914.473l1.577 8.003Zm1.577 8.16-1.577-8.16c1.472 0 3.088-.131 4.849-.394 1.76-.263 3.6-.723 5.519-1.38l1.735 8.121a42.066 42.066 0 0 1-5.362 1.34c-1.76.316-3.482.474-5.164.474Zm12.576 7.846-2.05-9.659a50.857 50.857 0 0 0 4.691-1.932c1.63-.762 3.561-1.866 5.795-3.311l2.05 8.712-10.486 6.19Zm-17.189-31.42c-2.339 0-4.428-.158-6.268-.474a72.648 72.648 0 0 1-4.81-.985l-1.143-6.229 11.038 1.695 1.183 5.992Zm1.459 7.411-1.459-7.412c1.761-.052 3.483-.289 5.165-.71a32.223 32.223 0 0 0 4.81-1.576l1.694 7.806c-1.419.552-3.048 1.012-4.888 1.38-1.84.341-3.614.512-5.322.512Zm11.945 6.229-1.735-8.121c1.34-.552 2.826-1.301 4.455-2.247a39.054 39.054 0 0 0 4.889-3.39l2.09 8.83a46.897 46.897 0 0 1-4.613 2.68 52.962 52.962 0 0 1-5.086 2.248Zm-3.43-15.927-1.104-5.164 8.555-6.19 1.459 5.677c-1.709 1.393-3.272 2.523-4.692 3.39a50.803 50.803 0 0 1-4.218 2.287Z",fill:"var(--s-icon-strong)"})))}static get style(){return":host{display:inline-flex}"}},[1,"swirl-illustration-start"]),i=s,r=function(){"undefined"!=typeof customElements&&["swirl-illustration-start"].forEach((c=>{"swirl-illustration-start"===c&&(customElements.get(e(c))\|\|customElements.define(e(c),s))}))};export{i as SwirlIllustrationStart,r as defineCustomElement}

package/dist/components/swirl-illustration-tasks.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as e,HTMLElement as t,h as s,Fragment as c,transformTag as a}from"@stencil/core/internal/client";const i=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return s("svg",{key:"~~567ebca153d99c7d0bce79521386cfa06181e45b~~",class:"illustration",fill:"none",height:"120",part:"illustration",viewBox:"0 0 120 120",width:"120",xmlns:"http://www.w3.org/2000/svg"},s(c,{key:"~~49e97951f9594544f36ca06d031e764c356a0a63~~"},s("path",{key:"~~35a15d988c61f7e134fe1b6a59641bc904a8a728~~",d:"M27.59 58.404C13.162 48.234 5.354 36.144 8.813 26.9c5.082-13.583 32.567-15.88 61.388-5.128 28.822 10.752 48.066 30.479 42.984 44.062-2.75 7.349-12.056 11.393-24.584 11.856 4.392 5.402 6.18 11.122 4.44 16.208-3.992 11.664-25.036 15.574-47.004 8.732C24.072 95.788 9.5 80.786 13.492 69.121c1.781-5.206 6.959-8.867 14.098-10.717Z",fill:"var(--s-decorative-blueberry-surface-subdued)"}),s("path",{key:"~~18ed3b1c2c53234e13f6a7fde43db839009d5a11~~",d:"M29.844 100.672V30.477h60.312v70.195H29.844Zm11.64-13.281v-3.907H60v3.907H41.484Zm0-9.493v-3.945h37.032v3.945H41.484ZM33.75 96.766h52.5V34.383h-52.5v62.383Zm7.734-28.399v-3.906h37.032v3.906H41.484Zm0-9.492V54.93h37.032v3.945H41.484Zm0-9.531v-3.907h37.032v3.907H41.484Zm3.438-11.914c-.495 0-.925-.183-1.29-.547a1.832 1.832 0 0 1-.507-1.29v-1.288c0-1.875.651-3.477 1.953-4.805 1.328-1.354 2.943-2.031 4.844-2.031h1.406c.781 0 1.432-.287 1.953-.86.521-.573.782-1.237.782-1.992v-.039c0-1.614.585-3.008 1.757-4.18 1.172-1.171 2.565-1.757 4.18-1.757 1.615 0 3.008.586 4.18 1.757 1.172 1.172 1.757 2.566 1.757 4.18v.04c0 .754.26 1.419.782 1.991.52.573 1.172.86 1.953.86h1.406c1.901 0 3.503.677 4.805 2.031 1.328 1.328 1.992 2.93 1.992 4.805v1.289c0 .495-.17.924-.508 1.289-.338.364-.768.547-1.289.547H44.922ZM60 27.078c.677 0 1.25-.234 1.719-.703.495-.495.742-1.068.742-1.719 0-.677-.247-1.25-.742-1.718A2.277 2.277 0 0 0 60 22.195c-.677 0-1.263.248-1.758.742a2.338 2.338 0 0 0-.703 1.72c0 .65.234 1.223.703 1.718a2.47 2.47 0 0 0 1.758.703Z",fill:"var(--s-icon-strong)"})))}static get style(){return":host{display:inline-flex}"}},[1,"swirl-illustration-tasks"]),l=i,r=function(){"undefined"!=typeof customElements&&["swirl-illustration-tasks"].forEach((e=>{"swirl-illustration-tasks"===e&&(customElements.get(a(e))\|\|customElements.define(a(e),i))}))};export{l as SwirlIllustrationTasks,r as defineCustomElement}
1	+ import{proxyCustomElement as e,HTMLElement as t,h as s,Fragment as c,transformTag as i}from"@stencil/core/internal/client";const l=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return s("svg",{key:"1a8b4271826a8a8dfcc998b2838ca1ed4e56b90f",class:"illustration",fill:"none",height:"120",part:"illustration",viewBox:"0 0 120 120",width:"120",xmlns:"http://www.w3.org/2000/svg"},s(c,{key:"e1892ef9d771eb7907f985b948784569871ebab1"},s("path",{key:"6df27b66846107885778757f49a40bdad9c1c3e5",d:"M27.59 58.404C13.162 48.234 5.354 36.144 8.813 26.9c5.082-13.583 32.567-15.88 61.388-5.128 28.822 10.752 48.066 30.479 42.984 44.062-2.75 7.349-12.056 11.393-24.584 11.856 4.392 5.402 6.18 11.122 4.44 16.208-3.992 11.664-25.036 15.574-47.004 8.732C24.072 95.788 9.5 80.786 13.492 69.121c1.781-5.206 6.959-8.867 14.098-10.717Z",fill:"var(--s-decorative-blueberry-surface-subdued)"}),s("path",{key:"e0c0ed07b7c21948303deb9731e7458abbb5c3e1",d:"M29.844 100.672V30.477h60.312v70.195H29.844Zm11.64-13.281v-3.907H60v3.907H41.484Zm0-9.493v-3.945h37.032v3.945H41.484ZM33.75 96.766h52.5V34.383h-52.5v62.383Zm7.734-28.399v-3.906h37.032v3.906H41.484Zm0-9.492V54.93h37.032v3.945H41.484Zm0-9.531v-3.907h37.032v3.907H41.484Zm3.438-11.914c-.495 0-.925-.183-1.29-.547a1.832 1.832 0 0 1-.507-1.29v-1.288c0-1.875.651-3.477 1.953-4.805 1.328-1.354 2.943-2.031 4.844-2.031h1.406c.781 0 1.432-.287 1.953-.86.521-.573.782-1.237.782-1.992v-.039c0-1.614.585-3.008 1.757-4.18 1.172-1.171 2.565-1.757 4.18-1.757 1.615 0 3.008.586 4.18 1.757 1.172 1.172 1.757 2.566 1.757 4.18v.04c0 .754.26 1.419.782 1.991.52.573 1.172.86 1.953.86h1.406c1.901 0 3.503.677 4.805 2.031 1.328 1.328 1.992 2.93 1.992 4.805v1.289c0 .495-.17.924-.508 1.289-.338.364-.768.547-1.289.547H44.922ZM60 27.078c.677 0 1.25-.234 1.719-.703.495-.495.742-1.068.742-1.719 0-.677-.247-1.25-.742-1.718A2.277 2.277 0 0 0 60 22.195c-.677 0-1.263.248-1.758.742a2.338 2.338 0 0 0-.703 1.72c0 .65.234 1.223.703 1.718a2.47 2.47 0 0 0 1.758.703Z",fill:"var(--s-icon-strong)"})))}static get style(){return":host{display:inline-flex}"}},[1,"swirl-illustration-tasks"]),a=l,r=function(){"undefined"!=typeof customElements&&["swirl-illustration-tasks"].forEach((e=>{"swirl-illustration-tasks"===e&&(customElements.get(i(e))\|\|customElements.define(i(e),l))}))};export{a as SwirlIllustrationTasks,r as defineCustomElement}

package/dist/components/swirl-illustration-warning-sign.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as e,HTMLElement as t,h as n,Fragment as s,transformTag as i}from"@stencil/core/internal/client";const c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return n("svg",{key:"~~d5029a9c6b6438e8fa33fc4e363125267f0d033d~~",class:"illustration",fill:"none",height:"120",part:"illustration",viewBox:"0 0 120 120",width:"120",xmlns:"http://www.w3.org/2000/svg"},n(s,{key:"~~ff350c05eb6581face6343eee33250981bef9782~~"},n("path",{key:"~~7a4b0898a845991337de7d73cc330c78f6c9135d~~",d:"M26.59 57.404C12.162 47.234 4.354 35.144 7.813 25.9c5.082-13.583 32.567-15.88 61.388-5.128 28.822 10.752 48.066 30.479 42.984 44.062-2.75 7.349-12.056 11.393-24.584 11.856 4.392 5.402 6.18 11.122 4.44 16.208-3.992 11.664-25.036 15.574-47.004 8.732C23.072 94.788 8.5 79.786 12.492 68.121c1.781-5.206 6.959-8.867 14.098-10.717Z",fill:"var(--s-decorative-banana-surface-subdued)"}),n("path",{key:"~~8d32843d6718a131b7671869a092c0114a0ec5b6~~",d:"M26.602 100.25c-1.901 0-3.477-.625-4.727-1.875-1.25-1.25-1.875-2.826-1.875-4.727 0-1.276.326-2.59.977-3.945l32.773-66.21C55.234 20.496 57.396 19 60.234 19c2.839 0 5 1.497 6.485 4.492l32.773 66.211c.651 1.354.977 2.67.977 3.945 0 1.901-.625 3.477-1.875 4.727-1.224 1.25-2.8 1.875-4.727 1.875H26.602Zm33.632-11.445c-.937 0-1.744-.339-2.422-1.016-.65-.651-.976-1.458-.976-2.422 0-.963.325-1.77.977-2.422.65-.65 1.458-.976 2.421-.976.964 0 1.771.325 2.422.976.651.651.977 1.459.977 2.422 0 .964-.339 1.771-1.016 2.422a3.18 3.18 0 0 1-2.383 1.016Zm-33.632 8.32h67.265c1.068 0 1.914-.313 2.54-.938.624-.599.937-1.419.937-2.46 0-.912-.222-1.784-.664-2.618L63.906 24.86c-.885-1.823-2.11-2.734-3.672-2.734-1.536 0-2.76.924-3.672 2.773L23.79 91.07c-.443.886-.664 1.771-.664 2.657 0 1.015.313 1.835.938 2.46.65.626 1.497.938 2.539.938Zm33.632-18.984c-.52 0-.963-.157-1.328-.47a1.93 1.93 0 0 1-.625-1.25L55.86 46.54c-.13-1.614.222-2.93 1.055-3.945.833-1.042 1.94-1.563 3.32-1.563 1.407 0 2.513.521 3.32 1.563.834 1.041 1.186 2.356 1.055 3.945l-2.421 29.883c-.027.495-.235.911-.626 1.25-.364.312-.807.469-1.328.469Z",fill:"var(--s-icon-strong)"})))}static get style(){return":host{display:inline-flex}"}},[1,"swirl-illustration-warning-sign"]),l=c,a=function(){"undefined"!=typeof customElements&&["swirl-illustration-warning-sign"].forEach((e=>{"swirl-illustration-warning-sign"===e&&(customElements.get(i(e))\|\|customElements.define(i(e),c))}))};export{l as SwirlIllustrationWarningSign,a as defineCustomElement}
1	+ import{proxyCustomElement as e,HTMLElement as t,h as n,Fragment as s,transformTag as c}from"@stencil/core/internal/client";const i=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return n("svg",{key:"392582870566eb3c6710d2a34cee4d1724ef1eb5",class:"illustration",fill:"none",height:"120",part:"illustration",viewBox:"0 0 120 120",width:"120",xmlns:"http://www.w3.org/2000/svg"},n(s,{key:"738662da8fffd3c6eddb35fcec92e7a163a2564b"},n("path",{key:"006b6c70baaf9fb1c7d5ca9c736863b07ab6b1ef",d:"M26.59 57.404C12.162 47.234 4.354 35.144 7.813 25.9c5.082-13.583 32.567-15.88 61.388-5.128 28.822 10.752 48.066 30.479 42.984 44.062-2.75 7.349-12.056 11.393-24.584 11.856 4.392 5.402 6.18 11.122 4.44 16.208-3.992 11.664-25.036 15.574-47.004 8.732C23.072 94.788 8.5 79.786 12.492 68.121c1.781-5.206 6.959-8.867 14.098-10.717Z",fill:"var(--s-decorative-banana-surface-subdued)"}),n("path",{key:"e4823e31e97094ff8bcfc2f1b556308745f0ff6d",d:"M26.602 100.25c-1.901 0-3.477-.625-4.727-1.875-1.25-1.25-1.875-2.826-1.875-4.727 0-1.276.326-2.59.977-3.945l32.773-66.21C55.234 20.496 57.396 19 60.234 19c2.839 0 5 1.497 6.485 4.492l32.773 66.211c.651 1.354.977 2.67.977 3.945 0 1.901-.625 3.477-1.875 4.727-1.224 1.25-2.8 1.875-4.727 1.875H26.602Zm33.632-11.445c-.937 0-1.744-.339-2.422-1.016-.65-.651-.976-1.458-.976-2.422 0-.963.325-1.77.977-2.422.65-.65 1.458-.976 2.421-.976.964 0 1.771.325 2.422.976.651.651.977 1.459.977 2.422 0 .964-.339 1.771-1.016 2.422a3.18 3.18 0 0 1-2.383 1.016Zm-33.632 8.32h67.265c1.068 0 1.914-.313 2.54-.938.624-.599.937-1.419.937-2.46 0-.912-.222-1.784-.664-2.618L63.906 24.86c-.885-1.823-2.11-2.734-3.672-2.734-1.536 0-2.76.924-3.672 2.773L23.79 91.07c-.443.886-.664 1.771-.664 2.657 0 1.015.313 1.835.938 2.46.65.626 1.497.938 2.539.938Zm33.632-18.984c-.52 0-.963-.157-1.328-.47a1.93 1.93 0 0 1-.625-1.25L55.86 46.54c-.13-1.614.222-2.93 1.055-3.945.833-1.042 1.94-1.563 3.32-1.563 1.407 0 2.513.521 3.32 1.563.834 1.041 1.186 2.356 1.055 3.945l-2.421 29.883c-.027.495-.235.911-.626 1.25-.364.312-.807.469-1.328.469Z",fill:"var(--s-icon-strong)"})))}static get style(){return":host{display:inline-flex}"}},[1,"swirl-illustration-warning-sign"]),l=i,a=function(){"undefined"!=typeof customElements&&["swirl-illustration-warning-sign"].forEach((e=>{"swirl-illustration-warning-sign"===e&&(customElements.get(c(e))\|\|customElements.define(c(e),i))}))};export{l as SwirlIllustrationWarningSign,a as defineCustomElement}

package/dist/components/swirl-illustration-wave.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as e,HTMLElement as l,h as c,Fragment as t,transformTag as a}from"@stencil/core/internal/client";const s=e(class extends l{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return c("svg",{key:"~~7aea21ec1399d4a84fa04b71e243f25ef0353cf2~~",class:"illustration",fill:"none",height:"120",part:"illustration",viewBox:"0 0 120 120",width:"120",xmlns:"http://www.w3.org/2000/svg"},c(t,{key:"~~c330d606af3444e71049a0f77ab8b946ecebf552~~"},c("path",{key:"~~16983a96acf1f6e5eb149864e5b82fd9b41ebc6a~~",d:"M92.78 58.45c14.154-9.946 21.815-21.77 18.421-30.81-4.986-13.285-31.952-15.53-60.23-5.016C22.694 33.14 3.812 52.433 8.8 65.718c2.697 7.187 11.828 11.143 24.12 11.595-4.309 5.283-6.063 10.878-4.356 15.852 3.917 11.408 24.563 15.232 46.116 8.54s35.85-21.365 31.934-32.774c-1.748-5.09-6.828-8.671-13.833-10.481Z",fill:"var(--s-decorative-blueberry-surface-subdued)"}),c("path",{key:"~~be464300e3e549b3b47b9814d511be490e711103~~",d:"M77.266 101.031c-3.959 0-7.93-.898-11.914-2.695-3.959-1.797-7.683-4.388-11.172-7.773L32.422 69.547c-1.797-1.771-2.695-3.75-2.695-5.938 0-1.562.468-3.007 1.406-4.336.937-1.328 2.122-2.252 3.555-2.773l-1.172-1.172c-1.433-1.432-2.149-3.099-2.149-5 0-1.614.482-3.06 1.445-4.336.964-1.276 2.201-2.135 3.711-2.578l-.82-.82c-1.354-1.354-2.031-3.008-2.031-4.961 0-2.005.703-3.75 2.11-5.235 1.432-1.484 3.15-2.226 5.156-2.226 1.953 0 3.632.703 5.039 2.11l1.015 1.015c.469-1.537 1.38-2.747 2.735-3.633 1.38-.911 2.877-1.367 4.492-1.367.911 0 1.784.156 2.617.469.86.286 1.614.768 2.266 1.445l18.007 18.008a43.824 43.824 0 0 1-.312-2.305 19.82 19.82 0 0 1-.117-2.11c0-2.083.403-3.997 1.21-5.742.834-1.77 1.967-3.19 3.4-4.257 1.431-1.068 3.072-1.602 4.92-1.602 1.746 0 3.191.573 4.337 1.719 1.146 1.146 1.719 2.526 1.719 4.14 0 .938-.118 1.797-.352 2.579-.234.755-.352 1.588-.352 2.5 0 1.797.456 4.062 1.368 6.797.911 2.734 2.33 6.328 4.257 10.78l1.133 2.618c.834 1.953 1.459 3.815 1.875 5.586.443 1.77.664 3.541.664 5.312 0 3.907-.573 7.5-1.718 10.782-1.146 3.255-2.774 6.08-4.883 8.476a21.45 21.45 0 0 1-7.461 5.547c-2.865 1.328-6.042 1.992-9.531 1.992ZM30.742 88.023c-2.604-.442-4.883-1.588-6.836-3.437A13.541 13.541 0 0 1 20 77.906l3.79-.937c.468 1.875 1.392 3.463 2.773 4.765a9.384 9.384 0 0 0 4.843 2.461l-.664 3.828Zm3.828-6.796c-1.9-.339-3.567-1.172-5-2.5-1.406-1.355-2.33-2.97-2.773-4.844l3.828-.899a5.766 5.766 0 0 0 1.64 2.891 5.958 5.958 0 0 0 2.97 1.484l-.665 3.868Zm42.813 15.507c2.812 0 5.364-.546 7.656-1.64a16.514 16.514 0 0 0 5.938-4.61c1.666-1.979 2.942-4.336 3.828-7.07.911-2.76 1.367-5.82 1.367-9.18 0-1.614-.156-3.138-.469-4.57a22.74 22.74 0 0 0-1.406-4.336l-1.133-2.617c-2.057-4.792-3.594-8.711-4.61-11.758-.989-3.047-1.484-5.65-1.484-7.812 0-.834.105-1.732.313-2.696.234-.99.351-1.68.351-2.07 0-.443-.182-.82-.546-1.133-.339-.312-.769-.469-1.29-.469-.99 0-1.835.313-2.539.938-.703.599-1.25 1.393-1.64 2.383-.365.99-.547 2.057-.547 3.203 0 .495.013 1.029.039 1.601.052.547.143 1.29.273 2.227l1.055 7.383c-2.63 4.036-3.945 7.969-3.945 11.797 0 1.927.338 3.802 1.015 5.625.704 1.823 1.732 3.554 3.086 5.195l-3.437 2.89c-3.464-4.088-5.195-8.658-5.195-13.71 0-3.88 1.041-7.76 3.124-11.64L56.172 33.647a3.087 3.087 0 0 0-2.266-.937c-.807 0-1.536.286-2.187.86-.625.546-.938 1.236-.938 2.07 0 .963.339 1.784 1.016 2.46l16.797 16.797-2.93 2.891L43.32 35.445c-.677-.677-1.432-1.015-2.265-1.015-.808 0-1.524.325-2.149.976-.625.625-.937 1.367-.937 2.227 0 .911.312 1.68.937 2.304l22.305 22.344-2.89 2.89-17.383-17.343a1.733 1.733 0 0 0-.938-.547 4.505 4.505 0 0 0-1.016-.117c-.885 0-1.64.313-2.265.938a3.087 3.087 0 0 0-.938 2.265c0 .86.313 1.628.938 2.305l17.031 17.07-2.89 2.89-11.641-11.6c-.495-.495-1.133-.743-1.914-.743-.808 0-1.537.3-2.188.898-.65.6-.976 1.303-.976 2.11 0 1.094.586 2.213 1.757 3.36l21.407 20.702c3.15 3.021 6.445 5.339 9.883 6.954 3.463 1.614 6.861 2.421 10.195 2.421Zm-7.578-62.93a5.374 5.374 0 0 0-2.149-2.538 5.535 5.535 0 0 0-3.164-.977v-3.906c1.927 0 3.698.534 5.313 1.601 1.64 1.068 2.838 2.487 3.593 4.258l-3.593 1.563Zm5.625-5.117c-.782-1.77-1.967-3.177-3.555-4.218-1.563-1.042-3.294-1.563-5.195-1.563V19c2.656 0 5.104.742 7.343 2.227 2.24 1.458 3.907 3.424 5 5.898l-3.593 1.563Z",fill:"var(--s-icon-strong)"})))}static get style(){return":host{display:inline-flex}"}},[1,"swirl-illustration-wave"]),i=s,r=function(){"undefined"!=typeof customElements&&["swirl-illustration-wave"].forEach((e=>{"swirl-illustration-wave"===e&&(customElements.get(a(e))\|\|customElements.define(a(e),s))}))};export{i as SwirlIllustrationWave,r as defineCustomElement}
1	+ import{proxyCustomElement as c,HTMLElement as e,h as l,Fragment as t,transformTag as a}from"@stencil/core/internal/client";const s=c(class extends e{constructor(c){super(),!1!==c&&this.__registerHost(),this.__attachShadow()}render(){return l("svg",{key:"f487b5d27dc914660799c7f2eebd39629a14e17e",class:"illustration",fill:"none",height:"120",part:"illustration",viewBox:"0 0 120 120",width:"120",xmlns:"http://www.w3.org/2000/svg"},l(t,{key:"c51d88ccfcdffb8b54c20fef3aab8c5ec5438b9a"},l("path",{key:"e5a85bb669a9424da8a652aa61739fc13a3991b0",d:"M92.78 58.45c14.154-9.946 21.815-21.77 18.421-30.81-4.986-13.285-31.952-15.53-60.23-5.016C22.694 33.14 3.812 52.433 8.8 65.718c2.697 7.187 11.828 11.143 24.12 11.595-4.309 5.283-6.063 10.878-4.356 15.852 3.917 11.408 24.563 15.232 46.116 8.54s35.85-21.365 31.934-32.774c-1.748-5.09-6.828-8.671-13.833-10.481Z",fill:"var(--s-decorative-blueberry-surface-subdued)"}),l("path",{key:"66023b4114efc0473bcc72b3a49725e84da9e1dc",d:"M77.266 101.031c-3.959 0-7.93-.898-11.914-2.695-3.959-1.797-7.683-4.388-11.172-7.773L32.422 69.547c-1.797-1.771-2.695-3.75-2.695-5.938 0-1.562.468-3.007 1.406-4.336.937-1.328 2.122-2.252 3.555-2.773l-1.172-1.172c-1.433-1.432-2.149-3.099-2.149-5 0-1.614.482-3.06 1.445-4.336.964-1.276 2.201-2.135 3.711-2.578l-.82-.82c-1.354-1.354-2.031-3.008-2.031-4.961 0-2.005.703-3.75 2.11-5.235 1.432-1.484 3.15-2.226 5.156-2.226 1.953 0 3.632.703 5.039 2.11l1.015 1.015c.469-1.537 1.38-2.747 2.735-3.633 1.38-.911 2.877-1.367 4.492-1.367.911 0 1.784.156 2.617.469.86.286 1.614.768 2.266 1.445l18.007 18.008a43.824 43.824 0 0 1-.312-2.305 19.82 19.82 0 0 1-.117-2.11c0-2.083.403-3.997 1.21-5.742.834-1.77 1.967-3.19 3.4-4.257 1.431-1.068 3.072-1.602 4.92-1.602 1.746 0 3.191.573 4.337 1.719 1.146 1.146 1.719 2.526 1.719 4.14 0 .938-.118 1.797-.352 2.579-.234.755-.352 1.588-.352 2.5 0 1.797.456 4.062 1.368 6.797.911 2.734 2.33 6.328 4.257 10.78l1.133 2.618c.834 1.953 1.459 3.815 1.875 5.586.443 1.77.664 3.541.664 5.312 0 3.907-.573 7.5-1.718 10.782-1.146 3.255-2.774 6.08-4.883 8.476a21.45 21.45 0 0 1-7.461 5.547c-2.865 1.328-6.042 1.992-9.531 1.992ZM30.742 88.023c-2.604-.442-4.883-1.588-6.836-3.437A13.541 13.541 0 0 1 20 77.906l3.79-.937c.468 1.875 1.392 3.463 2.773 4.765a9.384 9.384 0 0 0 4.843 2.461l-.664 3.828Zm3.828-6.796c-1.9-.339-3.567-1.172-5-2.5-1.406-1.355-2.33-2.97-2.773-4.844l3.828-.899a5.766 5.766 0 0 0 1.64 2.891 5.958 5.958 0 0 0 2.97 1.484l-.665 3.868Zm42.813 15.507c2.812 0 5.364-.546 7.656-1.64a16.514 16.514 0 0 0 5.938-4.61c1.666-1.979 2.942-4.336 3.828-7.07.911-2.76 1.367-5.82 1.367-9.18 0-1.614-.156-3.138-.469-4.57a22.74 22.74 0 0 0-1.406-4.336l-1.133-2.617c-2.057-4.792-3.594-8.711-4.61-11.758-.989-3.047-1.484-5.65-1.484-7.812 0-.834.105-1.732.313-2.696.234-.99.351-1.68.351-2.07 0-.443-.182-.82-.546-1.133-.339-.312-.769-.469-1.29-.469-.99 0-1.835.313-2.539.938-.703.599-1.25 1.393-1.64 2.383-.365.99-.547 2.057-.547 3.203 0 .495.013 1.029.039 1.601.052.547.143 1.29.273 2.227l1.055 7.383c-2.63 4.036-3.945 7.969-3.945 11.797 0 1.927.338 3.802 1.015 5.625.704 1.823 1.732 3.554 3.086 5.195l-3.437 2.89c-3.464-4.088-5.195-8.658-5.195-13.71 0-3.88 1.041-7.76 3.124-11.64L56.172 33.647a3.087 3.087 0 0 0-2.266-.937c-.807 0-1.536.286-2.187.86-.625.546-.938 1.236-.938 2.07 0 .963.339 1.784 1.016 2.46l16.797 16.797-2.93 2.891L43.32 35.445c-.677-.677-1.432-1.015-2.265-1.015-.808 0-1.524.325-2.149.976-.625.625-.937 1.367-.937 2.227 0 .911.312 1.68.937 2.304l22.305 22.344-2.89 2.89-17.383-17.343a1.733 1.733 0 0 0-.938-.547 4.505 4.505 0 0 0-1.016-.117c-.885 0-1.64.313-2.265.938a3.087 3.087 0 0 0-.938 2.265c0 .86.313 1.628.938 2.305l17.031 17.07-2.89 2.89-11.641-11.6c-.495-.495-1.133-.743-1.914-.743-.808 0-1.537.3-2.188.898-.65.6-.976 1.303-.976 2.11 0 1.094.586 2.213 1.757 3.36l21.407 20.702c3.15 3.021 6.445 5.339 9.883 6.954 3.463 1.614 6.861 2.421 10.195 2.421Zm-7.578-62.93a5.374 5.374 0 0 0-2.149-2.538 5.535 5.535 0 0 0-3.164-.977v-3.906c1.927 0 3.698.534 5.313 1.601 1.64 1.068 2.838 2.487 3.593 4.258l-3.593 1.563Zm5.625-5.117c-.782-1.77-1.967-3.177-3.555-4.218-1.563-1.042-3.294-1.563-5.195-1.563V19c2.656 0 5.104.742 7.343 2.227 2.24 1.458 3.907 3.424 5 5.898l-3.593 1.563Z",fill:"var(--s-icon-strong)"})))}static get style(){return":host{display:inline-flex}"}},[1,"swirl-illustration-wave"]),i=s,r=function(){"undefined"!=typeof customElements&&["swirl-illustration-wave"].forEach((c=>{"swirl-illustration-wave"===c&&(customElements.get(a(c))\|\|customElements.define(a(c),s))}))};export{i as SwirlIllustrationWave,r as defineCustomElement}

package/dist/components/swirl-illustration.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as t,HTMLElement as e,h as s,Host as i,transformTag as l}from"@stencil/core/internal/client";const n=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}render(){return s(i,{key:"~~7252c3a6851e76f3b7eabd52500ebb598245b56c~~"},s("swirl-illustration-"+this.svg,{key:"~~27804307a7a776f14ed5c76c137d4ee639a830bd~~"}))}static get style(){return":host{display:inline-flex}"}},[1,"swirl-illustration",{svg:[1]}]),r=n,o=function(){"undefined"!=typeof customElements&&["swirl-illustration"].forEach((t=>{"swirl-illustration"===t&&(customElements.get(l(t))\|\|customElements.define(l(t),n))}))};export{r as SwirlIllustration,o as defineCustomElement}
1	+ import{proxyCustomElement as t,HTMLElement as e,h as s,Host as i,transformTag as l}from"@stencil/core/internal/client";const n=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}render(){return s(i,{key:"58e5febd970653c3046647c2637b2c810e6f2bcc"},s("swirl-illustration-"+this.svg,{key:"5a041e1d37e4f172c087b2471912dd45553fe499"}))}static get style(){return":host{display:inline-flex}"}},[1,"swirl-illustration",{svg:[1]}]),r=n,c=function(){"undefined"!=typeof customElements&&["swirl-illustration"].forEach((t=>{"swirl-illustration"===t&&(customElements.get(l(t))\|\|customElements.define(l(t),n))}))};export{r as SwirlIllustration,c as defineCustomElement}

package/dist/components/swirl-lightbox.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as t,HTMLElement as i,createEvent as e,h as s,Host as o,transformTag as a}from"@stencil/core/internal/client";import{d as n,e as l}from"./body-scroll-lock.js";import{c as h}from"./index2.js";import{t as r}from"./index.esm.js";import{q as d}from"./utils.js";import{d as c}from"./swirl-icon-arrow-left2.js";import{d as b}from"./swirl-icon-arrow-right2.js";import{d as g}from"./swirl-icon-close2.js";import{d as f}from"./swirl-icon-download2.js";const u=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.activeSlideChange=e(this,"activeSlideChange",7),this.lightboxClose=e(this,"lightboxClose",7),this.closeButtonLabel="Close modal",this.downloadButtonEnabled=!0,this.downloadButtonLabel="Download",this.nextSlideButtonLabel="Next slide",this.previousSlideButtonLabel="Previous slide",this.activeSlideIndex=0,this.closing=!1,this.opening=!1,this.componentLoaded=!1,this.dragging=!1,this.onKeyDown=t=>{"Escape"===t.code?(t.stopImmediatePropagation(),t.preventDefault(),this.close()):"ArrowLeft"===t.code?this.onPreviousSlideClick():"ArrowRight"===t.code&&this.onNextSlideClick()},this.preventDragStart=t=>{t.preventDefault()},this.onCloseButtonClick=()=>{this.close()},this.onDownloadButtonClick=()=>{this.slides[this.activeSlideIndex]?.download()},this.onNextSlideClick=()=>{this.activateSlide(Math.min(this.slides.length-1,this.activeSlideIndex+1)),this.activeSlideIndex===this.slides.length-1&&(this.slides.length>1?this.previousSlideButton.focus():r(this.modalEl).at(0)?.focus())},this.onPreviousSlideClick=()=>{this.activateSlide(Math.max(0,this.activeSlideIndex-1)),0===this.activeSlideIndex&&(this.slides.length>1?this.nextSlideButton.focus():r(this.modalEl).at(0)?.focus())},this.registerSlides=()=>{this.removeSlideListeners(),this.slides=Array.from(this.el.children).filter((t=>"SWIRL-FILE-VIEWER"===t.tagName)),this.setSlideAttributes()},this.onPointerDown=t=>{this.slides.length<=1\|\|(this.dragging=!0,this.dragStartPosition=t instanceof MouseEvent?t.clientX:t.touches[0].clientX,this.slides.forEach((t=>{t.style.transition="none"})))},this.onPointerMove=async t=>{if(!this.dragging)return;const i=!(t instanceof MouseEvent)&&t.touches.length>1,e=this.slides[this.activeSlideIndex]?.shadowRoot?.querySelector("swirl-file-viewer-image"),s=!!e&&await e.getZoom()>1;if(i\|\|s)return;t.preventDefault();const o=t instanceof MouseEvent?t.clientX-this.dragStartPosition:t.touches[0].clientX-this.dragStartPosition;this.slides.forEach((t=>{const i=this.activeSlideIndext.getBoundingClientRect().width;this.dragDelta=o,t.style.transform=`translate3d(${(-i+this.dragDelta)/16}rem, 0, 0)`}))},this.onPointerUp=()=>{if(!this.dragging)return;this.dragging=!1,this.dragStartPosition=void 0;const t=this.dragDelta/this.slides[this.activeSlideIndex].getBoundingClientRect().width;this.dragDelta=0;const i=t>.2,e=t<-.2;this.slides.forEach((t=>{t.style.transition=""})),i?this.onPreviousSlideClick():e?this.onNextSlideClick():this.resetSlidePositions()},this.onBackdropClick=t=>{t.target===this.slidesContainer&&this.close()},this.onContextMenu=t=>{this.downloadButtonEnabled\|\|t.preventDefault()}}connectedCallback(){this.componentLoaded&&this.registerSlides()}componentWillLoad(){this.registerSlides()}componentDidLoad(){this.ensureOpening(),this.setDialogCustomProps(),this.activateSlide(0),this.componentLoaded=!0}disconnectedCallback(){this.unlockBodyScroll(),this.removeSlideListeners(),this.activateSlideTimeout&&clearTimeout(this.activateSlideTimeout),this.closingTimeout&&clearTimeout(this.closingTimeout),this.modalEl?.open&&this.modalEl.close()}watchActiveSlideIndex(){this.activeSlideChange.emit(this.activeSlideIndex)}async open(){this.opening=!0,this.modalEl&&(this.modalEl.showModal(),this.lockBodyScroll(),this.activateSlide(this.activeSlideIndex\|\|0))}async close(){this.closing\|\|(this.closing=!0,this.unlockBodyScroll(),this.closingTimeout&&(clearTimeout(this.closingTimeout),this.closingTimeout=void 0),this.closingTimeout=setTimeout((()=>{this.resetImageZoom(),this.stopAllMediaPlayers(),this.modalEl.close(),this.closing=!1,this.lightboxClose.emit()}),150))}async activateSlide(t){this.dragging=!1,this.activeSlideIndex=t,this.slides.forEach(((t,i)=>{i===this.activeSlideIndex?(t.removeAttribute("aria-hidden"),t.setAttribute("active","true")):i===this.activeSlideIndex-1\|\|i===this.activeSlideIndex+1?(t.setAttribute("aria-hidden","true"),t.setAttribute("active","true")):t.setAttribute("aria-hidden","true"),t.style.transform=`translate3d(-${100this.activeSlideIndex}%, 0, 0)`})),this.activateSlideTimeout&&(clearTimeout(this.activateSlideTimeout),this.activateSlideTimeout=void 0),this.activateSlideTimeout=setTimeout((()=>{this.slides.forEach(((t,i)=>{i!==this.activeSlideIndex&&i!==this.activeSlideIndex-1&&i!==this.activeSlideIndex+1&&t.setAttribute("active","false")}))}),300),this.stopAllMediaPlayers(),this.resetImageZoom()}ensureOpening(){this.opening&&!this.modalEl?.open&&this.open()}setDialogCustomProps(){this.modalEl.setAttribute("closedby","none")}setSlideAttributes(){this.slides.forEach((t=>{t.setAttribute("active","false"),t.setAttribute("aria-label",t.file),t.setAttribute("aria-roledescription","slide"),t.setAttribute("role","group"),t.addEventListener("dragstart",this.preventDragStart)}))}removeSlideListeners(){this.slides?.forEach((t=>{t.removeEventListener("dragstart",this.preventDragStart)}))}resetSlidePositions(){this.slides.forEach((t=>{t.style.transform=`translate3d(-${100this.activeSlideIndex}%, 0, 0)`}))}lockBodyScroll(){n(this.el)}unlockBodyScroll(){l(this.el)}getMediaPlayers(){return d(this.el,"video")}stopAllMediaPlayers(){this.getMediaPlayers().forEach((t=>t.pause()))}resetImageZoom(){this.slides.forEach((t=>{const i=t?.shadowRoot?.querySelector("swirl-file-viewer-image");i&&i.resetZoom()}))}render(){const t=this.slides.length>1,i=h("lightbox",{"lightbox--closing":this.closing});return s(o,{key:"99ac3a7686f00d0a902564fdb35a4918a3a347c4"},s("dialog",{key:"301057789672d9f03ce8fdc77357a18268249e0d","aria-label":this.label,class:i,id:"lightbox",onKeyDown:this.onKeyDown,onMouseDown:this.onPointerDown,onMouseMove:this.onPointerMove,onMouseOut:this.onPointerUp,onMouseUp:this.onPointerUp,onTouchEnd:this.onPointerUp,onTouchMove:this.onPointerMove,onTouchStart:this.onPointerDown,ref:t=>this.modalEl=t},s("div",{key:"03ce74eda82310cae97310fe4ef88eeadbfd5a8f",class:"lightbox__body",role:"document"},s("header",{key:"d501c5afdf138b60191c0331dfb079315ef446cf",class:"lightbox__header"},s("div",{key:"383f290e2daa54bb3334601314d96416c1c997fd",class:"lightbox__toolbar"},s("slot",{key:"98003519fa0b91355c9f72819e50bb472615f917",name:"toolbar"}),this.downloadButtonEnabled&&s("button",{key:"767ecce8fe2a67cb1e14994c4cbc1048933a67f8","aria-label":this.downloadButtonLabel,class:"lightbox__download-button",onClick:this.onDownloadButtonClick,type:"button"},s("swirl-icon-download",{key:"708a8876e826bbbb1be4e2117e810aca3146d6ca"}))),s("button",{key:"0f1482d64850e0501c302ee22f49d8bc526f4a56","aria-label":this.closeButtonLabel,class:"lightbox__close-button",onClick:this.onCloseButtonClick,type:"button"},s("swirl-icon-close",{key:"52208cfcc003fed16d1e3f03f08a61be4e9dd3c4"}))),s("div",{key:"d49f0b75ed1f597d09ed7dd1bbf6bc36e68b36c7","aria-roledescription":"carousel",class:"lightbox__content",role:"group"},s("div",{key:"a25bc58eaab70a651609423507d7e7d216c9151b","aria-atomic":"false","aria-live":"polite",class:"lightbox__slides",onClick:this.onBackdropClick,onContextMenu:this.onContextMenu,ref:t=>this.slidesContainer=t},s("slot",{key:"0460712a35272e0328ed48bd13274f54fc66f1cf",onSlotchange:this.registerSlides}))),s("div",{key:"08232f261f87f11046c927157305b5bfbc4e7d77",class:"lightbox__controls"},s("button",{key:"6c4c87ce29fb4179055dae3f1b6fc5f2813677e3","aria-label":this.previousSlideButtonLabel,class:"lightbox__previous-slide-button",disabled:0===this.activeSlideIndex,onClick:this.onPreviousSlideClick,ref:t=>this.previousSlideButton=t},s("swirl-icon-arrow-left",{key:"9f6b3e13a5b601b45f36323fcb962c9872c19c85"})),s("button",{key:"7324cc125fc3612647e477619da340d46c6ea197","aria-label":this.nextSlideButtonLabel,class:"lightbox__next-slide-button",disabled:this.activeSlideIndex===this.slides.length-1,onClick:this.onNextSlideClick,ref:t=>this.nextSlideButton=t},s("swirl-icon-arrow-right",{key:"53f7ab2b7979c80b5b8b1be24d4ef183448833f8"}))),t&&s("span",{key:"a46d9e8ad1b38124568fa3957bc050399280eda3",class:"lightbox__pagination"},s("span",{key:"2b3443eb0002cf1fc51e17954e162bd5c7df6e65","aria-current":"page"},this.activeSlideIndex+1)," /"," ",this.slides.length))))}get el(){return this}static get watchers(){return{activeSlideIndex:[{watchActiveSlideIndex:0}]}}static get style(){return":host{display:block}:host {box-sizing:border-box}.lightbox{--swirl-lightbox-view-height:100vh;position:fixed;z-index:var(--s-z-40);display:block;overflow:visible;width:auto;max-width:none;height:var(--swirl-lightbox-view-height);max-height:none;margin:0;padding:0;border:none;background-color:rgba(0, 0, 0, 1);inset:0}.lightbox::backdrop{display:none}.lightbox:not([open]){display:none}@supports (height: 100dvh){.lightbox{--swirl-lightbox-view-height:100dvh}}@media (min-width: 768px){.lightbox{background-color:rgba(0, 0, 0, 0.8)}}.lightbox:not(.lightbox--closing) .lightbox__body{animation:0.15s lightbox-fade-in}@media (prefers-reduced-motion){.lightbox:not(.lightbox--closing) .lightbox__body{animation:none}}.lightbox--closing{animation:0.15s lightbox-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.lightbox--closing{animation:none}}.lightbox__body{position:relative;width:100%;height:100%}.lightbox__header{position:absolute;z-index:1;top:0;right:0;left:0;display:flex;padding:calc(var(--s-space-12) + env(safe-area-inset-top, 0)) var(--s-space-16) var(--s-space-12);align-items:flex-start;pointer-events:none;gap:var(--s-space-12);justify-content:space-between}.lightbox__header .lightbox__close-button{order:-1}@media (min-width: 768px){.lightbox__header{justify-content:flex-end}.lightbox__header .lightbox__close-button{order:unset}}.lightbox__toolbar{display:flex;align-items:center;pointer-events:auto;gap:var(--s-space-12)}.lightbox__controls{position:absolute;z-index:1;top:50%;right:0;left:0;display:none;padding-right:var(--s-space-16);padding-left:var(--s-space-16);justify-content:space-between;align-items:flex-start;pointer-events:none}@media (min-width: 768px){.lightbox__controls{display:flex}}.lightbox__close-button,.lightbox__download-button,.lightbox__previous-slide-button,.lightbox__next-slide-button{display:inline-flex;width:2.5rem;height:2.5rem;justify-content:center;align-items:center;border:none;border-radius:50%;color:var(--s-icon-on-image);background-color:rgba(0, 0, 0, 0.6);cursor:pointer;transition:opacity 0.15s;pointer-events:auto}.lightbox__close-button:disabled,.lightbox__download-button:disabled,.lightbox__previous-slide-button:disabled,.lightbox__next-slide-button:disabled{pointer-events:none;opacity:0}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.lightbox__close-button,.lightbox__download-button,.lightbox__previous-slide-button,.lightbox__next-slide-button{width:2.25rem;height:2.25rem}}.lightbox__content{overflow:hidden;width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.lightbox__slides{display:flex;width:100%;height:100%}.lightbox__slides ::slotted(){flex-basis:100%;flex-shrink:0;transition:transform 0.3s}@media (min-width: 768px){.lightbox__slides ::slotted(){padding:4rem 5rem}}@media (prefers-reduced-motion){.lightbox__slides ::slotted(*){transition:none}}.lightbox__pagination{position:absolute;bottom:var(--s-space-32);left:50%;padding:var(--s-space-4) var(--s-space-12);border-radius:var(--s-border-radius-base);color:var(--s-text-on-image);background-color:rgba(0, 0, 0, 0.6);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);transform:translateX(-50%);pointer-events:none}@media (min-width: 768px){.lightbox__pagination{display:none}}@keyframes lightbox-fade-in{from{opacity:0}to{opacity:1}}@keyframes lightbox-fade-out{from{opacity:1}to{opacity:0}}"}},[257,"swirl-lightbox",{closeButtonLabel:[1,"close-button-label"],downloadButtonEnabled:[4,"download-button-enabled"],downloadButtonLabel:[1,"download-button-label"],label:[1],nextSlideButtonLabel:[1,"next-slide-button-label"],previousSlideButtonLabel:[1,"previous-slide-button-label"],activeSlideIndex:[32],closing:[32],opening:[32],slides:[32],open:[64],close:[64],activateSlide:[64]},void 0,{activeSlideIndex:[{watchActiveSlideIndex:0}]}]),x=u,p=function(){"undefined"!=typeof customElements&&["swirl-lightbox","swirl-icon-arrow-left","swirl-icon-arrow-right","swirl-icon-close","swirl-icon-download"].forEach((t=>{switch(t){case"swirl-lightbox":customElements.get(a(t))\|\|customElements.define(a(t),u);break;case"swirl-icon-arrow-left":customElements.get(a(t))\|\|c();break;case"swirl-icon-arrow-right":customElements.get(a(t))\|\|b();break;case"swirl-icon-close":customElements.get(a(t))\|\|g();break;case"swirl-icon-download":customElements.get(a(t))\|\|f()}}))};export{x as SwirlLightbox,p as defineCustomElement}
1	+ import{proxyCustomElement as t,HTMLElement as i,createEvent as e,h as s,Host as o,transformTag as a}from"@stencil/core/internal/client";import{d as n,e as l}from"./body-scroll-lock.js";import{c as h}from"./index2.js";import{t as r}from"./index.esm.js";import{q as d}from"./utils.js";import{d as c}from"./swirl-icon-arrow-left2.js";import{d as b}from"./swirl-icon-arrow-right2.js";import{d as g}from"./swirl-icon-close2.js";import{d as f}from"./swirl-icon-download2.js";const u=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.activeSlideChange=e(this,"activeSlideChange",7),this.lightboxClose=e(this,"lightboxClose",7),this.closeButtonLabel="Close modal",this.downloadButtonEnabled=!0,this.downloadButtonLabel="Download",this.nextSlideButtonLabel="Next slide",this.previousSlideButtonLabel="Previous slide",this.activeSlideIndex=0,this.closing=!1,this.opening=!1,this.componentLoaded=!1,this.dragging=!1,this.onKeyDown=t=>{"Escape"===t.code?(t.stopImmediatePropagation(),t.preventDefault(),this.close()):"ArrowLeft"===t.code?this.onPreviousSlideClick():"ArrowRight"===t.code&&this.onNextSlideClick()},this.preventDragStart=t=>{t.preventDefault()},this.onCloseButtonClick=()=>{this.close()},this.onDownloadButtonClick=()=>{this.slides[this.activeSlideIndex]?.download()},this.onNextSlideClick=()=>{this.activateSlide(Math.min(this.slides.length-1,this.activeSlideIndex+1)),this.activeSlideIndex===this.slides.length-1&&(this.slides.length>1?this.previousSlideButton.focus():r(this.modalEl).at(0)?.focus())},this.onPreviousSlideClick=()=>{this.activateSlide(Math.max(0,this.activeSlideIndex-1)),0===this.activeSlideIndex&&(this.slides.length>1?this.nextSlideButton.focus():r(this.modalEl).at(0)?.focus())},this.registerSlides=()=>{this.removeSlideListeners(),this.slides=Array.from(this.el.children).filter((t=>"SWIRL-FILE-VIEWER"===t.tagName)),this.setSlideAttributes()},this.onPointerDown=t=>{this.slides.length<=1\|\|(this.dragging=!0,this.dragStartPosition=t instanceof MouseEvent?t.clientX:t.touches[0].clientX,this.slides.forEach((t=>{t.style.transition="none"})))},this.onPointerMove=async t=>{if(!this.dragging)return;const i=!(t instanceof MouseEvent)&&t.touches.length>1,e=this.slides[this.activeSlideIndex]?.shadowRoot?.querySelector("swirl-file-viewer-image"),s=!!e&&await e.getZoom()>1;if(i\|\|s)return;t.preventDefault();const o=t instanceof MouseEvent?t.clientX-this.dragStartPosition:t.touches[0].clientX-this.dragStartPosition;this.slides.forEach((t=>{const i=this.activeSlideIndext.getBoundingClientRect().width;this.dragDelta=o,t.style.transform=`translate3d(${(-i+this.dragDelta)/16}rem, 0, 0)`}))},this.onPointerUp=()=>{if(!this.dragging)return;this.dragging=!1,this.dragStartPosition=void 0;const t=this.dragDelta/this.slides[this.activeSlideIndex].getBoundingClientRect().width;this.dragDelta=0;const i=t>.2,e=t<-.2;this.slides.forEach((t=>{t.style.transition=""})),i?this.onPreviousSlideClick():e?this.onNextSlideClick():this.resetSlidePositions()},this.onBackdropClick=t=>{t.target===this.slidesContainer&&this.close()},this.onContextMenu=t=>{this.downloadButtonEnabled\|\|t.preventDefault()}}connectedCallback(){this.componentLoaded&&this.registerSlides()}componentWillLoad(){this.registerSlides()}componentDidLoad(){this.ensureOpening(),this.setDialogCustomProps(),this.activateSlide(0),this.componentLoaded=!0}disconnectedCallback(){this.unlockBodyScroll(),this.removeSlideListeners(),this.activateSlideTimeout&&clearTimeout(this.activateSlideTimeout),this.closingTimeout&&clearTimeout(this.closingTimeout),this.modalEl?.open&&this.modalEl.close()}watchActiveSlideIndex(){this.activeSlideChange.emit(this.activeSlideIndex)}async open(){this.opening=!0,this.modalEl&&(this.modalEl.showModal(),this.lockBodyScroll(),this.activateSlide(this.activeSlideIndex\|\|0))}async close(){this.closing\|\|(this.closing=!0,this.unlockBodyScroll(),this.closingTimeout&&(clearTimeout(this.closingTimeout),this.closingTimeout=void 0),this.closingTimeout=setTimeout((()=>{this.resetImageZoom(),this.stopAllMediaPlayers(),this.modalEl.close(),this.closing=!1,this.lightboxClose.emit()}),150))}async activateSlide(t){this.dragging=!1,this.activeSlideIndex=t,this.slides.forEach(((t,i)=>{i===this.activeSlideIndex?(t.removeAttribute("aria-hidden"),t.setAttribute("active","true")):i===this.activeSlideIndex-1\|\|i===this.activeSlideIndex+1?(t.setAttribute("aria-hidden","true"),t.setAttribute("active","true")):t.setAttribute("aria-hidden","true"),t.style.transform=`translate3d(-${100this.activeSlideIndex}%, 0, 0)`})),this.activateSlideTimeout&&(clearTimeout(this.activateSlideTimeout),this.activateSlideTimeout=void 0),this.activateSlideTimeout=setTimeout((()=>{this.slides.forEach(((t,i)=>{i!==this.activeSlideIndex&&i!==this.activeSlideIndex-1&&i!==this.activeSlideIndex+1&&t.setAttribute("active","false")}))}),300),this.stopAllMediaPlayers(),this.resetImageZoom()}ensureOpening(){this.opening&&!this.modalEl?.open&&this.open()}setDialogCustomProps(){this.modalEl.setAttribute("closedby","none")}setSlideAttributes(){this.slides.forEach((t=>{t.setAttribute("active","false"),t.setAttribute("aria-label",t.file),t.setAttribute("aria-roledescription","slide"),t.setAttribute("role","group"),t.addEventListener("dragstart",this.preventDragStart)}))}removeSlideListeners(){this.slides?.forEach((t=>{t.removeEventListener("dragstart",this.preventDragStart)}))}resetSlidePositions(){this.slides.forEach((t=>{t.style.transform=`translate3d(-${100this.activeSlideIndex}%, 0, 0)`}))}lockBodyScroll(){n(this.el)}unlockBodyScroll(){l(this.el)}getMediaPlayers(){return d(this.el,"video")}stopAllMediaPlayers(){this.getMediaPlayers().forEach((t=>t.pause()))}resetImageZoom(){this.slides.forEach((t=>{const i=t?.shadowRoot?.querySelector("swirl-file-viewer-image");i&&i.resetZoom()}))}render(){const t=this.slides.length>1,i=h("lightbox",{"lightbox--closing":this.closing});return s(o,{key:"96eadb7e108a1fc84779c5c2da757a9ee35de185"},s("dialog",{key:"ff3527c6ee697c80e45a36a81cccd569508f44bb","aria-label":this.label,class:i,id:"lightbox",onKeyDown:this.onKeyDown,onMouseDown:this.onPointerDown,onMouseMove:this.onPointerMove,onMouseOut:this.onPointerUp,onMouseUp:this.onPointerUp,onTouchEnd:this.onPointerUp,onTouchMove:this.onPointerMove,onTouchStart:this.onPointerDown,ref:t=>this.modalEl=t},s("div",{key:"97953a8f90b5df5c912b5b3a64b1262573117b7e",class:"lightbox__body",role:"document"},s("header",{key:"195f514c5d3bca9b0745efc1b7684b33307934f5",class:"lightbox__header"},s("div",{key:"c94b6d1d014fcdadd8bc65611191b996737a5d0c",class:"lightbox__toolbar"},s("slot",{key:"309399063c475c9470d83fd3dfa74e3617dbb0fc",name:"toolbar"}),this.downloadButtonEnabled&&s("button",{key:"5d7d48a4222287a8ce4b674c8417bdd68c8f1613","aria-label":this.downloadButtonLabel,class:"lightbox__download-button",onClick:this.onDownloadButtonClick,type:"button"},s("swirl-icon-download",{key:"b36cee5b4835cd19fbbcd02f61157f39a039ff9d"}))),s("button",{key:"98bb7d6dc60334683270486e7ead353f7fab3099","aria-label":this.closeButtonLabel,class:"lightbox__close-button",onClick:this.onCloseButtonClick,type:"button"},s("swirl-icon-close",{key:"aa7583634a0634a41510e5a11de8e5bf0b93ff23"}))),s("div",{key:"fb119349cf4039ba1f947e6eb039e1f941b7d708","aria-roledescription":"carousel",class:"lightbox__content",role:"group"},s("div",{key:"9c3ec0a527c842f0bf5e06146581d19595a71b29","aria-atomic":"false","aria-live":"polite",class:"lightbox__slides",onClick:this.onBackdropClick,onContextMenu:this.onContextMenu,ref:t=>this.slidesContainer=t},s("slot",{key:"67108f6524f2d257c72e43701da81d44b2b0034b",onSlotchange:this.registerSlides}))),s("div",{key:"2895347ac25a22e466cd13ac8cdcb35580fd17fb",class:"lightbox__controls"},s("button",{key:"1a8c966a66400a55f2d55cf5bfb00f40750ca144","aria-label":this.previousSlideButtonLabel,class:"lightbox__previous-slide-button",disabled:0===this.activeSlideIndex,onClick:this.onPreviousSlideClick,ref:t=>this.previousSlideButton=t},s("swirl-icon-arrow-left",{key:"26f3bf73d3693a5c5af72673ba8e257480c68d9e"})),s("button",{key:"80d88cb5118ac4f3b40bb34f6ef04e3a6e369f1f","aria-label":this.nextSlideButtonLabel,class:"lightbox__next-slide-button",disabled:this.activeSlideIndex===this.slides.length-1,onClick:this.onNextSlideClick,ref:t=>this.nextSlideButton=t},s("swirl-icon-arrow-right",{key:"488acc9d66287e0a5cde7dccef7f5b472d318f62"}))),t&&s("span",{key:"688b1986f3683fa9899b82cecd6e76de018d4182",class:"lightbox__pagination"},s("span",{key:"75ec714d8602a4377199675dffe4e14708e72478","aria-current":"page"},this.activeSlideIndex+1)," /"," ",this.slides.length))))}get el(){return this}static get watchers(){return{activeSlideIndex:[{watchActiveSlideIndex:0}]}}static get style(){return":host{display:block}:host {box-sizing:border-box}.lightbox{--swirl-lightbox-view-height:100vh;position:fixed;z-index:var(--s-z-40);display:block;overflow:visible;width:auto;max-width:none;height:var(--swirl-lightbox-view-height);max-height:none;margin:0;padding:0;border:none;background-color:rgba(0, 0, 0, 1);inset:0}.lightbox::backdrop{display:none}.lightbox:not([open]){display:none}@supports (height: 100dvh){.lightbox{--swirl-lightbox-view-height:100dvh}}@media (min-width: 768px){.lightbox{background-color:rgba(0, 0, 0, 0.8)}}.lightbox:not(.lightbox--closing) .lightbox__body{animation:0.15s lightbox-fade-in}@media (prefers-reduced-motion){.lightbox:not(.lightbox--closing) .lightbox__body{animation:none}}.lightbox--closing{animation:0.15s lightbox-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.lightbox--closing{animation:none}}.lightbox__body{position:relative;width:100%;height:100%}.lightbox__header{position:absolute;z-index:1;top:0;right:0;left:0;display:flex;padding:calc(var(--s-space-12) + env(safe-area-inset-top, 0)) var(--s-space-16) var(--s-space-12);align-items:flex-start;pointer-events:none;gap:var(--s-space-12);justify-content:space-between}.lightbox__header .lightbox__close-button{order:-1}@media (min-width: 768px){.lightbox__header{justify-content:flex-end}.lightbox__header .lightbox__close-button{order:unset}}.lightbox__toolbar{display:flex;align-items:center;pointer-events:auto;gap:var(--s-space-12)}.lightbox__controls{position:absolute;z-index:1;top:50%;right:0;left:0;display:none;padding-right:var(--s-space-16);padding-left:var(--s-space-16);justify-content:space-between;align-items:flex-start;pointer-events:none}@media (min-width: 768px){.lightbox__controls{display:flex}}.lightbox__close-button,.lightbox__download-button,.lightbox__previous-slide-button,.lightbox__next-slide-button{display:inline-flex;width:2.5rem;height:2.5rem;justify-content:center;align-items:center;border:none;border-radius:50%;color:var(--s-icon-on-image);background-color:rgba(0, 0, 0, 0.6);cursor:pointer;transition:opacity 0.15s;pointer-events:auto}.lightbox__close-button:disabled,.lightbox__download-button:disabled,.lightbox__previous-slide-button:disabled,.lightbox__next-slide-button:disabled{pointer-events:none;opacity:0}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.lightbox__close-button,.lightbox__download-button,.lightbox__previous-slide-button,.lightbox__next-slide-button{width:2.25rem;height:2.25rem}}.lightbox__content{overflow:hidden;width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.lightbox__slides{display:flex;width:100%;height:100%}.lightbox__slides ::slotted(){flex-basis:100%;flex-shrink:0;transition:transform 0.3s}@media (min-width: 768px){.lightbox__slides ::slotted(){padding:4rem 5rem}}@media (prefers-reduced-motion){.lightbox__slides ::slotted(*){transition:none}}.lightbox__pagination{position:absolute;bottom:var(--s-space-32);left:50%;padding:var(--s-space-4) var(--s-space-12);border-radius:var(--s-border-radius-base);color:var(--s-text-on-image);background-color:rgba(0, 0, 0, 0.6);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);transform:translateX(-50%);pointer-events:none}@media (min-width: 768px){.lightbox__pagination{display:none}}@keyframes lightbox-fade-in{from{opacity:0}to{opacity:1}}@keyframes lightbox-fade-out{from{opacity:1}to{opacity:0}}"}},[257,"swirl-lightbox",{closeButtonLabel:[1,"close-button-label"],downloadButtonEnabled:[4,"download-button-enabled"],downloadButtonLabel:[1,"download-button-label"],label:[1],nextSlideButtonLabel:[1,"next-slide-button-label"],previousSlideButtonLabel:[1,"previous-slide-button-label"],activeSlideIndex:[32],closing:[32],opening:[32],slides:[32],open:[64],close:[64],activateSlide:[64]},void 0,{activeSlideIndex:[{watchActiveSlideIndex:0}]}]),x=u,p=function(){"undefined"!=typeof customElements&&["swirl-lightbox","swirl-icon-arrow-left","swirl-icon-arrow-right","swirl-icon-close","swirl-icon-download"].forEach((t=>{switch(t){case"swirl-lightbox":customElements.get(a(t))\|\|customElements.define(a(t),u);break;case"swirl-icon-arrow-left":customElements.get(a(t))\|\|c();break;case"swirl-icon-arrow-right":customElements.get(a(t))\|\|b();break;case"swirl-icon-close":customElements.get(a(t))\|\|g();break;case"swirl-icon-download":customElements.get(a(t))\|\|f()}}))};export{x as SwirlLightbox,p as defineCustomElement}

package/dist/components/swirl-list.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as e,HTMLElement as t,h as i,Host as l,transformTag as s}from"@stencil/core/internal/client";const r=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost()}componentDidRender(){Array.from(this.containerEl.children).some((e=>!["UL","OL"].includes(e.tagName)))&&console.warn("[SwirlList] Only ul and ol elements are allowed as direct children of <swirl-list />.")}render(){return i(l,{key:"~~cc3a191396e90a18d4900b8bfd5a53fcb4f07be3~~"},i("div",{key:"~~b2e1db7ea304aa04dc5fa0776c09207349f13ce6~~",class:"swirl-list",ref:e=>this.containerEl=e},i("slot",{key:"~~4195556c050496b2367858f93f8613027f6afd55~~"})))}static get style(){return':host{display:block}:host *{box-sizing:border-box}.swirl-list{line-height:var(--s-line-height-base)}.swirl-list ul,.swirl-list ol{margin:0;padding:0;list-style-position:outside;list-style-type:none}.swirl-list ul li{padding-left:1.5rem}.swirl-list ul li:before{display:inline-block;width:1.5rem;margin-left:-1.5rem;text-align:center;content:"•"}.swirl-list ol{counter-reset:item}.swirl-list ol ol{counter-reset:letter}.swirl-list ol ol li:before{content:counter(letter, lower-alpha) ".";counter-increment:letter}.swirl-list ol li{padding-left:1.5rem}.swirl-list ol li:before{display:inline-block;min-width:1.5rem;margin-left:-1.5rem;padding-right:var(--s-space-8);text-align:right;content:counter(item) ".";counter-increment:item;font-variant-numeric:tabular-nums}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.swirl-list{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}'}},[260,"swirl-list"]),n=r,o=function(){"undefined"!=typeof customElements&&["swirl-list"].forEach((e=>{"swirl-list"===e&&(customElements.get(s(e))\|\|customElements.define(s(e),r))}))};export{n as SwirlList,o as defineCustomElement}
1	+ import{proxyCustomElement as e,HTMLElement as t,h as i,Host as l,transformTag as s}from"@stencil/core/internal/client";const r=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost()}componentDidRender(){Array.from(this.containerEl.children).some((e=>!["UL","OL"].includes(e.tagName)))&&console.warn("[SwirlList] Only ul and ol elements are allowed as direct children of <swirl-list />.")}render(){return i(l,{key:"a2bd9f70d2bafe59aa35f9c0da8d7c2949d9c6c5"},i("div",{key:"2f2948d5f1a2de4040c27a2afbffa4d63ab17ecf",class:"swirl-list",ref:e=>this.containerEl=e},i("slot",{key:"fc6909d4fd85b59ae2baf46f74f6b3b44ad0e8eb"})))}static get style(){return':host{display:block}:host *{box-sizing:border-box}.swirl-list{line-height:var(--s-line-height-base)}.swirl-list ul,.swirl-list ol{margin:0;padding:0;list-style-position:outside;list-style-type:none}.swirl-list ul li{padding-left:1.5rem}.swirl-list ul li:before{display:inline-block;width:1.5rem;margin-left:-1.5rem;text-align:center;content:"•"}.swirl-list ol{counter-reset:item}.swirl-list ol ol{counter-reset:letter}.swirl-list ol ol li:before{content:counter(letter, lower-alpha) ".";counter-increment:letter}.swirl-list ol li{padding-left:1.5rem}.swirl-list ol li:before{display:inline-block;min-width:1.5rem;margin-left:-1.5rem;padding-right:var(--s-space-8);text-align:right;content:counter(item) ".";counter-increment:item;font-variant-numeric:tabular-nums}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.swirl-list{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}'}},[260,"swirl-list"]),n=r,o=function(){"undefined"!=typeof customElements&&["swirl-list"].forEach((e=>{"swirl-list"===e&&(customElements.get(s(e))\|\|customElements.define(s(e),r))}))};export{n as SwirlList,o as defineCustomElement}

package/dist/components/swirl-menu-item.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as t,HTMLElement as i,forceUpdate as s,h as e,Host as n,transformTag as r}from"@stencil/core/internal/client";import{c as a}from"./index2.js";import{l as o,m as h}from"./utils.js";import{d as c}from"./swirl-action-list-item2.js";import{d as l}from"./swirl-icon-check-small2.js";import{d}from"./swirl-icon-check-strong2.js";import{d ~~as m~~}from"./swirl-icon-drag-handle2.js";import{d as u}from"./swirl-option-list-item2.js";const p=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.intent="default",this.truncateLabel=!0,this.hasAvatar=!1,this.onSlotChange=()=>{this.subMenu=this.el.querySelector("swirl-menu"),this.updateActionListItemProps()},this.onActionListItemClick=()=>{this.actionListItem.disabled\|\|this.rootMenu.activateMenuItem(this.el)},this.onOptionListItemClick=()=>{this.optionListItem.disabled\|\|this.parentMenu.updateSelection(this.optionListItem)},this.onOptionListItemKeyDown=t=>{if("Space"===t.code)t.preventDefault();else if("Enter"===t.code){if(this.optionListItem.disabled)return;t.preventDefault(),this.parentMenu.updateSelection(this.optionListItem)}},this.onOptionListItemKeyUp=t=>{if("Space"===t.code){if(this.optionListItem.disabled)return;t.preventDefault(),this.parentMenu.updateSelection(this.optionListItem)}}}componentWillLoad(){this.parentMenu=o(this.el,"swirl-menu"),this.rootMenu=h(this.el,"swirl-menu").pop(),this.subMenu=this.el.querySelector("swirl-menu"),this.updateAvatarState()}watchExpanded(){this.updateActionListItemProps()}async getSubMenu(){return this.subMenu}async updateValue(){s(this)}async getParentMenu(){return this.parentMenu}updateActionListItemProps(){this.actionListItem&&(this.actionListItem.swirlAriaExpanded=this.expanded?"true":void 0,this.actionListItem.swirlAriaHaspopup=this.subMenu?"true":void 0,this.actionListItem.suffix=this.subMenu?'<swirl-icon-chevron-right size="16"></swirl-icon-chevron-right>':void 0)}updateAvatarState(){const t=!!this.el.querySelector('[slot="avatar"]');t!==this.hasAvatar&&(this.hasAvatar=t)}renderActionListItem(){const t=this.subMenu?.value?Array.from(this.subMenu?.querySelectorAll("swirl-menu-item")\|\|[]).find((t=>t.value===this.subMenu?.value))?.label:void 0;return e("swirl-action-list-item",{badge:t,description:this.description,disabled:this.disabled,icon:this.icon,iconBadge:this.iconBadge,intent:this.intent,label:this.label,truncateLabel:this.truncateLabel,onClick:this.onActionListItemClick,ref:t=>this.actionListItem=t,suffix:this.suffix},this.hasAvatar&&e("slot",{name:"avatar",slot:"avatar"}))}renderOptionListItem(){return e("swirl-option-list-item",{disabled:this.disabled,icon:this.icon,iconBadge:this.iconBadge,label:this.label,truncateLabel:this.truncateLabel,onClick:this.onOptionListItemClick,onKeyDown:this.onOptionListItemKeyDown,onKeyUp:this.onOptionListItemKeyUp,ref:t=>this.optionListItem=t,selected:this.parentMenu?.value===this.value,swirlAriaRole:"menuitemradio",value:this.value},this.hasAvatar&&e("slot",{name:"avatar",slot:"avatar"}))}render(){const t=a("menu-item",{"menu-item--expanded":this.expanded});return e(n,{key:"~~2e35fee489e3da5de328e00e79f5b8e89d36ebd4~~"},e("div",{key:"~~cf743ce2b074c2c3e30dd369a7cdd840ce4a0683~~",class:t},"selection"===this.parentMenu?.variant?this.renderOptionListItem():this.renderActionListItem(),e("slot",{key:"~~78d27122dd1cf3dbb76b007e71f46a96a4bf536d~~",onSlotchange:this.onSlotChange})))}get el(){return this}static get watchers(){return{expanded:[{watchExpanded:0}]}}static get style(){return":host{display:block}:host *{box-sizing:border-box}.menu-item--expanded ::part(action-list-item){background-color:var(--s-state-hovered)}"}},[257,"swirl-menu-item",{description:[1],disabled:[4],expanded:[4],icon:[1],iconBadge:[1,"icon-badge"],intent:[1],label:[1],suffix:[1],value:[1],truncateLabel:[4,"truncate-label"],hasAvatar:[32],parentMenu:[32],subMenu:[32],getSubMenu:[64],updateValue:[64],getParentMenu:[64]},void 0,{expanded:[{watchExpanded:0}]}]),w=p,b=function(){"undefined"!=typeof customElements&&["swirl-menu-item","swirl-action-list-item","swirl-icon-check-small","swirl-icon-check-strong","swirl-icon-drag-handle","swirl-option-list-item"].forEach((t=>{switch(t){case"swirl-menu-item":customElements.get(r(t))\|\|customElements.define(r(t),p);break;case"swirl-action-list-item":customElements.get(r(t))\|\|c();break;case"swirl-icon-check-small":customElements.get(r(t))\|\|l();break;case"swirl-icon-check-strong":customElements.get(r(t))\|\|d();break;case"swirl-icon-drag-handle":customElements.get(r(t))\|\|m();break;case"swirl-option-list-item":customElements.get(r(t))\|\|u()}}))};export{w as SwirlMenuItem,b as defineCustomElement}
1	+ import{proxyCustomElement as t,HTMLElement as i,forceUpdate as s,h as e,Host as a,transformTag as n}from"@stencil/core/internal/client";import{c as r}from"./index2.js";import{l as o,m as h}from"./utils.js";import{d as c}from"./swirl-action-list-item2.js";import{d as l}from"./swirl-icon-check-small2.js";import{d as m}from"./swirl-icon-check-strong2.js";import{d}from"./swirl-icon-drag-handle2.js";import{d as u}from"./swirl-option-list-item2.js";const p=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.intent="default",this.truncateLabel=!0,this.hasAvatar=!1,this.onSlotChange=()=>{this.subMenu=this.el.querySelector("swirl-menu"),this.updateActionListItemProps()},this.onActionListItemClick=()=>{this.actionListItem.disabled\|\|this.rootMenu.activateMenuItem(this.el)},this.onOptionListItemClick=()=>{this.optionListItem.disabled\|\|this.parentMenu.updateSelection(this.optionListItem)},this.onOptionListItemKeyDown=t=>{if("Space"===t.code)t.preventDefault();else if("Enter"===t.code){if(this.optionListItem.disabled)return;t.preventDefault(),this.parentMenu.updateSelection(this.optionListItem)}},this.onOptionListItemKeyUp=t=>{if("Space"===t.code){if(this.optionListItem.disabled)return;t.preventDefault(),this.parentMenu.updateSelection(this.optionListItem)}}}componentWillLoad(){this.parentMenu=o(this.el,"swirl-menu"),this.rootMenu=h(this.el,"swirl-menu").pop(),this.subMenu=this.el.querySelector("swirl-menu"),this.updateAvatarState()}watchExpanded(){this.updateActionListItemProps()}async getSubMenu(){return this.subMenu}async updateValue(){s(this)}async getParentMenu(){return this.parentMenu}updateActionListItemProps(){this.actionListItem&&(this.actionListItem.swirlAriaExpanded=this.expanded?"true":void 0,this.actionListItem.swirlAriaHaspopup=this.subMenu?"true":void 0,this.actionListItem.suffix=this.subMenu?'<swirl-icon-chevron-right size="16"></swirl-icon-chevron-right>':void 0)}updateAvatarState(){const t=!!this.el.querySelector('[slot="avatar"]');t!==this.hasAvatar&&(this.hasAvatar=t)}renderActionListItem(){const t=this.subMenu?.value?Array.from(this.subMenu?.querySelectorAll("swirl-menu-item")\|\|[]).find((t=>t.value===this.subMenu?.value))?.label:void 0;return e("swirl-action-list-item",{badge:t,description:this.description,disabled:this.disabled,icon:this.icon,iconBadge:this.iconBadge,intent:this.intent,label:this.label,truncateLabel:this.truncateLabel,onClick:this.onActionListItemClick,ref:t=>this.actionListItem=t,suffix:this.suffix},this.hasAvatar&&e("slot",{name:"avatar",slot:"avatar"}))}renderOptionListItem(){return e("swirl-option-list-item",{disabled:this.disabled,icon:this.icon,iconBadge:this.iconBadge,label:this.label,truncateLabel:this.truncateLabel,onClick:this.onOptionListItemClick,onKeyDown:this.onOptionListItemKeyDown,onKeyUp:this.onOptionListItemKeyUp,ref:t=>this.optionListItem=t,selected:this.parentMenu?.value===this.value,swirlAriaRole:"menuitemradio",value:this.value},this.hasAvatar&&e("slot",{name:"avatar",slot:"avatar"}))}render(){const t=r("menu-item",{"menu-item--expanded":this.expanded});return e(a,{key:"6d9aadc8d60101965a884aecb033ab687241372f"},e("div",{key:"85c5ab88282aacba0754e047906ef01a889f4acb",class:t},"selection"===this.parentMenu?.variant?this.renderOptionListItem():this.renderActionListItem(),e("slot",{key:"a3c910422dfb38843d2f6a377e59229c50b74ab7",onSlotchange:this.onSlotChange})))}get el(){return this}static get watchers(){return{expanded:[{watchExpanded:0}]}}static get style(){return":host{display:block}:host *{box-sizing:border-box}.menu-item--expanded ::part(action-list-item){background-color:var(--s-state-hovered)}"}},[257,"swirl-menu-item",{description:[1],disabled:[4],expanded:[4],icon:[1],iconBadge:[1,"icon-badge"],intent:[1],label:[1],suffix:[1],value:[1],truncateLabel:[4,"truncate-label"],hasAvatar:[32],parentMenu:[32],subMenu:[32],getSubMenu:[64],updateValue:[64],getParentMenu:[64]},void 0,{expanded:[{watchExpanded:0}]}]),w=p,b=function(){"undefined"!=typeof customElements&&["swirl-menu-item","swirl-action-list-item","swirl-icon-check-small","swirl-icon-check-strong","swirl-icon-drag-handle","swirl-option-list-item"].forEach((t=>{switch(t){case"swirl-menu-item":customElements.get(n(t))\|\|customElements.define(n(t),p);break;case"swirl-action-list-item":customElements.get(n(t))\|\|c();break;case"swirl-icon-check-small":customElements.get(n(t))\|\|l();break;case"swirl-icon-check-strong":customElements.get(n(t))\|\|m();break;case"swirl-icon-drag-handle":customElements.get(n(t))\|\|d();break;case"swirl-option-list-item":customElements.get(n(t))\|\|u()}}))};export{w as SwirlMenuItem,b as defineCustomElement}

package/dist/components/swirl-modal-shell.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as s,HTMLElement as l,createEvent as e,h as o,Host as a,transformTag as t}from"@stencil/core/internal/client";import{d as i,e as c}from"./body-scroll-lock.js";import{c as r}from"./index2.js";import{d as n}from"./swirl-button2.js";const d=s(class extends l{constructor(s){super(),!1!==s&&this.__registerHost(),this.closeModal=e(this,"closeModal",7),this.isClosing=!0,this.onDialogClose=()=>{this.closeModal.emit()},this.onKeyDown=s=>{"Escape"===s.code&&(s.stopImmediatePropagation(),s.preventDefault(),this.close())},this.onContentClick=s=>{s.stopPropagation()},this.onClose=()=>{this.close()}}componentDidLoad(){this.setDialogCustomProps(),requestAnimationFrame((()=>{this.modalEl.showModal(),i(this.scrollContainerEl),this.isClosing=!1}))}disconnectedCallback(){this.modalEl?.open&&this.modalEl.close(),c(this.scrollContainerEl)}async close(){this.isClosing=!0,setTimeout((()=>{this.modalEl.close()}),300)}setDialogCustomProps(){this.modalEl.setAttribute("closedby","none")}render(){const s=r("modal-shell",{"modal-shell--closing":this.isClosing});return o(a,{key:"~~1aea0ca363d193685f3f1ac066063c08d3a7f0e6~~"},o("dialog",{key:"~~666f287cab68ef5e4a96bf8bd310b470fd709f38~~","aria-label":this.label,class:s,onClose:this.onDialogClose,onKeyDown:this.onKeyDown,ref:s=>this.modalEl=s},o("div",{key:"~~956e7a78ab63d146201d6ce628b1393ea7ca44e5~~",class:"modal-shell__backdrop"}),o("div",{key:"~~c34ccc5b1a81515b41838629f3dc88cb41312e6d~~",class:"modal-shell__scroll-container",onClick:this.onClose,ref:s=>this.scrollContainerEl=s},o("div",{key:"~~a3d7f773c252ca91827b573f8c76756a2d041d81~~",class:"modal-shell__scroll-container__content",onClick:this.onContentClick},o("slot",{key:"~~e5cf54d06123545ea26366ab09e19c3fcca29cb4~~"}))),o("swirl-button",{key:"~~a7a9a32b66fb759b2c265a607d774eb87374e742~~",class:"modal-shell__close-button",icon:"<swirl-icon-close color='strong'></swirl-icon-close>",label:this.closeButtonLabel,hideLabel:!0,variant:"translucent",onClick:this.onClose})))}static get style(){return".sc-swirl-modal-shell-h{display:block}.sc-swirl-modal-shell-h *.sc-swirl-modal-shell{box-sizing:border-box}.modal-shell.sc-swirl-modal-shell{position:fixed;inset:0;z-index:var(--s-z-40);border:none;padding:0;width:100%;height:100%;max-width:none;max-height:none;overflow:visible;background:transparent}.modal-shell.sc-swirl-modal-shell::backdrop{display:none}.modal-shell__backdrop.sc-swirl-modal-shell{position:fixed;inset:0;z-index:1;background-color:var(--s-translucent-medium-default);opacity:1;-webkit-backdrop-filter:blur(var(--s-blur-l));backdrop-filter:blur(var(--s-blur-l));transition:opacity 0.3s ease-out, -webkit-backdrop-filter 0.3s ease-out;transition:opacity 0.3s ease-out, backdrop-filter 0.3s ease-out;transition:opacity 0.3s ease-out, backdrop-filter 0.3s ease-out, -webkit-backdrop-filter 0.3s ease-out}.modal-shell__scroll-container.sc-swirl-modal-shell{overflow-y:auto;position:fixed;inset:0;z-index:2;display:grid;padding:calc(var(--s-space-24) + env(safe-area-inset-top, 0)) var(--s-space-24) var(--s-space-24);justify-content:center;align-items:center}.modal-shell__scroll-container__content.sc-swirl-modal-shell{opacity:1;transform:scale(1);transition:opacity 0.2s ease-out, transform 0.2s cubic-bezier(0.3, 0.7, 0.4, 1.1)}.modal-shell__close-button.sc-swirl-modal-shell{position:fixed;top:calc(var(--s-space-16) + env(safe-area-inset-top, 0));right:var(--s-space-16);z-index:3;opacity:1;transform:scale(1);transition:opacity 0.2s ease-out, transform 0.2s cubic-bezier(0.3, 0.7, 0.4, 1.1)}.modal-shell--closing.sc-swirl-modal-shell .modal-shell__backdrop.sc-swirl-modal-shell{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}.modal-shell--closing.sc-swirl-modal-shell .modal-shell__scroll-container__content.sc-swirl-modal-shell,.modal-shell--closing.sc-swirl-modal-shell .modal-shell__close-button.sc-swirl-modal-shell{opacity:0;transform:scale(1.1)}"}},[262,"swirl-modal-shell",{label:[1],closeButtonLabel:[1,"close-button-label"],isClosing:[32],close:[64]}]),h=d,b=function(){"undefined"!=typeof customElements&&["swirl-modal-shell","swirl-button"].forEach((s=>{switch(s){case"swirl-modal-shell":customElements.get(t(s))\|\|customElements.define(t(s),d);break;case"swirl-button":customElements.get(t(s))\|\|n()}}))};export{h as SwirlModalShell,b as defineCustomElement}
1	+ import{proxyCustomElement as s,HTMLElement as l,createEvent as e,h as o,Host as t,transformTag as a}from"@stencil/core/internal/client";import{d as i,e as c}from"./body-scroll-lock.js";import{c as r}from"./index2.js";import{d as n}from"./swirl-button2.js";const d=s(class extends l{constructor(s){super(),!1!==s&&this.__registerHost(),this.closeModal=e(this,"closeModal",7),this.isClosing=!0,this.onDialogClose=()=>{this.closeModal.emit()},this.onKeyDown=s=>{"Escape"===s.code&&(s.stopImmediatePropagation(),s.preventDefault(),this.close())},this.onContentClick=s=>{s.stopPropagation()},this.onClose=()=>{this.close()}}componentDidLoad(){this.setDialogCustomProps(),requestAnimationFrame((()=>{this.modalEl.showModal(),i(this.scrollContainerEl),this.isClosing=!1}))}disconnectedCallback(){this.modalEl?.open&&this.modalEl.close(),c(this.scrollContainerEl)}async close(){this.isClosing=!0,setTimeout((()=>{this.modalEl.close()}),300)}setDialogCustomProps(){this.modalEl.setAttribute("closedby","none")}render(){const s=r("modal-shell",{"modal-shell--closing":this.isClosing});return o(t,{key:"0741db2e440225841d5e22a0712e7ecc60d1d5ba"},o("dialog",{key:"710db091741a1e8c5dcc0b879e3035499b771cd5","aria-label":this.label,class:s,onClose:this.onDialogClose,onKeyDown:this.onKeyDown,ref:s=>this.modalEl=s},o("div",{key:"859917b88741505802d0146a52696695935f60d1",class:"modal-shell__backdrop"}),o("div",{key:"f7dc0f1feeb4367ada4241c5e911a6b4f4f17fe6",class:"modal-shell__scroll-container",onClick:this.onClose,ref:s=>this.scrollContainerEl=s},o("div",{key:"868e52c22908bf98eb8ea44379652ed06ef9e402",class:"modal-shell__scroll-container__content",onClick:this.onContentClick},o("slot",{key:"d3580be68c409973bc9960c6a1491fe8ba2fe348"}))),o("swirl-button",{key:"fb2507a99dfcc70acb012368a4f54a62bf8a0260",class:"modal-shell__close-button",icon:"<swirl-icon-close color='strong'></swirl-icon-close>",label:this.closeButtonLabel,hideLabel:!0,variant:"translucent",onClick:this.onClose})))}static get style(){return".sc-swirl-modal-shell-h{display:block}.sc-swirl-modal-shell-h *.sc-swirl-modal-shell{box-sizing:border-box}.modal-shell.sc-swirl-modal-shell{position:fixed;inset:0;z-index:var(--s-z-40);border:none;padding:0;width:100%;height:100%;max-width:none;max-height:none;overflow:visible;background:transparent}.modal-shell.sc-swirl-modal-shell::backdrop{display:none}.modal-shell__backdrop.sc-swirl-modal-shell{position:fixed;inset:0;z-index:1;background-color:var(--s-translucent-medium-default);opacity:1;-webkit-backdrop-filter:blur(var(--s-blur-l));backdrop-filter:blur(var(--s-blur-l));transition:opacity 0.3s ease-out, -webkit-backdrop-filter 0.3s ease-out;transition:opacity 0.3s ease-out, backdrop-filter 0.3s ease-out;transition:opacity 0.3s ease-out, backdrop-filter 0.3s ease-out, -webkit-backdrop-filter 0.3s ease-out}.modal-shell__scroll-container.sc-swirl-modal-shell{overflow-y:auto;position:fixed;inset:0;z-index:2;display:grid;padding:calc(var(--s-space-24) + env(safe-area-inset-top, 0)) var(--s-space-24) var(--s-space-24);justify-content:center;align-items:center}.modal-shell__scroll-container__content.sc-swirl-modal-shell{opacity:1;transform:scale(1);transition:opacity 0.2s ease-out, transform 0.2s cubic-bezier(0.3, 0.7, 0.4, 1.1)}.modal-shell__close-button.sc-swirl-modal-shell{position:fixed;top:calc(var(--s-space-16) + env(safe-area-inset-top, 0));right:var(--s-space-16);z-index:3;opacity:1;transform:scale(1);transition:opacity 0.2s ease-out, transform 0.2s cubic-bezier(0.3, 0.7, 0.4, 1.1)}.modal-shell--closing.sc-swirl-modal-shell .modal-shell__backdrop.sc-swirl-modal-shell{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}.modal-shell--closing.sc-swirl-modal-shell .modal-shell__scroll-container__content.sc-swirl-modal-shell,.modal-shell--closing.sc-swirl-modal-shell .modal-shell__close-button.sc-swirl-modal-shell{opacity:0;transform:scale(1.1)}"}},[262,"swirl-modal-shell",{label:[1],closeButtonLabel:[1,"close-button-label"],isClosing:[32],close:[64]}]),h=d,b=function(){"undefined"!=typeof customElements&&["swirl-modal-shell","swirl-button"].forEach((s=>{switch(s){case"swirl-modal-shell":customElements.get(a(s))\|\|customElements.define(a(s),d);break;case"swirl-button":customElements.get(a(s))\|\|n()}}))};export{h as SwirlModalShell,b as defineCustomElement}

package/dist/components/swirl-modal.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as a,HTMLElement as o,createEvent as e,h as d,Host as t,transformTag as s}from"@stencil/core/internal/client";import{c as i}from"./index2.js";import{t as r}from"./index.esm.js";import{d as l,e as n}from"./body-scroll-lock.js";import{d as c}from"./swirl-button2.js";import{d as m}from"./swirl-button-group2.js";import{d as h}from"./swirl-heading2.js";import{d as b}from"./swirl-stack2.js";const f=a(class extends o{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.toggleFullscreen=e(this,"toggleFullscreen",3),this.modalClose=e(this,"modalClose",3),this.modalOpen=e(this,"modalOpen",3),this.primaryAction=e(this,"primaryAction",3),this.requestModalClose=e(this,"requestModalClose",3),this.secondaryAction=e(this,"secondaryAction",3),this.sidebarClose=e(this,"sidebarClose",3),this.toggleDialog=e(this,"toggleDialog",7),this.closable=!0,this.closeButtonLabel="Close modal",this.fullscreenEnableButtonLabel="Full screen",this.fullscreenDisableButtonLabel="Exit full screen",this.padded=!0,this.variant="default",this.sidebarPadded=!0,this.sidebarFooterPadded=!0,this.sidebarCloseButtonLabel="Close sidebar",this.opening=!1,this.isFullscreen=!1,this.isFullscreenTransitioning=!1,this.closing=!1,this.scrollable=!1,this.scrolled=!1,this.scrolledDown=!1,this.sidebarScrolled=!1,this.sidebarScrolledDown=!1,this.sidebarScrollable=!1,this.onKeyDown=a=>{"Escape"===a.code&&(a.stopImmediatePropagation(),a.preventDefault(),this.close())},this.onClose=()=>{this.closing=!1,this.unlockBodyScroll(),this.modalClose.emit()},this.onToggle=a=>{const o={newState:a.newState,dialog:this.modalEl};this.el.isConnected?this.toggleDialog.emit(o):document.dispatchEvent(new CustomEvent("toggleDialog",{bubbles:!0,composed:!0,detail:o}))},this.onBackdropClick=()=>{this.disableBackdropClose\|\|this.close()},this.onCloseButtonClick=()=>{this.close()},this.onFullscreenButtonClick=()=>{this.setFullscreen(!this.isFullscreen)},this.onSidebarCloseButtonClick=()=>{this.hideSidebarContent=!0,this.sidebarClose.emit()},this.onPrimaryAction=a=>{this.primaryAction.emit(a)},this.onSecondaryAction=a=>{this.secondaryAction.emit(a)},this.updateCustomFooterStatus=()=>{this.hasCustomFooter=!!this.el.querySelector(':scope > [slot="custom-footer"]')},this.updateCustomHeaderStatus=()=>{this.hasCustomHeader=!!this.el.querySelector(':scope > [slot="custom-header"]')},this.updateHeaderToolsStatus=()=>{this.hasHeaderTools=!!this.el.querySelector(':scope > [slot="header-tools"]')},this.updateSecondaryContentStatus=()=>{this.hasSecondaryContent=!!this.el.querySelector(':scope > [slot="secondary-content"]')},this.updateSidebarContentStatus=()=>{this.hasSidebarContent=!!this.el.querySelector(':scope > [slot="sidebar-content"]')},this.updateSidebarFooterStatus=()=>{this.hasSidebarFooter=!!this.el.querySelector(':scope > [slot="sidebar-footer"]')},this.determineScrollStatus=()=>{this.determineMainScrollStatus(),this.determineSidebarScrollStatus()},this.determineMainScrollStatus=()=>{const a=this.scrollContainer?.scrollTop>0,o=Math.ceil(this.scrollContainer?.scrollTop+this.scrollContainer?.offsetHeight)>=this.scrollContainer?.scrollHeight,e=this.scrollContainer?.scrollHeight>this.scrollContainer?.offsetHeight;a!==this.scrolled&&(this.scrolled=a),o!==this.scrolledDown&&(this.scrolledDown=o),e!==this.scrollable&&(this.scrollable=e)},this.determineSidebarScrollStatus=()=>{const a=this.sidebarScrollContainer?.scrollTop>0,o=Math.ceil(this.sidebarScrollContainer?.scrollTop+this.sidebarScrollContainer?.offsetHeight)>=this.sidebarScrollContainer?.scrollHeight,e=this.sidebarScrollContainer?.scrollHeight>this.sidebarScrollContainer?.offsetHeight;a!==this.sidebarScrolled&&(this.sidebarScrolled=a),o!==this.sidebarScrolledDown&&(this.sidebarScrolledDown=o),e!==this.sidebarScrollable&&(this.sidebarScrollable=e)}}componentDidLoad(){this.ensureOpening(),this.setDialogCustomProps(),this.determineScrollStatus(),this.updateCustomFooterStatus(),this.updateCustomHeaderStatus(),this.updateHeaderToolsStatus(),this.updateSecondaryContentStatus(),this.updateSidebarContentStatus(),this.updateSidebarFooterStatus()}disconnectedCallback(){this.mutationObserver?.disconnect(),this.modalEl?.open&&this.modalEl.close(),this.unlockBodyScroll()}onWindowResize(){this.determineScrollStatus()}async open(a){this.opening=!0,this.temporaryReturnFocusTo=a,this.modalEl&&(this.setupMutationObserver(),this.modalEl.showModal(),this.modalOpen.emit(),this.mutationObserver.observe(this.modalEl,{subtree:!0,childList:!0}),this.lockBodyScroll(),this.determineScrollStatus(),setTimeout((()=>{this.handleAutoFocus()}),200))}async close(a){this.closing\|\|(a\|\|this.requestModalClose.emit(),(this.closable\|\|a)&&(this.closing=!0,this.unlockBodyScroll(),setTimeout((()=>{this.mutationObserver?.disconnect(),this.modalEl.close(),this.customFocusReturn()}),150)))}async setFullscreen(a){this.isFullscreen!==a&&(this.isFullscreenTransitioning=!0,this.isFullscreen=a,this.toggleFullscreen.emit(this.isFullscreen),setTimeout((()=>this.isFullscreenTransitioning=!1),150))}async getScrollContainer(){return this.scrollContainer}handleAutoFocus(){this.el.querySelector("input[autofocus]")?.focus()}lockBodyScroll(){l(this.scrollContainer),l(this.sidebarScrollContainer)}setupMutationObserver(){this.mutationObserver=new MutationObserver((()=>{this.modalEl?.open&&document.activeElement===document.body&&r(this.modalEl).at(0)?.focus()}))}unlockBodyScroll(){this.scrollContainer&&n(this.scrollContainer),this.sidebarScrollContainer&&n(this.sidebarScrollContainer)}ensureOpening(){this.opening&&!this.modalEl?.open&&this.open()}setDialogCustomProps(){this.modalEl.setAttribute("closedby","none")}customFocusReturn(){const a=this.temporaryReturnFocusTo??this.returnFocusTo;if(!a)return;const o="string"==typeof a?document.querySelector(a):a,e=r(o,{includeContainer:!0,getShadowRoot:!0});e.length>0&&e[0].focus(),this.temporaryReturnFocusTo=void 0}render(){const a=!!this.primaryActionLabel\|\|!!this.secondaryActionLabel,o=i("modal","modal--variant-"+this.variant,{"modal--closing":this.closing,"modal--fullscreen":this.isFullscreen,"modal--fullscreen-transitioning":this.isFullscreenTransitioning,"modal--has-custom-footer":this.hasCustomFooter,"modal--has-custom-header":this.hasCustomHeader,"modal--has-header-tools":this.hasHeaderTools,"modal--has-secondary-content":this.hasSecondaryContent&&!this.hideSecondaryContent,"modal--hide-label":this.hideLabel,"modal--padded":this.padded,"modal--scrollable":this.scrollable,"modal--scrolled":this.scrolled,"modal--hide-scrolled-header-border":this.hideScrolledHeaderBorder,"modal--scrolled-down":this.scrolledDown,"modal--hide-secondary-content-borders":this.hideSecondaryContentBorders,"modal--has-sidebar-content":this.hasSidebarContent&&!this.hideSidebarContent,"modal--sidebar-padded":this.sidebarPadded,"modal--has-sidebar-footer":this.hasSidebarFooter&&this.hasSidebarContent&&!this.hideSidebarContent,"modal--sidebar-footer-padded":this.sidebarFooterPadded,"modal--sidebar-scrolled":this.sidebarScrolled,"modal--sidebar-scrolled-down":this.sidebarScrolledDown,"modal--sidebar-scrollable":this.sidebarScrollable,"modal--show-backdrop":!0===this.showBackdrop,"modal--hide-backdrop":!1===this.showBackdrop});return d(t,{key:"23fc47450954cdec1465b6cacc87665b74392b40"},d("dialog",{key:"bdee3e6f0b8903e63341b93e73525387d4878229","aria-label":this.label,class:o,onClose:this.onClose,onKeyDown:this.onKeyDown,onToggle:this.onToggle,ref:a=>this.modalEl=a},d("div",{key:"3b880ae4075a3249f2a56a424db3269183cc160d",class:"modal__backdrop",onClick:this.onBackdropClick}),d("div",{key:"df55123f4afffde7862c80f99166d4dcc28c227e",class:"modal__body",part:"modal__body",style:this.isFullscreen?{}:{"--swirl-modal-max-height":this.maxHeight,"--swirl-modal-height":this.height,minHeight:this.minHeight,maxWidth:this.maxWidth}},d("aside",{key:"f3b77cc6ef02ffe087f7e6701deb79c6edc0d45e",class:"modal__sidebar"},this.sidebarLabel&&d("header",{key:"ed35b62a6ec6d77a9360ffa80b9effab505c4f4e",class:i("modal__sidebar-header",{"modal__sidebar-header--has-close-button":this.hasSidebarCloseButton})},this.hasSidebarCloseButton&&d("swirl-button",{key:"d73cb3f8b8d032245a4efbb4fba158bde22e19d2",hideLabel:!0,icon:"<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>",label:this.sidebarCloseButtonLabel,onClick:this.onSidebarCloseButtonClick}),d("swirl-heading",{key:"9529520318f4ee7ace2adb71927f2587c22c01b4",as:"h3",class:"modal__sidebar-heading",level:5,text:this.sidebarLabel})),d("div",{key:"b9893e1d9193c99c53a33c02773e96d4611b3040",class:"modal__sidebar-content",onScroll:this.determineSidebarScrollStatus,ref:a=>this.sidebarScrollContainer=a},d("slot",{key:"6086f942484525006d1de352ced3693f2afac73c",name:"sidebar-content",onSlotchange:this.updateSidebarContentStatus})),d("div",{key:"7911c4c01757dc9157a611558d7830997891032a",class:"modal__sidebar-footer",part:"modal__sidebar-footer"},d("slot",{key:"4154270c217c274954ae83060fc31069e2696c2e",name:"sidebar-footer",onSlotchange:this.updateSidebarFooterStatus}))),d("div",{key:"5e78d1d3053ff0f54331ec072878084720b31110",class:"modal__main-content"},d("header",{key:"84bf917f205c56a871e13fbcb749690bba1cbb06",class:"modal__custom-header",part:"modal__custom-header"},d("slot",{key:"5fd2bb6788938d18f9e40cfe42eaa8b36379e6ad",name:"custom-header",onSlotchange:this.updateCustomHeaderStatus})),(!this.hideLabel\|\|!this.hideCloseButton)&&d("header",{key:"c6c03d149d8e1c15e491e1ed7071821348b76c1f",class:"modal__header"},d("div",{key:"45235c736ee6686599513f1f80bff3b68c0a100e",class:"modal__header-bar"},!this.hideCloseButton&&d("swirl-button",{key:"2c6edcc7f1bcd33fcf880fa48567f6eddc067afd",class:"modal__close-button",hideLabel:!0,icon:"default"===this.variant?"<swirl-icon-close></swirl-icon-close>":"<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>",label:this.closeButtonLabel,onClick:this.onCloseButtonClick}),this.showFullscreenButton&&d("swirl-button",{key:"673043a824362619f11c54f31a15fa9477117883",class:"modal__fullscreen-button",hideLabel:!0,icon:this.isFullscreen?"<swirl-icon-close-fullscreen></swirl-icon-close-fullscreen>":"<swirl-icon-open-in-full></swirl-icon-open-in-full>",label:this.isFullscreen?this.fullscreenDisableButtonLabel:this.fullscreenEnableButtonLabel,onClick:this.onFullscreenButtonClick}),!this.hideLabel&&d("swirl-heading",{key:"1719c5b97263cf10c305770607eb1ea7145acb51",as:"h2",class:"modal__heading",level:3,text:this.label}))),d("div",{key:"c32ad1be58ce0bfd733a059fabc88411a810de30",class:"modal__content-container",style:{gap:this.contentGap?`var(--s-space-${this.contentGap})`:void 0}},d("div",{key:"8d7a796fc546b0b7bebfa213f831c628393f9dfe",class:"modal__primary-content",style:{maxWidth:this.primaryContentMaxWidth,flex:this.primaryContentFlex}},d("div",{key:"7299870c633ed4456d08d22dc1eb750e4898b41c",class:"modal__header-tools",part:"modal__header-tools"},d("slot",{key:"27b39b1bbceb3890fd3f2dea32642a901c87c076",name:"header-tools",onSlotchange:this.updateHeaderToolsStatus})),d("div",{key:"f8336f9a3638c1e9285d94900764f09293aa6c30",class:"modal__content",onScroll:this.determineMainScrollStatus,part:"modal__content",ref:a=>this.scrollContainer=a},d("slot",{key:"57fad6f717f5256c938b0142b88c42d59dc968e3"}))),d("div",{key:"05ab11a1b5ff7804a6b56041fdfcf4230f414ba4",class:"modal__secondary-content",style:{maxWidth:this.secondaryContentMaxWidth,flex:this.secondaryContentFlex,padding:this.secondaryContentPadding?`var(--s-space-${this.secondaryContentPadding})`:void 0,paddingBlockEnd:this.secondaryContentPaddingBlockEnd?`var(--s-space-${this.secondaryContentPaddingBlockEnd})`:void 0,paddingBlockStart:this.secondaryContentPaddingBlockStart?`var(--s-space-${this.secondaryContentPaddingBlockStart})`:void 0,paddingInlineEnd:this.secondaryContentPaddingInlineEnd?`var(--s-space-${this.secondaryContentPaddingInlineEnd})`:void 0,paddingInlineStart:this.secondaryContentPaddingInlineStart?`var(--s-space-${this.secondaryContentPaddingInlineStart})`:void 0}},d("slot",{key:"6602b580cc959944932c42bfe74f838fa7dc37a4",name:"secondary-content",onSlotchange:this.updateSecondaryContentStatus}))),d("div",{key:"17afe035cebb37925f6cf912448a29db22359ee6",class:"modal__custom-footer"},d("slot",{key:"44c6d8340fc1b9c32521cc61ed0b5b4cee37ec50",name:"custom-footer",onSlotchange:this.updateCustomFooterStatus})),a&&d("footer",{key:"6e7732616ce97db76e752bdd8c3e540d380c3fe7",class:"modal__controls"},d("swirl-button-group",{key:"146060354a8cd62c236d025b576ef48a357be7f2",wrap:!0},this.secondaryActionLabel&&d("swirl-button",{key:"eabd37aa403ab8b87fc6edb76821f3ccb25e8f7d",label:this.secondaryActionLabel,onClick:this.onSecondaryAction}),this.primaryActionLabel&&d("swirl-button",{key:"6988e29d8e1caf2faa8dfbbce0ef454e4552fdee",intent:"primary",label:this.primaryActionLabel,onClick:this.onPrimaryAction,variant:"flat"})))))))}get el(){return this}static get style(){return":host{display:block}:host {box-sizing:border-box}.modal{--swirl-modal-height:auto;--swirl-modal-max-height:90vh;--swirl-modal-view-height:100vh;--swirl-modal-header-height:3.75rem;--swirl-modal-max-width:40rem;--swirl-modal-sidebar-width:25rem;--swirl-modal-max-secondary-content-width:24rem;--swirl-modal-footer-padding-small:var(--s-space-12) var(--s-space-16) max(env(safe-area-inset-bottom), var(--s-space-12)) var(--s-space-16);--swirl-modal-footer-padding-large:var(--s-space-16) var(--s-space-24) max(env(safe-area-inset-bottom), var(--s-space-16)) var(--s-space-24)}@supports (height: 100dvh){.modal{--swirl-modal-max-height:90dvh;--swirl-modal-view-height:100dvh}}.modal{position:fixed;z-index:var(--s-z-40);display:flex;justify-content:center;align-items:center;height:var(--swirl-modal-view-height);inset:0;border:none;padding:0;width:auto;background:transparent;max-width:none;max-height:none;overflow:visible}.modal::backdrop{display:none}.modal:not([open]){display:none}.modal--variant-default.modal--closing{animation:0.15s modal-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.modal--variant-default.modal--closing{animation:none}}.modal--variant-default:not(.modal--closing) .modal__backdrop{animation:0.15s modal-backdrop-fade-in}@media (prefers-reduced-motion){.modal--variant-default:not(.modal--closing) .modal__backdrop{animation:none}}.modal--variant-default:not(.modal--closing) .modal__body{animation:0.15s modal-scale-in}@media (prefers-reduced-motion){.modal--variant-default:not(.modal--closing) .modal__body{animation:none}}.modal--variant-drawer{justify-content:end;align-items:stretch}.modal--variant-drawer.modal--closing .modal__body{animation:0.15s modal-drawer-slide-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.modal--variant-drawer.modal--closing .modal__body{animation:none}}.modal--variant-drawer.modal--closing .modal__backdrop{animation:0.15s modal-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.modal--variant-drawer.modal--closing .modal__backdrop{animation:none}}@media (min-width: 768px){.modal--variant-drawer.modal--hide-label .modal__header-bar{height:auto;padding-top:var(--s-space-4);padding-bottom:var(--s-space-4)}}.modal--variant-drawer .modal__backdrop{background-color:transparent;animation:none}.modal--variant-drawer .modal__body{height:100%;max-height:none;border-radius:0;animation:0.15s modal-drawer-slide-in;box-shadow:var(--s-shadow-level-3)}@media (prefers-reduced-motion){.modal--variant-drawer .modal__body{animation:none}}.modal--variant-drawer .modal__header-bar{background-color:var(--s-surface-overlay-default)}.modal--variant-drawer .modal__header-bar .modal__close-button{margin-left:calc(-1 var(--s-space-8))}.modal--variant-drawer .modal__header-bar .modal__fullscreen-button{display:none}@media (min-width: 768px){.modal--variant-drawer .modal__header-bar{flex-direction:row}}@media (min-width: 768px){.modal--variant-drawer.modal--padded .modal__content{padding-top:var(--s-space-8)}}.modal--padded .modal__content{padding-top:var(--s-space-24);padding-right:var(--s-space-16);padding-bottom:var(--s-space-24);padding-left:var(--s-space-16)}@media (min-width: 768px){.modal--padded .modal__content{padding-top:0;padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24)}}@media (min-width: 768px){.modal--scrollable .modal__content{padding-bottom:0}}.modal--scrollable:not(.modal--scrolled-down).modal--has-custom-footer .modal__custom-footer{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--scrollable:not(.modal--scrolled-down):not(.modal--has-custom-footer) .modal__controls{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--has-custom-header .modal__custom-header{display:block}.modal--has-custom-header .modal__content{padding-top:var(--s-space-16)}.modal--has-custom-footer .modal__custom-footer{padding:var(--swirl-modal-footer-padding-small)}@media (min-width: 768px){.modal--has-custom-footer .modal__custom-footer{padding:var(--swirl-modal-footer-padding-large)}}.modal--has-header-tools .modal__header{border-bottom-color:transparent}.modal--has-header-tools .modal__header-tools{display:block}.modal--has-secondary-content.modal.modal--variant-default:not(.modal--fullscreen) .modal__body,.modal--has-secondary-content.modal.modal--variant-drawer:not(.modal--fullscreen) .modal__body{max-width:calc( var(--swirl-modal-max-width) + var(--swirl-modal-max-secondary-content-width) )}.modal--has-secondary-content:not(.modal--has-header-tools):not(.modal--hide-secondary-content-borders) .modal__header{border-bottom-color:var(--s-border-default)}.modal--has-secondary-content.modal--has-header-tools:not(.modal--hide-secondary-content-borders) .modal__header-tools{border-bottom-color:var(--s-border-default)}.modal--has-secondary-content.modal--has-custom-footer:not(.modal--hide-secondary-content-borders) .modal__custom-footer{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--has-secondary-content:not(.modal--has-custom-footer):not(.modal--hide-secondary-content-borders) .modal__controls{border-top:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 992px){.modal--has-secondary-content .modal__header-tools,.modal--has-secondary-content .modal__content{padding-right:0}}.modal--has-secondary-content .modal__primary-content{overflow:visible;max-height:60%;flex-basis:auto}@media (min-width: 992px){.modal--has-secondary-content .modal__primary-content{max-width:calc(100% - var(--swirl-modal-max-secondary-content-width));max-height:none;flex-basis:calc(100% - var(--swirl-modal-max-secondary-content-width))}}.modal--has-secondary-content .modal__secondary-content{display:block}.modal__main-content{display:flex;flex-direction:column;overflow-y:auto;flex-grow:1}.modal__sidebar{display:none}.modal.modal--has-sidebar-content.modal.modal--variant-default:not(.modal--fullscreen) .modal__body,.modal.modal--has-sidebar-content.modal.modal--variant-drawer:not(.modal--fullscreen) .modal__body{max-width:calc( var(--swirl-modal-max-width) + var(--swirl-modal-sidebar-width) )}@media (min-width: 768px){.modal.modal--has-sidebar-content .modal__sidebar{display:flex;flex-direction:column;overflow-y:auto;flex-shrink:0;width:var(--swirl-modal-sidebar-width);border-right:var(--s-border-width-default) solid var(--s-border-default)}.modal.modal--has-sidebar-content .modal__sidebar .modal__sidebar-header{border-bottom:var(--s-border-width-default) solid transparent;display:flex;align-items:center;gap:var(--s-space-8);padding-right:var(--s-space-24);padding-left:var(--s-space-24)}.modal.modal--has-sidebar-content .modal__sidebar .modal__sidebar-header.modal__sidebar-header--has-close-button{padding-left:var(--s-space-16)}.modal.modal--has-sidebar-content .modal__sidebar .modal__sidebar-header .modal__sidebar-heading{display:flex;align-items:center;height:var(--swirl-modal-header-height)}.modal.modal--has-sidebar-content .modal__sidebar .modal__sidebar-content{display:block;flex-grow:1;overflow-y:auto}}@media (min-width: 992px){.modal.modal--has-sidebar-content .modal__primary-content{flex-basis:calc(100% - 20rem)}}.modal--sidebar-padded .modal__sidebar .modal__sidebar-content{padding-left:var(--s-space-24);padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-top:var(--s-space-16)}@media (min-width: 768px){.modal--scrolled:not(.modal--hide-scrolled-header-border):not(.modal--has-header-tools) .modal__header{border-bottom-color:var(--s-border-default)}.modal--scrolled:not(.modal--hide-scrolled-header-border).modal--has-header-tools .modal__header-tools{border-bottom-color:var(--s-border-default)}.modal--scrolled:not(.modal--hide-scrolled-header-border) .modal__custom-header{border-bottom-color:var(--s-border-default)}}@media (min-width: 768px){.modal--sidebar-scrolled .modal__sidebar .modal__sidebar-header{border-bottom-color:var(--s-border-default)}}.modal--has-sidebar-footer.modal--sidebar-footer-padded .modal__sidebar-footer{padding:var(--swirl-modal-footer-padding-small)}@media (min-width: 768px){.modal--has-sidebar-footer.modal--sidebar-footer-padded .modal__sidebar-footer{padding:var(--swirl-modal-footer-padding-large)}}@media (min-width: 768px){.modal--sidebar-scrollable .modal__sidebar-content{padding-bottom:0 !important}}.modal--sidebar-scrollable:not(.modal--sidebar-scrolled-down).modal--has-sidebar-footer .modal__sidebar-footer{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal__backdrop{position:fixed;background-color:rgba(0, 0, 0, 0.2);inset:0}.modal.modal--show-backdrop .modal__backdrop{background-color:rgba(0, 0, 0, 0.2)}.modal.modal--show-backdrop:not(.modal--closing) .modal__backdrop{animation:0.15s modal-backdrop-fade-in}@media (prefers-reduced-motion){.modal.modal--show-backdrop:not(.modal--closing) .modal__backdrop{animation:none}}.modal.modal--hide-backdrop .modal__backdrop{background-color:transparent;animation:none}.modal__body{--swirl-card-background-default:var(--s-surface-overlay-default);--swirl-card-background-hovered:var(--s-surface-overlay-hovered);--swirl-card-background-pressed:var(--s-surface-overlay-pressed);position:relative;z-index:var(--s-z-40);display:flex;flex-direction:row;overflow:hidden;width:100vw;max-width:100vw;height:var(--swirl-modal-view-height);max-height:var(--swirl-modal-view-height);padding-top:env(safe-area-inset-top, 0);background-color:var(--s-surface-overlay-default)}.modal--fullscreen .modal__body{min-height:var(--swirl-modal-view-height)}.modal--fullscreen-transitioning .modal__body{transition:width 0.15s ease-out, max-width 0.15s ease-out, max-height 0.15s ease-out, min-height 0.15s ease-out}@media (min-width: 768px){.modal.modal--variant-default:not(.modal--fullscreen) .modal__body{width:90vw;max-width:var(--swirl-modal-max-width);max-height:var(--swirl-modal-max-height);min-height:0;border-radius:var(--s-border-radius-base);box-shadow:var(--s-shadow-level-3)}}@media (min-width: 992px){.modal.modal--variant-default:not(.modal--fullscreen) .modal__body{height:var(--swirl-modal-height)}}.modal__header{border-bottom:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 768px){.modal__header{border-bottom:var(--s-border-width-default) solid transparent}}.modal__header-bar{display:flex;height:3.5rem;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);flex-shrink:0;align-items:center;gap:var(--s-space-8)}@media (min-width: 768px){.modal__header-bar{height:var(--swirl-modal-header-height);padding-top:var(--s-space-12);padding-right:var(--s-space-24);padding-bottom:var(--s-space-12);padding-left:var(--s-space-24);flex-direction:row-reverse}}.modal__fullscreen-button{display:none}@media (min-width: 768px){.modal__fullscreen-button{display:block}}.modal__header-tools{display:none;padding-right:var(--s-space-16);padding-left:var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 768px){.modal__header-tools{padding-right:var(--s-space-24);padding-left:var(--s-space-24);border-bottom-color:transparent}}.modal__custom-header{display:none;flex-shrink:0;border-bottom:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 768px){.modal__custom-header{border-bottom-color:transparent}}.modal__heading{overflow:hidden}.modal__heading .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.modal__content-container{display:flex;overflow:hidden;flex-grow:1;flex-direction:column;gap:var(--s-space-24)}@media (min-width: 992px){.modal__content-container{flex-direction:row}}.modal__primary-content{display:flex;overflow:hidden;overflow-y:auto;min-width:0;flex-basis:100%;flex-grow:1;flex-direction:column}.modal__content{overflow-x:hidden;overflow-y:auto;height:100%}.modal__content ::slotted(*){margin:0}.modal__secondary-content{display:none;overflow:visible;overflow-x:hidden;overflow-y:auto;min-width:0;max-width:none;max-height:40%;padding-right:var(--s-space-16);padding-left:var(--s-space-16)}@media (min-width: 768px){.modal__secondary-content{padding-left:var(--s-space-24)}}@media (min-width: 992px){.modal__secondary-content{overflow-x:hidden;overflow-y:auto;max-width:var(--swirl-modal-max-secondary-content-width);max-height:none;padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:0;flex-basis:50%;flex-grow:1}}.modal__custom-footer{flex-shrink:0;padding-bottom:env(safe-area-inset-bottom)}.modal__controls{display:flex;padding:var(--swirl-modal-footer-padding-small);flex-shrink:0;justify-content:flex-end}@media (min-width: 768px){.modal__controls{padding:var(--swirl-modal-footer-padding-large)}}.modal--has-secondary-content.modal--has-sidebar-content:not(.modal--fullscreen) .modal__body{max-width:calc( var(--swirl-modal-max-width) + var(--swirl-modal-sidebar-width) + var(--swirl-modal-max-secondary-content-width) )}@keyframes modal-scale-in{from{transform:scale(0)}to{transform:scale(1)}}@keyframes modal-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes modal-fade-out{from{opacity:1}to{opacity:0}}@keyframes modal-drawer-slide-in{from{transform:translate3d(100%, 0, 0)}to{transform:translate3d(0, 0, 0)}}@keyframes modal-drawer-slide-out{from{transform:translate3d(0, 0, 0)}to{transform:translate3d(100%, 0, 0)}}"}},[257,"swirl-modal",{closable:[4],closeButtonLabel:[1,"close-button-label"],disableBackdropClose:[4,"disable-backdrop-close"],fullscreenEnableButtonLabel:[1,"fullscreen-enable-button-label"],fullscreenDisableButtonLabel:[1,"fullscreen-disable-button-label"],height:[1],hideCloseButton:[4,"hide-close-button"],hideLabel:[4,"hide-label"],label:[1],maxHeight:[1,"max-height"],minHeight:[1,"min-height"],maxWidth:[1,"max-width"],padded:[4],primaryActionLabel:[1,"primary-action-label"],secondaryActionLabel:[1,"secondary-action-label"],showBackdrop:[4,"show-backdrop"],variant:[1],contentGap:[1,"content-gap"],hideSecondaryContent:[4,"hide-secondary-content"],primaryContentMaxWidth:[1,"primary-content-max-width"],secondaryContentMaxWidth:[1,"secondary-content-max-width"],primaryContentFlex:[1,"primary-content-flex"],secondaryContentFlex:[1,"secondary-content-flex"],hideSecondaryContentBorders:[4,"hide-secondary-content-borders"],returnFocusTo:[1,"return-focus-to"],secondaryContentPadding:[1,"secondary-content-padding"],secondaryContentPaddingBlockEnd:[1,"secondary-content-padding-block-end"],secondaryContentPaddingBlockStart:[1,"secondary-content-padding-block-start"],secondaryContentPaddingInlineEnd:[1,"secondary-content-padding-inline-end"],secondaryContentPaddingInlineStart:[1,"secondary-content-padding-inline-start"],showFullscreenButton:[4,"show-fullscreen-button"],sidebarLabel:[1,"sidebar-label"],sidebarPadded:[4,"sidebar-padded"],sidebarFooterPadded:[4,"sidebar-footer-padded"],hideSidebarContent:[1028,"hide-sidebar-content"],hasSidebarCloseButton:[4,"has-sidebar-close-button"],sidebarCloseButtonLabel:[1,"sidebar-close-button-label"],hideScrolledHeaderBorder:[4,"hide-scrolled-header-border"],opening:[32],isFullscreen:[32],isFullscreenTransitioning:[32],closing:[32],hasCustomHeader:[32],hasCustomFooter:[32],hasHeaderTools:[32],hasSecondaryContent:[32],scrollable:[32],scrolled:[32],scrolledDown:[32],hasSidebarContent:[32],hasSidebarFooter:[32],sidebarScrolled:[32],sidebarScrolledDown:[32],sidebarScrollable:[32],open:[64],close:[64],setFullscreen:[64],getScrollContainer:[64]},[[9,"resize","onWindowResize"]]]),p=f,_=function(){"undefined"!=typeof customElements&&["swirl-modal","swirl-button","swirl-button-group","swirl-heading","swirl-stack"].forEach((a=>{switch(a){case"swirl-modal":customElements.get(s(a))\|\|customElements.define(s(a),f);break;case"swirl-button":customElements.get(s(a))\|\|c();break;case"swirl-button-group":customElements.get(s(a))\|\|m();break;case"swirl-heading":customElements.get(s(a))\|\|h();break;case"swirl-stack":customElements.get(s(a))\|\|b()}}))};export{p as SwirlModal,_ as defineCustomElement}
1	+ import{proxyCustomElement as a,HTMLElement as o,createEvent as e,h as d,Host as t,transformTag as s}from"@stencil/core/internal/client";import{c as i}from"./index2.js";import{t as r}from"./index.esm.js";import{k as l}from"./utils.js";import{d as n,e as m}from"./body-scroll-lock.js";import{d as c}from"./swirl-button2.js";import{d as h}from"./swirl-button-group2.js";import{d as b}from"./swirl-heading2.js";import{d as f}from"./swirl-stack2.js";const p=a(class extends o{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.toggleFullscreen=e(this,"toggleFullscreen",3),this.modalClose=e(this,"modalClose",3),this.modalOpen=e(this,"modalOpen",3),this.primaryAction=e(this,"primaryAction",3),this.requestModalClose=e(this,"requestModalClose",3),this.secondaryAction=e(this,"secondaryAction",3),this.sidebarClose=e(this,"sidebarClose",3),this.toggleDialog=e(this,"toggleDialog",7),this.closable=!0,this.closeButtonLabel="Close modal",this.fullscreenEnableButtonLabel="Full screen",this.fullscreenDisableButtonLabel="Exit full screen",this.padded=!0,this.variant="default",this.sidebarPadded=!0,this.sidebarFooterPadded=!0,this.sidebarCloseButtonLabel="Close sidebar",this.opening=!1,this.isFullscreen=!1,this.isFullscreenTransitioning=!1,this.closing=!1,this.scrollable=!1,this.scrolled=!1,this.scrolledDown=!1,this.sidebarScrolled=!1,this.sidebarScrolledDown=!1,this.sidebarScrollable=!1,this.onKeyDown=a=>{"Escape"===a.code&&(a.stopImmediatePropagation(),a.preventDefault(),this.close())},this.onClose=()=>{this.closing=!1,this.unlockBodyScroll(),this.modalClose.emit()},this.onToggle=a=>{const o={newState:a.newState,dialog:this.modalEl};this.el.isConnected?this.toggleDialog.emit(o):document.dispatchEvent(new CustomEvent("toggleDialog",{bubbles:!0,composed:!0,detail:o}))},this.onBackdropClick=()=>{this.disableBackdropClose\|\|this.close()},this.onCloseButtonClick=()=>{this.close()},this.onFullscreenButtonClick=()=>{this.setFullscreen(!this.isFullscreen)},this.onSidebarCloseButtonClick=()=>{this.hideSidebarContent=!0,this.sidebarClose.emit()},this.onPrimaryAction=a=>{this.primaryAction.emit(a)},this.onSecondaryAction=a=>{this.secondaryAction.emit(a)},this.updateCustomFooterStatus=()=>{this.hasCustomFooter=!!this.el.querySelector(':scope > [slot="custom-footer"]')},this.updateCustomHeaderStatus=()=>{this.hasCustomHeader=!!this.el.querySelector(':scope > [slot="custom-header"]')},this.updateHeaderToolsStatus=()=>{this.hasHeaderTools=!!this.el.querySelector(':scope > [slot="header-tools"]')},this.updateSecondaryContentStatus=()=>{this.hasSecondaryContent=!!this.el.querySelector(':scope > [slot="secondary-content"]')},this.updateSidebarContentStatus=()=>{this.hasSidebarContent=!!this.el.querySelector(':scope > [slot="sidebar-content"]')},this.updateSidebarFooterStatus=()=>{this.hasSidebarFooter=!!this.el.querySelector(':scope > [slot="sidebar-footer"]')},this.determineScrollStatus=()=>{this.determineMainScrollStatus(),this.determineSidebarScrollStatus()},this.determineMainScrollStatus=()=>{const a=this.scrollContainer?.scrollTop>0,o=Math.ceil(this.scrollContainer?.scrollTop+this.scrollContainer?.offsetHeight)>=this.scrollContainer?.scrollHeight,e=this.scrollContainer?.scrollHeight>this.scrollContainer?.offsetHeight;a!==this.scrolled&&(this.scrolled=a),o!==this.scrolledDown&&(this.scrolledDown=o),e!==this.scrollable&&(this.scrollable=e)},this.determineSidebarScrollStatus=()=>{const a=this.sidebarScrollContainer?.scrollTop>0,o=Math.ceil(this.sidebarScrollContainer?.scrollTop+this.sidebarScrollContainer?.offsetHeight)>=this.sidebarScrollContainer?.scrollHeight,e=this.sidebarScrollContainer?.scrollHeight>this.sidebarScrollContainer?.offsetHeight;a!==this.sidebarScrolled&&(this.sidebarScrolled=a),o!==this.sidebarScrolledDown&&(this.sidebarScrolledDown=o),e!==this.sidebarScrollable&&(this.sidebarScrollable=e)}}componentDidLoad(){this.ensureOpening(),this.setDialogCustomProps(),this.determineScrollStatus(),this.updateCustomFooterStatus(),this.updateCustomHeaderStatus(),this.updateHeaderToolsStatus(),this.updateSecondaryContentStatus(),this.updateSidebarContentStatus(),this.updateSidebarFooterStatus()}disconnectedCallback(){this.mutationObserver?.disconnect(),this.modalEl?.open&&this.modalEl.close(),this.unlockBodyScroll()}onWindowResize(){this.determineScrollStatus()}async open(a){this.opening=!0,this.temporaryReturnFocusTo=a,this.modalEl&&(this.setupMutationObserver(),this.modalEl.showModal(),this.modalOpen.emit(),this.mutationObserver.observe(this.modalEl,{subtree:!0,childList:!0}),this.lockBodyScroll(),this.determineScrollStatus(),setTimeout((()=>{this.handleAutoFocus()}),200))}async close(a){this.closing\|\|(a\|\|this.requestModalClose.emit(),(this.closable\|\|a)&&(this.closing=!0,this.unlockBodyScroll(),setTimeout((()=>{this.mutationObserver?.disconnect(),this.modalEl.close(),this.customFocusReturn()}),150)))}async setFullscreen(a){this.isFullscreen!==a&&(this.isFullscreenTransitioning=!0,this.isFullscreen=a,this.toggleFullscreen.emit(this.isFullscreen),setTimeout((()=>this.isFullscreenTransitioning=!1),150))}async getScrollContainer(){return this.scrollContainer}handleAutoFocus(){const a=this.el.querySelector("input[autofocus]");a&&(this.focusIsInsideContent()&&document.activeElement!==a\|\|a.focus())}focusIsInsideContent(){const a=document.activeElement;if(a&&a!==this.el&&this.el.contains(a))return!0;const o=l();return!!o&&this.el.contains(o)}lockBodyScroll(){n(this.scrollContainer),n(this.sidebarScrollContainer)}setupMutationObserver(){this.mutationObserver=new MutationObserver((()=>{this.modalEl?.open&&document.activeElement===document.body&&r(this.modalEl).at(0)?.focus()}))}unlockBodyScroll(){this.scrollContainer&&m(this.scrollContainer),this.sidebarScrollContainer&&m(this.sidebarScrollContainer)}ensureOpening(){this.opening&&!this.modalEl?.open&&this.open()}setDialogCustomProps(){this.modalEl.setAttribute("closedby","none")}customFocusReturn(){const a=this.temporaryReturnFocusTo??this.returnFocusTo;if(!a)return;const o="string"==typeof a?document.querySelector(a):a,e=r(o,{includeContainer:!0,getShadowRoot:!0});e.length>0&&e[0].focus(),this.temporaryReturnFocusTo=void 0}render(){const a=!!this.primaryActionLabel\|\|!!this.secondaryActionLabel,o=i("modal","modal--variant-"+this.variant,{"modal--closing":this.closing,"modal--fullscreen":this.isFullscreen,"modal--fullscreen-transitioning":this.isFullscreenTransitioning,"modal--has-custom-footer":this.hasCustomFooter,"modal--has-custom-header":this.hasCustomHeader,"modal--has-header-tools":this.hasHeaderTools,"modal--has-secondary-content":this.hasSecondaryContent&&!this.hideSecondaryContent,"modal--hide-label":this.hideLabel,"modal--padded":this.padded,"modal--scrollable":this.scrollable,"modal--scrolled":this.scrolled,"modal--hide-scrolled-header-border":this.hideScrolledHeaderBorder,"modal--scrolled-down":this.scrolledDown,"modal--hide-secondary-content-borders":this.hideSecondaryContentBorders,"modal--has-sidebar-content":this.hasSidebarContent&&!this.hideSidebarContent,"modal--sidebar-padded":this.sidebarPadded,"modal--has-sidebar-footer":this.hasSidebarFooter&&this.hasSidebarContent&&!this.hideSidebarContent,"modal--sidebar-footer-padded":this.sidebarFooterPadded,"modal--sidebar-scrolled":this.sidebarScrolled,"modal--sidebar-scrolled-down":this.sidebarScrolledDown,"modal--sidebar-scrollable":this.sidebarScrollable,"modal--show-backdrop":!0===this.showBackdrop,"modal--hide-backdrop":!1===this.showBackdrop});return d(t,{key:"a4a86ec07c44c8bdf083b896526c3e8d3693bc8d"},d("dialog",{key:"e06e60af5b6c01152756af0eb143125924fda737","aria-label":this.label,class:o,onClose:this.onClose,onKeyDown:this.onKeyDown,onToggle:this.onToggle,ref:a=>this.modalEl=a},d("div",{key:"dc7fc803d1fed43daafe1c6068a70d306ba26741",class:"modal__backdrop",onClick:this.onBackdropClick}),d("div",{key:"5af6a906a4c258805ca6f2a19f9411d7ade1768c",class:"modal__body",part:"modal__body",style:this.isFullscreen?{}:{"--swirl-modal-max-height":this.maxHeight,"--swirl-modal-height":this.height,minHeight:this.minHeight,maxWidth:this.maxWidth}},d("aside",{key:"d81b74fbf405ecaa2fc6d55c63c94455fe969990",class:"modal__sidebar"},this.sidebarLabel&&d("header",{key:"0d50caffb53a40009ba18d975bbd10547d387096",class:i("modal__sidebar-header",{"modal__sidebar-header--has-close-button":this.hasSidebarCloseButton})},this.hasSidebarCloseButton&&d("swirl-button",{key:"ee3f807a5966c16c0e526c0b18e1431582e54056",hideLabel:!0,icon:"<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>",label:this.sidebarCloseButtonLabel,onClick:this.onSidebarCloseButtonClick}),d("swirl-heading",{key:"6742901788dfb273b471f693fa350a1fb9b81768",as:"h3",class:"modal__sidebar-heading",level:5,text:this.sidebarLabel})),d("div",{key:"ab956419c46fc310e87372b2694f4a2a9bb07548",class:"modal__sidebar-content",onScroll:this.determineSidebarScrollStatus,ref:a=>this.sidebarScrollContainer=a},d("slot",{key:"8cbdb8c776b0d14d0642080fb9f0bb2bd7674b5f",name:"sidebar-content",onSlotchange:this.updateSidebarContentStatus})),d("div",{key:"e85a449242a54494130dc90d345f94025ab482d4",class:"modal__sidebar-footer",part:"modal__sidebar-footer"},d("slot",{key:"860ba1b7cbcbb5ff550a6d4361745e20ee4d3f85",name:"sidebar-footer",onSlotchange:this.updateSidebarFooterStatus}))),d("div",{key:"023a19a5a523cee719ce893f3ca59ee6cb4ab2d0",class:"modal__main-content"},d("header",{key:"6d1299be352a436ae46b05bb39971dc9ff7f8420",class:"modal__custom-header",part:"modal__custom-header"},d("slot",{key:"bb2fded089e747367b720bf42ba171cf04a0b8c7",name:"custom-header",onSlotchange:this.updateCustomHeaderStatus})),(!this.hideLabel\|\|!this.hideCloseButton)&&d("header",{key:"3f59e23fefc8ee3501e2b8b5f909ad551fa6d6fc",class:"modal__header"},d("div",{key:"233a8f13834898444809d9f8433193daa251c16a",class:"modal__header-bar"},!this.hideCloseButton&&d("swirl-button",{key:"7eadd7dd005250a8d8e63f4ba6d9a6f8a1b3ca08",class:"modal__close-button",hideLabel:!0,icon:"default"===this.variant?"<swirl-icon-close></swirl-icon-close>":"<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>",label:this.closeButtonLabel,onClick:this.onCloseButtonClick}),this.showFullscreenButton&&d("swirl-button",{key:"64ee96733baeec6b8522399f35c47c74be0f8102",class:"modal__fullscreen-button",hideLabel:!0,icon:this.isFullscreen?"<swirl-icon-close-fullscreen></swirl-icon-close-fullscreen>":"<swirl-icon-open-in-full></swirl-icon-open-in-full>",label:this.isFullscreen?this.fullscreenDisableButtonLabel:this.fullscreenEnableButtonLabel,onClick:this.onFullscreenButtonClick}),!this.hideLabel&&d("swirl-heading",{key:"d9ac5da08638bb7018dac8d1d318c2b4e0736542",as:"h2",class:"modal__heading",level:3,text:this.label}))),d("div",{key:"406b3a855b05e74f1ee4acc1517d67341506fa22",class:"modal__content-container",style:{gap:this.contentGap?`var(--s-space-${this.contentGap})`:void 0}},d("div",{key:"e83c26591a0a2ca9d023eec8dba294cef18fdf89",class:"modal__primary-content",style:{maxWidth:this.primaryContentMaxWidth,flex:this.primaryContentFlex}},d("div",{key:"a47ef165e6614053ea2b6b010c981af59f9987d1",class:"modal__header-tools",part:"modal__header-tools"},d("slot",{key:"15fb393a0674401622c485b3d9aaced96b97ad4a",name:"header-tools",onSlotchange:this.updateHeaderToolsStatus})),d("div",{key:"6a4a0a3b00760a6876295cfbc890aaab922d514c",class:"modal__content",onScroll:this.determineMainScrollStatus,part:"modal__content",ref:a=>this.scrollContainer=a},d("slot",{key:"4a32656a4710b04e1e7c1caf6dd6605946fda893"}))),d("div",{key:"0596be67b7b2d6b9d0aa428a821040a2aac2e135",class:"modal__secondary-content",style:{maxWidth:this.secondaryContentMaxWidth,flex:this.secondaryContentFlex,padding:this.secondaryContentPadding?`var(--s-space-${this.secondaryContentPadding})`:void 0,paddingBlockEnd:this.secondaryContentPaddingBlockEnd?`var(--s-space-${this.secondaryContentPaddingBlockEnd})`:void 0,paddingBlockStart:this.secondaryContentPaddingBlockStart?`var(--s-space-${this.secondaryContentPaddingBlockStart})`:void 0,paddingInlineEnd:this.secondaryContentPaddingInlineEnd?`var(--s-space-${this.secondaryContentPaddingInlineEnd})`:void 0,paddingInlineStart:this.secondaryContentPaddingInlineStart?`var(--s-space-${this.secondaryContentPaddingInlineStart})`:void 0}},d("slot",{key:"e111ac8ad27295494a2d88fc85ea41b70e055fe8",name:"secondary-content",onSlotchange:this.updateSecondaryContentStatus}))),d("div",{key:"ad15d1be8af76010ccfc5d4ef8b6e3b5cebcc4a3",class:"modal__custom-footer"},d("slot",{key:"e1d48aea84c02cef82bb25fbf6c57a6c2baedb0d",name:"custom-footer",onSlotchange:this.updateCustomFooterStatus})),a&&d("footer",{key:"2826ebb52ae505ce1777e69662af0e30bd79f252",class:"modal__controls"},d("swirl-button-group",{key:"596093bffabb09ba0fc41452369a60de6438580c",wrap:!0},this.secondaryActionLabel&&d("swirl-button",{key:"37dccfc2ba11660bbc745a13f5b4bb3784c96562",label:this.secondaryActionLabel,onClick:this.onSecondaryAction}),this.primaryActionLabel&&d("swirl-button",{key:"f5032c93221904642c8247f278f92963f11fc9ae",intent:"primary",label:this.primaryActionLabel,onClick:this.onPrimaryAction,variant:"flat"})))))))}get el(){return this}static get style(){return":host{display:block}:host {box-sizing:border-box}.modal{--swirl-modal-height:auto;--swirl-modal-max-height:90vh;--swirl-modal-view-height:100vh;--swirl-modal-header-height:3.75rem;--swirl-modal-max-width:40rem;--swirl-modal-sidebar-width:25rem;--swirl-modal-max-secondary-content-width:24rem;--swirl-modal-footer-padding-small:var(--s-space-12) var(--s-space-16) max(env(safe-area-inset-bottom), var(--s-space-12)) var(--s-space-16);--swirl-modal-footer-padding-large:var(--s-space-16) var(--s-space-24) max(env(safe-area-inset-bottom), var(--s-space-16)) var(--s-space-24)}@supports (height: 100dvh){.modal{--swirl-modal-max-height:90dvh;--swirl-modal-view-height:100dvh}}.modal{position:fixed;z-index:var(--s-z-40);display:flex;justify-content:center;align-items:center;height:var(--swirl-modal-view-height);inset:0;border:none;padding:0;width:auto;background:transparent;max-width:none;max-height:none;overflow:visible}.modal::backdrop{display:none}.modal:not([open]){display:none}.modal--variant-default.modal--closing{animation:0.15s modal-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.modal--variant-default.modal--closing{animation:none}}.modal--variant-default:not(.modal--closing) .modal__backdrop{animation:0.15s modal-backdrop-fade-in}@media (prefers-reduced-motion){.modal--variant-default:not(.modal--closing) .modal__backdrop{animation:none}}.modal--variant-default:not(.modal--closing) .modal__body{animation:0.15s modal-scale-in}@media (prefers-reduced-motion){.modal--variant-default:not(.modal--closing) .modal__body{animation:none}}.modal--variant-drawer{justify-content:end;align-items:stretch}.modal--variant-drawer.modal--closing .modal__body{animation:0.15s modal-drawer-slide-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.modal--variant-drawer.modal--closing .modal__body{animation:none}}.modal--variant-drawer.modal--closing .modal__backdrop{animation:0.15s modal-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.modal--variant-drawer.modal--closing .modal__backdrop{animation:none}}@media (min-width: 768px){.modal--variant-drawer.modal--hide-label .modal__header-bar{height:auto;padding-top:var(--s-space-4);padding-bottom:var(--s-space-4)}}.modal--variant-drawer .modal__backdrop{background-color:transparent;animation:none}.modal--variant-drawer .modal__body{height:100%;max-height:none;border-radius:0;animation:0.15s modal-drawer-slide-in;box-shadow:var(--s-shadow-level-3)}@media (prefers-reduced-motion){.modal--variant-drawer .modal__body{animation:none}}.modal--variant-drawer .modal__header-bar{background-color:var(--s-surface-overlay-default)}.modal--variant-drawer .modal__header-bar .modal__close-button{margin-left:calc(-1 var(--s-space-8))}.modal--variant-drawer .modal__header-bar .modal__fullscreen-button{display:none}@media (min-width: 768px){.modal--variant-drawer .modal__header-bar{flex-direction:row}}@media (min-width: 768px){.modal--variant-drawer.modal--padded .modal__content{padding-top:var(--s-space-8)}}.modal--padded .modal__content{padding-top:var(--s-space-24);padding-right:var(--s-space-16);padding-bottom:var(--s-space-24);padding-left:var(--s-space-16)}@media (min-width: 768px){.modal--padded .modal__content{padding-top:0;padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24)}}@media (min-width: 768px){.modal--scrollable .modal__content{padding-bottom:0}}.modal--scrollable:not(.modal--scrolled-down).modal--has-custom-footer .modal__custom-footer{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--scrollable:not(.modal--scrolled-down):not(.modal--has-custom-footer) .modal__controls{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--has-custom-header .modal__custom-header{display:block}.modal--has-custom-header .modal__content{padding-top:var(--s-space-16)}.modal--has-custom-footer .modal__custom-footer{padding:var(--swirl-modal-footer-padding-small)}@media (min-width: 768px){.modal--has-custom-footer .modal__custom-footer{padding:var(--swirl-modal-footer-padding-large)}}.modal--has-header-tools .modal__header{border-bottom-color:transparent}.modal--has-header-tools .modal__header-tools{display:block}.modal--has-secondary-content.modal.modal--variant-default:not(.modal--fullscreen) .modal__body,.modal--has-secondary-content.modal.modal--variant-drawer:not(.modal--fullscreen) .modal__body{max-width:calc( var(--swirl-modal-max-width) + var(--swirl-modal-max-secondary-content-width) )}.modal--has-secondary-content:not(.modal--has-header-tools):not(.modal--hide-secondary-content-borders) .modal__header{border-bottom-color:var(--s-border-default)}.modal--has-secondary-content.modal--has-header-tools:not(.modal--hide-secondary-content-borders) .modal__header-tools{border-bottom-color:var(--s-border-default)}.modal--has-secondary-content.modal--has-custom-footer:not(.modal--hide-secondary-content-borders) .modal__custom-footer{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--has-secondary-content:not(.modal--has-custom-footer):not(.modal--hide-secondary-content-borders) .modal__controls{border-top:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 992px){.modal--has-secondary-content .modal__header-tools,.modal--has-secondary-content .modal__content{padding-right:0}}.modal--has-secondary-content .modal__primary-content{overflow:visible;max-height:60%;flex-basis:auto}@media (min-width: 992px){.modal--has-secondary-content .modal__primary-content{max-width:calc(100% - var(--swirl-modal-max-secondary-content-width));max-height:none;flex-basis:calc(100% - var(--swirl-modal-max-secondary-content-width))}}.modal--has-secondary-content .modal__secondary-content{display:block}.modal__main-content{display:flex;flex-direction:column;overflow-y:auto;flex-grow:1}.modal__sidebar{display:none}.modal.modal--has-sidebar-content.modal.modal--variant-default:not(.modal--fullscreen) .modal__body,.modal.modal--has-sidebar-content.modal.modal--variant-drawer:not(.modal--fullscreen) .modal__body{max-width:calc( var(--swirl-modal-max-width) + var(--swirl-modal-sidebar-width) )}@media (min-width: 768px){.modal.modal--has-sidebar-content .modal__sidebar{display:flex;flex-direction:column;overflow-y:auto;flex-shrink:0;width:var(--swirl-modal-sidebar-width);border-right:var(--s-border-width-default) solid var(--s-border-default)}.modal.modal--has-sidebar-content .modal__sidebar .modal__sidebar-header{border-bottom:var(--s-border-width-default) solid transparent;display:flex;align-items:center;gap:var(--s-space-8);padding-right:var(--s-space-24);padding-left:var(--s-space-24)}.modal.modal--has-sidebar-content .modal__sidebar .modal__sidebar-header.modal__sidebar-header--has-close-button{padding-left:var(--s-space-16)}.modal.modal--has-sidebar-content .modal__sidebar .modal__sidebar-header .modal__sidebar-heading{display:flex;align-items:center;height:var(--swirl-modal-header-height)}.modal.modal--has-sidebar-content .modal__sidebar .modal__sidebar-content{display:block;flex-grow:1;overflow-y:auto}}@media (min-width: 992px){.modal.modal--has-sidebar-content .modal__primary-content{flex-basis:calc(100% - 20rem)}}.modal--sidebar-padded .modal__sidebar .modal__sidebar-content{padding-left:var(--s-space-24);padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-top:var(--s-space-16)}@media (min-width: 768px){.modal--scrolled:not(.modal--hide-scrolled-header-border):not(.modal--has-header-tools) .modal__header{border-bottom-color:var(--s-border-default)}.modal--scrolled:not(.modal--hide-scrolled-header-border).modal--has-header-tools .modal__header-tools{border-bottom-color:var(--s-border-default)}.modal--scrolled:not(.modal--hide-scrolled-header-border) .modal__custom-header{border-bottom-color:var(--s-border-default)}}@media (min-width: 768px){.modal--sidebar-scrolled .modal__sidebar .modal__sidebar-header{border-bottom-color:var(--s-border-default)}}.modal--has-sidebar-footer.modal--sidebar-footer-padded .modal__sidebar-footer{padding:var(--swirl-modal-footer-padding-small)}@media (min-width: 768px){.modal--has-sidebar-footer.modal--sidebar-footer-padded .modal__sidebar-footer{padding:var(--swirl-modal-footer-padding-large)}}@media (min-width: 768px){.modal--sidebar-scrollable .modal__sidebar-content{padding-bottom:0 !important}}.modal--sidebar-scrollable:not(.modal--sidebar-scrolled-down).modal--has-sidebar-footer .modal__sidebar-footer{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal__backdrop{position:fixed;background-color:rgba(0, 0, 0, 0.2);inset:0}.modal.modal--show-backdrop .modal__backdrop{background-color:rgba(0, 0, 0, 0.2)}.modal.modal--show-backdrop:not(.modal--closing) .modal__backdrop{animation:0.15s modal-backdrop-fade-in}@media (prefers-reduced-motion){.modal.modal--show-backdrop:not(.modal--closing) .modal__backdrop{animation:none}}.modal.modal--hide-backdrop .modal__backdrop{background-color:transparent;animation:none}.modal__body{--swirl-card-background-default:var(--s-surface-overlay-default);--swirl-card-background-hovered:var(--s-surface-overlay-hovered);--swirl-card-background-pressed:var(--s-surface-overlay-pressed);position:relative;z-index:var(--s-z-40);display:flex;flex-direction:row;overflow:hidden;width:100vw;max-width:100vw;height:var(--swirl-modal-view-height);max-height:var(--swirl-modal-view-height);padding-top:env(safe-area-inset-top, 0);background-color:var(--s-surface-overlay-default)}.modal--fullscreen .modal__body{min-height:var(--swirl-modal-view-height)}.modal--fullscreen-transitioning .modal__body{transition:width 0.15s ease-out, max-width 0.15s ease-out, max-height 0.15s ease-out, min-height 0.15s ease-out}@media (min-width: 768px){.modal.modal--variant-default:not(.modal--fullscreen) .modal__body{width:90vw;max-width:var(--swirl-modal-max-width);max-height:var(--swirl-modal-max-height);min-height:0;border-radius:var(--s-border-radius-base);box-shadow:var(--s-shadow-level-3)}}@media (min-width: 992px){.modal.modal--variant-default:not(.modal--fullscreen) .modal__body{height:var(--swirl-modal-height)}}.modal__header{border-bottom:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 768px){.modal__header{border-bottom:var(--s-border-width-default) solid transparent}}.modal__header-bar{display:flex;height:3.5rem;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);flex-shrink:0;align-items:center;gap:var(--s-space-8)}@media (min-width: 768px){.modal__header-bar{height:var(--swirl-modal-header-height);padding-top:var(--s-space-12);padding-right:var(--s-space-24);padding-bottom:var(--s-space-12);padding-left:var(--s-space-24);flex-direction:row-reverse}}.modal__fullscreen-button{display:none}@media (min-width: 768px){.modal__fullscreen-button{display:block}}.modal__header-tools{display:none;padding-right:var(--s-space-16);padding-left:var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 768px){.modal__header-tools{padding-right:var(--s-space-24);padding-left:var(--s-space-24);border-bottom-color:transparent}}.modal__custom-header{display:none;flex-shrink:0;border-bottom:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 768px){.modal__custom-header{border-bottom-color:transparent}}.modal__heading{overflow:hidden}.modal__heading .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.modal__content-container{display:flex;overflow:hidden;flex-grow:1;flex-direction:column;gap:var(--s-space-24)}@media (min-width: 992px){.modal__content-container{flex-direction:row}}.modal__primary-content{display:flex;overflow:hidden;overflow-y:auto;min-width:0;flex-basis:100%;flex-grow:1;flex-direction:column}.modal__content{overflow-x:hidden;overflow-y:auto;height:100%}.modal__content ::slotted(*){margin:0}.modal__secondary-content{display:none;overflow:visible;overflow-x:hidden;overflow-y:auto;min-width:0;max-width:none;max-height:40%;padding-right:var(--s-space-16);padding-left:var(--s-space-16)}@media (min-width: 768px){.modal__secondary-content{padding-left:var(--s-space-24)}}@media (min-width: 992px){.modal__secondary-content{overflow-x:hidden;overflow-y:auto;max-width:var(--swirl-modal-max-secondary-content-width);max-height:none;padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:0;flex-basis:50%;flex-grow:1}}.modal__custom-footer{flex-shrink:0;padding-bottom:env(safe-area-inset-bottom)}.modal__controls{display:flex;padding:var(--swirl-modal-footer-padding-small);flex-shrink:0;justify-content:flex-end}@media (min-width: 768px){.modal__controls{padding:var(--swirl-modal-footer-padding-large)}}.modal--has-secondary-content.modal--has-sidebar-content:not(.modal--fullscreen) .modal__body{max-width:calc( var(--swirl-modal-max-width) + var(--swirl-modal-sidebar-width) + var(--swirl-modal-max-secondary-content-width) )}@keyframes modal-scale-in{from{transform:scale(0)}to{transform:scale(1)}}@keyframes modal-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes modal-fade-out{from{opacity:1}to{opacity:0}}@keyframes modal-drawer-slide-in{from{transform:translate3d(100%, 0, 0)}to{transform:translate3d(0, 0, 0)}}@keyframes modal-drawer-slide-out{from{transform:translate3d(0, 0, 0)}to{transform:translate3d(100%, 0, 0)}}"}},[257,"swirl-modal",{closable:[4],closeButtonLabel:[1,"close-button-label"],disableBackdropClose:[4,"disable-backdrop-close"],fullscreenEnableButtonLabel:[1,"fullscreen-enable-button-label"],fullscreenDisableButtonLabel:[1,"fullscreen-disable-button-label"],height:[1],hideCloseButton:[4,"hide-close-button"],hideLabel:[4,"hide-label"],label:[1],maxHeight:[1,"max-height"],minHeight:[1,"min-height"],maxWidth:[1,"max-width"],padded:[4],primaryActionLabel:[1,"primary-action-label"],secondaryActionLabel:[1,"secondary-action-label"],showBackdrop:[4,"show-backdrop"],variant:[1],contentGap:[1,"content-gap"],hideSecondaryContent:[4,"hide-secondary-content"],primaryContentMaxWidth:[1,"primary-content-max-width"],secondaryContentMaxWidth:[1,"secondary-content-max-width"],primaryContentFlex:[1,"primary-content-flex"],secondaryContentFlex:[1,"secondary-content-flex"],hideSecondaryContentBorders:[4,"hide-secondary-content-borders"],returnFocusTo:[1,"return-focus-to"],secondaryContentPadding:[1,"secondary-content-padding"],secondaryContentPaddingBlockEnd:[1,"secondary-content-padding-block-end"],secondaryContentPaddingBlockStart:[1,"secondary-content-padding-block-start"],secondaryContentPaddingInlineEnd:[1,"secondary-content-padding-inline-end"],secondaryContentPaddingInlineStart:[1,"secondary-content-padding-inline-start"],showFullscreenButton:[4,"show-fullscreen-button"],sidebarLabel:[1,"sidebar-label"],sidebarPadded:[4,"sidebar-padded"],sidebarFooterPadded:[4,"sidebar-footer-padded"],hideSidebarContent:[1028,"hide-sidebar-content"],hasSidebarCloseButton:[4,"has-sidebar-close-button"],sidebarCloseButtonLabel:[1,"sidebar-close-button-label"],hideScrolledHeaderBorder:[4,"hide-scrolled-header-border"],opening:[32],isFullscreen:[32],isFullscreenTransitioning:[32],closing:[32],hasCustomHeader:[32],hasCustomFooter:[32],hasHeaderTools:[32],hasSecondaryContent:[32],scrollable:[32],scrolled:[32],scrolledDown:[32],hasSidebarContent:[32],hasSidebarFooter:[32],sidebarScrolled:[32],sidebarScrolledDown:[32],sidebarScrollable:[32],open:[64],close:[64],setFullscreen:[64],getScrollContainer:[64]},[[9,"resize","onWindowResize"]]]),_=p,u=function(){"undefined"!=typeof customElements&&["swirl-modal","swirl-button","swirl-button-group","swirl-heading","swirl-stack"].forEach((a=>{switch(a){case"swirl-modal":customElements.get(s(a))\|\|customElements.define(s(a),p);break;case"swirl-button":customElements.get(s(a))\|\|c();break;case"swirl-button-group":customElements.get(s(a))\|\|h();break;case"swirl-heading":customElements.get(s(a))\|\|b();break;case"swirl-stack":customElements.get(s(a))\|\|f()}}))};export{_ as SwirlModal,u as defineCustomElement}

package/dist/components/swirl-option-list-section.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as s,HTMLElement as e,h as t,Host as a,transformTag as i}from"@stencil/core/internal/client";import{d as o}from"./swirl-separator2.js";import{d as r}from"./swirl-stack2.js";const l=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.separatorSpacing="4",this.spacing="0",this.hasSeparator=!1}render(){return t(a,{key:"~~93b08d09e7d8135b99cdadac3af873bffbceb93d~~"},this.hasSeparator&&t("swirl-separator",{key:"~~dd25bb005b9c7ee1e97ba178853380eb4c2a08c3~~",spacing:this.separatorSpacing}),t("div",{key:"~~73e2af0a69dcaab7fa5aa06f6974878543466e09~~","aria-labelledby":"label",class:"option-list-section",role:"group"},t("span",{key:"~~90a68d498e28585bf10583135275292b5eab41a2~~",class:"option-list-section__label",id:"label",part:"option-list-section__label"},this.label),t("swirl-stack",{key:"~~4c42eaf209ecd5af756cc336641e3ff1a1d5050d~~",spacing:this.spacing,align:"stretch"},t("slot",{key:"~~a8385c3180f0cef63be182e6809161e9b6fcb09d~~"}))))}static get style(){return":host{display:block;width:100%}:host *{box-sizing:border-box}.option-list-section__label{display:block;width:100%;padding:var(--s-space-8) var(--s-space-16);color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-section__label{padding:var(--s-space-8) var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}"}},[257,"swirl-option-list-section",{label:[1],separatorSpacing:[1,"separator-spacing"],spacing:[1],hasSeparator:[4,"has-separator"]}]),c=l,n=function(){"undefined"!=typeof customElements&&["swirl-option-list-section","swirl-separator","swirl-stack"].forEach((s=>{switch(s){case"swirl-option-list-section":customElements.get(i(s))\|\|customElements.define(i(s),l);break;case"swirl-separator":customElements.get(i(s))\|\|o();break;case"swirl-stack":customElements.get(i(s))\|\|r()}}))};export{c as SwirlOptionListSection,n as defineCustomElement}
1	+ import{proxyCustomElement as s,HTMLElement as e,h as t,Host as a,transformTag as i}from"@stencil/core/internal/client";import{d as o}from"./swirl-separator2.js";import{d as r}from"./swirl-stack2.js";const l=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.separatorSpacing="4",this.spacing="0",this.hasSeparator=!1}render(){return t(a,{key:"fb6bebac56b862fd3b2336488e4250173564f8f9"},this.hasSeparator&&t("swirl-separator",{key:"064c39e7caafa9ae6a7bef2b8b962a0d0e87273f",spacing:this.separatorSpacing}),t("div",{key:"e7495513207c8d3bf6bd8859c02920599f14c8f1","aria-labelledby":"label",class:"option-list-section",role:"group"},t("span",{key:"5cc8f6a266168dfd57312d576e711dad23aa225e",class:"option-list-section__label",id:"label",part:"option-list-section__label"},this.label),t("swirl-stack",{key:"0e6161dc67e1cbf258d29de4d4dad0f7322e48a7",spacing:this.spacing,align:"stretch"},t("slot",{key:"4475cfaf2596cdafacf128ac6fd85c0badca8286"}))))}static get style(){return":host{display:block;width:100%}:host *{box-sizing:border-box}.option-list-section__label{display:block;width:100%;padding:var(--s-space-8) var(--s-space-16);color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-section__label{padding:var(--s-space-8) var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}"}},[257,"swirl-option-list-section",{label:[1],separatorSpacing:[1,"separator-spacing"],spacing:[1],hasSeparator:[4,"has-separator"]}]),c=l,n=function(){"undefined"!=typeof customElements&&["swirl-option-list-section","swirl-separator","swirl-stack"].forEach((s=>{switch(s){case"swirl-option-list-section":customElements.get(i(s))\|\|customElements.define(i(s),l);break;case"swirl-separator":customElements.get(i(s))\|\|o();break;case"swirl-stack":customElements.get(i(s))\|\|r()}}))};export{c as SwirlOptionListSection,n as defineCustomElement}

package/dist/components/swirl-option-list2.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as t,HTMLElement as s,createEvent as i,h as e,Host as o,transformTag as h}from"@stencil/core/internal/client";import{S as l}from"./sortable.esm.js";import{l as a,q as n}from"./utils.js";import{d as r}from"./swirl-icon-check-small2.js";import{d as c}from"./swirl-icon-check-strong2.js";import{d}from"./swirl-icon-drag-handle2.js";import{d as m}from"./swirl-option-list-item2.js";import{d as u}from"./swirl-visually-hidden2.js";const w=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.itemDrop=i(this,"itemDrop",7),this.valueChange=i(this,"valueChange",7),this.allowDeselect=!0,this.assistiveTextItemGrabbed="Item grabbed. Use arrow keys to move item up or down. Use spacebar to save position.",this.assistiveTextItemMoving="Current position:",this.assistiveTextItemMoved="Item moved. New position:",this.selectAllLabel="Select all",this.value=[],this.selectAllState=!1,this.componentLoaded=!1,this.selectAllValue=crypto.randomUUID(),this.onClick=t=>{t.preventDefault();const s=t.target,i=s?.closest("swirl-option-list-item"),e=t.composedPath()[0],o=Boolean(a(e,'[role="option"]'));if(Boolean(i)&&o)if(i.value===this.selectAllValue)this.selectAllChanged();else{const t=this.items.findIndex((t=>t.value===i.value));this.focusItem(t),this.selectItem(t)}else t.preventDefault()},this.onKeyDown=t=>{if("ArrowDown"===t.code)t.preventDefault(),Boolean(this.dragging)?this.moveDraggedItemDown():this.focusNextItem();else if("ArrowUp"===t.code)t.preventDefault(),Boolean(this.dragging)?this.moveDraggedItemUp():this.focusPreviousItem();else if("Space"===t.code\|\|"Enter"===t.code){if(!t.target.classList.contains("option-list-item__drag-handle")&&Boolean(this.dragging))return t.preventDefault(),void this.stopDrag(this.dragging);const s=t.composedPath()[0],i=Boolean(a(s,'[role="option"]')),e=s?.closest("swirl-option-list-item")?.value===this.selectAllValue;if(!i&&!e)return;t.preventDefault(),Boolean(this.dragging)?this.stopDrag(this.dragging):e?this.selectAllChanged():this.selectFocusedItem()}else"Home"===t.code?(t.preventDefault(),this.showSelectAll?this.focusSelectAll():this.focusItem(0)):"End"===t.code?(t.preventDefault(),this.focusItem(this.items.length-1)):"KeyA"===t.code&&(t.metaKey\|\|t.ctrlKey)&&this.multiSelect?(t.preventDefault(),this.selectAllItems()):"Tab"===t.code&&Boolean(this.dragging)&&t.preventDefault()},this.resetTabIndex=()=>{this.removeItemsTabIndex(),this.focusedItem=void 0;const t=this.items[0]?.querySelector('[role="option"]'),s=this.selectAllEl?.querySelector('[role="option"]');(s\|\|t)?.setAttribute("tabIndex","0")},this.selectAllChanged=()=>{if(this.disabled)return;const t=this.items?.length\|\|0;this.updateValue((this.value?.length\|\|0)===t?[]:this.items.map((t=>t.value)))},this.toggleDrag=t=>{const s=t.detail;Boolean(this.dragging)?this.stopDrag(s):this.startDrag(s)},this.startDrag=t=>{this.dragging=t,this.draggingStartIndex=this.getItemIndex(this.dragging),t.setAttribute("dragging","true");const s=this.getItemIndex(this.dragging);this.focusItem(s),this.assistiveText=this.assistiveTextItemGrabbed},this.stopDrag=t=>{this.dragging=void 0,t.removeAttribute("dragging");const s=this.getActiveItemIndex();this.assistiveText=`${this.assistiveTextItemMoved} ${s+1}`,this.itemDrop.emit({item:t,oldIndex:this.draggingStartIndex,newIndex:s}),this.draggingStartIndex=void 0,this.focusItem(s)}}connectedCallback(){this.componentLoaded&&(this.observeSlotChanges(),this.subscribeToSwirlPopover(),this.setItemAllowDragState())}componentDidLoad(){this.updateItems(),this.observeSlotChanges(),this.setItemAllowDragState(),this.setItemDisabledState(),this.setItemContext(),this.syncItemsWithValue(),this.setupDragDrop(),this.setSectionSeparator(),this.setSelectAllState(),this.subscribeToSwirlPopover(),this.componentLoaded=!0}componentDidRender(){this.setupDragDrop()}disconnectedCallback(){this.unsubscribeFromSwirlPopover(),this.observer?.disconnect(),this.sortable?.destroy(),this.removeToggleDragListeners()}removeToggleDragListeners(){this.items?.forEach((t=>{t.removeEventListener("toggleDrag",this.toggleDrag)}))}watchAllowDrag(){this.setItemAllowDragState(),this.setupDragDrop()}watchDisabled(){this.setItemDisabledState()}watchMultiSelect(){this.setItemContext()}watchValue(){this.syncItemsWithValue(),this.setSelectAllState()}async focusItemWithValue(t){const s=this.items.findIndex((s=>s.value===t));s>=0&&this.focusItem(s)}observeSlotChanges(){this.observer=new MutationObserver((()=>{this.updateItems(),this.setItemAllowDragState(),this.setItemDisabledState(),this.setItemContext(),this.syncItemsWithValue(),this.setSelectAllState()})),this.observer.observe(this.listboxEl,{childList:!0,subtree:!0})}setSelectAllState(){const t=this.items?.length\|\|0,s=this.value?.length\|\|0;this.selectAllState=0!==t&&0!==s&&(s===t\|\|"indeterminate")}updateItems(){this.removeToggleDragListeners(),this.items=n(this.el,"swirl-option-list-item").filter((t=>t.value!==this.selectAllValue)),this.selectAllEl?.querySelector('[tabindex="0"]')\|\|this.items.some((t=>t.querySelector('[tabindex="0"]')))\|\|this.resetTabIndex()}removeItemsTabIndex(){this.selectAllEl?.querySelector('[role="option"]')?.removeAttribute("tabIndex"),this.items.forEach((t=>t.querySelector('[role="option"]')?.removeAttribute("tabIndex")))}setItemDisabledState(){this.disabled&&this.items.forEach((t=>t.disabled=!0))}setItemContext(){this.multiSelect?this.items.forEach((t=>t.context="multi-select")):(this.items.forEach((t=>t.context="single-select")),this.value.length>1&&this.updateValue([this.value[0]]))}setupDragDrop(){Boolean(this.sortable)&&this.sortable.destroy(),this.allowDrag&&(this.sortable=l.create(this.listboxEl,{animation:150,draggable:'swirl-option-list-item[allow-drag="true"]',dragClass:"option-list-item--drag",handle:".option-list-item__drag-handle",onEnd:t=>{this.itemDrop.emit({item:t.item,oldIndex:t.oldIndex,newIndex:t.newIndex})}}))}setItemAllowDragState(){if(this.allowDrag&&!this.multiSelect)return void console.error("[SwirlOptionList] Drag can only be allowed for multi select lists.");const t=n(this.el,"swirl-option-list-section");this.allowDrag&&t.length>0?console.error("[SwirlOptionList] Drag can only be allowed for lists without sections."):this.items.forEach(this.allowDrag?t=>{t.setAttribute("allow-drag","true"),t.addEventListener("toggleDrag",this.toggleDrag)}:t=>{t.removeAttribute("allow-drag"),t.removeEventListener("toggleDrag",this.toggleDrag)})}selectItem(t){if(this.disabled)return;const s=this.items[t];if(s.disabled)return;const i=this.value.includes(s.value);i&&!this.allowDeselect\|\|(this.multiSelect\|\|(this.value=[]),this.updateValue(i?this.value.filter((t=>t!==s.value)):[...this.value,s.value]))}updateValue(t){this.value=t,this.valueChange.emit(this.value)}selectFocusedItem(){this.disabled\|\|-1===this.getActiveItemIndex()\|\|this.selectItem(this.getActiveItemIndex())}selectAllItems(){if(this.disabled)return;const t=this.items.every((t=>this.value.includes(t.value)));this.updateValue(t?[]:this.items.map((t=>t.value)))}syncItemsWithValue(){this.items?.forEach((t=>t.selected=this.value.includes(t.value)))}focusItem(t){if(this.disabled)return;this.removeItemsTabIndex();const s=this.items[t]?.querySelector('[role="option"]');Boolean(s)&&(s.setAttribute("tabIndex","0"),s.focus(),this.focusedItem=s)}focusNextItem(){if(this.disabled)return;const t=this.getActiveItemIndex(),s=Math.min(t+1,this.items.length-1);this.focusItem(s)}focusPreviousItem(){const t=this.getActiveItemIndex();if(t<=0&&this.showSelectAll)this.focusSelectAll();else{const s=Math.max(t-1,0);this.focusItem(s)}}focusSelectAll(){const t=this.selectAllEl?.querySelector('[role="option"]');t&&(this.removeItemsTabIndex(),t.setAttribute("tabIndex","0"),t.focus(),this.focusedItem=void 0)}getActiveItemIndex(){return Boolean(this.focusedItem)?this.items.map((t=>t.querySelector('[role="option"]'))).findIndex((t=>t===this.focusedItem)):Boolean(this.selectAllEl)?-1:0}getItemIndex(t){return this.items.map((t=>t)).findIndex((s=>s===t))}moveDraggedItemDown(){const t=this.dragging.nextElementSibling;Boolean(t)&&(t.after(this.dragging),this.updateItems(),this.listboxEl.focus(),this.assistiveText=`${this.assistiveTextItemMoving} ${this.getActiveItemIndex()+1}`)}moveDraggedItemUp(){const t=this.dragging.previousElementSibling;Boolean(t)&&t!==this.selectAllEl&&(t.before(this.dragging),this.updateItems(),this.listboxEl.focus(),this.assistiveText=`${this.assistiveTextItemMoving} ${this.getItemIndex(this.dragging)+1}`)}setSectionSeparator(){this.el&&Array.from(this.el.querySelectorAll("swirl-option-list-section")).filter((t=>t.isConnected)).forEach(((t,s)=>{0===s&&"SWIRL-OPTION-LIST-ITEM"!==t.previousElementSibling?.tagName&&(t.hasSeparator=!1)}))}subscribeToSwirlPopover(){this.swirlPopover=a(this.el,"swirl-popover"),this.swirlPopover?.addEventListener("popoverClose",this.resetTabIndex)}unsubscribeFromSwirlPopover(){this.swirlPopover?.removeEventListener("popoverClose",this.resetTabIndex)}render(){const t=this.multiSelect?"true":void 0,s=Boolean(this.dragging)?0:void 0,i=this.multiSelect&&this.showSelectAll;return e(o,{key:"65cde9dd862cadb258e17683d7a59fff97cd97b7"},e("swirl-visually-hidden",{key:"1e584f1ea2dfb09a4b2fc47a69c0f657746baa9a",role:"alert"},this.assistiveText),e("div",{key:"0e89eb4cec9cbdc2771d5f98765355cb7522773e","aria-label":this.label,"aria-multiselectable":t,class:"option-list",id:this.optionListId,onClick:this.onClick,onKeyDown:this.onKeyDown,ref:t=>this.listboxEl=t,role:"listbox",tabIndex:s},i&&e("swirl-option-list-item",{key:"595bd7ea9f6d3cedb832c842f47d16980caa8fa5",ref:t=>this.selectAllEl=t,label:this.selectAllLabel,disabled:this.disabled,context:"multi-select",selected:!0===this.selectAllState,indeterminate:"indeterminate"===this.selectAllState,value:this.selectAllValue}),e("slot",{key:"562fef441ca6a22a7883f5428cde901ad6983253",onSlotchange:this.setSectionSeparator})))}get el(){return this}static get watchers(){return{allowDrag:[{watchAllowDrag:0}],disabled:[{watchDisabled:0}],multiSelect:[{watchMultiSelect:0}],value:[{watchValue:0}]}}static get style(){return".sc-swirl-option-list-h{display:block}.sc-swirl-option-list-h *.sc-swirl-option-list{box-sizing:border-box}"}},[262,"swirl-option-list",{allowDeselect:[4,"allow-deselect"],allowDrag:[4,"allow-drag"],assistiveTextItemGrabbed:[1,"assistive-text-item-grabbed"],assistiveTextItemMoving:[1,"assistive-text-item-moving"],assistiveTextItemMoved:[1,"assistive-text-item-moved"],disabled:[4],label:[1],optionListId:[1,"option-list-id"],multiSelect:[4,"multi-select"],showSelectAll:[4,"show-select-all"],selectAllLabel:[1,"select-all-label"],value:[1040],assistiveText:[32],selectAllState:[32],focusItemWithValue:[64]},void 0,{allowDrag:[{watchAllowDrag:0}],disabled:[{watchDisabled:0}],multiSelect:[{watchMultiSelect:0}],value:[{watchValue:0}]}]);function p(){"undefined"!=typeof customElements&&["swirl-option-list","swirl-icon-check-small","swirl-icon-check-strong","swirl-icon-drag-handle","swirl-option-list-item","swirl-visually-hidden"].forEach((t=>{switch(t){case"swirl-option-list":customElements.get(h(t))\|\|customElements.define(h(t),w);break;case"swirl-icon-check-small":customElements.get(h(t))\|\|r();break;case"swirl-icon-check-strong":customElements.get(h(t))\|\|c();break;case"swirl-icon-drag-handle":customElements.get(h(t))\|\|d();break;case"swirl-option-list-item":customElements.get(h(t))\|\|m();break;case"swirl-visually-hidden":customElements.get(h(t))\|\|u()}}))}export{w as S,p as d}
1	+ import{proxyCustomElement as t,HTMLElement as s,createEvent as i,h as e,Host as o,transformTag as h}from"@stencil/core/internal/client";import{S as l}from"./sortable.esm.js";import{l as a,q as n}from"./utils.js";import{d as r}from"./swirl-icon-check-small2.js";import{d as c}from"./swirl-icon-check-strong2.js";import{d}from"./swirl-icon-drag-handle2.js";import{d as m}from"./swirl-option-list-item2.js";import{d as u}from"./swirl-visually-hidden2.js";const w=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.itemDrop=i(this,"itemDrop",7),this.valueChange=i(this,"valueChange",7),this.allowDeselect=!0,this.assistiveTextItemGrabbed="Item grabbed. Use arrow keys to move item up or down. Use spacebar to save position.",this.assistiveTextItemMoving="Current position:",this.assistiveTextItemMoved="Item moved. New position:",this.selectAllLabel="Select all",this.value=[],this.selectAllState=!1,this.componentLoaded=!1,this.selectAllValue=crypto.randomUUID(),this.onClick=t=>{t.preventDefault();const s=t.target,i=s?.closest("swirl-option-list-item"),e=t.composedPath()[0],o=Boolean(a(e,'[role="option"]'));if(Boolean(i)&&o)if(i.value===this.selectAllValue)this.selectAllChanged();else{const t=this.items.findIndex((t=>t.value===i.value));this.focusItem(t),this.selectItem(t)}else t.preventDefault()},this.onKeyDown=t=>{if("ArrowDown"===t.code)t.preventDefault(),Boolean(this.dragging)?this.moveDraggedItemDown():this.focusNextItem();else if("ArrowUp"===t.code)t.preventDefault(),Boolean(this.dragging)?this.moveDraggedItemUp():this.focusPreviousItem();else if("Space"===t.code\|\|"Enter"===t.code){if(!t.target.classList.contains("option-list-item__drag-handle")&&Boolean(this.dragging))return t.preventDefault(),void this.stopDrag(this.dragging);const s=t.composedPath()[0],i=Boolean(a(s,'[role="option"]')),e=s?.closest("swirl-option-list-item")?.value===this.selectAllValue;if(!i&&!e)return;t.preventDefault(),Boolean(this.dragging)?this.stopDrag(this.dragging):e?this.selectAllChanged():this.selectFocusedItem()}else"Home"===t.code?(t.preventDefault(),this.showSelectAll?this.focusSelectAll():this.focusItem(0)):"End"===t.code?(t.preventDefault(),this.focusItem(this.items.length-1)):"KeyA"===t.code&&(t.metaKey\|\|t.ctrlKey)&&this.multiSelect?(t.preventDefault(),this.selectAllItems()):"Tab"===t.code&&Boolean(this.dragging)&&t.preventDefault()},this.resetTabIndex=()=>{this.removeItemsTabIndex(),this.focusedItem=void 0;const t=this.items[0]?.querySelector('[role="option"]'),s=this.selectAllEl?.querySelector('[role="option"]');(s\|\|t)?.setAttribute("tabIndex","0")},this.selectAllChanged=()=>{if(this.disabled)return;const t=this.items?.length\|\|0;this.updateValue((this.value?.length\|\|0)===t?[]:this.items.map((t=>t.value)))},this.toggleDrag=t=>{const s=t.detail;Boolean(this.dragging)?this.stopDrag(s):this.startDrag(s)},this.startDrag=t=>{this.dragging=t,this.draggingStartIndex=this.getItemIndex(this.dragging),t.setAttribute("dragging","true");const s=this.getItemIndex(this.dragging);this.focusItem(s),this.assistiveText=this.assistiveTextItemGrabbed},this.stopDrag=t=>{this.dragging=void 0,t.removeAttribute("dragging");const s=this.getActiveItemIndex();this.assistiveText=`${this.assistiveTextItemMoved} ${s+1}`,this.itemDrop.emit({item:t,oldIndex:this.draggingStartIndex,newIndex:s}),this.draggingStartIndex=void 0,this.focusItem(s)}}connectedCallback(){this.componentLoaded&&(this.observeSlotChanges(),this.subscribeToSwirlPopover(),this.setItemAllowDragState())}componentDidLoad(){this.updateItems(),this.observeSlotChanges(),this.setItemAllowDragState(),this.setItemDisabledState(),this.setItemContext(),this.syncItemsWithValue(),this.setupDragDrop(),this.setSectionSeparator(),this.setSelectAllState(),this.subscribeToSwirlPopover(),this.componentLoaded=!0}componentDidRender(){this.setupDragDrop()}disconnectedCallback(){this.unsubscribeFromSwirlPopover(),this.observer?.disconnect(),this.sortable?.destroy(),this.removeToggleDragListeners()}removeToggleDragListeners(){this.items?.forEach((t=>{t.removeEventListener("toggleDrag",this.toggleDrag)}))}watchAllowDrag(){this.setItemAllowDragState(),this.setupDragDrop()}watchDisabled(){this.setItemDisabledState()}watchMultiSelect(){this.setItemContext()}watchValue(){this.syncItemsWithValue(),this.setSelectAllState()}async focusItemWithValue(t){const s=this.items.findIndex((s=>s.value===t));s>=0&&this.focusItem(s)}observeSlotChanges(){this.observer=new MutationObserver((()=>{this.updateItems(),this.setItemAllowDragState(),this.setItemDisabledState(),this.setItemContext(),this.syncItemsWithValue(),this.setSelectAllState()})),this.observer.observe(this.listboxEl,{childList:!0,subtree:!0})}setSelectAllState(){const t=this.items?.length\|\|0,s=this.value?.length\|\|0;this.selectAllState=0!==t&&0!==s&&(s===t\|\|"indeterminate")}updateItems(){this.removeToggleDragListeners(),this.items=n(this.el,"swirl-option-list-item").filter((t=>t.value!==this.selectAllValue)),this.selectAllEl?.querySelector('[tabindex="0"]')\|\|this.items.some((t=>t.querySelector('[tabindex="0"]')))\|\|this.resetTabIndex()}removeItemsTabIndex(){this.selectAllEl?.querySelector('[role="option"]')?.removeAttribute("tabIndex"),this.items.forEach((t=>t.querySelector('[role="option"]')?.removeAttribute("tabIndex")))}setItemDisabledState(){this.disabled&&this.items.forEach((t=>t.disabled=!0))}setItemContext(){this.multiSelect?this.items.forEach((t=>t.context="multi-select")):(this.items.forEach((t=>t.context="single-select")),this.value.length>1&&this.updateValue([this.value[0]]))}setupDragDrop(){Boolean(this.sortable)&&this.sortable.destroy(),this.allowDrag&&(this.sortable=l.create(this.listboxEl,{animation:150,draggable:'swirl-option-list-item[allow-drag="true"]',dragClass:"option-list-item--drag",handle:".option-list-item__drag-handle",onEnd:t=>{this.itemDrop.emit({item:t.item,oldIndex:t.oldIndex,newIndex:t.newIndex})}}))}setItemAllowDragState(){if(this.allowDrag&&!this.multiSelect)return void console.error("[SwirlOptionList] Drag can only be allowed for multi select lists.");const t=n(this.el,"swirl-option-list-section");this.allowDrag&&t.length>0?console.error("[SwirlOptionList] Drag can only be allowed for lists without sections."):this.items.forEach(this.allowDrag?t=>{t.setAttribute("allow-drag","true"),t.addEventListener("toggleDrag",this.toggleDrag)}:t=>{t.removeAttribute("allow-drag"),t.removeEventListener("toggleDrag",this.toggleDrag)})}selectItem(t){if(this.disabled)return;const s=this.items[t];if(s.disabled)return;const i=this.value.includes(s.value);i&&!this.allowDeselect\|\|(this.multiSelect\|\|(this.value=[]),this.updateValue(i?this.value.filter((t=>t!==s.value)):[...this.value,s.value]))}updateValue(t){this.value=t,this.valueChange.emit(this.value)}selectFocusedItem(){this.disabled\|\|-1===this.getActiveItemIndex()\|\|this.selectItem(this.getActiveItemIndex())}selectAllItems(){if(this.disabled)return;const t=this.items.every((t=>this.value.includes(t.value)));this.updateValue(t?[]:this.items.map((t=>t.value)))}syncItemsWithValue(){this.items?.forEach((t=>t.selected=this.value.includes(t.value)))}focusItem(t){if(this.disabled)return;this.removeItemsTabIndex();const s=this.items[t]?.querySelector('[role="option"]');Boolean(s)&&(s.setAttribute("tabIndex","0"),s.focus(),this.focusedItem=s)}focusNextItem(){if(this.disabled)return;const t=this.getActiveItemIndex(),s=Math.min(t+1,this.items.length-1);this.focusItem(s)}focusPreviousItem(){const t=this.getActiveItemIndex();if(t<=0&&this.showSelectAll)this.focusSelectAll();else{const s=Math.max(t-1,0);this.focusItem(s)}}focusSelectAll(){const t=this.selectAllEl?.querySelector('[role="option"]');t&&(this.removeItemsTabIndex(),t.setAttribute("tabIndex","0"),t.focus(),this.focusedItem=void 0)}getActiveItemIndex(){return Boolean(this.focusedItem)?this.items.map((t=>t.querySelector('[role="option"]'))).findIndex((t=>t===this.focusedItem)):Boolean(this.selectAllEl)?-1:0}getItemIndex(t){return this.items.map((t=>t)).findIndex((s=>s===t))}moveDraggedItemDown(){const t=this.dragging.nextElementSibling;Boolean(t)&&(t.after(this.dragging),this.updateItems(),this.listboxEl.focus(),this.assistiveText=`${this.assistiveTextItemMoving} ${this.getActiveItemIndex()+1}`)}moveDraggedItemUp(){const t=this.dragging.previousElementSibling;Boolean(t)&&t!==this.selectAllEl&&(t.before(this.dragging),this.updateItems(),this.listboxEl.focus(),this.assistiveText=`${this.assistiveTextItemMoving} ${this.getItemIndex(this.dragging)+1}`)}setSectionSeparator(){this.el&&Array.from(this.el.querySelectorAll("swirl-option-list-section")).filter((t=>t.isConnected)).forEach(((t,s)=>{0===s&&"SWIRL-OPTION-LIST-ITEM"!==t.previousElementSibling?.tagName&&(t.hasSeparator=!1)}))}subscribeToSwirlPopover(){this.swirlPopover=a(this.el,"swirl-popover"),this.swirlPopover?.addEventListener("popoverClose",this.resetTabIndex)}unsubscribeFromSwirlPopover(){this.swirlPopover?.removeEventListener("popoverClose",this.resetTabIndex)}render(){const t=this.multiSelect?"true":void 0,s=Boolean(this.dragging)?0:void 0,i=this.multiSelect&&this.showSelectAll;return e(o,{key:"ad9a9056f3e5141ddddd5c924f7e65ff1f677947"},e("swirl-visually-hidden",{key:"f549dd4216400badd59354d01e9c48d34ee8dff6",role:"alert"},this.assistiveText),e("div",{key:"d46cd361f8f76cca256c2d971cba4cdfc5c36af4","aria-label":this.label,"aria-multiselectable":t,class:"option-list",id:this.optionListId,onClick:this.onClick,onKeyDown:this.onKeyDown,ref:t=>this.listboxEl=t,role:"listbox",tabIndex:s},i&&e("swirl-option-list-item",{key:"3af254c38a199c543d12fa591f5cecf97a16c5af",ref:t=>this.selectAllEl=t,label:this.selectAllLabel,disabled:this.disabled,context:"multi-select",selected:!0===this.selectAllState,indeterminate:"indeterminate"===this.selectAllState,value:this.selectAllValue}),e("slot",{key:"166e7a4d660697497af705db1121c196605a8ae2",onSlotchange:this.setSectionSeparator})))}get el(){return this}static get watchers(){return{allowDrag:[{watchAllowDrag:0}],disabled:[{watchDisabled:0}],multiSelect:[{watchMultiSelect:0}],value:[{watchValue:0}]}}static get style(){return".sc-swirl-option-list-h{display:block}.sc-swirl-option-list-h *.sc-swirl-option-list{box-sizing:border-box}"}},[262,"swirl-option-list",{allowDeselect:[4,"allow-deselect"],allowDrag:[4,"allow-drag"],assistiveTextItemGrabbed:[1,"assistive-text-item-grabbed"],assistiveTextItemMoving:[1,"assistive-text-item-moving"],assistiveTextItemMoved:[1,"assistive-text-item-moved"],disabled:[4],label:[1],optionListId:[1,"option-list-id"],multiSelect:[4,"multi-select"],showSelectAll:[4,"show-select-all"],selectAllLabel:[1,"select-all-label"],value:[1040],assistiveText:[32],selectAllState:[32],focusItemWithValue:[64]},void 0,{allowDrag:[{watchAllowDrag:0}],disabled:[{watchDisabled:0}],multiSelect:[{watchMultiSelect:0}],value:[{watchValue:0}]}]);function p(){"undefined"!=typeof customElements&&["swirl-option-list","swirl-icon-check-small","swirl-icon-check-strong","swirl-icon-drag-handle","swirl-option-list-item","swirl-visually-hidden"].forEach((t=>{switch(t){case"swirl-option-list":customElements.get(h(t))\|\|customElements.define(h(t),w);break;case"swirl-icon-check-small":customElements.get(h(t))\|\|r();break;case"swirl-icon-check-strong":customElements.get(h(t))\|\|c();break;case"swirl-icon-drag-handle":customElements.get(h(t))\|\|d();break;case"swirl-option-list-item":customElements.get(h(t))\|\|m();break;case"swirl-visually-hidden":customElements.get(h(t))\|\|u()}}))}export{w as S,p as d}