npm - @getflip/swirl-components - Versions diffs - 0.502.1 → 0.504.0 - Mend

@getflip/swirl-components 0.502.1 → 0.504.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 (2542) hide show

package/dist/components/swirl-icon-workspace-premium.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as e,HTMLElement as r,h as o,Fragment as i,transformTag as a}from"@stencil/core/internal/client";import{c}from"./index2.js";const t=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.size=24}render(){const e=20===this.size?24:this.size,r={color:this.color?`var(--s-icon-${this.color})`:void 0},a=c("swirl-icon","swirl-icon--size-"+this.size),t=!!this.label;return o("svg",{key:"~~76b0201c027da9aec443ed965ebb78886e19d4e9~~","aria-hidden":t?void 0:"true",class:a,fill:"none",height:this.size,part:"icon",role:t?"img":void 0,style:r,viewBox:`0 0 ${e} ${e}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},t&&o("title",{key:"~~ee48dde223293e06a77446b98ce4724b0026fab4~~"},this.label),16===this.size&&o(i,{key:"~~e8b5142804f6617b6ee940e6973ae4b23a5d5303~~"},o("path",{key:"~~7813e937b8bbb638ddd9199166fb850bb15e42c5~~",d:"M8.00001 7.94967L6.86667 8.81634C6.80001 8.8719 6.73334 8.87467 6.66667 8.82467C6.60001 8.77467 6.57778 8.71078 6.60001 8.63301L7.03334 7.23301L5.86667 6.29967C5.81112 6.24412 5.79445 6.18023 5.81667 6.10801C5.83889 6.03579 5.88889 5.99967 5.96667 5.99967H7.40001L7.83334 4.63301C7.85556 4.55523 7.91112 4.51634 8.00001 4.51634C8.08889 4.51634 8.14445 4.55523 8.16667 4.63301L8.60001 5.99967H10.0167C10.0944 5.99967 10.1472 6.03579 10.175 6.10801C10.2028 6.18023 10.1889 6.24412 10.1333 6.29967L8.95001 7.23301L9.38334 8.63301C9.40556 8.71078 9.38334 8.77467 9.31667 8.82467C9.25001 8.87467 9.18334 8.8719 9.11667 8.81634L8.00001 7.94967ZM8.00001 13.9997L4.88334 15.033C4.66112 15.1108 4.45834 15.083 4.27501 14.9497C4.09167 14.8163 4.00001 14.6386 4.00001 14.4163V10.183C3.57778 9.71634 3.25001 9.18301 3.01667 8.58301C2.78334 7.98301 2.66667 7.34412 2.66667 6.66634C2.66667 5.17745 3.18334 3.91634 4.21667 2.88301C5.25001 1.84967 6.51112 1.33301 8.00001 1.33301C9.48889 1.33301 10.75 1.84967 11.7833 2.88301C12.8167 3.91634 13.3333 5.17745 13.3333 6.66634C13.3333 7.34412 13.2167 7.98301 12.9833 8.58301C12.75 9.18301 12.4222 9.71634 12 10.183V14.4163C12 14.6386 11.9083 14.8163 11.725 14.9497C11.5417 15.083 11.3389 15.1108 11.1167 15.033L8.00001 13.9997ZM10.8333 9.49967C11.6111 8.7219 12 7.77745 12 6.66634C12 5.55523 11.6111 4.61079 10.8333 3.83301C10.0556 3.05523 9.11112 2.66634 8.00001 2.66634C6.88889 2.66634 5.94445 3.05523 5.16667 3.83301C4.38889 4.61079 4.00001 5.55523 4.00001 6.66634C4.00001 7.77745 4.38889 8.7219 5.16667 9.49967C5.94445 10.2775 6.88889 10.6663 8.00001 10.6663C9.11112 10.6663 10.0556 10.2775 10.8333 9.49967ZM5.33334 13.3497L8.00001 12.6663L10.6667 13.3497V11.283C10.2778 11.5052 9.85834 11.6802 9.40834 11.808C8.95834 11.9358 8.48889 11.9997 8.00001 11.9997C7.51112 11.9997 7.04167 11.9358 6.59167 11.808C6.14167 11.6802 5.72223 11.5052 5.33334 11.283V13.3497Z",fill:"currentColor"})),(20===this.size\|\|24===this.size)&&o(i,{key:"~~5f81aa530b62b3a275eee0034d5168615c463859~~"},o("path",{key:"~~8484f44a478e3a44923ee0fb5e8180b6c87a8235~~",d:"M12 11.925L10.3 13.225C10.2 13.3083 10.1 13.3125 10 13.2375C9.9 13.1625 9.86667 13.0667 9.9 12.95L10.55 10.85L8.8 9.45C8.71667 9.36667 8.69167 9.27083 8.725 9.1625C8.75833 9.05417 8.83333 9 8.95 9H11.1L11.75 6.95C11.7833 6.83333 11.8667 6.775 12 6.775C12.1333 6.775 12.2167 6.83333 12.25 6.95L12.9 9H15.025C15.1417 9 15.2208 9.05417 15.2625 9.1625C15.3042 9.27083 15.2833 9.36667 15.2 9.45L13.425 10.85L14.075 12.95C14.1083 13.0667 14.075 13.1625 13.975 13.2375C13.875 13.3125 13.775 13.3083 13.675 13.225L12 11.925ZM12 21L7.325 22.55C6.99167 22.6667 6.6875 22.625 6.4125 22.425C6.1375 22.225 6 21.9583 6 21.625V15.275C5.36667 14.575 4.875 13.775 4.525 12.875C4.175 11.975 4 11.0167 4 10C4 7.76667 4.775 5.875 6.325 4.325C7.875 2.775 9.76667 2 12 2C14.2333 2 16.125 2.775 17.675 4.325C19.225 5.875 20 7.76667 20 10C20 11.0167 19.825 11.975 19.475 12.875C19.125 13.775 18.6333 14.575 18 15.275V21.625C18 21.9583 17.8625 22.225 17.5875 22.425C17.3125 22.625 17.0083 22.6667 16.675 22.55L12 21ZM16.25 14.25C17.4167 13.0833 18 11.6667 18 10C18 8.33333 17.4167 6.91667 16.25 5.75C15.0833 4.58333 13.6667 4 12 4C10.3333 4 8.91667 4.58333 7.75 5.75C6.58333 6.91667 6 8.33333 6 10C6 11.6667 6.58333 13.0833 7.75 14.25C8.91667 15.4167 10.3333 16 12 16C13.6667 16 15.0833 15.4167 16.25 14.25ZM8 20.025L12 19L16 20.025V16.925C15.4167 17.2583 14.7875 17.5208 14.1125 17.7125C13.4375 17.9042 12.7333 18 12 18C11.2667 18 10.5625 17.9042 9.8875 17.7125C9.2125 17.5208 8.58333 17.2583 8 16.925V20.025Z",fill:"currentColor"})),28===this.size&&o(i,{key:"~~22ddea3bf3eb32bfe569987e2425f2b36dd28228~~"},o("path",{key:"~~c48dec42dc0926045019d788ee606e2dce73c500~~",d:"M14 13.9122L12.0167 15.4288C11.9 15.5261 11.7833 15.5309 11.6667 15.4434C11.55 15.3559 11.5111 15.2441 11.55 15.108L12.3083 12.658L10.2667 11.0247C10.1694 10.9275 10.1403 10.8156 10.1792 10.6893C10.2181 10.5629 10.3056 10.4997 10.4417 10.4997H12.95L13.7083 8.10801C13.7472 7.9719 13.8444 7.90384 14 7.90384C14.1556 7.90384 14.2528 7.9719 14.2917 8.10801L15.05 10.4997H17.5292C17.6653 10.4997 17.7576 10.5629 17.8062 10.6893C17.8549 10.8156 17.8306 10.9275 17.7333 11.0247L15.6625 12.658L16.4208 15.108C16.4597 15.2441 16.4208 15.3559 16.3042 15.4434C16.1875 15.5309 16.0708 15.5261 15.9542 15.4288L14 13.9122ZM14 24.4997L8.54583 26.308C8.15694 26.4441 7.80208 26.3955 7.48125 26.1622C7.16042 25.9288 7 25.6177 7 25.2288V17.8205C6.26111 17.0038 5.6875 16.0705 5.27917 15.0205C4.87083 13.9705 4.66667 12.8525 4.66667 11.6663C4.66667 9.06079 5.57083 6.85384 7.37917 5.04551C9.1875 3.23717 11.3944 2.33301 14 2.33301C16.6056 2.33301 18.8125 3.23717 20.6208 5.04551C22.4292 6.85384 23.3333 9.06079 23.3333 11.6663C23.3333 12.8525 23.1292 13.9705 22.7208 15.0205C22.3125 16.0705 21.7389 17.0038 21 17.8205V25.2288C21 25.6177 20.8396 25.9288 20.5187 26.1622C20.1979 26.3955 19.8431 26.4441 19.4542 26.308L14 24.4997ZM18.9583 16.6247C20.3194 15.2636 21 13.6108 21 11.6663C21 9.7219 20.3194 8.06912 18.9583 6.70801C17.5972 5.3469 15.9444 4.66634 14 4.66634C12.0556 4.66634 10.4028 5.3469 9.04167 6.70801C7.68056 8.06912 7 9.7219 7 11.6663C7 13.6108 7.68056 15.2636 9.04167 16.6247C10.4028 17.9858 12.0556 18.6663 14 18.6663C15.9444 18.6663 17.5972 17.9858 18.9583 16.6247ZM9.33333 23.3622L14 22.1663L18.6667 23.3622V19.7455C17.9861 20.1344 17.2521 20.4406 16.4646 20.6643C15.6771 20.8879 14.8556 20.9997 14 20.9997C13.1444 20.9997 12.3229 20.8879 11.5354 20.6643C10.7479 20.4406 10.0139 20.1344 9.33333 19.7455V23.3622Z",fill:"currentColor"})))}static get style(){return":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}.icon-wrapper{display:inline-flex;justify-content:center;align-items:center;border-radius:var(--s-border-radius-full-round);background-color:var(--s-surface-raised-default)}.icon-wrapper--size-xs{width:16px;height:16px}.icon-wrapper--size-s{width:20px;height:20px}.icon-wrapper--size-m{width:24px;height:24px}.icon-wrapper--size-l{width:28px;height:28px}.icon-wrapper--size-xl{width:32px;height:32px}.icon-wrapper--size-2xl{width:40px;height:40px}.icon-wrapper--background-color-neutral{background-color:var(--s-surface-raised-default);color:var(--s-icon-default)}.icon-wrapper--background-color-banana{background-color:var(--s-decorative-banana-surface-subdued);color:var(--s-decorative-banana-text)}.icon-wrapper--background-color-blueberry{background-color:var(--s-decorative-blueberry-surface-subdued);color:var(--s-decorative-blueberry-text)}.icon-wrapper--background-color-chilli{background-color:var(--s-decorative-chilli-surface-subdued);color:var(--s-decorative-chilli-text)}.icon-wrapper--background-color-grape{background-color:var(--s-decorative-grape-surface-subdued);color:var(--s-decorative-grape-text)}.icon-wrapper--background-color-kiwi{background-color:var(--s-decorative-kiwi-surface-subdued);color:var(--s-decorative-kiwi-text)}.icon-wrapper--background-color-pumpkin{background-color:var(--s-decorative-pumpkin-surface-subdued);color:var(--s-decorative-pumpkin-text)}.icon-wrapper--background-color-radish{background-color:var(--s-decorative-radish-surface-subdued);color:var(--s-decorative-radish-text)}.icon-wrapper--background-color-default{background-color:var(--s-background-default);color:var(--s-icon-default)}"}},[1,"swirl-icon-workspace-premium",{color:[1],label:[1],size:[2]}]),s=t,d=function(){"undefined"!=typeof customElements&&["swirl-icon-workspace-premium"].forEach((e=>{"swirl-icon-workspace-premium"===e&&(customElements.get(a(e))\|\|customElements.define(a(e),t))}))};export{s as SwirlIconWorkspacePremium,d as defineCustomElement}
1	+ import{proxyCustomElement as r,HTMLElement as e,h as o,Fragment as c,transformTag as a}from"@stencil/core/internal/client";import{c as i}from"./index2.js";const d=r(class extends e{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.size=24}render(){const r=20===this.size?24:this.size,e={color:this.color?`var(--s-icon-${this.color})`:void 0},a=i("swirl-icon","swirl-icon--size-"+this.size),d=!!this.label;return o("svg",{key:"8a22abd28444e96a0be11ef981bf345ccdca272d","aria-hidden":d?void 0:"true",class:a,fill:"none",height:this.size,part:"icon",role:d?"img":void 0,style:e,viewBox:`0 0 ${r} ${r}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},d&&o("title",{key:"86cec9527ff563661e535d68a97e9096525ad01e"},this.label),16===this.size&&o(c,{key:"d127c9f74a72d6460c5b65143f0edcd3b34b4c88"},o("path",{key:"7fdf8bd342e4639842664472faf9b05a5b9d0c00",d:"M8.00001 7.94967L6.86667 8.81634C6.80001 8.8719 6.73334 8.87467 6.66667 8.82467C6.60001 8.77467 6.57778 8.71078 6.60001 8.63301L7.03334 7.23301L5.86667 6.29967C5.81112 6.24412 5.79445 6.18023 5.81667 6.10801C5.83889 6.03579 5.88889 5.99967 5.96667 5.99967H7.40001L7.83334 4.63301C7.85556 4.55523 7.91112 4.51634 8.00001 4.51634C8.08889 4.51634 8.14445 4.55523 8.16667 4.63301L8.60001 5.99967H10.0167C10.0944 5.99967 10.1472 6.03579 10.175 6.10801C10.2028 6.18023 10.1889 6.24412 10.1333 6.29967L8.95001 7.23301L9.38334 8.63301C9.40556 8.71078 9.38334 8.77467 9.31667 8.82467C9.25001 8.87467 9.18334 8.8719 9.11667 8.81634L8.00001 7.94967ZM8.00001 13.9997L4.88334 15.033C4.66112 15.1108 4.45834 15.083 4.27501 14.9497C4.09167 14.8163 4.00001 14.6386 4.00001 14.4163V10.183C3.57778 9.71634 3.25001 9.18301 3.01667 8.58301C2.78334 7.98301 2.66667 7.34412 2.66667 6.66634C2.66667 5.17745 3.18334 3.91634 4.21667 2.88301C5.25001 1.84967 6.51112 1.33301 8.00001 1.33301C9.48889 1.33301 10.75 1.84967 11.7833 2.88301C12.8167 3.91634 13.3333 5.17745 13.3333 6.66634C13.3333 7.34412 13.2167 7.98301 12.9833 8.58301C12.75 9.18301 12.4222 9.71634 12 10.183V14.4163C12 14.6386 11.9083 14.8163 11.725 14.9497C11.5417 15.083 11.3389 15.1108 11.1167 15.033L8.00001 13.9997ZM10.8333 9.49967C11.6111 8.7219 12 7.77745 12 6.66634C12 5.55523 11.6111 4.61079 10.8333 3.83301C10.0556 3.05523 9.11112 2.66634 8.00001 2.66634C6.88889 2.66634 5.94445 3.05523 5.16667 3.83301C4.38889 4.61079 4.00001 5.55523 4.00001 6.66634C4.00001 7.77745 4.38889 8.7219 5.16667 9.49967C5.94445 10.2775 6.88889 10.6663 8.00001 10.6663C9.11112 10.6663 10.0556 10.2775 10.8333 9.49967ZM5.33334 13.3497L8.00001 12.6663L10.6667 13.3497V11.283C10.2778 11.5052 9.85834 11.6802 9.40834 11.808C8.95834 11.9358 8.48889 11.9997 8.00001 11.9997C7.51112 11.9997 7.04167 11.9358 6.59167 11.808C6.14167 11.6802 5.72223 11.5052 5.33334 11.283V13.3497Z",fill:"currentColor"})),(20===this.size\|\|24===this.size)&&o(c,{key:"8d1c9607e9688bb37f6dd338cf2cec9432abe901"},o("path",{key:"a7134640cc9f750456b4cace203aa516bf8f0bad",d:"M12 11.925L10.3 13.225C10.2 13.3083 10.1 13.3125 10 13.2375C9.9 13.1625 9.86667 13.0667 9.9 12.95L10.55 10.85L8.8 9.45C8.71667 9.36667 8.69167 9.27083 8.725 9.1625C8.75833 9.05417 8.83333 9 8.95 9H11.1L11.75 6.95C11.7833 6.83333 11.8667 6.775 12 6.775C12.1333 6.775 12.2167 6.83333 12.25 6.95L12.9 9H15.025C15.1417 9 15.2208 9.05417 15.2625 9.1625C15.3042 9.27083 15.2833 9.36667 15.2 9.45L13.425 10.85L14.075 12.95C14.1083 13.0667 14.075 13.1625 13.975 13.2375C13.875 13.3125 13.775 13.3083 13.675 13.225L12 11.925ZM12 21L7.325 22.55C6.99167 22.6667 6.6875 22.625 6.4125 22.425C6.1375 22.225 6 21.9583 6 21.625V15.275C5.36667 14.575 4.875 13.775 4.525 12.875C4.175 11.975 4 11.0167 4 10C4 7.76667 4.775 5.875 6.325 4.325C7.875 2.775 9.76667 2 12 2C14.2333 2 16.125 2.775 17.675 4.325C19.225 5.875 20 7.76667 20 10C20 11.0167 19.825 11.975 19.475 12.875C19.125 13.775 18.6333 14.575 18 15.275V21.625C18 21.9583 17.8625 22.225 17.5875 22.425C17.3125 22.625 17.0083 22.6667 16.675 22.55L12 21ZM16.25 14.25C17.4167 13.0833 18 11.6667 18 10C18 8.33333 17.4167 6.91667 16.25 5.75C15.0833 4.58333 13.6667 4 12 4C10.3333 4 8.91667 4.58333 7.75 5.75C6.58333 6.91667 6 8.33333 6 10C6 11.6667 6.58333 13.0833 7.75 14.25C8.91667 15.4167 10.3333 16 12 16C13.6667 16 15.0833 15.4167 16.25 14.25ZM8 20.025L12 19L16 20.025V16.925C15.4167 17.2583 14.7875 17.5208 14.1125 17.7125C13.4375 17.9042 12.7333 18 12 18C11.2667 18 10.5625 17.9042 9.8875 17.7125C9.2125 17.5208 8.58333 17.2583 8 16.925V20.025Z",fill:"currentColor"})),28===this.size&&o(c,{key:"ffcc0bd514b8de9637c9f2a73bbb2e7473ebdd9f"},o("path",{key:"73b5df7174cc5bb7548d7d7b46fe6ddd567b77e0",d:"M14 13.9122L12.0167 15.4288C11.9 15.5261 11.7833 15.5309 11.6667 15.4434C11.55 15.3559 11.5111 15.2441 11.55 15.108L12.3083 12.658L10.2667 11.0247C10.1694 10.9275 10.1403 10.8156 10.1792 10.6893C10.2181 10.5629 10.3056 10.4997 10.4417 10.4997H12.95L13.7083 8.10801C13.7472 7.9719 13.8444 7.90384 14 7.90384C14.1556 7.90384 14.2528 7.9719 14.2917 8.10801L15.05 10.4997H17.5292C17.6653 10.4997 17.7576 10.5629 17.8062 10.6893C17.8549 10.8156 17.8306 10.9275 17.7333 11.0247L15.6625 12.658L16.4208 15.108C16.4597 15.2441 16.4208 15.3559 16.3042 15.4434C16.1875 15.5309 16.0708 15.5261 15.9542 15.4288L14 13.9122ZM14 24.4997L8.54583 26.308C8.15694 26.4441 7.80208 26.3955 7.48125 26.1622C7.16042 25.9288 7 25.6177 7 25.2288V17.8205C6.26111 17.0038 5.6875 16.0705 5.27917 15.0205C4.87083 13.9705 4.66667 12.8525 4.66667 11.6663C4.66667 9.06079 5.57083 6.85384 7.37917 5.04551C9.1875 3.23717 11.3944 2.33301 14 2.33301C16.6056 2.33301 18.8125 3.23717 20.6208 5.04551C22.4292 6.85384 23.3333 9.06079 23.3333 11.6663C23.3333 12.8525 23.1292 13.9705 22.7208 15.0205C22.3125 16.0705 21.7389 17.0038 21 17.8205V25.2288C21 25.6177 20.8396 25.9288 20.5187 26.1622C20.1979 26.3955 19.8431 26.4441 19.4542 26.308L14 24.4997ZM18.9583 16.6247C20.3194 15.2636 21 13.6108 21 11.6663C21 9.7219 20.3194 8.06912 18.9583 6.70801C17.5972 5.3469 15.9444 4.66634 14 4.66634C12.0556 4.66634 10.4028 5.3469 9.04167 6.70801C7.68056 8.06912 7 9.7219 7 11.6663C7 13.6108 7.68056 15.2636 9.04167 16.6247C10.4028 17.9858 12.0556 18.6663 14 18.6663C15.9444 18.6663 17.5972 17.9858 18.9583 16.6247ZM9.33333 23.3622L14 22.1663L18.6667 23.3622V19.7455C17.9861 20.1344 17.2521 20.4406 16.4646 20.6643C15.6771 20.8879 14.8556 20.9997 14 20.9997C13.1444 20.9997 12.3229 20.8879 11.5354 20.6643C10.7479 20.4406 10.0139 20.1344 9.33333 19.7455V23.3622Z",fill:"currentColor"})))}static get style(){return":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}.icon-wrapper{display:inline-flex;justify-content:center;align-items:center;border-radius:var(--s-border-radius-full-round);background-color:var(--s-surface-raised-default)}.icon-wrapper--size-xs{width:16px;height:16px}.icon-wrapper--size-s{width:20px;height:20px}.icon-wrapper--size-m{width:24px;height:24px}.icon-wrapper--size-l{width:28px;height:28px}.icon-wrapper--size-xl{width:32px;height:32px}.icon-wrapper--size-2xl{width:40px;height:40px}.icon-wrapper--background-color-neutral{background-color:var(--s-surface-raised-default);color:var(--s-icon-default)}.icon-wrapper--background-color-banana{background-color:var(--s-decorative-banana-surface-subdued);color:var(--s-decorative-banana-text)}.icon-wrapper--background-color-blueberry{background-color:var(--s-decorative-blueberry-surface-subdued);color:var(--s-decorative-blueberry-text)}.icon-wrapper--background-color-chilli{background-color:var(--s-decorative-chilli-surface-subdued);color:var(--s-decorative-chilli-text)}.icon-wrapper--background-color-grape{background-color:var(--s-decorative-grape-surface-subdued);color:var(--s-decorative-grape-text)}.icon-wrapper--background-color-kiwi{background-color:var(--s-decorative-kiwi-surface-subdued);color:var(--s-decorative-kiwi-text)}.icon-wrapper--background-color-pumpkin{background-color:var(--s-decorative-pumpkin-surface-subdued);color:var(--s-decorative-pumpkin-text)}.icon-wrapper--background-color-radish{background-color:var(--s-decorative-radish-surface-subdued);color:var(--s-decorative-radish-text)}.icon-wrapper--background-color-default{background-color:var(--s-background-default);color:var(--s-icon-default)}"}},[1,"swirl-icon-workspace-premium",{color:[1],label:[1],size:[2]}]),t=d,s=function(){"undefined"!=typeof customElements&&["swirl-icon-workspace-premium"].forEach((r=>{"swirl-icon-workspace-premium"===r&&(customElements.get(a(r))\|\|customElements.define(a(r),d))}))};export{t as SwirlIconWorkspacePremium,s as defineCustomElement}

