@getflip/swirl-components 0.530.0 → 0.531.1

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

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

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

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

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

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

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

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

package/dist/components/swirl-illustration.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,h as s,Host as i,transformTag as l}from"@stencil/core/internal/client";const n=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}render(){return s(i,{key:"481382e95a73b90ab2bc98dbc5d4c377cb0b9954"},s("swirl-illustration-"+this.svg,{key:"deb44af9fce9ce39f29dc3903050d0160abc475b"}))}static get style(){return":host{display:inline-flex}"}},[1,"swirl-illustration",{svg:[1]}]),r=n,c=function(){"undefined"!=typeof customElements&&["swirl-illustration"].forEach((t=>{"swirl-illustration"===t&&(customElements.get(l(t))||customElements.define(l(t),n))}))};export{r as SwirlIllustration,c as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as e,h as s,Host as i,transformTag as l}from"@stencil/core/internal/client";const n=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}render(){return s(i,{key:"9fca1dd6c72d26e2f166adc416339138a3f12822"},s("swirl-illustration-"+this.svg,{key:"4ba2bd4e8acfd35f60502d98b89e9917f01c023e"}))}static get style(){return":host{display:inline-flex}"}},[1,"swirl-illustration",{svg:[1]}]),r=n,c=function(){"undefined"!=typeof customElements&&["swirl-illustration"].forEach((t=>{"swirl-illustration"===t&&(customElements.get(l(t))||customElements.define(l(t),n))}))};export{r as SwirlIllustration,c as defineCustomElement}

package/dist/components/swirl-lightbox.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as i,createEvent as e,h as s,Host as o,transformTag as a}from"@stencil/core/internal/client";import{d as n,e as l}from"./body-scroll-lock.js";import{c as h}from"./index2.js";import{t as r}from"./index.esm.js";import{q as d}from"./utils.js";import{d as c}from"./swirl-icon-arrow-left2.js";import{d as b}from"./swirl-icon-arrow-right2.js";import{d as g}from"./swirl-icon-close2.js";import{d as f}from"./swirl-icon-download2.js";const u=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.activeSlideChange=e(this,"activeSlideChange",7),this.lightboxClose=e(this,"lightboxClose",7),this.closeButtonLabel="Close modal",this.downloadButtonEnabled=!0,this.downloadButtonLabel="Download",this.nextSlideButtonLabel="Next slide",this.previousSlideButtonLabel="Previous slide",this.activeSlideIndex=0,this.closing=!1,this.opening=!1,this.componentLoaded=!1,this.dragging=!1,this.onKeyDown=t=>{"Escape"===t.code?(t.stopImmediatePropagation(),t.preventDefault(),this.close()):"ArrowLeft"===t.code?this.onPreviousSlideClick():"ArrowRight"===t.code&&this.onNextSlideClick()},this.preventDragStart=t=>{t.preventDefault()},this.onCloseButtonClick=()=>{this.close()},this.onDownloadButtonClick=()=>{this.slides[this.activeSlideIndex]?.download()},this.onNextSlideClick=()=>{this.activateSlide(Math.min(this.slides.length-1,this.activeSlideIndex+1)),this.activeSlideIndex===this.slides.length-1&&(this.slides.length>1?this.previousSlideButton.focus():r(this.modalEl).at(0)?.focus())},this.onPreviousSlideClick=()=>{this.activateSlide(Math.max(0,this.activeSlideIndex-1)),0===this.activeSlideIndex&&(this.slides.length>1?this.nextSlideButton.focus():r(this.modalEl).at(0)?.focus())},this.registerSlides=()=>{this.removeSlideListeners(),this.slides=Array.from(this.el.children).filter((t=>"SWIRL-FILE-VIEWER"===t.tagName)),this.setSlideAttributes()},this.onPointerDown=t=>{this.slides.length<=1||(this.dragging=!0,this.dragStartPosition=t instanceof MouseEvent?t.clientX:t.touches[0].clientX,this.slides.forEach((t=>{t.style.transition="none"})))},this.onPointerMove=async t=>{if(!this.dragging)return;const i=!(t instanceof MouseEvent)&&t.touches.length>1,e=this.slides[this.activeSlideIndex]?.shadowRoot?.querySelector("swirl-file-viewer-image"),s=!!e&&await e.getZoom()>1;if(i||s)return;t.preventDefault();const o=t instanceof MouseEvent?t.clientX-this.dragStartPosition:t.touches[0].clientX-this.dragStartPosition;this.slides.forEach((t=>{const i=this.activeSlideIndex*t.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(-${100*this.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(-${100*this.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:"ae0a52fb1b950affc26de4420dfb7ea7952fc1db"},s("dialog",{key:"8791e6b9414245ccc804edc58c3a7917dc5bbc37","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:"cbcf72606d88da4bc8452bf17579bd29a73d545c",class:"lightbox__body",role:"document"},s("header",{key:"0c9fcbd1a79bf9f7717b4ae5d2c65953bbf3c615",class:"lightbox__header"},s("div",{key:"6a081e050354ebb333d2bece28af5a7423a7fd51",class:"lightbox__toolbar"},s("slot",{key:"1b14308b5bd6b7762dbb8115723793eab34ebffd",name:"toolbar"}),this.downloadButtonEnabled&&s("button",{key:"267f30a1e318ab1212010d05ff86b4d7a29b8b8e","aria-label":this.downloadButtonLabel,class:"lightbox__download-button",onClick:this.onDownloadButtonClick,type:"button"},s("swirl-icon-download",{key:"51fab4bb174be1fb214b37ea3e8530319fadbdc6"}))),s("button",{key:"d4e461b0d4daf40f87177e38eb6c24e992b6ffb1","aria-label":this.closeButtonLabel,class:"lightbox__close-button",onClick:this.onCloseButtonClick,type:"button"},s("swirl-icon-close",{key:"14b4c54f7f0a6e262cf9c097f1195a379845c524"}))),s("div",{key:"c96d8d882232dd89ddd57486a92db206f1d108d0","aria-roledescription":"carousel",class:"lightbox__content",role:"group"},s("div",{key:"309914e6f6f869ec064784dd7a0e9acc2cb039f9","aria-atomic":"false","aria-live":"polite",class:"lightbox__slides",onClick:this.onBackdropClick,onContextMenu:this.onContextMenu,ref:t=>this.slidesContainer=t},s("slot",{key:"b75f4dc1ee284cec1f93620a2f9d7c197f4d6bca",onSlotchange:this.registerSlides}))),s("div",{key:"2c7dbbcafd0779b8d9c50a1cbaa79cf5acc73c5d",class:"lightbox__controls"},s("button",{key:"a7c5486f4b9cb61bea3322e191747e7189b45611","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:"71721a07438160fa721f3f54c7082bdcc4ae201f"})),s("button",{key:"013b8f6dd39ae3c8fe80c19abf6e72bfe3c848a7","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:"82454fd549e24ccdaf48cb722836ef0aeeb66e82"}))),t&&s("span",{key:"6e8616414c3bfd9a691ac7c473b8c5c19e77bdb8",class:"lightbox__pagination"},s("span",{key:"107b0381327792928e5225eb0344feca06001690","aria-current":"page"},this.activeSlideIndex+1)," /"," ",this.slides.length))))}get el(){return this}static get watchers(){return{activeSlideIndex:[{watchActiveSlideIndex:0}]}}static get style(){return":host{display:block}:host *{box-sizing:border-box}.lightbox{--swirl-lightbox-view-height:100vh;position:fixed;z-index:var(--s-z-40);display:block;overflow:visible;width:auto;max-width:none;height:var(--swirl-lightbox-view-height);max-height:none;margin:0;padding:0;border:none;background-color:rgba(0, 0, 0, 1);inset:0}.lightbox::backdrop{display:none}.lightbox:not([open]){display:none}@supports (height: 100dvh){.lightbox{--swirl-lightbox-view-height:100dvh}}@media (min-width: 768px){.lightbox{background-color:rgba(0, 0, 0, 0.8)}}.lightbox:not(.lightbox--closing) .lightbox__body{animation:0.15s lightbox-fade-in}@media (prefers-reduced-motion){.lightbox:not(.lightbox--closing) .lightbox__body{animation:none}}.lightbox--closing{animation:0.15s lightbox-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.lightbox--closing{animation:none}}.lightbox__body{position:relative;width:100%;height:100%}.lightbox__header{position:absolute;z-index:1;top:0;right:0;left:0;display:flex;padding:calc(var(--s-space-12) + env(safe-area-inset-top, 0))     var(--s-space-16) var(--s-space-12);align-items:flex-start;pointer-events:none;gap:var(--s-space-12);justify-content:space-between}.lightbox__header .lightbox__close-button{order:-1}@media (min-width: 768px){.lightbox__header{justify-content:flex-end}.lightbox__header .lightbox__close-button{order:unset}}.lightbox__toolbar{display:flex;align-items:center;pointer-events:auto;gap:var(--s-space-12)}.lightbox__controls{position:absolute;z-index:1;top:50%;right:0;left:0;display:none;padding-right:var(--s-space-16);padding-left:var(--s-space-16);justify-content:space-between;align-items:flex-start;pointer-events:none}@media (min-width: 768px){.lightbox__controls{display:flex}}.lightbox__close-button,.lightbox__download-button,.lightbox__previous-slide-button,.lightbox__next-slide-button{display:inline-flex;width:2.5rem;height:2.5rem;justify-content:center;align-items:center;border:none;border-radius:50%;color:var(--s-icon-on-image);background-color:rgba(0, 0, 0, 0.6);cursor:pointer;transition:opacity 0.15s;pointer-events:auto}.lightbox__close-button:disabled,.lightbox__download-button:disabled,.lightbox__previous-slide-button:disabled,.lightbox__next-slide-button:disabled{pointer-events:none;opacity:0}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.lightbox__close-button,.lightbox__download-button,.lightbox__previous-slide-button,.lightbox__next-slide-button{width:2.25rem;height:2.25rem}}.lightbox__content{overflow:hidden;width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.lightbox__slides{display:flex;width:100%;height:100%}.lightbox__slides ::slotted(*){flex-basis:100%;flex-shrink:0;transition:transform 0.3s}@media (min-width: 768px){.lightbox__slides ::slotted(*){padding:4rem 5rem}}@media (prefers-reduced-motion){.lightbox__slides ::slotted(*){transition:none}}.lightbox__pagination{position:absolute;bottom:var(--s-space-32);left:50%;padding:var(--s-space-4) var(--s-space-12);border-radius:var(--s-border-radius-base);color:var(--s-text-on-image);background-color:rgba(0, 0, 0, 0.6);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);transform:translateX(-50%);pointer-events:none}@media (min-width: 768px){.lightbox__pagination{display:none}}@keyframes lightbox-fade-in{from{opacity:0}to{opacity:1}}@keyframes lightbox-fade-out{from{opacity:1}to{opacity:0}}"}},[257,"swirl-lightbox",{closeButtonLabel:[1,"close-button-label"],downloadButtonEnabled:[4,"download-button-enabled"],downloadButtonLabel:[1,"download-button-label"],label:[1],nextSlideButtonLabel:[1,"next-slide-button-label"],previousSlideButtonLabel:[1,"previous-slide-button-label"],activeSlideIndex:[32],closing:[32],opening:[32],slides:[32],open:[64],close:[64],activateSlide:[64]},void 0,{activeSlideIndex:[{watchActiveSlideIndex:0}]}]),x=u,p=function(){"undefined"!=typeof customElements&&["swirl-lightbox","swirl-icon-arrow-left","swirl-icon-arrow-right","swirl-icon-close","swirl-icon-download"].forEach((t=>{switch(t){case"swirl-lightbox":customElements.get(a(t))||customElements.define(a(t),u);break;case"swirl-icon-arrow-left":customElements.get(a(t))||c();break;case"swirl-icon-arrow-right":customElements.get(a(t))||b();break;case"swirl-icon-close":customElements.get(a(t))||g();break;case"swirl-icon-download":customElements.get(a(t))||f()}}))};export{x as SwirlLightbox,p as defineCustomElement}
+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.activeSlideIndex*t.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(-${100*this.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(-${100*this.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:"a14a462f3d776d9820d52e267269f3b2f4d5875a"},s("dialog",{key:"b13c41362d9e41ff24bdf30280ef71e92d7847ae","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:"67058f1720320b86e0fbba27aa0154e55d2ecadb",class:"lightbox__body",role:"document"},s("header",{key:"d5ecff9fc1ddec2b99056dc6f15a622182fca7ee",class:"lightbox__header"},s("div",{key:"77a39577d752db9b8c2ea26911c708404ef3f941",class:"lightbox__toolbar"},s("slot",{key:"96a4d48f5ef7f2b1d000865053a38175abecead1",name:"toolbar"}),this.downloadButtonEnabled&&s("button",{key:"4bcb44b44200b696e2df9858879f7f6c8992086d","aria-label":this.downloadButtonLabel,class:"lightbox__download-button",onClick:this.onDownloadButtonClick,type:"button"},s("swirl-icon-download",{key:"3abb4c2a88a310ac01eaecf3ca9dd6ad16a9709b"}))),s("button",{key:"1e9d3ada5cce613f147ae30043a44aee08059ae4","aria-label":this.closeButtonLabel,class:"lightbox__close-button",onClick:this.onCloseButtonClick,type:"button"},s("swirl-icon-close",{key:"931b7ae3ea13905912f6189e213235bad0b0b56a"}))),s("div",{key:"e07cae61fbdd39dbb33df6d531b9edf869a2ee2b","aria-roledescription":"carousel",class:"lightbox__content",role:"group"},s("div",{key:"f49ce5261ce3863127454e0e0ec28e3f8b773fdd","aria-atomic":"false","aria-live":"polite",class:"lightbox__slides",onClick:this.onBackdropClick,onContextMenu:this.onContextMenu,ref:t=>this.slidesContainer=t},s("slot",{key:"08d37f62b72e75518dfb5510c6b941a26aa47924",onSlotchange:this.registerSlides}))),s("div",{key:"4fe9c529d533ec80b4f988d51e71aa7e6c628eab",class:"lightbox__controls"},s("button",{key:"02c38c9d4baaaaa100f0f151675f7cbd1aa52418","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:"b61af3897e92bb475771933b6778ef301596f040"})),s("button",{key:"e949ab0326a02265e27103dd7352d7b97ed46615","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:"a9b27b62328fb6a9b2cc510c124ed0f2a7cd2615"}))),t&&s("span",{key:"97c01ee5a5bd641239e580dc8c5697a9f0183f06",class:"lightbox__pagination"},s("span",{key:"65a97fadc906209177639647248a213d593ca076","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

@@ -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:"f019ec0722ab6ec508e506e7b6e4abba7544faa5"},i("div",{key:"a5f584598715ea3070cfac4438af4cc813b1b055",class:"swirl-list",ref:e=>this.containerEl=e},i("slot",{key:"37bd52d810ad594c871b53ae32eefa86d8c1d171"})))}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}
+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:"0e4b35ffe8c0f5a14a93150e3e68b587cae65b55"},i("div",{key:"135297746d93deb1beb636801df57b15e5b68484",class:"swirl-list",ref:e=>this.containerEl=e},i("slot",{key:"6eb7e283610af5ee58ae4becc32e024f75165f11"})))}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

@@ -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:"338a54ede7e89af70c2674395dc88424e1d1ba9f"},e("div",{key:"749c99c31d8074a50ca5163e5f645b8df29735e4",class:t},"selection"===this.parentMenu?.variant?this.renderOptionListItem():this.renderActionListItem(),e("slot",{key:"a45bf8498dc58c41b62deb5be77665f0544d57a9",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}
+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 c}from"./utils.js";import{d as h}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=c(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:"212935d95e8cfc1d1727d966fbd9f844b7c3eaf7"},e("div",{key:"1d7146f6f4e99b86cf6a3b5acbc60a42ccdea09b",class:t},"selection"===this.parentMenu?.variant?this.renderOptionListItem():this.renderActionListItem(),e("slot",{key:"3dc5a350912bcabf88fe4888cabe0cff8defac77",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}]}]),f=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))||h();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{f as SwirlMenuItem,b as defineCustomElement}

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

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

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

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

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

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

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