package/dist/components/swirl-icon-zoom-in.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as r,HTMLElement as e,h as o,Fragment as a,transformTag as c}from"@stencil/core/internal/client";import{c as i}from"./index2.js";const t=r(class extends e{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.size=24}render(){const r=20===this.size?24:this.size,e={color:this.color?`var(--s-icon-${this.color})`:void 0},c=i("swirl-icon","swirl-icon--size-"+this.size),t=!!this.label;return o("svg",{key:"~~8c0ea59f183f887a74600f54a8aeef71d1318a06~~","aria-hidden":t?void 0:"true",class:c,fill:"none",height:this.size,part:"icon",role:t?"img":void 0,style:e,viewBox:`0 0 ${r} ${r}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},t&&o("title",{key:"~~fcfdfc327c9ef373267c912fd4a130fb35a504d3~~"},this.label),16===this.size&&o(a,{key:"~~b9437fd443ddc7277872ddb0b56170715151540c~~"},o("path",{key:"~~4dc72a5fa1ccfb9912f94a1940b1b9b9cfe1687f~~",d:"M5.66667 7H5q-.28333 0-.475-.19167t-.19167-.475q0-.28333.19167-.475T5 5.66666h.66667V5q0-.28334.19166-.475t.475-.19167q.28334 0 .475.19167T7 5v.66666h.66667q.28333 0 .475.19167t.19167.475q0 .28333-.19167.475T7.66667 7H7v.66666q0 .28334-.19167.475t-.475.19167q-.28333 0-.475-.19166t-.19166-.475V7Zm.66666 3.66667q-1.81666 0-3.075-1.25834T2 6.33333q0-1.81667 1.25833-3.075T6.33333 2Q8.15 2 9.40833 3.25833t1.25834 3.075q0 .73333-.23333 1.38334T9.8 8.86667L13.53334 12.6q.18333.18333.18333.46667t-.18333.46666q-.18334.18334-.46667.18334T12.6 13.53333L8.86667 9.8q-.5.4-1.15.63333t-1.38334.23334Zm0-1.33334q1.25 0 2.125-.875t.875-2.125q0-1.25-.875-2.125t-2.125-.875q-1.25 0-2.125.875t-.875 2.125q0 1.25.875 2.125t2.125.875Z",fill:"currentColor"})),(20===this.size\|\|24===this.size)&&o(a,{key:"~~7ccc0eceb46d6984a126944e3efe823f3acb6ffe~~"},o("path",{key:"~~190d0bfad57741f7bb4c13f5eecf8af60ebc83f1~~",d:"M8.5 10.5h-1q-.425 0-.7125-.2875T6.5 9.5q0-.425.2875-.7125T7.5 8.5h1v-1q0-.425.2875-.7125T9.5 6.5q.425 0 .7125.2875T10.5 7.5v1h1q.425 0 .7125.2875T12.5 9.5q0 .425-.2875.7125T11.5 10.5h-1v1q0 .425-.2875.7125T9.5 12.5q-.425 0-.7125-.2875T8.5 11.5v-1Zm1 5.5q-2.725 0-4.6125-1.8875T3 9.5q0-2.725 1.8875-4.6125T9.5 3q2.725 0 4.6125 1.8875T16 9.5q0 1.1-.35 2.075T14.7 13.3l5.6 5.6q.275.275.275.7t-.275.7q-.275.275-.7.275t-.7-.275l-5.6-5.6q-.75.6-1.725.95T9.5 16Zm0-2q1.875 0 3.1875-1.3125T14 9.5q0-1.875-1.3125-3.1875T9.5 5Q7.625 5 6.3125 6.3125T5 9.5q0 1.875 1.3125 3.1875T9.5 14Z",fill:"currentColor"})),28===this.size&&o(a,{key:"~~afb8f4e61fe42de38a5dc356e563878fabef641d~~"},o("path",{key:"~~78b453518c4a573baa9e35a20a41ba36f7962096~~",d:"M9.91667 12.25H8.75q-.49583 0-.83125-.33542t-.33542-.83125q0-.49583.33542-.83125T8.75 9.91666h1.16667V8.75q0-.49584.33541-.83125t.83125-.33542q.49584 0 .83125.33542T12.25 8.75v1.16666h1.16667q.49583 0 .83125.33542t.33541.83125q0 .49583-.33541.83125t-.83125.33542H12.25v1.16667q0 .49583-.33542.83125t-.83125.33541q-.49583 0-.83125-.33541t-.33541-.83126V12.25Zm1.16666 6.41667q-3.17916 0-5.38125-2.20209T3.5 11.08333q0-3.17917 2.20208-5.38125T11.08333 3.5q3.17917 0 5.38126 2.20208t2.20208 5.38125q0 1.28333-.40833 2.42084T17.15 15.51667L23.68334 22.05q.32083.32083.32083.81667t-.32083.81666q-.32084.32084-.81667.32084t-.81667-.32084L15.51667 17.15q-.875.7-2.0125 1.10833t-2.42084.40834Zm0-2.33334q2.1875 0 3.71876-1.53125t1.53125-3.71875q0-2.1875-1.53125-3.71875t-3.71876-1.53125q-2.1875 0-3.71875 1.53125t-1.53125 3.71875q0 2.1875 1.53125 3.71875t3.71875 1.53125Z",fill:"currentColor"})))}static get style(){return":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}.icon-wrapper{display:inline-flex;justify-content:center;align-items:center;border-radius:var(--s-border-radius-full-round);background-color:var(--s-surface-raised-default)}.icon-wrapper--size-xs{width:16px;height:16px}.icon-wrapper--size-s{width:20px;height:20px}.icon-wrapper--size-m{width:24px;height:24px}.icon-wrapper--size-l{width:28px;height:28px}.icon-wrapper--size-xl{width:32px;height:32px}.icon-wrapper--size-2xl{width:40px;height:40px}.icon-wrapper--background-color-neutral{background-color:var(--s-surface-raised-default);color:var(--s-icon-default)}.icon-wrapper--background-color-banana{background-color:var(--s-decorative-banana-surface-subdued);color:var(--s-decorative-banana-text)}.icon-wrapper--background-color-blueberry{background-color:var(--s-decorative-blueberry-surface-subdued);color:var(--s-decorative-blueberry-text)}.icon-wrapper--background-color-chilli{background-color:var(--s-decorative-chilli-surface-subdued);color:var(--s-decorative-chilli-text)}.icon-wrapper--background-color-grape{background-color:var(--s-decorative-grape-surface-subdued);color:var(--s-decorative-grape-text)}.icon-wrapper--background-color-kiwi{background-color:var(--s-decorative-kiwi-surface-subdued);color:var(--s-decorative-kiwi-text)}.icon-wrapper--background-color-pumpkin{background-color:var(--s-decorative-pumpkin-surface-subdued);color:var(--s-decorative-pumpkin-text)}.icon-wrapper--background-color-radish{background-color:var(--s-decorative-radish-surface-subdued);color:var(--s-decorative-radish-text)}.icon-wrapper--background-color-default{background-color:var(--s-background-default);color:var(--s-icon-default)}"}},[1,"swirl-icon-zoom-in",{color:[1],label:[1],size:[2]}]),s=t,d=function(){"undefined"!=typeof customElements&&["swirl-icon-zoom-in"].forEach((r=>{"swirl-icon-zoom-in"===r&&(customElements.get(c(r))\|\|customElements.define(c(r),t))}))};export{s as SwirlIconZoomIn,d as defineCustomElement}
1	+ import{proxyCustomElement as r,HTMLElement as e,h as o,Fragment as a,transformTag as i}from"@stencil/core/internal/client";import{c as t}from"./index2.js";const c=r(class extends e{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.size=24}render(){const r=20===this.size?24:this.size,e={color:this.color?`var(--s-icon-${this.color})`:void 0},i=t("swirl-icon","swirl-icon--size-"+this.size),c=!!this.label;return o("svg",{key:"d612d2efd99d981d8aa95875a1e57769a54f6d1f","aria-hidden":c?void 0:"true",class:i,fill:"none",height:this.size,part:"icon",role:c?"img":void 0,style:e,viewBox:`0 0 ${r} ${r}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},c&&o("title",{key:"8fbb28b725d4285dd43da5abdf95927c9984ca74"},this.label),16===this.size&&o(a,{key:"4254adbf763a6ba65100896c254521e86f9f3e2c"},o("path",{key:"b4d838d07f4f20e10eda701a568c8701edb26205",d:"M5.66667 7H5q-.28333 0-.475-.19167t-.19167-.475q0-.28333.19167-.475T5 5.66666h.66667V5q0-.28334.19166-.475t.475-.19167q.28334 0 .475.19167T7 5v.66666h.66667q.28333 0 .475.19167t.19167.475q0 .28333-.19167.475T7.66667 7H7v.66666q0 .28334-.19167.475t-.475.19167q-.28333 0-.475-.19166t-.19166-.475V7Zm.66666 3.66667q-1.81666 0-3.075-1.25834T2 6.33333q0-1.81667 1.25833-3.075T6.33333 2Q8.15 2 9.40833 3.25833t1.25834 3.075q0 .73333-.23333 1.38334T9.8 8.86667L13.53334 12.6q.18333.18333.18333.46667t-.18333.46666q-.18334.18334-.46667.18334T12.6 13.53333L8.86667 9.8q-.5.4-1.15.63333t-1.38334.23334Zm0-1.33334q1.25 0 2.125-.875t.875-2.125q0-1.25-.875-2.125t-2.125-.875q-1.25 0-2.125.875t-.875 2.125q0 1.25.875 2.125t2.125.875Z",fill:"currentColor"})),(20===this.size\|\|24===this.size)&&o(a,{key:"5b8f662531d899915e78b82bcefbe3b3da3f111e"},o("path",{key:"e711a545d12d9d1d4dfbc15ea1a55ba9ccb96039",d:"M8.5 10.5h-1q-.425 0-.7125-.2875T6.5 9.5q0-.425.2875-.7125T7.5 8.5h1v-1q0-.425.2875-.7125T9.5 6.5q.425 0 .7125.2875T10.5 7.5v1h1q.425 0 .7125.2875T12.5 9.5q0 .425-.2875.7125T11.5 10.5h-1v1q0 .425-.2875.7125T9.5 12.5q-.425 0-.7125-.2875T8.5 11.5v-1Zm1 5.5q-2.725 0-4.6125-1.8875T3 9.5q0-2.725 1.8875-4.6125T9.5 3q2.725 0 4.6125 1.8875T16 9.5q0 1.1-.35 2.075T14.7 13.3l5.6 5.6q.275.275.275.7t-.275.7q-.275.275-.7.275t-.7-.275l-5.6-5.6q-.75.6-1.725.95T9.5 16Zm0-2q1.875 0 3.1875-1.3125T14 9.5q0-1.875-1.3125-3.1875T9.5 5Q7.625 5 6.3125 6.3125T5 9.5q0 1.875 1.3125 3.1875T9.5 14Z",fill:"currentColor"})),28===this.size&&o(a,{key:"1aa86e47f1cbc8301a35ffceed94f01ad9bf04dc"},o("path",{key:"8c73018346d785a1d0f32fef6c7879639b984bf0",d:"M9.91667 12.25H8.75q-.49583 0-.83125-.33542t-.33542-.83125q0-.49583.33542-.83125T8.75 9.91666h1.16667V8.75q0-.49584.33541-.83125t.83125-.33542q.49584 0 .83125.33542T12.25 8.75v1.16666h1.16667q.49583 0 .83125.33542t.33541.83125q0 .49583-.33541.83125t-.83125.33542H12.25v1.16667q0 .49583-.33542.83125t-.83125.33541q-.49583 0-.83125-.33541t-.33541-.83126V12.25Zm1.16666 6.41667q-3.17916 0-5.38125-2.20209T3.5 11.08333q0-3.17917 2.20208-5.38125T11.08333 3.5q3.17917 0 5.38126 2.20208t2.20208 5.38125q0 1.28333-.40833 2.42084T17.15 15.51667L23.68334 22.05q.32083.32083.32083.81667t-.32083.81666q-.32084.32084-.81667.32084t-.81667-.32084L15.51667 17.15q-.875.7-2.0125 1.10833t-2.42084.40834Zm0-2.33334q2.1875 0 3.71876-1.53125t1.53125-3.71875q0-2.1875-1.53125-3.71875t-3.71876-1.53125q-2.1875 0-3.71875 1.53125t-1.53125 3.71875q0 2.1875 1.53125 3.71875t3.71875 1.53125Z",fill:"currentColor"})))}static get style(){return":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}.icon-wrapper{display:inline-flex;justify-content:center;align-items:center;border-radius:var(--s-border-radius-full-round);background-color:var(--s-surface-raised-default)}.icon-wrapper--size-xs{width:16px;height:16px}.icon-wrapper--size-s{width:20px;height:20px}.icon-wrapper--size-m{width:24px;height:24px}.icon-wrapper--size-l{width:28px;height:28px}.icon-wrapper--size-xl{width:32px;height:32px}.icon-wrapper--size-2xl{width:40px;height:40px}.icon-wrapper--background-color-neutral{background-color:var(--s-surface-raised-default);color:var(--s-icon-default)}.icon-wrapper--background-color-banana{background-color:var(--s-decorative-banana-surface-subdued);color:var(--s-decorative-banana-text)}.icon-wrapper--background-color-blueberry{background-color:var(--s-decorative-blueberry-surface-subdued);color:var(--s-decorative-blueberry-text)}.icon-wrapper--background-color-chilli{background-color:var(--s-decorative-chilli-surface-subdued);color:var(--s-decorative-chilli-text)}.icon-wrapper--background-color-grape{background-color:var(--s-decorative-grape-surface-subdued);color:var(--s-decorative-grape-text)}.icon-wrapper--background-color-kiwi{background-color:var(--s-decorative-kiwi-surface-subdued);color:var(--s-decorative-kiwi-text)}.icon-wrapper--background-color-pumpkin{background-color:var(--s-decorative-pumpkin-surface-subdued);color:var(--s-decorative-pumpkin-text)}.icon-wrapper--background-color-radish{background-color:var(--s-decorative-radish-surface-subdued);color:var(--s-decorative-radish-text)}.icon-wrapper--background-color-default{background-color:var(--s-background-default);color:var(--s-icon-default)}"}},[1,"swirl-icon-zoom-in",{color:[1],label:[1],size:[2]}]),d=c,s=function(){"undefined"!=typeof customElements&&["swirl-icon-zoom-in"].forEach((r=>{"swirl-icon-zoom-in"===r&&(customElements.get(i(r))\|\|customElements.define(i(r),c))}))};export{d as SwirlIconZoomIn,s as defineCustomElement}