@@ -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{c as o}from"./index2.js";import{q as l,i as d}from"./utils.js";import{d as n,e as c}from"./body-scroll-lock.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",3),this.modalOpen=a(this,"modalOpen",3),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=l(this.el,`[data-page-number="${e+1}"]`)?.[0];i?.scrollIntoView()}}componentWillLoad(){this.updateZoomSteps(),this.zoom=d()?"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=d()?"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&&n(e)}unlockBodyScroll(){const e=this.pdfViewer?.shadowRoot.querySelector(".file-viewer-pdf__pages");e&&c(e)}async generateThumbnails(){this.thumbnails=await this.pdfViewer.getThumbnails()}updateZoomSteps(){this.zoomSteps=d()?this.mobileZoomSteps:this.desktopZoomSteps}render(){const e=!!this.el.querySelector("[slot='menu-items']")||this.printButtonEnabled||this.downloadButtonEnabled,i=o("pdf-reader",{"pdf-reader--closing":this.closing,"pdf-reader--hide-menu":!e,"pdf-reader--show-thumbnails":this.showThumbnails});return s(t,{key:"76f68bc06c481fdc67c26427bd65fa2090a4eec6"},s("dialog",{key:"14fc48191ddf3d77df7e6770ee822bf4865d459c","aria-label":this.label,class:i,id:"pdf-reader",onClose:this.onClose,onKeyDown:this.onKeyDown,ref:e=>this.modalEl=e},s("div",{key:"7e39acdd8c4dbe019357402d1a19785676a3ade2",class:"pdf-reader__body",role:"document"},s("header",{key:"7a7f89dbc944b7d143c6ce59e472b42ab2fad817",class:"pdf-reader__header"},s("span",{key:"54fc133817bf2c05b9007cc9990267b71fc13368",class:"pdf-reader__header-left"},s("swirl-button",{key:"11867c85a0829116646b54cc29539a2371bad97d",class:"pdf-reader__close-button",hideLabel:!0,icon:"<swirl-icon-close></swirl-icon-close>",label:this.closeButtonLabel,onClick:this.onCloseButtonClick}),s("span",{key:"c98aca30abb594a351c641d56defa5be7db6c8b2",class:"pdf-reader__label"},this.label)),s("span",{key:"d81929d58826aa857d0722dfab7e71f4d0e7cd44",class:"pdf-reader__header-center"},s("span",{key:"bcf86bc09178578867a94dea6e6bb71c1140558a",class:"pdf-reader__zoom-button-container"},s("swirl-button",{key:"0d8a346b98e2fb2412acbb574ededa770273f56d",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:"01c86a3d7dc323c38de03f870e8ef1d10a2baa8d",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:"38c707a5dfa891232249dc56c356619660ac4626",class:"pdf-reader__zoom-select-container"},s("select",{key:"e828ea887eeeef052ec91b7e1a5b81c162af04be","aria-label":this.zoomSelectLabel,class:"pdf-reader__zoom-select",name:"zoom-select",id:"zoom-select",onChange:this.onZoomChange},s("option",{key:"682aa3e24b75b5a52e751f6f6f858cb2ad995c08",selected:"auto"===this.zoom,value:"auto"},this.autoZoomLabel),this.zoomSteps.map((e=>s("option",{key:e,selected:this.zoom===e,value:e},100*e,"%")))),s("swirl-icon-expand-more",{key:"dfe8b0d52d2ae8b916f4c04e3ec78f5096712442",class:"pdf-reader__zoom-select-icon"}))),s("span",{key:"cd376649110f5433c853e84f8418c96b88373553",class:"pdf-reader__header-right"},s("swirl-popover-trigger",{key:"7f609071277dbab25b4661bdea44fb5b5219bd72",swirlPopover:this.menu},s("swirl-button",{key:"97510c729bfa2584913dc1ed5c74551dc8379ba8",class:"pdf-reader__menu-button",hideLabel:!0,icon:"<swirl-icon-more-vertikal></swirl-icon-more-vertikal>",label:this.menuTriggerLabel}))),s("span",{key:"f957307a99673505306b691d40b553000baf6d0c",class:"pdf-reader__floating-tools"},s("button",{key:"b9bc977971e91450a8b95f2152f073feaf8de85b","aria-label":this.sideBySideButtonLabel,class:"pdf-reader__floating-tool-button",onClick:this.toggleViewMode,type:"button"},s("swirl-icon-menu-book",{key:"3365f70a86b3293c8c72e7de1f77c496e8e43248"})),s("button",{key:"6c574fa0bae0a88ae7e0982c8a25965fdafefe28","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:"4e67907ddf0e87cd045abd5684a7b849c39771fa"})))),s("div",{key:"298623afd12639d950db22727f704c25ece8485c",class:"pdf-reader__content"},s("nav",{key:"6e699c8a8ad13cc22f8581d893fcfbbbd3080bb7","aria-label":this.thumbnailsLabel,class:"pdf-reader__thumbnails",id:"thumbnails"},this.loadingThumbnails&&s("swirl-spinner",{key:"2714cf34ab04f30c0d8d27137caceaa3361d8f89"}),!this.loadingThumbnails&&this.thumbnails.map(((e,i)=>{const a=o("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:"75754b8b7ccac378aa758cfbb5a5689748e41f25",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:"8c5275caf2889a487657c238ca9c58897138ed50",class:"pdf-reader__mobile-zoom-controls"},s("button",{key:"83ada59a67fd16201616c57adde79d8ba11c1d3a","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:"7c1858b366d49f857a7f84a42bec7190c66b6435","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:"1b66d1d81bd5ed0f50ddf151937fd3b45f5e4e73"})),s("button",{key:"457ab9c3aab0811ef1eef7096e95317a288ab922","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:"8c4bbe8b87726665b37d613584b2ab92e569a85d"}))))),s("swirl-popover",{key:"aeecc6ceeb46cf83ed9b39918f340cc882210c99",animation:"scale-in-y",disableScrollLock:!0,id:"menu",label:this.menuLabel,placement:"bottom-end",ref:e=>this.menu=e},s("swirl-stack",{key:"a8955d9eb44c0c157d7d3af3f1b54f566b4a7dc4"},s("div",{key:"43716df70f2847f11e272cf0d25ca2447cd6b74c",class:"pdf-reader__meta"},s("div",{key:"94b19da75fc1178e1eb193bda000f96d6d5bb5cf",class:"pdf-reader__file-icon"},s("svg",{key:"93bccc30ab67927f1e811a1341e7f313d06a3a35",fill:"none",height:"36",viewBox:"0 0 24 36",width:"24"},s("path",{key:"7628ee0ff24ef7d64f178f4b0c1f6d63babd99cc",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:"be3ca74e5ef2a9eb99395630ffad219c040ad345",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:"a7698dc6b93b993f3105f815450037bfebdf35c6",d:"M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z",fill:"white"}),s("path",{key:"bcd220f7b5b1d27a5406a2fbc2dee9a8b2a0cfe1",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:"0cd052ea5935321d9b74f2a5dfab1899f932ecd8",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:"b635dd41d3bfe20e3c002849725ebd0b3a0dcae4",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:"1be9d1f973266a875507aab7129e8e3d0132cb75",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:"d201fc37b03bc1c705010cee6d66b1750444809e",d:"M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z",fill:"white"}))),s("div",{key:"e06a7391b51a7e063d26c24cd17532ed7480103f",class:"pdf-reader__file-info"},s("swirl-text",{key:"5704eccdebd4c7c40606c74a1b90152e2b22ef87",truncate:!0,weight:"semibold"},this.label),s("swirl-text",{key:"c7f5d253beb1a863f7a0ad55b727b4ac7f4f74de",color:"subdued",size:"sm",truncate:!0},this.fileTypeLabel))),e&&s("swirl-separator",{key:"1ad175a06c422b2b8c8d2f0b6f7c6952c7a45a20"}),s("swirl-action-list",{key:"93cf7793515883115f8fa601b96e99492cc2ec7d",class:"pdf-reader__menu"},this.printButtonEnabled&&s("swirl-action-list-item",{key:"5c88763f302a3e523615b19735da26f42d5dabb0",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:"0c267d48fa8af54f2d494b14da0584875bbe4c61",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:"11afdc5225122ad9d6d89da49b60f37e20ff552d",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}
+import{proxyCustomElement as e,HTMLElement as i,createEvent as s,h as a,Host as t,transformTag as r}from"@stencil/core/internal/client";import{c as o}from"./index2.js";import{q as l,i as d}from"./utils.js";import{d as n,e as c}from"./body-scroll-lock.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=s(this,"modalClose",3),this.modalOpen=s(this,"modalOpen",3),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=l(this.el,`[data-page-number="${e+1}"]`)?.[0];i?.scrollIntoView()}}componentWillLoad(){this.updateZoomSteps(),this.zoom=d()?"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=d()?"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&&n(e)}unlockBodyScroll(){const e=this.pdfViewer?.shadowRoot.querySelector(".file-viewer-pdf__pages");e&&c(e)}async generateThumbnails(){this.thumbnails=await this.pdfViewer.getThumbnails()}updateZoomSteps(){this.zoomSteps=d()?this.mobileZoomSteps:this.desktopZoomSteps}render(){const e=!!this.el.querySelector("[slot='menu-items']")||this.printButtonEnabled||this.downloadButtonEnabled,i=o("pdf-reader",{"pdf-reader--closing":this.closing,"pdf-reader--hide-menu":!e,"pdf-reader--show-thumbnails":this.showThumbnails});return a(t,{key:"1006cf013e2d4ea0d4039759427ec9bf10676df9"},a("dialog",{key:"2f974b2edf927568ad017dcf6481c97630e8bb06","aria-label":this.label,class:i,id:"pdf-reader",onClose:this.onClose,onKeyDown:this.onKeyDown,ref:e=>this.modalEl=e},a("div",{key:"fc19608ff71abb538741726510122241e5ce89b5",class:"pdf-reader__body",role:"document"},a("header",{key:"448bd7fe2e2e740ff120537f644f4c571fdfe768",class:"pdf-reader__header"},a("span",{key:"7b375193185d974bbd30a887216c9aabf61dd9dd",class:"pdf-reader__header-left"},a("swirl-button",{key:"f739b6312de673b4a48446b1bec7b7c09fe3db09",class:"pdf-reader__close-button",hideLabel:!0,icon:"<swirl-icon-close></swirl-icon-close>",label:this.closeButtonLabel,onClick:this.onCloseButtonClick}),a("span",{key:"ff39941114f27cb130cd807821ea4188ba0a8666",class:"pdf-reader__label"},this.label)),a("span",{key:"b583e2e83aed3e24d7926e053cd9f60471731bde",class:"pdf-reader__header-center"},a("span",{key:"eec4c412e09fede06c80f51bf4a290342e552a19",class:"pdf-reader__zoom-button-container"},a("swirl-button",{key:"a6fb91dc2f92be2c43eedee74a1a0a2031626b43",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}),a("swirl-button",{key:"2b509952ebb7e116eba38ce6e3ce62febab2dd38",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})),a("span",{key:"270d99e8eae2cc6d09fbf4bbd0ae327b09b03498",class:"pdf-reader__zoom-select-container"},a("select",{key:"e17b921b9fb21d98bc22b4fcc7595912e4273088","aria-label":this.zoomSelectLabel,class:"pdf-reader__zoom-select",name:"zoom-select",id:"zoom-select",onChange:this.onZoomChange},a("option",{key:"9d4ea4f0988c9356facf8c7290e3a9c26ed55bf0",selected:"auto"===this.zoom,value:"auto"},this.autoZoomLabel),this.zoomSteps.map((e=>a("option",{key:e,selected:this.zoom===e,value:e},100*e,"%")))),a("swirl-icon-expand-more",{key:"61cca8c066b33c91efbdbbfe1b07d369c628e104",class:"pdf-reader__zoom-select-icon"}))),a("span",{key:"c2c4ed52895ed70746c39cda257870f3517dab96",class:"pdf-reader__header-right"},a("swirl-popover-trigger",{key:"0610f7e7ccdc93eb6819a01804538a96b9fe9568",swirlPopover:this.menu},a("swirl-button",{key:"e9fce0f1e6d6b72322b937e06e43d8054c038b5e",class:"pdf-reader__menu-button",hideLabel:!0,icon:"<swirl-icon-more-vertikal></swirl-icon-more-vertikal>",label:this.menuTriggerLabel}))),a("span",{key:"8016dd44bdfb34e290c7d9c09945f96814e844a1",class:"pdf-reader__floating-tools"},a("button",{key:"07d29479f07234c3581dc28a267c121d760af369","aria-label":this.sideBySideButtonLabel,class:"pdf-reader__floating-tool-button",onClick:this.toggleViewMode,type:"button"},a("swirl-icon-menu-book",{key:"f6c20782d1ad10dddfcc35c54826f93feb8cae1d"})),a("button",{key:"592e6c80ad9fe25e44f3d13e485e9b91e863940c","aria-controls":"thumbnails","aria-expanded":!!this.showThumbnails+"","aria-label":this.thumbnailsButtonLabel,class:"pdf-reader__floating-tool-button",onClick:this.toggleThumbnals,type:"button"},a("swirl-icon-file-copy",{key:"66ceb450e978b743e7ecd50485fb58a4f2a6ac95"})))),a("div",{key:"ef0bcbcd10e61367d3f10e4c0c54d3a680f5262b",class:"pdf-reader__content"},a("nav",{key:"3b439496d8d2c4d2e081c9214e0151f4c56311f2","aria-label":this.thumbnailsLabel,class:"pdf-reader__thumbnails",id:"thumbnails"},this.loadingThumbnails&&a("swirl-spinner",{key:"5451c141691c773666d77c356c76a7a19fcf36c9"}),!this.loadingThumbnails&&this.thumbnails.map(((e,i)=>{const s=o("pdf-reader__thumbnail",{"pdf-reader__thumbnail--active":this.visiblePages[0]===i+1});return a("button",{"aria-label":`${this.thumbnailButtonLabel} ${i+1}`,class:s,onClick:this.onThumbnailClick(i),type:"button"},a("img",{src:e.toDataURL("image/png"),alt:""}))}))),a("swirl-file-viewer",{key:"66535291146aa772a541f3940957bea9a7ae86ff",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}),a("div",{key:"b6d626c05b68d7c313ae497d0de253999b83dcbe",class:"pdf-reader__mobile-zoom-controls"},a("button",{key:"95ba19b5f85655ba1347f8763e4bed773bc2c6fd","aria-label":this.autoZoomLabel,class:"pdf-reader__mobile-zoom-button",onClick:this.onZoomAutoButtonClick,type:"button"},a("auto"===this.zoom?"swirl-icon-fullscreen-exit":"swirl-icon-fullscreen",null)),a("button",{key:"adb71904d16624aecb16b7407cdcecff6da47f97","aria-label":this.zoomInButtonLabel,class:"pdf-reader__mobile-zoom-button",disabled:this.zoom===this.zoomSteps[this.zoomSteps.length-1],onClick:this.onZoomInButtonClick,type:"button"},a("swirl-icon-add",{key:"fdede4558ac8b817faa03ca1da91269b6191d3ff"})),a("button",{key:"26b37f80c2b95831009146c4a668ceb831a7337e","aria-label":this.zoomOutButtonLabel,class:"pdf-reader__mobile-zoom-button",disabled:this.zoom===this.zoomSteps[0],onClick:this.onZoomOutButtonClick,type:"button"},a("swirl-icon-remove",{key:"92c7b9028dbccf022c1d67ef71404cddaea1868e"}))))),a("swirl-popover",{key:"0ea60a378df42b172f325bb95227f2fdc144af3c",animation:"scale-in-y",disableScrollLock:!0,id:"menu",label:this.menuLabel,placement:"bottom-end",ref:e=>this.menu=e},a("swirl-stack",{key:"3aaa4d0b54e8fdc567cc78d10174d10e0ef5b4fe"},a("div",{key:"0f9c71cef2600350e9061bd49b3634e396fa476a",class:"pdf-reader__meta"},a("div",{key:"9eabab28117f2f896f5f3864d09444829fadd8de",class:"pdf-reader__file-icon"},a("svg",{key:"e83129465659b5d984f9d8a61497f74aa6337353",fill:"none",height:"36",viewBox:"0 0 24 36",width:"24"},a("path",{key:"bd5bd8d5cf62aa3a2fec396976b2074fa7300ad4",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"}),a("path",{key:"1081f059bad7868b83faf26dba3b0ab6fecfca84",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"}),a("path",{key:"1eb59f58297b80c98e061242744f1c3e9e4c00a6",d:"M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z",fill:"white"}),a("path",{key:"885999ec5b575d64a47e1538fadd37cb3f0cbbab",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"}),a("path",{key:"a93aa4e0e10c1d0b7398d2ef04df8075f8b708ab",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"}),a("path",{key:"985fc4b8aac8910c1c7b094af0edff8f279b9ac9",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"}),a("path",{key:"1df79fede333427403e30c12a6ca79fba836514e",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"}),a("path",{key:"5a39a161e7c4412f92f467f2fd9ec690faff9413",d:"M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z",fill:"white"}))),a("div",{key:"2f5f4334e77c4567dd520a7f09e8ea41f35f83cf",class:"pdf-reader__file-info"},a("swirl-text",{key:"8449679b098dfe447857007efb066d28c7f71353",truncate:!0,weight:"semibold"},this.label),a("swirl-text",{key:"00a9d2c1177e9e5fca45b8076f4be41b5eba866f",color:"subdued",size:"sm",truncate:!0},this.fileTypeLabel))),e&&a("swirl-separator",{key:"22fb40b7ab65544159fa8ee1f1946fcb303e058b"}),a("swirl-action-list",{key:"d401e8a70da461db822df8d59d58d8820d0f200f",class:"pdf-reader__menu"},this.printButtonEnabled&&a("swirl-action-list-item",{key:"eadc5dfe58b655f0ce24af9444c5f0b13eb9f7f6",class:"pdf-reader__print-button",icon:"<swirl-icon-print></swirl-icon-print>",label:this.printButtonLabel,onClick:this.onPrintButtonClick}),this.downloadButtonEnabled&&a("swirl-action-list-item",{key:"0bf20d0697871767e42b0955484a539c9fa9b6d8",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}),a("slot",{key:"111b290104d56c2aec6d508fba63a104885ebfb7",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-radio-group.js

@@ -1 +1 @@
-import{proxyCustomElement as i,HTMLElement as s,createEvent as e,h as r,Host as t,transformTag as a}from"@stencil/core/internal/client";const o=i(class extends s{constructor(i){super(),!1!==i&&this.__registerHost(),this.valueChange=e(this,"valueChange",7),this.componentLoaded=!1,this.onRadioValueChange=i=>{i.stopPropagation();const s=i.target;!0!==s.checked&&"true"!==s.checked||(this.value=s.value,this.valueChange.emit(s.value),this.radioButtons.forEach((i=>{i!==s&&(i.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 i=this.radioButtons.find((i=>i.value===this.value));i&&(i.checked=!0)}addValueChangeListeners(){this.radioButtons.forEach((i=>{i.addEventListener("valueChange",this.onRadioValueChange)}))}removeValueChangeListeners(){this.radioButtons?.forEach((i=>{i.removeEventListener("valueChange",this.onRadioValueChange)}))}render(){return r(t,{key:"c5111ca547221792d21835a65a0a00f739b93758","aria-describedby":this.swirlAriaDescribedby,role:"radiogroup"},r("div",{key:"be0437f0a447f52d88dfb3fa0405867b0ffb74df",class:"radio-group"},r("slot",{key:"c6ee307c768ae38223dbad1141b43103e2bcd5a6"})))}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=o,l=function(){"undefined"!=typeof customElements&&["swirl-radio-group"].forEach((i=>{"swirl-radio-group"===i&&(customElements.get(a(i))||customElements.define(a(i),o))}))};export{d as SwirlRadioGroup,l as defineCustomElement}
+import{proxyCustomElement as i,HTMLElement as e,createEvent as s,h as r,Host as t,transformTag as a}from"@stencil/core/internal/client";const o=i(class extends e{constructor(i){super(),!1!==i&&this.__registerHost(),this.valueChange=s(this,"valueChange",7),this.componentLoaded=!1,this.onRadioValueChange=i=>{i.stopPropagation();const e=i.target;!0!==e.checked&&"true"!==e.checked||(this.value=e.value,this.valueChange.emit(e.value),this.radioButtons.forEach((i=>{i!==e&&(i.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 i=this.radioButtons.find((i=>i.value===this.value));i&&(i.checked=!0)}addValueChangeListeners(){this.radioButtons.forEach((i=>{i.addEventListener("valueChange",this.onRadioValueChange)}))}removeValueChangeListeners(){this.radioButtons?.forEach((i=>{i.removeEventListener("valueChange",this.onRadioValueChange)}))}render(){return r(t,{key:"1a5999fc1bb664116feb07fef67448d38c8ddfa3","aria-describedby":this.swirlAriaDescribedby,role:"radiogroup"},r("div",{key:"256d70817ccf7074f67b7cf1a2111838bd6aaed7",class:"radio-group"},r("slot",{key:"d852e1e138b65a461cdae45b63ef6b3f593343a1"})))}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=o,c=function(){"undefined"!=typeof customElements&&["swirl-radio-group"].forEach((i=>{"swirl-radio-group"===i&&(customElements.get(a(i))||customElements.define(a(i),o))}))};export{d as SwirlRadioGroup,c as defineCustomElement}

package/dist/components/swirl-resource-list-file-item.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as i,createEvent as s,h as r,Host as t,transformTag as l}from"@stencil/core/internal/client";import{c as o}from"./index2.js";import{D as c}from"./media-query.service.js";import{d as a}from"./swirl-button2.js";import{d as n}from"./swirl-icon-error2.js";import{d as m}from"./swirl-inline-error2.js";import{d as f}from"./swirl-spinner2.js";import{d}from"./swirl-visually-hidden2.js";const u=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.remove=s(this,"remove",7),this.icon="<swirl-icon-file></swirl-icon-file>",this.removeButtonLabel="Remove file",this.mediaQueryUnsubscribe=()=>{}}componentDidLoad(){this.mediaQueryUnsubscribe=c.subscribe((e=>{this.forceIconProps(e)}))}disconnectedCallback(){this.mediaQueryUnsubscribe()}forceIconProps(e){if(!this.iconEl)return;const i=this.iconEl.children[0];i?.setAttribute("size",e?"20":"24")}render(){const e=!!this.errorMessage,i=!e&&!!this.description,s=!e&&this.loading,l=this.removable&&!s,c=this.el.closest('[role="grid"]')?"row":"listitem",a="row"===c?"gridcell":void 0,n=o("resource-list-file-item",{"resource-list-file-item--has-control":s||l});return r(t,{key:"394229b87f321f6b90e4336140763aeb0297a818",role:c},r("div",{key:"bb1da3ec8b3ee90d28eb1052bbd38b0e7ffc2853",class:n,part:"resource-list-file-item",role:a},r("span",{key:"96fc6d811ae0896b59ce68d55cc21694f3179ad7",class:"resource-list-file-item__icon",innerHTML:this.icon,ref:e=>this.iconEl=e}),r("span",{key:"3b4a27a40a1cd2e0c54e3d105dc1ebb52352976d",class:"resource-list-file-item__label-container"},r("span",{key:"eefd3797a14ea0efac554e6ae1f23a8c480780b4",class:"resource-list-file-item__label",id:"label"},this.label),i&&r("span",{key:"ef33d1bed57381b79c59fbb760b8215b4d3e8924",class:"resource-list-file-item__description"},this.description),e&&r("span",{key:"68b0e814850165420655fadbb6468a588847f80c","aria-live":"polite",class:"resource-list-file-item__error-message"},r("swirl-inline-error",{key:"3257c8b9fbbee93ab78d591f46c0307416ce46c5",message:this.errorMessage,size:"s"}))),s&&r("span",{key:"536f47f9d2794ad67d898d48e6e59e5eb672ecb6",class:"resource-list-file-item__spinner"},r("swirl-spinner",{key:"b3009bb381e644e954db4a2d5515b7161a9114c0",size:"s"})),l&&r("span",{key:"2ba1bf712cd232625baf867c6210b193be363642",class:"resource-list-file-item__remove-button"},r("swirl-button",{key:"7ac205cc36ce96f1db6f54f87be2f0278337e00a",hideLabel:!0,icon:"<swirl-icon-close></swirl-icon-close>",label:this.removeButtonLabel,onClick:this.remove.emit}))))}get el(){return this}static get style(){return'.sc-swirl-resource-list-file-item-h{display:block;width:100%}.sc-swirl-resource-list-file-item-h *.sc-swirl-resource-list-file-item{box-sizing:border-box}.resource-list-file-item.sc-swirl-resource-list-file-item{position:relative;display:flex;width:100%;padding:var(--s-space-12) var(--s-space-16);align-items:center;background-color:var(--s-background-default);line-height:var(--s-line-height-base);gap:var(--s-space-12)}.resource-list-file-item.sc-swirl-resource-list-file-item:focus{outline:none}.resource-list-file-item.sc-swirl-resource-list-file-item:focus-visible{background-color:var(--s-background-hovered)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-file-item.sc-swirl-resource-list-file-item{padding:var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.resource-list-file-item--has-control.sc-swirl-resource-list-file-item .resource-list-file-item__label-container.sc-swirl-resource-list-file-item{padding-right:calc(var(--s-space-12) + 2.5rem)}.resource-list-file-item__icon.sc-swirl-resource-list-file-item{width:1.5rem;height:1.5rem;color:var(--s-icon-highlight)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-file-item__icon.sc-swirl-resource-list-file-item{width:1.25rem;height:1.25rem}}.resource-list-file-item__label-container.sc-swirl-resource-list-file-item{position:relative;display:flex;min-width:0;min-height:2.875rem;flex-grow:1;justify-content:center;flex-direction:column}.resource-list-file-item__label-container.sc-swirl-resource-list-file-item:after{position:absolute;right:0;bottom:calc(-1 * var(--s-space-12));left:0;height:0.0625rem;background-color:var(--s-border-default);content:""}.resource-list-file-item__label.sc-swirl-resource-list-file-item{overflow:hidden;font-weight:var(--s-font-weight-medium);white-space:nowrap;text-overflow:ellipsis}.resource-list-file-item__description.sc-swirl-resource-list-file-item{overflow:hidden;margin-top:var(--s-space-2);color:var(--s-text-subdued);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);white-space:nowrap;text-overflow:ellipsis}.resource-list-file-item__error-message.sc-swirl-resource-list-file-item{margin-top:var(--s-space-2)}.resource-list-file-item__remove-button.sc-swirl-resource-list-file-item{position:absolute;top:50%;right:var(--s-space-16);display:inline-flex;transform:translateY(-50%)}.resource-list-file-item__spinner.sc-swirl-resource-list-file-item{position:absolute;top:50%;right:var(--s-space-24);display:inline-flex;transform:translateY(-50%)}'}},[2,"swirl-resource-list-file-item",{description:[1],errorMessage:[1,"error-message"],icon:[1],label:[1],loading:[4],removable:[4],removeButtonLabel:[1,"remove-button-label"]}]),b=u,h=function(){"undefined"!=typeof customElements&&["swirl-resource-list-file-item","swirl-button","swirl-icon-error","swirl-inline-error","swirl-spinner","swirl-visually-hidden"].forEach((e=>{switch(e){case"swirl-resource-list-file-item":customElements.get(l(e))||customElements.define(l(e),u);break;case"swirl-button":customElements.get(l(e))||a();break;case"swirl-icon-error":customElements.get(l(e))||n();break;case"swirl-inline-error":customElements.get(l(e))||m();break;case"swirl-spinner":customElements.get(l(e))||f();break;case"swirl-visually-hidden":customElements.get(l(e))||d()}}))};export{b as SwirlResourceListFileItem,h as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as i,createEvent as s,h as r,Host as t,transformTag as l}from"@stencil/core/internal/client";import{c as o}from"./index2.js";import{D as c}from"./media-query.service.js";import{d as a}from"./swirl-button2.js";import{d as n}from"./swirl-icon-error2.js";import{d as m}from"./swirl-inline-error2.js";import{d as f}from"./swirl-spinner2.js";import{d}from"./swirl-visually-hidden2.js";const u=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.remove=s(this,"remove",7),this.icon="<swirl-icon-file></swirl-icon-file>",this.removeButtonLabel="Remove file",this.mediaQueryUnsubscribe=()=>{}}componentDidLoad(){this.mediaQueryUnsubscribe=c.subscribe((e=>{this.forceIconProps(e)}))}disconnectedCallback(){this.mediaQueryUnsubscribe()}forceIconProps(e){if(!this.iconEl)return;const i=this.iconEl.children[0];i?.setAttribute("size",e?"20":"24")}render(){const e=!!this.errorMessage,i=!e&&!!this.description,s=!e&&this.loading,l=this.removable&&!s,c=this.el.closest('[role="grid"]')?"row":"listitem",a="row"===c?"gridcell":void 0,n=o("resource-list-file-item",{"resource-list-file-item--has-control":s||l});return r(t,{key:"d259144ef01cf1e27cc018a69336367303a91598",role:c},r("div",{key:"57c13dccec711904f16cb30ef011323e4149db23",class:n,part:"resource-list-file-item",role:a},r("span",{key:"61026344b9ccc2ca65cab64962dd07608754a8ea",class:"resource-list-file-item__icon",innerHTML:this.icon,ref:e=>this.iconEl=e}),r("span",{key:"e54056f925007492865e505add4da22aef9ba52a",class:"resource-list-file-item__label-container"},r("span",{key:"3e5610e03ae48b7e50f858c8406ebc94ac0eecb8",class:"resource-list-file-item__label",id:"label"},this.label),i&&r("span",{key:"68440cd0e8d20eac091bdb4f48428d77615fa561",class:"resource-list-file-item__description"},this.description),e&&r("span",{key:"4b6d5cad12b996ceef8f4957de0338c6fa34fac9","aria-live":"polite",class:"resource-list-file-item__error-message"},r("swirl-inline-error",{key:"87638ded04ff17a274da159d205ca626c35cbaf2",message:this.errorMessage,size:"s"}))),s&&r("span",{key:"cca0663bda951b002620d99ecf19ef1a1906642a",class:"resource-list-file-item__spinner"},r("swirl-spinner",{key:"6020bc12340b5e7db0446796c10a965c48cdd765",size:"s"})),l&&r("span",{key:"1f506e727ca144129229e45b76bff9cb32ed098a",class:"resource-list-file-item__remove-button"},r("swirl-button",{key:"1442f8df0a49d2f341d558ff46bfa0b0bc767c5e",hideLabel:!0,icon:"<swirl-icon-close></swirl-icon-close>",label:this.removeButtonLabel,onClick:this.remove.emit}))))}get el(){return this}static get style(){return'.sc-swirl-resource-list-file-item-h{display:block;width:100%}.sc-swirl-resource-list-file-item-h *.sc-swirl-resource-list-file-item{box-sizing:border-box}.resource-list-file-item.sc-swirl-resource-list-file-item{position:relative;display:flex;width:100%;padding:var(--s-space-12) var(--s-space-16);align-items:center;background-color:var(--s-background-default);line-height:var(--s-line-height-base);gap:var(--s-space-12)}.resource-list-file-item.sc-swirl-resource-list-file-item:focus{outline:none}.resource-list-file-item.sc-swirl-resource-list-file-item:focus-visible{background-color:var(--s-background-hovered)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-file-item.sc-swirl-resource-list-file-item{padding:var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.resource-list-file-item--has-control.sc-swirl-resource-list-file-item .resource-list-file-item__label-container.sc-swirl-resource-list-file-item{padding-right:calc(var(--s-space-12) + 2.5rem)}.resource-list-file-item__icon.sc-swirl-resource-list-file-item{width:1.5rem;height:1.5rem;color:var(--s-icon-highlight)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-file-item__icon.sc-swirl-resource-list-file-item{width:1.25rem;height:1.25rem}}.resource-list-file-item__label-container.sc-swirl-resource-list-file-item{position:relative;display:flex;min-width:0;min-height:2.875rem;flex-grow:1;justify-content:center;flex-direction:column}.resource-list-file-item__label-container.sc-swirl-resource-list-file-item:after{position:absolute;right:0;bottom:calc(-1 * var(--s-space-12));left:0;height:0.0625rem;background-color:var(--s-border-default);content:""}.resource-list-file-item__label.sc-swirl-resource-list-file-item{overflow:hidden;font-weight:var(--s-font-weight-medium);white-space:nowrap;text-overflow:ellipsis}.resource-list-file-item__description.sc-swirl-resource-list-file-item{overflow:hidden;margin-top:var(--s-space-2);color:var(--s-text-subdued);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);white-space:nowrap;text-overflow:ellipsis}.resource-list-file-item__error-message.sc-swirl-resource-list-file-item{margin-top:var(--s-space-2)}.resource-list-file-item__remove-button.sc-swirl-resource-list-file-item{position:absolute;top:50%;right:var(--s-space-16);display:inline-flex;transform:translateY(-50%)}.resource-list-file-item__spinner.sc-swirl-resource-list-file-item{position:absolute;top:50%;right:var(--s-space-24);display:inline-flex;transform:translateY(-50%)}'}},[2,"swirl-resource-list-file-item",{description:[1],errorMessage:[1,"error-message"],icon:[1],label:[1],loading:[4],removable:[4],removeButtonLabel:[1,"remove-button-label"]}]),h=u,p=function(){"undefined"!=typeof customElements&&["swirl-resource-list-file-item","swirl-button","swirl-icon-error","swirl-inline-error","swirl-spinner","swirl-visually-hidden"].forEach((e=>{switch(e){case"swirl-resource-list-file-item":customElements.get(l(e))||customElements.define(l(e),u);break;case"swirl-button":customElements.get(l(e))||a();break;case"swirl-icon-error":customElements.get(l(e))||n();break;case"swirl-inline-error":customElements.get(l(e))||m();break;case"swirl-spinner":customElements.get(l(e))||f();break;case"swirl-visually-hidden":customElements.get(l(e))||d()}}))};export{h as SwirlResourceListFileItem,p as defineCustomElement}