package/dist/components/swirl-icon-zoom-out.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as r,HTMLElement as e,h as o,Fragment as a,transformTag as c}from"@stencil/core/internal/client";import{c as i}from"./index2.js";const t=r(class extends e{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.size=24}render(){const r=20===this.size?24:this.size,e={color:this.color?`var(--s-icon-${this.color})`:void 0},c=i("swirl-icon","swirl-icon--size-"+this.size),t=!!this.label;return o("svg",{key:"~~f969317c70bf7e0f4db30647f35295026222f9ba~~","aria-hidden":t?void 0:"true",class:c,fill:"none",height:this.size,part:"icon",role:t?"img":void 0,style:e,viewBox:`0 0 ${r} ${r}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},t&&o("title",{key:"~~266c3d11e7cd5bcde87c1097b6a3e948d1e6ab05~~"},this.label),16===this.size&&o(a,{key:"~~153c7e4d1037f4fca03d39ee4e9cdfb4a4f811e1~~"},o("path",{key:"~~5d21000e5dcf9855a9d4f4efb4d7ababa22a7e91~~",d:"M5.33333 7q-.28333 0-.475-.19167t-.19166-.475q0-.28333.19166-.475t.475-.19167h2q.28334 0 .475.19167T8 6.33333q0 .28333-.19167.475T7.33333 7h-2Zm1 3.66667q-1.81666 0-3.075-1.25834T2 6.33333q0-1.81667 1.25833-3.075T6.33333 2Q8.15 2 9.40833 3.25833t1.25834 3.075q0 .73333-.23333 1.38334T9.8 8.86667L13.53334 12.6q.18333.18333.18333.46667t-.18333.46666q-.18334.18334-.46667.18334T12.6 13.53333L8.86667 9.8q-.5.4-1.15.63333t-1.38334.23334Zm0-1.33334q1.25 0 2.125-.875t.875-2.125q0-1.25-.875-2.125t-2.125-.875q-1.25 0-2.125.875t-.875 2.125q0 1.25.875 2.125t2.125.875Z",fill:"currentColor"})),(20===this.size\|\|24===this.size)&&o(a,{key:"~~d36b7cd06cde586aa3ef8fbac358f1de00b7c782~~"},o("path",{key:"~~05ce8fa4f3a89c3a1697ca96342ef323359165a7~~",d:"M8 10.5q-.425 0-.7125-.2875T7 9.5q0-.425.2875-.7125T8 8.5h3q.425 0 .7125.2875T12 9.5q0 .425-.2875.7125T11 10.5H8ZM9.5 16q-2.725 0-4.6125-1.8875T3 9.5q0-2.725 1.8875-4.6125T9.5 3q2.725 0 4.6125 1.8875T16 9.5q0 1.1-.35 2.075T14.7 13.3l5.6 5.6q.275.275.275.7t-.275.7q-.275.275-.7.275t-.7-.275l-5.6-5.6q-.75.6-1.725.95T9.5 16Zm0-2q1.875 0 3.1875-1.3125T14 9.5q0-1.875-1.3125-3.1875T9.5 5Q7.625 5 6.3125 6.3125T5 9.5q0 1.875 1.3125 3.1875T9.5 14Z",fill:"currentColor"})),28===this.size&&o(a,{key:"~~2124814e3dfc5a7d64aebe592cc987892949ee8c~~"},o("path",{key:"~~629a9316eee1f5a55f7ab338976870ed96595d94~~",d:"M9.33333 12.25q-.49583 0-.83125-.33542t-.33541-.83125q0-.49583.33541-.83125t.83125-.33542h3.5q.49584 0 .83125.33542T14 11.08333q0 .49583-.33542.83125t-.83125.33542h-3.5Zm1.75 6.41667q-3.17916 0-5.38125-2.20209T3.5 11.08333q0-3.17917 2.20208-5.38125T11.08333 3.5q3.17917 0 5.38126 2.20208t2.20208 5.38125q0 1.28333-.40833 2.42084T17.15 15.51667L23.68334 22.05q.32083.32083.32083.81667t-.32083.81666q-.32084.32084-.81667.32084t-.81667-.32084L15.51667 17.15q-.875.7-2.0125 1.10833t-2.42084.40834Zm0-2.33334q2.1875 0 3.71876-1.53125t1.53125-3.71875q0-2.1875-1.53125-3.71875t-3.71876-1.53125q-2.1875 0-3.71875 1.53125t-1.53125 3.71875q0 2.1875 1.53125 3.71875t3.71875 1.53125Z",fill:"currentColor"})))}static get style(){return":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}.icon-wrapper{display:inline-flex;justify-content:center;align-items:center;border-radius:var(--s-border-radius-full-round);background-color:var(--s-surface-raised-default)}.icon-wrapper--size-xs{width:16px;height:16px}.icon-wrapper--size-s{width:20px;height:20px}.icon-wrapper--size-m{width:24px;height:24px}.icon-wrapper--size-l{width:28px;height:28px}.icon-wrapper--size-xl{width:32px;height:32px}.icon-wrapper--size-2xl{width:40px;height:40px}.icon-wrapper--background-color-neutral{background-color:var(--s-surface-raised-default);color:var(--s-icon-default)}.icon-wrapper--background-color-banana{background-color:var(--s-decorative-banana-surface-subdued);color:var(--s-decorative-banana-text)}.icon-wrapper--background-color-blueberry{background-color:var(--s-decorative-blueberry-surface-subdued);color:var(--s-decorative-blueberry-text)}.icon-wrapper--background-color-chilli{background-color:var(--s-decorative-chilli-surface-subdued);color:var(--s-decorative-chilli-text)}.icon-wrapper--background-color-grape{background-color:var(--s-decorative-grape-surface-subdued);color:var(--s-decorative-grape-text)}.icon-wrapper--background-color-kiwi{background-color:var(--s-decorative-kiwi-surface-subdued);color:var(--s-decorative-kiwi-text)}.icon-wrapper--background-color-pumpkin{background-color:var(--s-decorative-pumpkin-surface-subdued);color:var(--s-decorative-pumpkin-text)}.icon-wrapper--background-color-radish{background-color:var(--s-decorative-radish-surface-subdued);color:var(--s-decorative-radish-text)}.icon-wrapper--background-color-default{background-color:var(--s-background-default);color:var(--s-icon-default)}"}},[1,"swirl-icon-zoom-out",{color:[1],label:[1],size:[2]}]),d=t,s=function(){"undefined"!=typeof customElements&&["swirl-icon-zoom-out"].forEach((r=>{"swirl-icon-zoom-out"===r&&(customElements.get(c(r))\|\|customElements.define(c(r),t))}))};export{d as SwirlIconZoomOut,s as defineCustomElement}
1	+ import{proxyCustomElement as r,HTMLElement as e,h as o,Fragment as a,transformTag as c}from"@stencil/core/internal/client";import{c as i}from"./index2.js";const t=r(class extends e{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.size=24}render(){const r=20===this.size?24:this.size,e={color:this.color?`var(--s-icon-${this.color})`:void 0},c=i("swirl-icon","swirl-icon--size-"+this.size),t=!!this.label;return o("svg",{key:"f6063ecf248b29fc3a256075d13d4f1bdefdb799","aria-hidden":t?void 0:"true",class:c,fill:"none",height:this.size,part:"icon",role:t?"img":void 0,style:e,viewBox:`0 0 ${r} ${r}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},t&&o("title",{key:"540617a03f31603d16bef49cbfeeeae375ddf0eb"},this.label),16===this.size&&o(a,{key:"4fe0e7f9a2b10d6c93c23607c0690ba4004ca4f9"},o("path",{key:"e9292036924c0f672e11eece3cfab8065ce7c8ab",d:"M5.33333 7q-.28333 0-.475-.19167t-.19166-.475q0-.28333.19166-.475t.475-.19167h2q.28334 0 .475.19167T8 6.33333q0 .28333-.19167.475T7.33333 7h-2Zm1 3.66667q-1.81666 0-3.075-1.25834T2 6.33333q0-1.81667 1.25833-3.075T6.33333 2Q8.15 2 9.40833 3.25833t1.25834 3.075q0 .73333-.23333 1.38334T9.8 8.86667L13.53334 12.6q.18333.18333.18333.46667t-.18333.46666q-.18334.18334-.46667.18334T12.6 13.53333L8.86667 9.8q-.5.4-1.15.63333t-1.38334.23334Zm0-1.33334q1.25 0 2.125-.875t.875-2.125q0-1.25-.875-2.125t-2.125-.875q-1.25 0-2.125.875t-.875 2.125q0 1.25.875 2.125t2.125.875Z",fill:"currentColor"})),(20===this.size\|\|24===this.size)&&o(a,{key:"4ec73b9f25ceb62460732031d0e42f769833b42e"},o("path",{key:"aa2159d9fe8353a2941fe1eff9a7cb238cb9afe4",d:"M8 10.5q-.425 0-.7125-.2875T7 9.5q0-.425.2875-.7125T8 8.5h3q.425 0 .7125.2875T12 9.5q0 .425-.2875.7125T11 10.5H8ZM9.5 16q-2.725 0-4.6125-1.8875T3 9.5q0-2.725 1.8875-4.6125T9.5 3q2.725 0 4.6125 1.8875T16 9.5q0 1.1-.35 2.075T14.7 13.3l5.6 5.6q.275.275.275.7t-.275.7q-.275.275-.7.275t-.7-.275l-5.6-5.6q-.75.6-1.725.95T9.5 16Zm0-2q1.875 0 3.1875-1.3125T14 9.5q0-1.875-1.3125-3.1875T9.5 5Q7.625 5 6.3125 6.3125T5 9.5q0 1.875 1.3125 3.1875T9.5 14Z",fill:"currentColor"})),28===this.size&&o(a,{key:"af66ffa828a3b5cd67b5d4f5ada5456e92481b7a"},o("path",{key:"a8d4de4171aa8d118116d5f5f786c8905c81db28",d:"M9.33333 12.25q-.49583 0-.83125-.33542t-.33541-.83125q0-.49583.33541-.83125t.83125-.33542h3.5q.49584 0 .83125.33542T14 11.08333q0 .49583-.33542.83125t-.83125.33542h-3.5Zm1.75 6.41667q-3.17916 0-5.38125-2.20209T3.5 11.08333q0-3.17917 2.20208-5.38125T11.08333 3.5q3.17917 0 5.38126 2.20208t2.20208 5.38125q0 1.28333-.40833 2.42084T17.15 15.51667L23.68334 22.05q.32083.32083.32083.81667t-.32083.81666q-.32084.32084-.81667.32084t-.81667-.32084L15.51667 17.15q-.875.7-2.0125 1.10833t-2.42084.40834Zm0-2.33334q2.1875 0 3.71876-1.53125t1.53125-3.71875q0-2.1875-1.53125-3.71875t-3.71876-1.53125q-2.1875 0-3.71875 1.53125t-1.53125 3.71875q0 2.1875 1.53125 3.71875t3.71875 1.53125Z",fill:"currentColor"})))}static get style(){return":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}.icon-wrapper{display:inline-flex;justify-content:center;align-items:center;border-radius:var(--s-border-radius-full-round);background-color:var(--s-surface-raised-default)}.icon-wrapper--size-xs{width:16px;height:16px}.icon-wrapper--size-s{width:20px;height:20px}.icon-wrapper--size-m{width:24px;height:24px}.icon-wrapper--size-l{width:28px;height:28px}.icon-wrapper--size-xl{width:32px;height:32px}.icon-wrapper--size-2xl{width:40px;height:40px}.icon-wrapper--background-color-neutral{background-color:var(--s-surface-raised-default);color:var(--s-icon-default)}.icon-wrapper--background-color-banana{background-color:var(--s-decorative-banana-surface-subdued);color:var(--s-decorative-banana-text)}.icon-wrapper--background-color-blueberry{background-color:var(--s-decorative-blueberry-surface-subdued);color:var(--s-decorative-blueberry-text)}.icon-wrapper--background-color-chilli{background-color:var(--s-decorative-chilli-surface-subdued);color:var(--s-decorative-chilli-text)}.icon-wrapper--background-color-grape{background-color:var(--s-decorative-grape-surface-subdued);color:var(--s-decorative-grape-text)}.icon-wrapper--background-color-kiwi{background-color:var(--s-decorative-kiwi-surface-subdued);color:var(--s-decorative-kiwi-text)}.icon-wrapper--background-color-pumpkin{background-color:var(--s-decorative-pumpkin-surface-subdued);color:var(--s-decorative-pumpkin-text)}.icon-wrapper--background-color-radish{background-color:var(--s-decorative-radish-surface-subdued);color:var(--s-decorative-radish-text)}.icon-wrapper--background-color-default{background-color:var(--s-background-default);color:var(--s-icon-default)}"}},[1,"swirl-icon-zoom-out",{color:[1],label:[1],size:[2]}]),d=t,s=function(){"undefined"!=typeof customElements&&["swirl-icon-zoom-out"].forEach((r=>{"swirl-icon-zoom-out"===r&&(customElements.get(c(r))\|\|customElements.define(c(r),t))}))};export{d as SwirlIconZoomOut,s 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 u}from"./swirl-icon-download2.js";const f=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:"b57ed9694563ea6c05b1d2205040522a9aad9abe"},s("dialog",{key:"7b72a1ec98233c97913598d44f1b69b28616a1f9","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:"e6257d6168036c7b9aedc83a6ba973cda315e48d",class:"lightbox__body",role:"document"},s("header",{key:"85f5129b91fc80d902ee8eda6bbd610c96073ad1",class:"lightbox__header"},s("div",{key:"13cfbee6b4967f9269398f5ef9d2a187845a5194",class:"lightbox__toolbar"},s("slot",{key:"3f36d81f0fbf9ea49597bb0a4fb297f07824323c",name:"toolbar"}),this.downloadButtonEnabled&&s("button",{key:"f825ec32419887c87b1ca711ec6402d9b656ef48","aria-label":this.downloadButtonLabel,class:"lightbox__download-button",onClick:this.onDownloadButtonClick,type:"button"},s("swirl-icon-download",{key:"beb421c318f2145423c6f211adea79c2dbaf0e7c"}))),s("button",{key:"37bcc0b314bed546cda2c26a7546d50a719e13e5","aria-label":this.closeButtonLabel,class:"lightbox__close-button",onClick:this.onCloseButtonClick,type:"button"},s("swirl-icon-close",{key:"04642371414270a7be225a1e7e38ba336f8e778a"}))),s("div",{key:"7c98b24c94e8b78679bfbbd824e946f7706a38f2","aria-roledescription":"carousel",class:"lightbox__content",role:"group"},s("div",{key:"d7de2b73367769d079e13b712c89eb94c9977a2d","aria-atomic":"false","aria-live":"polite",class:"lightbox__slides",onClick:this.onBackdropClick,onContextMenu:this.onContextMenu,ref:t=>this.slidesContainer=t},s("slot",{key:"056b216f4e39e9e0530f9d9f4cfda29160b5aadc",onSlotchange:this.registerSlides}))),s("div",{key:"81ffd411f4444f82f13309a6ddab1b2581b97071",class:"lightbox__controls"},s("button",{key:"fe8b9aba47c555cd62d120f4002495ddbc7425af","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:"6f64ba9eed6675d49638d9092ede6e2da4dffb79"})),s("button",{key:"5883c019d222e6d17e86bdb890e09093fa5bc4a5","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:"ce3748e8643d90cdaf84e79059159cf4cdba3646"}))),t&&s("span",{key:"68c69999345dd97679ced234c80ca7f110664355",class:"lightbox__pagination"},s("span",{key:"7402c7bbfb62767a4a33b295531139e2f92b6a4a","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=f,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),f);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))\|\|u()}}))};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 u}from"./swirl-icon-download2.js";const f=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:"429d26a8302cad4e1d679e93f6ac958de6b47cb8"},s("dialog",{key:"8d0abeae7f40f8deae949830c31675c6d36fd240","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:"e30336d14d5d9b34978383781bc63f79b9426ed9",class:"lightbox__body",role:"document"},s("header",{key:"d8da6cf0d8efcb75f466ab2abe56b356136c88ef",class:"lightbox__header"},s("div",{key:"4e2c64b875f23b84f3df3b51263621aa6858a5ee",class:"lightbox__toolbar"},s("slot",{key:"8be2af9a2eaed911f0ae7bd8ea24e94d93ba9d14",name:"toolbar"}),this.downloadButtonEnabled&&s("button",{key:"62af00babd1836fee1d02e501ce8ff2410e7c077","aria-label":this.downloadButtonLabel,class:"lightbox__download-button",onClick:this.onDownloadButtonClick,type:"button"},s("swirl-icon-download",{key:"2cf30867ba1ba09bf729d4f6a6ec8673ba8f1447"}))),s("button",{key:"e564cd18836a7666fb91812a72da8554871ec6f9","aria-label":this.closeButtonLabel,class:"lightbox__close-button",onClick:this.onCloseButtonClick,type:"button"},s("swirl-icon-close",{key:"3bd8d1e8fe7c3146846190688797e01723146850"}))),s("div",{key:"848f82279d3fd476d87d75594e515e431d178923","aria-roledescription":"carousel",class:"lightbox__content",role:"group"},s("div",{key:"55decc08ac1841c0a084b6e3b0e442ef4347a17e","aria-atomic":"false","aria-live":"polite",class:"lightbox__slides",onClick:this.onBackdropClick,onContextMenu:this.onContextMenu,ref:t=>this.slidesContainer=t},s("slot",{key:"133c250fb6ceedb918375c40629fda7843310f42",onSlotchange:this.registerSlides}))),s("div",{key:"45919707a0f1dc5ec6d432c3402eae8e2f02bd4d",class:"lightbox__controls"},s("button",{key:"982cf6db980b3b8ec94a381aea08ff8c290c1b10","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:"78d016d289112022a5e09cdca0e56718fac81046"})),s("button",{key:"92f2ccadf9f5b209b2eac964721471745a97f89b","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:"6f4a436860d909d64bc3b69858e00e9205fcce96"}))),t&&s("span",{key:"5d9a84d698f80333fcc7873ee6d1d09a57a00ebc",class:"lightbox__pagination"},s("span",{key:"8702c7c9e39e690d1e018d764ae2b3cf6f1518b8","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=f,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),f);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))\|\|u()}}))};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:"~~08cf6520df6b0b06107639876ab5f89ec732d008~~"},i("div",{key:"~~7faed24efb2898c2a317dcef289c9b9348a98cb5~~",class:"swirl-list",ref:e=>this.containerEl=e},i("slot",{key:"~~aa3b41b7fb02c7456c1b6a992553ba9a8fe4bff9~~"})))}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:"34915391ced6f91103861f53d8edabb2f9199c00"},i("div",{key:"52e07e6a923ca0a3488b7d6b6aafd8be611b0633",class:"swirl-list",ref:e=>this.containerEl=e},i("slot",{key:"9528ea84bd244ba421b165fce68152eddfed6678"})))}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 a}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}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=r("menu-item",{"menu-item--expanded":this.expanded});return e(n,{key:"~~d83a72466ce87789db4aabf7c9bb8205f5818373~~"},e("div",{key:"~~9a53b6f6c19cc7a86e2d523e01823d44fe0626c6~~",class:t},"selection"===this.parentMenu?.variant?this.renderOptionListItem():this.renderActionListItem(),e("slot",{key:"~~74a1e2e10f832a150484c49f5e6dc5d261d593f5~~",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(a(t))\|\|customElements.define(a(t),p);break;case"swirl-action-list-item":customElements.get(a(t))\|\|c();break;case"swirl-icon-check-small":customElements.get(a(t))\|\|l();break;case"swirl-icon-check-strong":customElements.get(a(t))\|\|d();break;case"swirl-icon-drag-handle":customElements.get(a(t))\|\|m();break;case"swirl-option-list-item":customElements.get(a(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 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:"28e581d19249a14d861c199e8a1639ff5716d84e"},e("div",{key:"f5cb7fc7c39f9de1a329e962b625c78d3b364620",class:t},"selection"===this.parentMenu?.variant?this.renderOptionListItem():this.renderActionListItem(),e("slot",{key:"4b0a24dc820045c60f852a1c2783dd90719d6167",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}

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:"~~cc4b90efe9394a866b75db5975e2da49290b15f7~~"},o("dialog",{key:"~~e18d6f73a32491eab2b4e5ea3ef44c45fa2eb88b~~","aria-label":this.label,class:s,onClose:this.onDialogClose,onKeyDown:this.onKeyDown,ref:s=>this.modalEl=s},o("div",{key:"~~b28b0df79b1d7cf7eaa333e0c02a74c8f7b69725~~",class:"modal-shell__backdrop"}),o("div",{key:"~~e914be9d8e722da56af8c64935e5d169f411011c~~",class:"modal-shell__scroll-container",onClick:this.onClose,ref:s=>this.scrollContainerEl=s},o("div",{key:"~~1c79c52c60fc3de149eef70a368329083db8b5df~~",class:"modal-shell__scroll-container__content",onClick:this.onContentClick},o("slot",{key:"~~e47604d56ac8d4ad9d1425ac8273a70d87962ae4~~"}))),o("swirl-button",{key:"~~9a289271b982d57888e81f77d6f93602ab58943a~~",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:"8c57b28835789e2fb90e929ed95480049998cdba"},o("dialog",{key:"b582e5a715664e8da8e998f195593d3d956bffce","aria-label":this.label,class:s,onClose:this.onDialogClose,onKeyDown:this.onKeyDown,ref:s=>this.modalEl=s},o("div",{key:"eeb08e402744206e00c3c733ee5d473f83d71e65",class:"modal-shell__backdrop"}),o("div",{key:"e3c8f84fc14b66360add8af30de4b9c15e26eeda",class:"modal-shell__scroll-container",onClick:this.onClose,ref:s=>this.scrollContainerEl=s},o("div",{key:"aeb8caee002d62d64da7f3f1f1f42db8e8ada6f0",class:"modal-shell__scroll-container__content",onClick:this.onContentClick},o("slot",{key:"34ea28be201c10d2ab2444122aac51721a010881"}))),o("swirl-button",{key:"40252a0d763347015ec3c3b6a826c293608a4e68",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,m=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,m as defineCustomElement}

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

	@@ -1 +1 @@
1	- import{proxyCustomElement as e,HTMLElement as s,h as t,Host as i,transformTag as a}from"@stencil/core/internal/client";import{d as o}from"./swirl-separator2.js";import{d as r}from"./swirl-stack2.js";const l=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.separatorSpacing="4",this.spacing="0",this.hasSeparator=!1}render(){return t(i,{key:"~~f426857074f0f9cb793b13feedd2abe41632343f~~"},this.hasSeparator&&t("swirl-separator",{key:"~~041341cec99c2e4411c27b746b1a6302f2056ac3~~",spacing:this.separatorSpacing}),t("div",{key:"~~0dbe0a28b7cabf18f616e1807b018ddd1befade8~~","aria-labelledby":"label",class:"option-list-section",role:"group"},t("span",{key:"~~e6872f25216b4c0bb957688a67285d4cdeda8d89~~",class:"option-list-section__label",id:"label",part:"option-list-section__label"},this.label),t("swirl-stack",{key:"~~67f14d49126fff39ff72dfb53e98141371e605e6~~",spacing:this.spacing,align:"stretch"},t("slot",{key:"~~7e75dcde505eaee9a2472c5272f5b7417cefe1ef~~"}))))}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"]}]),n=l,c=function(){"undefined"!=typeof customElements&&["swirl-option-list-section","swirl-separator","swirl-stack"].forEach((e=>{switch(e){case"swirl-option-list-section":customElements.get(a(e))\|\|customElements.define(a(e),l);break;case"swirl-separator":customElements.get(a(e))\|\|o();break;case"swirl-stack":customElements.get(a(e))\|\|r()}}))};export{n as SwirlOptionListSection,c as defineCustomElement}
1	+ import{proxyCustomElement as s,HTMLElement as e,h as t,Host as i,transformTag as a}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(i,{key:"7e2d2668bebe77dc7d7554c5dbb95e91e34d0d80"},this.hasSeparator&&t("swirl-separator",{key:"0a5a2c97bb7ddf2910848c42fabbf5bd1bc32782",spacing:this.separatorSpacing}),t("div",{key:"d205beab315074b431bb76df2fdc1f4165d0ef3e","aria-labelledby":"label",class:"option-list-section",role:"group"},t("span",{key:"12a4ec11837926a2eb48fd49258396ad94f651d3",class:"option-list-section__label",id:"label",part:"option-list-section__label"},this.label),t("swirl-stack",{key:"96b7ac9536470b1d84a53cb08bfdc5ed3f3d9781",spacing:this.spacing,align:"stretch"},t("slot",{key:"350bce29666977b1c04fb17abdd86e1f184d3406"}))))}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"]}]),n=l,c=function(){"undefined"!=typeof customElements&&["swirl-option-list-section","swirl-separator","swirl-stack"].forEach((s=>{switch(s){case"swirl-option-list-section":customElements.get(a(s))\|\|customElements.define(a(s),l);break;case"swirl-separator":customElements.get(a(s))\|\|o();break;case"swirl-stack":customElements.get(a(s))\|\|r()}}))};export{n as SwirlOptionListSection,c 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";import{v as w}from"./v4.js";const p=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=w(),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:"61752705b6f9c36174e75bc8c60ea05db6e32429"},e("swirl-visually-hidden",{key:"e17b2f20ddd278ef2b142c9b98db9269b4c4745c",role:"alert"},this.assistiveText),e("div",{key:"d63f4009c79ea333700c5590e413345a3fb74069","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:"a9f8c025ff6d7f0e6b1e19620d8c12401e885db1",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:"0fb37eda51ef51b2ef117159227fe52f73ee1641",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 b(){"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),p);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{p as S,b 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";import{v as w}from"./v4.js";const p=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=w(),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:"efe8dae1b5fcdc910e21fd5fa31b580a369c3275"},e("swirl-visually-hidden",{key:"70563d0824febc68831d5f684c707357af5e5ca7",role:"alert"},this.assistiveText),e("div",{key:"8008ac902c40dc1ae54e87da1742effc15bbd680","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:"d74972069ca8a83a2b21ad9269575b8065bdf3b6",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:"7cd0ae9fbae32c56a7bc3916a373ebf5e581ac5b",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 b(){"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),p);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{p as S,b as d}

package/dist/components/swirl-pdf-reader.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as e,HTMLElement as i,createEvent as a,h as s,Host as t,transformTag as r}from"@stencil/core/internal/client";import{d as o,e as l}from"./body-scroll-lock.js";import{c as d}from"./index2.js";import{q as n,i as c}from"./utils.js";import{d as f}from"./swirl-action-list2.js";import{d as b}from"./swirl-action-list-item2.js";import{d as h}from"./swirl-button2.js";import{d as p}from"./swirl-file-viewer2.js";import{d as m}from"./swirl-file-viewer-audio2.js";import{d as u}from"./swirl-file-viewer-csv2.js";import{d as w}from"./swirl-file-viewer-fallback2.js";import{d as v}from"./swirl-file-viewer-image2.js";import{d as _}from"./swirl-file-viewer-pdf2.js";import{d as g}from"./swirl-file-viewer-text2.js";import{d as k}from"./swirl-file-viewer-video2.js";import{d as y}from"./swirl-icon-add2.js";import{d as x}from"./swirl-icon-error2.js";import{d as C}from"./swirl-icon-expand-more2.js";import{d as z}from"./swirl-icon-file2.js";import{d as j}from"./swirl-icon-file-copy2.js";import{d as E}from"./swirl-icon-fullscreen2.js";import{d as H}from"./swirl-icon-fullscreen-exit2.js";import{d as V}from"./swirl-icon-menu-book2.js";import{d as L}from"./swirl-icon-remove2.js";import{d as M}from"./swirl-inline-error2.js";import{d as Z}from"./swirl-popover2.js";import{d as B}from"./swirl-popover-trigger2.js";import{d as S}from"./swirl-separator2.js";import{d as T}from"./swirl-spinner2.js";import{d as D}from"./swirl-stack2.js";import{d as P}from"./swirl-text2.js";import{d as F}from"./swirl-visually-hidden2.js";const W=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.modalClose=a(this,"modalClose",7),this.modalOpen=a(this,"modalOpen",7),this.autoZoomLabel="Full width",this.closeButtonLabel="Close PDF viewer",this.downloadButtonEnabled=!0,this.downloadButtonLabel="Download PDF",this.fileTypeLabel="PDF Document",this.menuLabel="File menu",this.menuTriggerLabel="Open file menu",this.printButtonEnabled=!0,this.printButtonLabel="Print PDF",this.sideBySideButtonLabel="Toggle side by side view",this.thumbnailButtonLabel="Scroll to page",this.thumbnailsButtonLabel="Toggle thumbnails",this.thumbnailsLabel="Page thumbnails",this.zoomInButtonLabel="Zoom in",this.zoomOutButtonLabel="Zoom out",this.zoomSelectLabel="Select zoom",this.skipNativeDownload=!1,this.active=!1,this.closing=!1,this.opening=!1,this.downloading=!1,this.loadingThumbnails=!1,this.thumbnails=[],this.viewMode="single",this.visiblePages=[],this.desktopZoomSteps=[.5,.75,1,1.25,1.5,2,3,4],this.mobileZoomSteps=[.5,.75,1,1.25,1.5],this.onClose=()=>{this.closing=!1,this.active=!1,this.modalClose.emit()},this.toggleViewMode=()=>{this.viewMode="single"===this.viewMode?"side-by-side":"single"},this.toggleThumbnals=()=>{this.showThumbnails=!this.showThumbnails},this.onKeyDown=e=>{"Escape"===e.code&&(e.stopImmediatePropagation(),e.preventDefault(),this.close())},this.onActivate=async e=>{this.pdfViewer=e.detail,this.lockBodyScroll()},this.onVisiblePagesChange=async e=>{this.visiblePages=e.detail},this.onCloseButtonClick=()=>{this.close()},this.onPrintButtonClick=()=>{this.pdfViewer.print(),this.menu.close()},this.onDownloadButtonClick=async()=>{this.downloading=!0,await this.viewer.download(),this.downloading=!1,this.menu.close()},this.onZoomInButtonClick=()=>{const e=this.zoomSteps.indexOf(+this.zoom);this.zoom=-1===e?1:this.zoomSteps[Math.min(this.zoomSteps.length-1,e+1)]},this.onZoomOutButtonClick=()=>{const e=this.zoomSteps.indexOf(+this.zoom);this.zoom=-1===e?1:this.zoomSteps[Math.max(0,e-1)]},this.onZoomAutoButtonClick=()=>{this.zoom="auto"===this.zoom?1:"auto"},this.onZoomChange=e=>{const i=e.target.value;this.zoom="auto"===i?i:+i},this.onThumbnailClick=e=>()=>{const i=n(this.el,`[data-page-number="${e+1}"]`)?.[0];i?.scrollIntoView()}}componentWillLoad(){this.updateZoomSteps(),this.zoom=c()?"auto":1}componentDidLoad(){this.ensureOpening(),this.setDialogCustomProps()}disconnectedCallback(){this.unlockBodyScroll(),this.modalEl?.open&&this.modalEl.close()}ensureOpening(){this.opening&&!this.modalEl?.open&&this.open()}setDialogCustomProps(){this.modalEl.setAttribute("closedby","none")}onWindowResize(){this.pdfViewer&&(this.updateZoomSteps(),this.zoom=c()?"auto":1)}watchShowThumbnails(){this.showThumbnails&&(this.loadingThumbnails=!0,queueMicrotask((async()=>{await this.generateThumbnails(),this.loadingThumbnails=!1})))}async open(){this.opening=!0,this.modalEl&&(this.modalEl.showModal(),this.active=!0,this.modalOpen.emit())}async close(){this.closing\|\|(this.closing=!0,this.unlockBodyScroll(),setTimeout((()=>{this.modalEl.close()}),150))}lockBodyScroll(){const e=this.pdfViewer?.shadowRoot.querySelector(".file-viewer-pdf__pages");e&&o(e)}unlockBodyScroll(){const e=this.pdfViewer?.shadowRoot.querySelector(".file-viewer-pdf__pages");e&&l(e)}async generateThumbnails(){this.thumbnails=await this.pdfViewer.getThumbnails()}updateZoomSteps(){this.zoomSteps=c()?this.mobileZoomSteps:this.desktopZoomSteps}render(){const e=!!this.el.querySelector("[slot='menu-items']")\|\|this.printButtonEnabled\|\|this.downloadButtonEnabled,i=d("pdf-reader",{"pdf-reader--closing":this.closing,"pdf-reader--hide-menu":!e,"pdf-reader--show-thumbnails":this.showThumbnails});return s(t,{key:"eef4190272898862d51f305da42252b6f65e2aa6"},s("dialog",{key:"78ac489bba931419cbdccd9ea6fd704df733b7f4","aria-label":this.label,class:i,id:"pdf-reader",onClose:this.onClose,onKeyDown:this.onKeyDown,ref:e=>this.modalEl=e},s("div",{key:"aa10c379de8e88c8a34deeb0c730f05c3bdf2063",class:"pdf-reader__body",role:"document"},s("header",{key:"ce28225128ca9bdfab139c577febad83836055a3",class:"pdf-reader__header"},s("span",{key:"d115bd81189cf780cdc9eed2ef3ad42a67fbae47",class:"pdf-reader__header-left"},s("swirl-button",{key:"66fb3688c552aa7a7d2b9ae873402aa20ab6c286",class:"pdf-reader__close-button",hideLabel:!0,icon:"<swirl-icon-close></swirl-icon-close>",label:this.closeButtonLabel,onClick:this.onCloseButtonClick}),s("span",{key:"1dc488c710c2ead316b9f2651cef9613850e25b3",class:"pdf-reader__label"},this.label)),s("span",{key:"90784ad0dfe83e4851fbac8c01a9bf8e3e857b27",class:"pdf-reader__header-center"},s("span",{key:"2562743a430cb30565e711c6adf4a19d692ae5a6",class:"pdf-reader__zoom-button-container"},s("swirl-button",{key:"181f91f4d10d7d01514e85a5d6812810b5e4c183",class:"pdf-reader__zoom-button",disabled:this.zoom===this.zoomSteps[0],hideLabel:!0,icon:"<swirl-icon-remove></swirl-icon-remove>",label:this.zoomOutButtonLabel,onClick:this.onZoomOutButtonClick}),s("swirl-button",{key:"2ed36d004e60b269ce1b832ca43d543071976111",class:"pdf-reader__zoom-button",disabled:this.zoom===this.zoomSteps[this.zoomSteps.length-1],hideLabel:!0,icon:"<swirl-icon-add></swirl-icon-add>",label:this.zoomInButtonLabel,onClick:this.onZoomInButtonClick})),s("span",{key:"3b2a37a48de799383e992a4e7caa5226163f4a73",class:"pdf-reader__zoom-select-container"},s("select",{key:"e67d49630ef2fe3093befd1ea4ee7a3326de5cd4","aria-label":this.zoomSelectLabel,class:"pdf-reader__zoom-select",name:"zoom-select",id:"zoom-select",onChange:this.onZoomChange},s("option",{key:"e81591671ae9bc1b3fa91ecdb74bacf43c0eb960",selected:"auto"===this.zoom,value:"auto"},this.autoZoomLabel),this.zoomSteps.map((e=>s("option",{key:e,selected:this.zoom===e,value:e},100e,"%")))),s("swirl-icon-expand-more",{key:"5c7b34cfeb4b7d2945728a1cfcc01b25046adec2",class:"pdf-reader__zoom-select-icon"}))),s("span",{key:"174819732631d817250137fab3dd4749415bb0e0",class:"pdf-reader__header-right"},s("swirl-popover-trigger",{key:"babc78e70c6a5eb2bd45d570f1e33b4331aa5f8b",swirlPopover:this.menu},s("swirl-button",{key:"2dd811818b4e3f2c68b8ddab0a9cf5a887be0472",class:"pdf-reader__menu-button",hideLabel:!0,icon:"<swirl-icon-more-vertikal></swirl-icon-more-vertikal>",label:this.menuTriggerLabel}))),s("span",{key:"b69fd0aac9d0acd3926f48b98c888f57863d86c1",class:"pdf-reader__floating-tools"},s("button",{key:"05dbd880f4680fc3294fc77bb9ee58a8382108c3","aria-label":this.sideBySideButtonLabel,class:"pdf-reader__floating-tool-button",onClick:this.toggleViewMode,type:"button"},s("swirl-icon-menu-book",{key:"3cb80f0340fbe4e0e9c6eb4bb80e134c2622a74f"})),s("button",{key:"c65d301e3a1b476e7f61a825f72e58b63834e3b1","aria-controls":"thumbnails","aria-expanded":!!this.showThumbnails+"","aria-label":this.thumbnailsButtonLabel,class:"pdf-reader__floating-tool-button",onClick:this.toggleThumbnals,type:"button"},s("swirl-icon-file-copy",{key:"4cb71404f3ee0eac6544ec3df3b02ee830fb7a53"})))),s("div",{key:"b87866080412cd5acbda172b2c41517942fe24ac",class:"pdf-reader__content"},s("nav",{key:"4e9d89d1472194298b20034a5b14e76d2c0e35f2","aria-label":this.thumbnailsLabel,class:"pdf-reader__thumbnails",id:"thumbnails"},this.loadingThumbnails&&s("swirl-spinner",{key:"de80d8bf8e8d9df1b498c13c016111de857f8f66"}),!this.loadingThumbnails&&this.thumbnails.map(((e,i)=>{const a=d("pdf-reader__thumbnail",{"pdf-reader__thumbnail--active":this.visiblePages[0]===i+1});return s("button",{"aria-label":`${this.thumbnailButtonLabel} ${i+1}`,class:a,onClick:this.onThumbnailClick(i),type:"button"},s("img",{src:e.toDataURL("image/png"),alt:""}))}))),s("swirl-file-viewer",{key:"1c7c9ddf33b7ed98a6fa5af946dca6c769dcc17d",active:this.active,class:"pdf-reader__viewer",disablePrint:!this.printButtonEnabled,file:this.file,fileName:this.fileName,onActivate:this.onActivate,onVisiblePagesChange:this.onVisiblePagesChange,pdfWorkerSrc:this.pdfWorkerSrc,ref:e=>this.viewer=e,type:"application/pdf",viewMode:this.viewMode,zoom:this.zoom,skipNativeDownload:this.skipNativeDownload}),s("div",{key:"3cff181957234679d437535892fa36acb4dd794f",class:"pdf-reader__mobile-zoom-controls"},s("button",{key:"86aba4b6dc8bee7042cd8c07a13d9c63440df9d9","aria-label":this.autoZoomLabel,class:"pdf-reader__mobile-zoom-button",onClick:this.onZoomAutoButtonClick,type:"button"},s("auto"===this.zoom?"swirl-icon-fullscreen-exit":"swirl-icon-fullscreen",null)),s("button",{key:"f2b8b2e41ea78dc237b1614a5d17f4fdcc0485b7","aria-label":this.zoomInButtonLabel,class:"pdf-reader__mobile-zoom-button",disabled:this.zoom===this.zoomSteps[this.zoomSteps.length-1],onClick:this.onZoomInButtonClick,type:"button"},s("swirl-icon-add",{key:"b49b829ead1d12720d4c909d46d93da65894a061"})),s("button",{key:"50f94e2b9caba4b22fc44db390278ce7442fd230","aria-label":this.zoomOutButtonLabel,class:"pdf-reader__mobile-zoom-button",disabled:this.zoom===this.zoomSteps[0],onClick:this.onZoomOutButtonClick,type:"button"},s("swirl-icon-remove",{key:"61d8b567d874aa7a5263b625203955805aa5a368"}))))),s("swirl-popover",{key:"deee88e53262a04045e0ee5508ac3c95e5e85a34",animation:"scale-in-y",disableScrollLock:!0,id:"menu",label:this.menuLabel,placement:"bottom-end",ref:e=>this.menu=e},s("swirl-stack",{key:"eedbe3209619e515be812dfa55d49f55ed217e38"},s("div",{key:"8540bf23c2404e83f32612c8ad7bcb8644fc7021",class:"pdf-reader__meta"},s("div",{key:"6f5cfade2ef7660a1ffecbca3acc62aa94772f9e",class:"pdf-reader__file-icon"},s("svg",{key:"2c991d2f367f5d7a07fa37293c9c4912855af3df",fill:"none",height:"36",viewBox:"0 0 24 36",width:"24"},s("path",{key:"a4a3791e33d311abdab41a00a1b1adf3d3c0e3da",d:"M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z",fill:"white"}),s("path",{key:"45904247404f0f98aec16cc296f772856ed1c5b0",d:"M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z",fill:"white"}),s("path",{key:"013a039cf35305df45dc08df7d397f01f68d2014",d:"M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z",fill:"white"}),s("path",{key:"a8eec83561e38bf64ece434575b5fb0a410beed7",d:"M3.59961 9.00001C3.59961 8.0059 4.4055 7.20001 5.39961 7.20001H14.854C15.3314 7.20001 15.7893 7.38965 16.1268 7.72722L19.8724 11.4728C20.21 11.8104 20.3996 12.2682 20.3996 12.7456V27C20.3996 27.9941 19.5937 28.8 18.5996 28.8H5.39961C4.4055 28.8 3.59961 27.9941 3.59961 27V9.00001Z",fill:"#FF574D"}),s("path",{key:"b6924d392b888bfc725efb0d0f9beb611464711c",d:"M15.5996 7.36166V10.2C15.5996 11.1941 16.4055 12 17.3996 12H20.2379C20.3237 12.1884 20.3768 12.3913 20.3937 12.6H17.3996C16.0785 12.6 15.0067 11.5325 14.9996 10.213L14.9996 7.20587C15.2083 7.2228 15.4112 7.27593 15.5996 7.36166Z",fill:"white"}),s("path",{key:"5f1060594b288f639fd067d18c27ed753fc5f73c",d:"M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z",fill:"white"}),s("path",{key:"2d75be8c44f2163b1c6e8fce1a8354c6a9efe5ec",d:"M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z",fill:"white"}),s("path",{key:"68eb623da8c1b609e8241499429119fd7ba18313",d:"M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z",fill:"white"}))),s("div",{key:"798f62cfe1203a5ab5dce9c0f9b6c2355cd32973",class:"pdf-reader__file-info"},s("swirl-text",{key:"8846f3bb8f16b8dc596e0f7fab1df7f81eb22647",truncate:!0,weight:"semibold"},this.label),s("swirl-text",{key:"5cb704e5372a0121573684aca0e95498e5d9f621",color:"subdued",size:"sm",truncate:!0},this.fileTypeLabel))),e&&s("swirl-separator",{key:"b6812ff823aecb87ef7fcb02d8a58e2e63298227"}),s("swirl-action-list",{key:"c3a7762455a200e6117fbfae93bca6ef6a44dbcf",class:"pdf-reader__menu"},this.printButtonEnabled&&s("swirl-action-list-item",{key:"306b650ad9e534a76909e367ade250d1eaee6b83",class:"pdf-reader__print-button",icon:"<swirl-icon-print></swirl-icon-print>",label:this.printButtonLabel,onClick:this.onPrintButtonClick}),this.downloadButtonEnabled&&s("swirl-action-list-item",{key:"3898e4e5552987c604acd507deecf5e418e8616f",class:"pdf-reader__download-button",disabled:this.downloading,icon:this.downloading?'<swirl-spinner size="xs"></swirl-spinner>':"<swirl-icon-download></swirl-icon-download>",label:this.downloadButtonLabel,onClick:this.onDownloadButtonClick}),s("slot",{key:"bd8c0ecd48ce39b105d37c9279233837bd198cf2",name:"menu-items"}))))))}get el(){return this}static get watchers(){return{showThumbnails:[{watchShowThumbnails:0}]}}static get style(){return':host{--thumbnails-width:7rem;display:block}:host {box-sizing:border-box}.pdf-reader{position:fixed;z-index:var(--s-z-40);background-color:var(--s-surface-neutral-subdued);inset:0;touch-action:pan-x pan-y;border:none;padding:0;width:100%;height:100%;max-width:none;max-height:none;overflow:visible}.pdf-reader::backdrop{display:none}.pdf-reader:not([open]){display:none}.pdf-reader:not(.pdf-reader--closing) .pdf-reader__body{animation:0.15s pdf-reader-fade-in}@media (prefers-reduced-motion){.pdf-reader:not(.pdf-reader--closing) .pdf-reader__body{animation:none}}.pdf-reader--closing{animation:0.15s pdf-reader-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.pdf-reader--closing{animation:none}}.pdf-reader--show-thumbnails .pdf-reader__thumbnails{max-width:var(--thumbnails-width)}.pdf-reader--show-thumbnails .pdf-reader__floating-tools{left:calc(var(--s-space-16) + var(--thumbnails-width))}.pdf-reader--hide-menu .pdf-reader__menu{display:none}.pdf-reader__body{position:relative;width:100%;height:100%}.pdf-reader__header{display:flex;height:calc(4rem + env(safe-area-inset-top, 0));padding-top:env(safe-area-inset-top, 0);padding-right:var(--s-space-16);padding-left:var(--s-space-16);align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);gap:var(--s-space-8)}.pdf-reader__header-left,.pdf-reader__header-right{display:flex;flex-grow:1;align-items:center;gap:var(--s-space-8);min-width:0}@media (min-width: 768px){.pdf-reader__header-left,.pdf-reader__header-right{flex-basis:calc(100 / 3 * 1%);flex-grow:0}}.pdf-reader__header-right{justify-content:flex-end;flex-shrink:0}.pdf-reader__header-center{display:none;flex-grow:1;justify-content:center;align-items:center;gap:var(--s-space-16)}@media (min-width: 768px){.pdf-reader__header-center{display:flex}}.pdf-reader__label{overflow:hidden;flex-grow:1;font-weight:var(--s-font-weight-semibold);white-space:nowrap;text-overflow:ellipsis}.pdf-reader__zoom-button-container{display:flex;align-items:center;gap:var(--s-space-8)}.pdf-reader__zoom-button-container>:not(:last-child){position:relative}.pdf-reader__zoom-button-container>:not(:last-child):after{position:absolute;top:50%;right:calc(-1 * var(--s-space-4));width:var(--s-border-width-default);height:1.5rem;background-color:var(--s-border-default);content:"";transform:translate3d(50%, -50%, 0)}.pdf-reader__zoom-select-container{position:relative}.pdf-reader__zoom-select{display:inline-flex;height:2.5rem;padding-right:var(--s-space-12);padding-right:calc(var(--s-space-8) + 1.5rem + var(--s-space-12));padding-left:var(--s-space-12);justify-content:flex-start;align-items:center;border:var(--s-border-width-default) solid var(--s-border-default);border-radius:var(--s-border-radius-sm);color:var(--s-interactive-neutral-default);background-color:transparent;font:inherit;font-weight:var(--s-font-weight-medium);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.pdf-reader__zoom-select:focus:not(:focus-visible){outline:none}.pdf-reader__zoom-select:focus-visible{outline-color:var(--s-focus-default)}.pdf-reader__zoom-select-icon{position:absolute;top:50%;right:var(--s-space-8);display:inline-flex;transform:translateY(-50%);pointer-events:none}.pdf-reader__content{display:flex;width:100%;height:calc(100% - 4rem)}.pdf-reader__thumbnails{display:flex;overflow-x:hidden;overflow-y:auto;max-width:0;height:100%;padding-top:var(--s-space-16);padding-bottom:var(--s-space-16);flex-basis:var(--thumbnails-width);flex-grow:0;flex-shrink:0;align-items:center;background-color:var(--s-background-default);flex-direction:column;transition:max-width 0.2s linear;box-shadow:inset calc(-1 * var(--s-border-width-default)) 0 0 0 var(--s-border-default);gap:var(--s-space-4)}.pdf-reader__thumbnail{width:5rem;margin:0;padding:0;border:var(--s-border-width-default) solid var(--s-border-default);background-color:transparent;cursor:pointer}.pdf-reader__thumbnail>img{display:inline-flex;width:100%}.pdf-reader__thumbnail--active{border-width:0.125rem;border-color:var(--s-border-highlight)}.pdf-reader__viewer{flex-grow:1}.pdf-reader__mobile-zoom-controls{position:absolute;z-index:1;right:var(--s-space-16);bottom:var(--s-space-32);display:flex;padding-bottom:var(--s-space-4);flex-direction:column;gap:var(--s-space-8)}@media (min-width: 768px){.pdf-reader__mobile-zoom-controls{display:none}}.pdf-reader__mobile-zoom-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}.pdf-reader__mobile-zoom-button:disabled{cursor:default}.pdf-reader__floating-tools{position:fixed;z-index:1;bottom:var(--s-space-16);left:var(--s-space-16);display:none;flex-direction:column;transition:left 0.2s linear;gap:var(--s-space-12)}@media (min-width: 768px){.pdf-reader__floating-tools{display:flex}}.pdf-reader__floating-tool-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}.pdf-reader__meta{display:flex;padding-top:var(--s-space-4);padding-right:var(--s-space-16);padding-bottom:var(--s-space-4);padding-left:var(--s-space-8);align-items:center;gap:var(--s-space-12)}@media (min-width: 768px){.pdf-reader__meta{max-width:18rem}}.pdf-reader__file-icon{display:inline-flex;padding-left:var(--s-space-4);flex-shrink:0}.pdf-reader__file-info{display:flex;min-width:0;flex-grow:1;flex-direction:column}@keyframes pdf-reader-fade-in{from{opacity:0}to{opacity:1}}@keyframes pdf-reader-fade-out{from{opacity:1}to{opacity:0}}'}},[257,"swirl-pdf-reader",{autoZoomLabel:[1,"auto-zoom-label"],closeButtonLabel:[1,"close-button-label"],downloadButtonEnabled:[4,"download-button-enabled"],downloadButtonLabel:[1,"download-button-label"],file:[1],fileName:[1,"file-name"],fileTypeLabel:[1,"file-type-label"],label:[1],menuLabel:[1,"menu-label"],menuTriggerLabel:[1,"menu-trigger-label"],pdfWorkerSrc:[1,"pdf-worker-src"],printButtonEnabled:[4,"print-button-enabled"],printButtonLabel:[1,"print-button-label"],sideBySideButtonLabel:[1,"side-by-side-button-label"],thumbnailButtonLabel:[1,"thumbnail-button-label"],thumbnailsButtonLabel:[1,"thumbnails-button-label"],thumbnailsLabel:[1,"thumbnails-label"],zoomInButtonLabel:[1,"zoom-in-button-label"],zoomOutButtonLabel:[1,"zoom-out-button-label"],zoomSelectLabel:[1,"zoom-select-label"],skipNativeDownload:[4,"skip-native-download"],active:[32],closing:[32],opening:[32],downloading:[32],loadingThumbnails:[32],thumbnails:[32],showThumbnails:[32],viewMode:[32],visiblePages:[32],zoom:[32],zoomSteps:[32],open:[64],close:[64]},[[9,"resize","onWindowResize"]],{showThumbnails:[{watchShowThumbnails:0}]}]),N=W,O=function(){"undefined"!=typeof customElements&&["swirl-pdf-reader","swirl-action-list","swirl-action-list-item","swirl-button","swirl-file-viewer","swirl-file-viewer-audio","swirl-file-viewer-csv","swirl-file-viewer-fallback","swirl-file-viewer-image","swirl-file-viewer-pdf","swirl-file-viewer-text","swirl-file-viewer-video","swirl-icon-add","swirl-icon-error","swirl-icon-expand-more","swirl-icon-file","swirl-icon-file-copy","swirl-icon-fullscreen","swirl-icon-fullscreen-exit","swirl-icon-menu-book","swirl-icon-remove","swirl-inline-error","swirl-popover","swirl-popover-trigger","swirl-separator","swirl-spinner","swirl-stack","swirl-text","swirl-visually-hidden"].forEach((e=>{switch(e){case"swirl-pdf-reader":customElements.get(r(e))\|\|customElements.define(r(e),W);break;case"swirl-action-list":customElements.get(r(e))\|\|f();break;case"swirl-action-list-item":customElements.get(r(e))\|\|b();break;case"swirl-button":customElements.get(r(e))\|\|h();break;case"swirl-file-viewer":customElements.get(r(e))\|\|p();break;case"swirl-file-viewer-audio":customElements.get(r(e))\|\|m();break;case"swirl-file-viewer-csv":customElements.get(r(e))\|\|u();break;case"swirl-file-viewer-fallback":customElements.get(r(e))\|\|w();break;case"swirl-file-viewer-image":customElements.get(r(e))\|\|v();break;case"swirl-file-viewer-pdf":customElements.get(r(e))\|\|_();break;case"swirl-file-viewer-text":customElements.get(r(e))\|\|g();break;case"swirl-file-viewer-video":customElements.get(r(e))\|\|k();break;case"swirl-icon-add":customElements.get(r(e))\|\|y();break;case"swirl-icon-error":customElements.get(r(e))\|\|x();break;case"swirl-icon-expand-more":customElements.get(r(e))\|\|C();break;case"swirl-icon-file":customElements.get(r(e))\|\|z();break;case"swirl-icon-file-copy":customElements.get(r(e))\|\|j();break;case"swirl-icon-fullscreen":customElements.get(r(e))\|\|E();break;case"swirl-icon-fullscreen-exit":customElements.get(r(e))\|\|H();break;case"swirl-icon-menu-book":customElements.get(r(e))\|\|V();break;case"swirl-icon-remove":customElements.get(r(e))\|\|L();break;case"swirl-inline-error":customElements.get(r(e))\|\|M();break;case"swirl-popover":customElements.get(r(e))\|\|Z();break;case"swirl-popover-trigger":customElements.get(r(e))\|\|B();break;case"swirl-separator":customElements.get(r(e))\|\|S();break;case"swirl-spinner":customElements.get(r(e))\|\|T();break;case"swirl-stack":customElements.get(r(e))\|\|D();break;case"swirl-text":customElements.get(r(e))\|\|P();break;case"swirl-visually-hidden":customElements.get(r(e))\|\|F()}}))};export{N as SwirlPdfReader,O as defineCustomElement}
1	+ import{proxyCustomElement as e,HTMLElement as i,createEvent as a,h as s,Host as t,transformTag as r}from"@stencil/core/internal/client";import{d as o,e as l}from"./body-scroll-lock.js";import{c as d}from"./index2.js";import{q as n,i as c}from"./utils.js";import{d as f}from"./swirl-action-list2.js";import{d as b}from"./swirl-action-list-item2.js";import{d as h}from"./swirl-button2.js";import{d as p}from"./swirl-file-viewer2.js";import{d as m}from"./swirl-file-viewer-audio2.js";import{d as u}from"./swirl-file-viewer-csv2.js";import{d as w}from"./swirl-file-viewer-fallback2.js";import{d as v}from"./swirl-file-viewer-image2.js";import{d as _}from"./swirl-file-viewer-pdf2.js";import{d as g}from"./swirl-file-viewer-text2.js";import{d as k}from"./swirl-file-viewer-video2.js";import{d as y}from"./swirl-icon-add2.js";import{d as x}from"./swirl-icon-error2.js";import{d as C}from"./swirl-icon-expand-more2.js";import{d as z}from"./swirl-icon-file2.js";import{d as j}from"./swirl-icon-file-copy2.js";import{d as E}from"./swirl-icon-fullscreen2.js";import{d as H}from"./swirl-icon-fullscreen-exit2.js";import{d as V}from"./swirl-icon-menu-book2.js";import{d as L}from"./swirl-icon-remove2.js";import{d as M}from"./swirl-inline-error2.js";import{d as Z}from"./swirl-popover2.js";import{d as B}from"./swirl-popover-trigger2.js";import{d as S}from"./swirl-separator2.js";import{d as T}from"./swirl-spinner2.js";import{d as D}from"./swirl-stack2.js";import{d as P}from"./swirl-text2.js";import{d as F}from"./swirl-visually-hidden2.js";const W=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.modalClose=a(this,"modalClose",7),this.modalOpen=a(this,"modalOpen",7),this.autoZoomLabel="Full width",this.closeButtonLabel="Close PDF viewer",this.downloadButtonEnabled=!0,this.downloadButtonLabel="Download PDF",this.fileTypeLabel="PDF Document",this.menuLabel="File menu",this.menuTriggerLabel="Open file menu",this.printButtonEnabled=!0,this.printButtonLabel="Print PDF",this.sideBySideButtonLabel="Toggle side by side view",this.thumbnailButtonLabel="Scroll to page",this.thumbnailsButtonLabel="Toggle thumbnails",this.thumbnailsLabel="Page thumbnails",this.zoomInButtonLabel="Zoom in",this.zoomOutButtonLabel="Zoom out",this.zoomSelectLabel="Select zoom",this.skipNativeDownload=!1,this.active=!1,this.closing=!1,this.opening=!1,this.downloading=!1,this.loadingThumbnails=!1,this.thumbnails=[],this.viewMode="single",this.visiblePages=[],this.desktopZoomSteps=[.5,.75,1,1.25,1.5,2,3,4],this.mobileZoomSteps=[.5,.75,1,1.25,1.5],this.onClose=()=>{this.closing=!1,this.active=!1,this.modalClose.emit()},this.toggleViewMode=()=>{this.viewMode="single"===this.viewMode?"side-by-side":"single"},this.toggleThumbnals=()=>{this.showThumbnails=!this.showThumbnails},this.onKeyDown=e=>{"Escape"===e.code&&(e.stopImmediatePropagation(),e.preventDefault(),this.close())},this.onActivate=async e=>{this.pdfViewer=e.detail,this.lockBodyScroll()},this.onVisiblePagesChange=async e=>{this.visiblePages=e.detail},this.onCloseButtonClick=()=>{this.close()},this.onPrintButtonClick=()=>{this.pdfViewer.print(),this.menu.close()},this.onDownloadButtonClick=async()=>{this.downloading=!0,await this.viewer.download(),this.downloading=!1,this.menu.close()},this.onZoomInButtonClick=()=>{const e=this.zoomSteps.indexOf(+this.zoom);this.zoom=-1===e?1:this.zoomSteps[Math.min(this.zoomSteps.length-1,e+1)]},this.onZoomOutButtonClick=()=>{const e=this.zoomSteps.indexOf(+this.zoom);this.zoom=-1===e?1:this.zoomSteps[Math.max(0,e-1)]},this.onZoomAutoButtonClick=()=>{this.zoom="auto"===this.zoom?1:"auto"},this.onZoomChange=e=>{const i=e.target.value;this.zoom="auto"===i?i:+i},this.onThumbnailClick=e=>()=>{const i=n(this.el,`[data-page-number="${e+1}"]`)?.[0];i?.scrollIntoView()}}componentWillLoad(){this.updateZoomSteps(),this.zoom=c()?"auto":1}componentDidLoad(){this.ensureOpening(),this.setDialogCustomProps()}disconnectedCallback(){this.unlockBodyScroll(),this.modalEl?.open&&this.modalEl.close()}ensureOpening(){this.opening&&!this.modalEl?.open&&this.open()}setDialogCustomProps(){this.modalEl.setAttribute("closedby","none")}onWindowResize(){this.pdfViewer&&(this.updateZoomSteps(),this.zoom=c()?"auto":1)}watchShowThumbnails(){this.showThumbnails&&(this.loadingThumbnails=!0,queueMicrotask((async()=>{await this.generateThumbnails(),this.loadingThumbnails=!1})))}async open(){this.opening=!0,this.modalEl&&(this.modalEl.showModal(),this.active=!0,this.modalOpen.emit())}async close(){this.closing\|\|(this.closing=!0,this.unlockBodyScroll(),setTimeout((()=>{this.modalEl.close()}),150))}lockBodyScroll(){const e=this.pdfViewer?.shadowRoot.querySelector(".file-viewer-pdf__pages");e&&o(e)}unlockBodyScroll(){const e=this.pdfViewer?.shadowRoot.querySelector(".file-viewer-pdf__pages");e&&l(e)}async generateThumbnails(){this.thumbnails=await this.pdfViewer.getThumbnails()}updateZoomSteps(){this.zoomSteps=c()?this.mobileZoomSteps:this.desktopZoomSteps}render(){const e=!!this.el.querySelector("[slot='menu-items']")\|\|this.printButtonEnabled\|\|this.downloadButtonEnabled,i=d("pdf-reader",{"pdf-reader--closing":this.closing,"pdf-reader--hide-menu":!e,"pdf-reader--show-thumbnails":this.showThumbnails});return s(t,{key:"e5d3a0096cc65e7a76540f9454df231eeecc00d8"},s("dialog",{key:"eae43db427000dd71adbba0abab1a1cfc3bc28f5","aria-label":this.label,class:i,id:"pdf-reader",onClose:this.onClose,onKeyDown:this.onKeyDown,ref:e=>this.modalEl=e},s("div",{key:"08c9439a40d8dc91e610681281e5cfd7d3a89bd0",class:"pdf-reader__body",role:"document"},s("header",{key:"5dfa4aec54a22b944ac3175982cc6eefb7eb5e1d",class:"pdf-reader__header"},s("span",{key:"134b53a56f352ad029c1d45d274c32f3c8195e2b",class:"pdf-reader__header-left"},s("swirl-button",{key:"35b12c09046e08defdafb1da896740f5d93a15da",class:"pdf-reader__close-button",hideLabel:!0,icon:"<swirl-icon-close></swirl-icon-close>",label:this.closeButtonLabel,onClick:this.onCloseButtonClick}),s("span",{key:"26cbf3cbebbfde1dd7f6e957c5e691718bba3722",class:"pdf-reader__label"},this.label)),s("span",{key:"9ba4cc5a671569b1fa97eb7909f5382af81f0a97",class:"pdf-reader__header-center"},s("span",{key:"303ab804a817f5087e0ca0545bf8c420c9dfba68",class:"pdf-reader__zoom-button-container"},s("swirl-button",{key:"35ad6ea2423d040cad2f9f03b135bd8b0d3af95a",class:"pdf-reader__zoom-button",disabled:this.zoom===this.zoomSteps[0],hideLabel:!0,icon:"<swirl-icon-remove></swirl-icon-remove>",label:this.zoomOutButtonLabel,onClick:this.onZoomOutButtonClick}),s("swirl-button",{key:"1f7b45eaf17aac14c40546dfb2d114f345c211ac",class:"pdf-reader__zoom-button",disabled:this.zoom===this.zoomSteps[this.zoomSteps.length-1],hideLabel:!0,icon:"<swirl-icon-add></swirl-icon-add>",label:this.zoomInButtonLabel,onClick:this.onZoomInButtonClick})),s("span",{key:"39a0ab9060f4beb2750e7d2b69897d52b71f5087",class:"pdf-reader__zoom-select-container"},s("select",{key:"15db275bd7cc03d01416c918a75f688527025c0e","aria-label":this.zoomSelectLabel,class:"pdf-reader__zoom-select",name:"zoom-select",id:"zoom-select",onChange:this.onZoomChange},s("option",{key:"8050809abc22c17574ca645e63e603a8a983959c",selected:"auto"===this.zoom,value:"auto"},this.autoZoomLabel),this.zoomSteps.map((e=>s("option",{key:e,selected:this.zoom===e,value:e},100e,"%")))),s("swirl-icon-expand-more",{key:"92fac7f11a8f4c2e3f324d7d97aaeef80aa588ba",class:"pdf-reader__zoom-select-icon"}))),s("span",{key:"b2d5c658cc1c7e95e919e7783da110f91d08b764",class:"pdf-reader__header-right"},s("swirl-popover-trigger",{key:"8f51b974d97c3e744c0453d3ea3c11cce2505b37",swirlPopover:this.menu},s("swirl-button",{key:"4cb6590ca6e8846004d7e6879803b7d4657d9f8f",class:"pdf-reader__menu-button",hideLabel:!0,icon:"<swirl-icon-more-vertikal></swirl-icon-more-vertikal>",label:this.menuTriggerLabel}))),s("span",{key:"ac14d4816284923d18d391f672d8c20356d8ecf1",class:"pdf-reader__floating-tools"},s("button",{key:"43abf6b27205488a92f6a14439dea3ac7c953add","aria-label":this.sideBySideButtonLabel,class:"pdf-reader__floating-tool-button",onClick:this.toggleViewMode,type:"button"},s("swirl-icon-menu-book",{key:"325ae934b92f0d03739bbad3fe1b49b292efa937"})),s("button",{key:"fa7c964cfbafa54a75bf5c1af74e24dafd4b2c94","aria-controls":"thumbnails","aria-expanded":!!this.showThumbnails+"","aria-label":this.thumbnailsButtonLabel,class:"pdf-reader__floating-tool-button",onClick:this.toggleThumbnals,type:"button"},s("swirl-icon-file-copy",{key:"823faed0e850c92db4aec9ad9cb1284f2dffafc8"})))),s("div",{key:"37b32b0e21d25b20622086c952cd36269e237992",class:"pdf-reader__content"},s("nav",{key:"ea51eb9b01ea136c8ac1e16d93293cd83af79097","aria-label":this.thumbnailsLabel,class:"pdf-reader__thumbnails",id:"thumbnails"},this.loadingThumbnails&&s("swirl-spinner",{key:"f3b5ee63fd9e1d1171b7ae73cb33983748aadd39"}),!this.loadingThumbnails&&this.thumbnails.map(((e,i)=>{const a=d("pdf-reader__thumbnail",{"pdf-reader__thumbnail--active":this.visiblePages[0]===i+1});return s("button",{"aria-label":`${this.thumbnailButtonLabel} ${i+1}`,class:a,onClick:this.onThumbnailClick(i),type:"button"},s("img",{src:e.toDataURL("image/png"),alt:""}))}))),s("swirl-file-viewer",{key:"6a055be6ec9a9471db6b595809ad0e7ebd540d9d",active:this.active,class:"pdf-reader__viewer",disablePrint:!this.printButtonEnabled,file:this.file,fileName:this.fileName,onActivate:this.onActivate,onVisiblePagesChange:this.onVisiblePagesChange,pdfWorkerSrc:this.pdfWorkerSrc,ref:e=>this.viewer=e,type:"application/pdf",viewMode:this.viewMode,zoom:this.zoom,skipNativeDownload:this.skipNativeDownload}),s("div",{key:"b1ceaf66863c19670a814c00311b962e953778bb",class:"pdf-reader__mobile-zoom-controls"},s("button",{key:"5888511cac904f841a651bf459b582a5d46e733c","aria-label":this.autoZoomLabel,class:"pdf-reader__mobile-zoom-button",onClick:this.onZoomAutoButtonClick,type:"button"},s("auto"===this.zoom?"swirl-icon-fullscreen-exit":"swirl-icon-fullscreen",null)),s("button",{key:"e50859897e4e7cab915fe840115f408904afc43c","aria-label":this.zoomInButtonLabel,class:"pdf-reader__mobile-zoom-button",disabled:this.zoom===this.zoomSteps[this.zoomSteps.length-1],onClick:this.onZoomInButtonClick,type:"button"},s("swirl-icon-add",{key:"ae83740979931147eb99840d2836093bbe0527eb"})),s("button",{key:"b3a82f0e0833754c56d21ea6bdedd40d84d316dc","aria-label":this.zoomOutButtonLabel,class:"pdf-reader__mobile-zoom-button",disabled:this.zoom===this.zoomSteps[0],onClick:this.onZoomOutButtonClick,type:"button"},s("swirl-icon-remove",{key:"8b5865810aa9fcc561e7c3d3b0dce558eb07434b"}))))),s("swirl-popover",{key:"914466380d8e72723b648b3582548ac918d612f9",animation:"scale-in-y",disableScrollLock:!0,id:"menu",label:this.menuLabel,placement:"bottom-end",ref:e=>this.menu=e},s("swirl-stack",{key:"7ab641fa35b59bc7f855b01509bcf6a56142e3da"},s("div",{key:"fcec84a50f727dc238c3df80277f21b244b4f15a",class:"pdf-reader__meta"},s("div",{key:"83dd0a57f844636d7824bf7c1dfbf8ec95f28978",class:"pdf-reader__file-icon"},s("svg",{key:"e4f918b28c733735b3549bebc23f9ea2ecaf02f1",fill:"none",height:"36",viewBox:"0 0 24 36",width:"24"},s("path",{key:"1c84de1a73fffcf77eb2af8b4c60ac7676e047e3",d:"M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z",fill:"white"}),s("path",{key:"c133b029625e83dd4692928e8b8f2c71b43a177c",d:"M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z",fill:"white"}),s("path",{key:"37775d29af068516f56e129f1f91b43d96254331",d:"M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z",fill:"white"}),s("path",{key:"89dbc40b49669c44b1f3cdcee320c7306e2a6b96",d:"M3.59961 9.00001C3.59961 8.0059 4.4055 7.20001 5.39961 7.20001H14.854C15.3314 7.20001 15.7893 7.38965 16.1268 7.72722L19.8724 11.4728C20.21 11.8104 20.3996 12.2682 20.3996 12.7456V27C20.3996 27.9941 19.5937 28.8 18.5996 28.8H5.39961C4.4055 28.8 3.59961 27.9941 3.59961 27V9.00001Z",fill:"#FF574D"}),s("path",{key:"f9363460f119059f4d7eef27e461e275b06b52be",d:"M15.5996 7.36166V10.2C15.5996 11.1941 16.4055 12 17.3996 12H20.2379C20.3237 12.1884 20.3768 12.3913 20.3937 12.6H17.3996C16.0785 12.6 15.0067 11.5325 14.9996 10.213L14.9996 7.20587C15.2083 7.2228 15.4112 7.27593 15.5996 7.36166Z",fill:"white"}),s("path",{key:"6a57a98e35bd19a6d4f8c6f89d209a9d477fbbc0",d:"M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z",fill:"white"}),s("path",{key:"e5fc90264c155b0b03209838761150a0b4970d1b",d:"M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z",fill:"white"}),s("path",{key:"166456498ad79fc44e09faeb80a936fef7fc6b52",d:"M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z",fill:"white"}))),s("div",{key:"dd20417277bedf79c6f2b5027d10faaf42e69c06",class:"pdf-reader__file-info"},s("swirl-text",{key:"af1d69e10ef6e33644324fb78a9ff72f760dd505",truncate:!0,weight:"semibold"},this.label),s("swirl-text",{key:"9fd87c5d678a9e4664c1c6e808b5ca6ca89ef4ad",color:"subdued",size:"sm",truncate:!0},this.fileTypeLabel))),e&&s("swirl-separator",{key:"e4ef97f38d7cae6b9d8aacea4eb9ebf03972a078"}),s("swirl-action-list",{key:"9570743cd4fc1e45862980a4de1f19086f57e484",class:"pdf-reader__menu"},this.printButtonEnabled&&s("swirl-action-list-item",{key:"490a75d643c1fe124d028010bb1aed7e255224e1",class:"pdf-reader__print-button",icon:"<swirl-icon-print></swirl-icon-print>",label:this.printButtonLabel,onClick:this.onPrintButtonClick}),this.downloadButtonEnabled&&s("swirl-action-list-item",{key:"1c4c7e51efe8dd20bf631498b5e51cd20274fc85",class:"pdf-reader__download-button",disabled:this.downloading,icon:this.downloading?'<swirl-spinner size="xs"></swirl-spinner>':"<swirl-icon-download></swirl-icon-download>",label:this.downloadButtonLabel,onClick:this.onDownloadButtonClick}),s("slot",{key:"5974b41ff1d812fe3ee615ffb4ac26719721c889",name:"menu-items"}))))))}get el(){return this}static get watchers(){return{showThumbnails:[{watchShowThumbnails:0}]}}static get style(){return':host{--thumbnails-width:7rem;display:block}:host {box-sizing:border-box}.pdf-reader{position:fixed;z-index:var(--s-z-40);background-color:var(--s-surface-neutral-subdued);inset:0;touch-action:pan-x pan-y;border:none;padding:0;width:100%;height:100%;max-width:none;max-height:none;overflow:visible}.pdf-reader::backdrop{display:none}.pdf-reader:not([open]){display:none}.pdf-reader:not(.pdf-reader--closing) .pdf-reader__body{animation:0.15s pdf-reader-fade-in}@media (prefers-reduced-motion){.pdf-reader:not(.pdf-reader--closing) .pdf-reader__body{animation:none}}.pdf-reader--closing{animation:0.15s pdf-reader-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.pdf-reader--closing{animation:none}}.pdf-reader--show-thumbnails .pdf-reader__thumbnails{max-width:var(--thumbnails-width)}.pdf-reader--show-thumbnails .pdf-reader__floating-tools{left:calc(var(--s-space-16) + var(--thumbnails-width))}.pdf-reader--hide-menu .pdf-reader__menu{display:none}.pdf-reader__body{position:relative;width:100%;height:100%}.pdf-reader__header{display:flex;height:calc(4rem + env(safe-area-inset-top, 0));padding-top:env(safe-area-inset-top, 0);padding-right:var(--s-space-16);padding-left:var(--s-space-16);align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);gap:var(--s-space-8)}.pdf-reader__header-left,.pdf-reader__header-right{display:flex;flex-grow:1;align-items:center;gap:var(--s-space-8);min-width:0}@media (min-width: 768px){.pdf-reader__header-left,.pdf-reader__header-right{flex-basis:calc(100 / 3 * 1%);flex-grow:0}}.pdf-reader__header-right{justify-content:flex-end;flex-shrink:0}.pdf-reader__header-center{display:none;flex-grow:1;justify-content:center;align-items:center;gap:var(--s-space-16)}@media (min-width: 768px){.pdf-reader__header-center{display:flex}}.pdf-reader__label{overflow:hidden;flex-grow:1;font-weight:var(--s-font-weight-semibold);white-space:nowrap;text-overflow:ellipsis}.pdf-reader__zoom-button-container{display:flex;align-items:center;gap:var(--s-space-8)}.pdf-reader__zoom-button-container>:not(:last-child){position:relative}.pdf-reader__zoom-button-container>:not(:last-child):after{position:absolute;top:50%;right:calc(-1 * var(--s-space-4));width:var(--s-border-width-default);height:1.5rem;background-color:var(--s-border-default);content:"";transform:translate3d(50%, -50%, 0)}.pdf-reader__zoom-select-container{position:relative}.pdf-reader__zoom-select{display:inline-flex;height:2.5rem;padding-right:var(--s-space-12);padding-right:calc(var(--s-space-8) + 1.5rem + var(--s-space-12));padding-left:var(--s-space-12);justify-content:flex-start;align-items:center;border:var(--s-border-width-default) solid var(--s-border-default);border-radius:var(--s-border-radius-sm);color:var(--s-interactive-neutral-default);background-color:transparent;font:inherit;font-weight:var(--s-font-weight-medium);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.pdf-reader__zoom-select:focus:not(:focus-visible){outline:none}.pdf-reader__zoom-select:focus-visible{outline-color:var(--s-focus-default)}.pdf-reader__zoom-select-icon{position:absolute;top:50%;right:var(--s-space-8);display:inline-flex;transform:translateY(-50%);pointer-events:none}.pdf-reader__content{display:flex;width:100%;height:calc(100% - 4rem)}.pdf-reader__thumbnails{display:flex;overflow-x:hidden;overflow-y:auto;max-width:0;height:100%;padding-top:var(--s-space-16);padding-bottom:var(--s-space-16);flex-basis:var(--thumbnails-width);flex-grow:0;flex-shrink:0;align-items:center;background-color:var(--s-background-default);flex-direction:column;transition:max-width 0.2s linear;box-shadow:inset calc(-1 * var(--s-border-width-default)) 0 0 0 var(--s-border-default);gap:var(--s-space-4)}.pdf-reader__thumbnail{width:5rem;margin:0;padding:0;border:var(--s-border-width-default) solid var(--s-border-default);background-color:transparent;cursor:pointer}.pdf-reader__thumbnail>img{display:inline-flex;width:100%}.pdf-reader__thumbnail--active{border-width:0.125rem;border-color:var(--s-border-highlight)}.pdf-reader__viewer{flex-grow:1}.pdf-reader__mobile-zoom-controls{position:absolute;z-index:1;right:var(--s-space-16);bottom:var(--s-space-32);display:flex;padding-bottom:var(--s-space-4);flex-direction:column;gap:var(--s-space-8)}@media (min-width: 768px){.pdf-reader__mobile-zoom-controls{display:none}}.pdf-reader__mobile-zoom-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}.pdf-reader__mobile-zoom-button:disabled{cursor:default}.pdf-reader__floating-tools{position:fixed;z-index:1;bottom:var(--s-space-16);left:var(--s-space-16);display:none;flex-direction:column;transition:left 0.2s linear;gap:var(--s-space-12)}@media (min-width: 768px){.pdf-reader__floating-tools{display:flex}}.pdf-reader__floating-tool-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}.pdf-reader__meta{display:flex;padding-top:var(--s-space-4);padding-right:var(--s-space-16);padding-bottom:var(--s-space-4);padding-left:var(--s-space-8);align-items:center;gap:var(--s-space-12)}@media (min-width: 768px){.pdf-reader__meta{max-width:18rem}}.pdf-reader__file-icon{display:inline-flex;padding-left:var(--s-space-4);flex-shrink:0}.pdf-reader__file-info{display:flex;min-width:0;flex-grow:1;flex-direction:column}@keyframes pdf-reader-fade-in{from{opacity:0}to{opacity:1}}@keyframes pdf-reader-fade-out{from{opacity:1}to{opacity:0}}'}},[257,"swirl-pdf-reader",{autoZoomLabel:[1,"auto-zoom-label"],closeButtonLabel:[1,"close-button-label"],downloadButtonEnabled:[4,"download-button-enabled"],downloadButtonLabel:[1,"download-button-label"],file:[1],fileName:[1,"file-name"],fileTypeLabel:[1,"file-type-label"],label:[1],menuLabel:[1,"menu-label"],menuTriggerLabel:[1,"menu-trigger-label"],pdfWorkerSrc:[1,"pdf-worker-src"],printButtonEnabled:[4,"print-button-enabled"],printButtonLabel:[1,"print-button-label"],sideBySideButtonLabel:[1,"side-by-side-button-label"],thumbnailButtonLabel:[1,"thumbnail-button-label"],thumbnailsButtonLabel:[1,"thumbnails-button-label"],thumbnailsLabel:[1,"thumbnails-label"],zoomInButtonLabel:[1,"zoom-in-button-label"],zoomOutButtonLabel:[1,"zoom-out-button-label"],zoomSelectLabel:[1,"zoom-select-label"],skipNativeDownload:[4,"skip-native-download"],active:[32],closing:[32],opening:[32],downloading:[32],loadingThumbnails:[32],thumbnails:[32],showThumbnails:[32],viewMode:[32],visiblePages:[32],zoom:[32],zoomSteps:[32],open:[64],close:[64]},[[9,"resize","onWindowResize"]],{showThumbnails:[{watchShowThumbnails:0}]}]),N=W,O=function(){"undefined"!=typeof customElements&&["swirl-pdf-reader","swirl-action-list","swirl-action-list-item","swirl-button","swirl-file-viewer","swirl-file-viewer-audio","swirl-file-viewer-csv","swirl-file-viewer-fallback","swirl-file-viewer-image","swirl-file-viewer-pdf","swirl-file-viewer-text","swirl-file-viewer-video","swirl-icon-add","swirl-icon-error","swirl-icon-expand-more","swirl-icon-file","swirl-icon-file-copy","swirl-icon-fullscreen","swirl-icon-fullscreen-exit","swirl-icon-menu-book","swirl-icon-remove","swirl-inline-error","swirl-popover","swirl-popover-trigger","swirl-separator","swirl-spinner","swirl-stack","swirl-text","swirl-visually-hidden"].forEach((e=>{switch(e){case"swirl-pdf-reader":customElements.get(r(e))\|\|customElements.define(r(e),W);break;case"swirl-action-list":customElements.get(r(e))\|\|f();break;case"swirl-action-list-item":customElements.get(r(e))\|\|b();break;case"swirl-button":customElements.get(r(e))\|\|h();break;case"swirl-file-viewer":customElements.get(r(e))\|\|p();break;case"swirl-file-viewer-audio":customElements.get(r(e))\|\|m();break;case"swirl-file-viewer-csv":customElements.get(r(e))\|\|u();break;case"swirl-file-viewer-fallback":customElements.get(r(e))\|\|w();break;case"swirl-file-viewer-image":customElements.get(r(e))\|\|v();break;case"swirl-file-viewer-pdf":customElements.get(r(e))\|\|_();break;case"swirl-file-viewer-text":customElements.get(r(e))\|\|g();break;case"swirl-file-viewer-video":customElements.get(r(e))\|\|k();break;case"swirl-icon-add":customElements.get(r(e))\|\|y();break;case"swirl-icon-error":customElements.get(r(e))\|\|x();break;case"swirl-icon-expand-more":customElements.get(r(e))\|\|C();break;case"swirl-icon-file":customElements.get(r(e))\|\|z();break;case"swirl-icon-file-copy":customElements.get(r(e))\|\|j();break;case"swirl-icon-fullscreen":customElements.get(r(e))\|\|E();break;case"swirl-icon-fullscreen-exit":customElements.get(r(e))\|\|H();break;case"swirl-icon-menu-book":customElements.get(r(e))\|\|V();break;case"swirl-icon-remove":customElements.get(r(e))\|\|L();break;case"swirl-inline-error":customElements.get(r(e))\|\|M();break;case"swirl-popover":customElements.get(r(e))\|\|Z();break;case"swirl-popover-trigger":customElements.get(r(e))\|\|B();break;case"swirl-separator":customElements.get(r(e))\|\|S();break;case"swirl-spinner":customElements.get(r(e))\|\|T();break;case"swirl-stack":customElements.get(r(e))\|\|D();break;case"swirl-text":customElements.get(r(e))\|\|P();break;case"swirl-visually-hidden":customElements.get(r(e))\|\|F()}}))};export{N as SwirlPdfReader,O as defineCustomElement}

package/dist/components/swirl-popover-trigger2.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as t,HTMLElement as e,h as i,Host as s,transformTag as r}from"@stencil/core/internal/client";const o=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.hidePopoverWhenInvisible=!0,this.setAriaAttributes=!0,this.triggerOnClick=!0,this.triggerOnHover=!1,this.componentLoaded=!1,this.triggerIsActive=!1,this.popoverMouseEnter=()=>{this.stopHoverLingerTimer()},this.popoverMouseLeave=()=>{this.triggerIsActive&&this.mouseleaveHandler()},this.onMouseenter=()=>{this.triggerOnHover&&(this.stopHoverLingerTimer(),this.triggerIsActive=!0,this.hoverDelayReference=setTimeout((()=>{this.hoverDelayReference=void 0,this.triggerOnHover&&this.mouseenterHandler()}),this.hoverDelay))},this.mouseenterHandler=()=>{const t=this.getPopoverEl(),e=this.getTriggerEl();t.open(e,!0,"hover"),t.addEventListener("popoverOpen",(()=>{this.updateTriggerElAriaAttributes(!0)}),{once:!0}),t.addEventListener("popoverClose",(()=>{this.updateTriggerElAriaAttributes(!1)}),{once:!0})},this.onMouseleave=()=>{clearTimeout(this.hoverDelayReference),this.mouseleaveHandler()},this.mouseleaveHandler=()=>{this.triggerOnHover&&this.startHoverLingerTimer()},this.onClick=()=>{if(!this.triggerOnClick)return;const t=this.getPopoverEl(),e=this.getTriggerEl();t.toggle(e,"click"),t.addEventListener("popoverOpen",(()=>{this.updateTriggerElAriaAttributes(!0)}),{once:!0}),t.addEventListener("popoverClose",(()=>{this.updateTriggerElAriaAttributes(!1)}),{once:!0})},this.updateTriggerElAriaAttributes=t=>{if(!this.setAriaAttributes)return;const e=this.getTriggerEl();if(!Boolean(e))return;const i=this.getPopoverEl()?.id;e.tagName.startsWith("SWIRL-")?(this.triggerOnHover?(e.removeAttribute("swirl-aria-controls"),e.removeAttribute("swirl-aria-expanded")):(e.setAttribute("swirl-aria-controls",i),e.setAttribute("swirl-aria-expanded",String(t\|\|"false"))),e.setAttribute("swirl-aria-haspopup","dialog")):(this.triggerOnHover?(e.removeAttribute("aria-controls"),e.removeAttribute("aria-expanded")):(e.setAttribute("aria-controls",i),e.setAttribute("aria-expanded",String(t\|\|"false"))),e.setAttribute("aria-haspopup","dialog"))}}connectedCallback(){this.componentLoaded&&(this.setupHoverListeners(),this.setupIntersectionObserver())}componentDidLoad(){this.updateTriggerElAriaAttributes(),this.setupHoverListeners(),this.setupIntersectionObserver(),this.componentLoaded=!0}disconnectedCallback(){this.intersectionObserver?.disconnect(),this.removeHoverListeners(),clearTimeout(this.hoverDelayReference),clearTimeout(this.hoverLingerReference)}watchPopover(){this.updateTriggerElAriaAttributes()}watchHover(){this.updateTriggerElAriaAttributes(),clearTimeout(this.hoverDelayReference),clearTimeout(this.hoverLingerReference)}getPopoverEl(){return"string"==typeof this.swirlPopover?document.querySelector(`#${this.swirlPopover}`):this.swirlPopover?.el??this.swirlPopover}getTriggerEl(){return 1!==this.el.children.length&&console.warn('[Swirl] The "swirl-popover-trigger" component expects exactly one child element.'),this.el.children[0]}setupIntersectionObserver(){if(this.intersectionObserver?.disconnect(),this.hidePopoverWhenInvisible){this.intersectionObserver=new IntersectionObserver(this.onVisibilityChange.bind(this),{root:this.parentScrollContainer,threshold:0});const t=this.el.querySelector("*");if(!Boolean(t))return;this.intersectionObserver.observe(t)}}onVisibilityChange(t){!t[0].isIntersecting&&this.isPopoverOpen()&&this.getPopoverEl()?.close()}setupHoverListeners(){this.popoverElRef=this.getPopoverEl(),Boolean(this.popoverElRef)&&(this.popoverElRef.addEventListener("mouseenter",this.popoverMouseEnter),this.popoverElRef.addEventListener("mouseleave",this.popoverMouseLeave))}removeHoverListeners(){Boolean(this.popoverElRef)&&(this.popoverElRef.removeEventListener("mouseenter",this.popoverMouseEnter),this.popoverElRef.removeEventListener("mouseleave",this.popoverMouseLeave))}startHoverLingerTimer(){clearTimeout(this.hoverLingerReference),this.hoverLingerReference=setTimeout((()=>{this.triggerIsActive&&this.isPopoverOpen()&&this.getPopoverEl().close(!0),this.triggerIsActive=!1}),this.hoverLingerDuration)}stopHoverLingerTimer(){clearTimeout(this.hoverLingerReference)}isPopoverOpen(){const t=this.getPopoverEl(),e=t?.shadowRoot.firstChild?.classList.contains("popover--active");return e}render(){return i(s,{key:"~~dcd8c8d2f22300ff074c49ae3ca93455496b5740~~",onClick:this.onClick,onMouseenter:this.onMouseenter,onMouseleave:this.onMouseleave},i("slot",{key:"~~0acb71a7f3fcd209a28bb31d1b9e668a88de04ba~~"}))}get el(){return this}static get watchers(){return{swirlPopover:[{watchPopover:0}],triggerOnHover:[{watchHover:0}]}}static get style(){return".sc-swirl-popover-trigger-h{display:contents}"}},[262,"swirl-popover-trigger",{hidePopoverWhenInvisible:[4,"hide-popover-when-invisible"],parentScrollContainer:[16],setAriaAttributes:[4,"set-aria-attributes"],swirlPopover:[1,"swirl-popover"],triggerOnClick:[4,"trigger-on-click"],triggerOnHover:[4,"trigger-on-hover"],hoverLingerDuration:[2,"hover-linger-duration"],hoverDelay:[2,"hover-delay"]},void 0,{swirlPopover:[{watchPopover:0}],triggerOnHover:[{watchHover:0}]}]);function h(){"undefined"!=typeof customElements&&["swirl-popover-trigger"].forEach((t=>{"swirl-popover-trigger"===t&&(customElements.get(r(t))\|\|customElements.define(r(t),o))}))}export{o as S,h as d}
1	+ import{proxyCustomElement as t,HTMLElement as e,h as i,Host as s,transformTag as r}from"@stencil/core/internal/client";const o=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.hidePopoverWhenInvisible=!0,this.setAriaAttributes=!0,this.triggerOnClick=!0,this.triggerOnHover=!1,this.componentLoaded=!1,this.triggerIsActive=!1,this.popoverMouseEnter=()=>{this.stopHoverLingerTimer()},this.popoverMouseLeave=()=>{this.triggerIsActive&&this.mouseleaveHandler()},this.onMouseenter=()=>{this.triggerOnHover&&(this.stopHoverLingerTimer(),this.triggerIsActive=!0,this.hoverDelayReference=setTimeout((()=>{this.hoverDelayReference=void 0,this.triggerOnHover&&this.mouseenterHandler()}),this.hoverDelay))},this.mouseenterHandler=()=>{const t=this.getPopoverEl(),e=this.getTriggerEl();t.open(e,!0,"hover"),t.addEventListener("popoverOpen",(()=>{this.updateTriggerElAriaAttributes(!0)}),{once:!0}),t.addEventListener("popoverClose",(()=>{this.updateTriggerElAriaAttributes(!1)}),{once:!0})},this.onMouseleave=()=>{clearTimeout(this.hoverDelayReference),this.mouseleaveHandler()},this.mouseleaveHandler=()=>{this.triggerOnHover&&this.startHoverLingerTimer()},this.onClick=()=>{if(!this.triggerOnClick)return;const t=this.getPopoverEl(),e=this.getTriggerEl();t.toggle(e,"click"),t.addEventListener("popoverOpen",(()=>{this.updateTriggerElAriaAttributes(!0)}),{once:!0}),t.addEventListener("popoverClose",(()=>{this.updateTriggerElAriaAttributes(!1)}),{once:!0})},this.updateTriggerElAriaAttributes=t=>{if(!this.setAriaAttributes)return;const e=this.getTriggerEl();if(!Boolean(e))return;const i=this.getPopoverEl()?.id;e.tagName.startsWith("SWIRL-")?(this.triggerOnHover?(e.removeAttribute("swirl-aria-controls"),e.removeAttribute("swirl-aria-expanded")):(e.setAttribute("swirl-aria-controls",i),e.setAttribute("swirl-aria-expanded",String(t\|\|"false"))),e.setAttribute("swirl-aria-haspopup","dialog")):(this.triggerOnHover?(e.removeAttribute("aria-controls"),e.removeAttribute("aria-expanded")):(e.setAttribute("aria-controls",i),e.setAttribute("aria-expanded",String(t\|\|"false"))),e.setAttribute("aria-haspopup","dialog"))}}connectedCallback(){this.componentLoaded&&(this.setupHoverListeners(),this.setupIntersectionObserver())}componentDidLoad(){this.updateTriggerElAriaAttributes(),this.setupHoverListeners(),this.setupIntersectionObserver(),this.componentLoaded=!0}disconnectedCallback(){this.intersectionObserver?.disconnect(),this.removeHoverListeners(),clearTimeout(this.hoverDelayReference),clearTimeout(this.hoverLingerReference)}watchPopover(){this.updateTriggerElAriaAttributes()}watchHover(){this.updateTriggerElAriaAttributes(),clearTimeout(this.hoverDelayReference),clearTimeout(this.hoverLingerReference)}getPopoverEl(){return"string"==typeof this.swirlPopover?document.querySelector(`#${this.swirlPopover}`):this.swirlPopover?.el??this.swirlPopover}getTriggerEl(){return 1!==this.el.children.length&&console.warn('[Swirl] The "swirl-popover-trigger" component expects exactly one child element.'),this.el.children[0]}setupIntersectionObserver(){if(this.intersectionObserver?.disconnect(),this.hidePopoverWhenInvisible){this.intersectionObserver=new IntersectionObserver(this.onVisibilityChange.bind(this),{root:this.parentScrollContainer,threshold:0});const t=this.el.querySelector("*");if(!Boolean(t))return;this.intersectionObserver.observe(t)}}onVisibilityChange(t){!t[0].isIntersecting&&this.isPopoverOpen()&&this.getPopoverEl()?.close()}setupHoverListeners(){this.popoverElRef=this.getPopoverEl(),Boolean(this.popoverElRef)&&(this.popoverElRef.addEventListener("mouseenter",this.popoverMouseEnter),this.popoverElRef.addEventListener("mouseleave",this.popoverMouseLeave))}removeHoverListeners(){Boolean(this.popoverElRef)&&(this.popoverElRef.removeEventListener("mouseenter",this.popoverMouseEnter),this.popoverElRef.removeEventListener("mouseleave",this.popoverMouseLeave))}startHoverLingerTimer(){clearTimeout(this.hoverLingerReference),this.hoverLingerReference=setTimeout((()=>{this.triggerIsActive&&this.isPopoverOpen()&&this.getPopoverEl().close(!0),this.triggerIsActive=!1}),this.hoverLingerDuration)}stopHoverLingerTimer(){clearTimeout(this.hoverLingerReference)}isPopoverOpen(){const t=this.getPopoverEl(),e=t?.shadowRoot.firstChild?.classList.contains("popover--active");return e}render(){return i(s,{key:"7f3d32621552242dbcffd827e70840d74f7325df",onClick:this.onClick,onMouseenter:this.onMouseenter,onMouseleave:this.onMouseleave},i("slot",{key:"4f9119c994a4935bc50ad415e3894349ce928e54"}))}get el(){return this}static get watchers(){return{swirlPopover:[{watchPopover:0}],triggerOnHover:[{watchHover:0}]}}static get style(){return".sc-swirl-popover-trigger-h{display:contents}"}},[262,"swirl-popover-trigger",{hidePopoverWhenInvisible:[4,"hide-popover-when-invisible"],parentScrollContainer:[16],setAriaAttributes:[4,"set-aria-attributes"],swirlPopover:[1,"swirl-popover"],triggerOnClick:[4,"trigger-on-click"],triggerOnHover:[4,"trigger-on-hover"],hoverLingerDuration:[2,"hover-linger-duration"],hoverDelay:[2,"hover-delay"]},void 0,{swirlPopover:[{watchPopover:0}],triggerOnHover:[{watchHover:0}]}]);function h(){"undefined"!=typeof customElements&&["swirl-popover-trigger"].forEach((t=>{"swirl-popover-trigger"===t&&(customElements.get(r(t))\|\|customElements.define(r(t),o))}))}export{o as S,h as d}

package/dist/components/swirl-radio-group.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as e,HTMLElement as i,createEvent as s,h as r,Host as t,transformTag as o}from"@stencil/core/internal/client";const a=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.valueChange=s(this,"valueChange",7),this.componentLoaded=!1,this.onRadioValueChange=e=>{e.stopPropagation();const i=e.target;!0!==i.checked&&"true"!==i.checked\|\|(this.value=i.value,this.valueChange.emit(i.value),this.radioButtons.forEach((e=>{e!==i&&(e.checked=!1)})))}}connectedCallback(){this.componentLoaded&&this.addValueChangeListeners()}componentDidLoad(){this.radioButtons=Array.from(this.el.querySelectorAll("swirl-radio")),this.initValue(),this.addValueChangeListeners(),this.componentLoaded=!0}disconnectedCallback(){this.removeValueChangeListeners()}initValue(){if(void 0===this.value)return;const e=this.radioButtons.find((e=>e.value===this.value));e&&(e.checked=!0)}addValueChangeListeners(){this.radioButtons.forEach((e=>{e.addEventListener("valueChange",this.onRadioValueChange)}))}removeValueChangeListeners(){this.radioButtons?.forEach((e=>{e.removeEventListener("valueChange",this.onRadioValueChange)}))}render(){return r(t,{key:"~~f524252ab8c174f10d725aded65072b48464fd54~~","aria-describedby":this.swirlAriaDescribedby,role:"radiogroup"},r("div",{key:"~~f80dd27d20fc4f4d4747c4d35d549e387ee1409f~~",class:"radio-group"},r("slot",{key:"~~ef74a50050fe736906ee75aeef2095359cd28527~~"})))}get el(){return this}static get style(){return".sc-swirl-radio-group-h{display:block}.sc-swirl-radio-group-h *.sc-swirl-radio-group{box-sizing:border-box}.radio-group.sc-swirl-radio-group{display:flex;flex-direction:column;gap:var(--s-space-12)}"}},[262,"swirl-radio-group",{swirlAriaDescribedby:[1,"swirl-aria-describedby"],value:[1537]}]),d=a,l=function(){"undefined"!=typeof customElements&&["swirl-radio-group"].forEach((e=>{"swirl-radio-group"===e&&(customElements.get(o(e))\|\|customElements.define(o(e),a))}))};export{d as SwirlRadioGroup,l as defineCustomElement}
1	+ import{proxyCustomElement as e,HTMLElement as i,createEvent as s,h as r,Host as t,transformTag as o}from"@stencil/core/internal/client";const a=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.valueChange=s(this,"valueChange",7),this.componentLoaded=!1,this.onRadioValueChange=e=>{e.stopPropagation();const i=e.target;!0!==i.checked&&"true"!==i.checked\|\|(this.value=i.value,this.valueChange.emit(i.value),this.radioButtons.forEach((e=>{e!==i&&(e.checked=!1)})))}}connectedCallback(){this.componentLoaded&&this.addValueChangeListeners()}componentDidLoad(){this.radioButtons=Array.from(this.el.querySelectorAll("swirl-radio")),this.initValue(),this.addValueChangeListeners(),this.componentLoaded=!0}disconnectedCallback(){this.removeValueChangeListeners()}initValue(){if(void 0===this.value)return;const e=this.radioButtons.find((e=>e.value===this.value));e&&(e.checked=!0)}addValueChangeListeners(){this.radioButtons.forEach((e=>{e.addEventListener("valueChange",this.onRadioValueChange)}))}removeValueChangeListeners(){this.radioButtons?.forEach((e=>{e.removeEventListener("valueChange",this.onRadioValueChange)}))}render(){return r(t,{key:"a6cfc1f0f35c2803b8d0d7a03033eedc33b37503","aria-describedby":this.swirlAriaDescribedby,role:"radiogroup"},r("div",{key:"6e04e2e9f5bc356404f3e665c7453eff4cc56632",class:"radio-group"},r("slot",{key:"07018f7b82028b105f1da1ac84c1fe8c7ed4800e"})))}get el(){return this}static get style(){return".sc-swirl-radio-group-h{display:block}.sc-swirl-radio-group-h *.sc-swirl-radio-group{box-sizing:border-box}.radio-group.sc-swirl-radio-group{display:flex;flex-direction:column;gap:var(--s-space-12)}"}},[262,"swirl-radio-group",{swirlAriaDescribedby:[1,"swirl-aria-describedby"],value:[1537]}]),c=a,l=function(){"undefined"!=typeof customElements&&["swirl-radio-group"].forEach((e=>{"swirl-radio-group"===e&&(customElements.get(o(e))\|\|customElements.define(o(e),a))}))};export{c as SwirlRadioGroup,l as defineCustomElement}