@getflip/swirl-components 0.480.0 → 0.482.0

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"./bodyScrollLock.esm.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:"99f387a29685cf09b3f09a78b677d20ef5a3ad01"},s("dialog",{key:"a6fa0ecb8b38689603174f846f7fc934bf721d8e","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:"12f6ae6dd25b7aa9dca297670383e84c4a3dbb4c",class:"lightbox__body",role:"document"},s("header",{key:"ecc35ad06496c34ddd273ffb53f293d1b806ec2f",class:"lightbox__header"},s("div",{key:"2bc6c93a17027cb40c309f5f1ada6b94877ba9c3",class:"lightbox__toolbar"},s("slot",{key:"214d17535ff7b65c99e73e54f85b0b08149d62d0",name:"toolbar"}),this.downloadButtonEnabled&&s("button",{key:"9d3947a31f1e03a259d833651f6134c233e83af0","aria-label":this.downloadButtonLabel,class:"lightbox__download-button",onClick:this.onDownloadButtonClick,type:"button"},s("swirl-icon-download",{key:"8137af42613e5293fbcf24267a024ea3bd4fb484"}))),s("button",{key:"2e3c5d495fef4e61de9fbd04ca4ac74df8689d60","aria-label":this.closeButtonLabel,class:"lightbox__close-button",onClick:this.onCloseButtonClick,type:"button"},s("swirl-icon-close",{key:"d203ccfa1c14e4776fba7576d216094ca8c6f97a"}))),s("div",{key:"0cebaa4cd6251349ac2201bea521867d8e376f4b","aria-roledescription":"carousel",class:"lightbox__content",role:"group"},s("div",{key:"c63323a7ffd50e62b63aa4a61cc54b6c4b71a743","aria-atomic":"false","aria-live":"polite",class:"lightbox__slides",onClick:this.onBackdropClick,onContextMenu:this.onContextMenu,ref:t=>this.slidesContainer=t},s("slot",{key:"67dbbe6a803d0723526288678617d84a24093e61",onSlotchange:this.registerSlides}))),s("div",{key:"26e22ad40e19dbc488aef76af158d9ddb60fed8d",class:"lightbox__controls"},s("button",{key:"c1a08d4bfb77b472c379475eb4345d3faba7e919","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:"6b203a55bba850ddc2809c0aad7b45717659b7aa"})),s("button",{key:"8377c2878707fe6d1f43539ae89c004df459dceb","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:"9ef47f48857d32e8b5d5a577de69aa1fc9aa0434"}))),t&&s("span",{key:"2d419fec01907c31a9cc6e984ae8989d8baaceff",class:"lightbox__pagination"},s("span",{key:"19e3b3312b5f4b0f4feffa627d5b538269e2b53f","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:var(--s-space-12) var(--s-space-16);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"./bodyScrollLock.esm.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 x=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:"dec00df0429b06410d336d261f13cd8c4210feb4"},s("dialog",{key:"65a5a1f17aa31259b78ef1d2cc6b4d6f83b53051","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:"575206d15ec2ea22eaa2cb294eda5c493b2ca1f0",class:"lightbox__body",role:"document"},s("header",{key:"e1843898181296ea568cb868ee22b6b678ea1cef",class:"lightbox__header"},s("div",{key:"a39846ea8d687db8167ea2cde6da885cddee2c96",class:"lightbox__toolbar"},s("slot",{key:"51db02a499682b3052cb685c40316b6f22a3d4bf",name:"toolbar"}),this.downloadButtonEnabled&&s("button",{key:"2a83cdead0eee85b8745697195f5d2a09889c59f","aria-label":this.downloadButtonLabel,class:"lightbox__download-button",onClick:this.onDownloadButtonClick,type:"button"},s("swirl-icon-download",{key:"35ae56767e8edbbd0567dbd2f54d0537038982bf"}))),s("button",{key:"b26ee336969968d044b0b2f00f51a85eb2d22b20","aria-label":this.closeButtonLabel,class:"lightbox__close-button",onClick:this.onCloseButtonClick,type:"button"},s("swirl-icon-close",{key:"73226a57e4f58793af48c0000f74447f9ceb1686"}))),s("div",{key:"bbdf47ecb38e1f3f0ac7ea0f5a147c4be821f323","aria-roledescription":"carousel",class:"lightbox__content",role:"group"},s("div",{key:"3ca670e4ffe10b508e752401c5334cc45b095605","aria-atomic":"false","aria-live":"polite",class:"lightbox__slides",onClick:this.onBackdropClick,onContextMenu:this.onContextMenu,ref:t=>this.slidesContainer=t},s("slot",{key:"5fe406e445cb425820824f67db88bcb0ff345148",onSlotchange:this.registerSlides}))),s("div",{key:"dcd7de95f9996a16a20e695bd84768948459e779",class:"lightbox__controls"},s("button",{key:"bd7e44636ed63a1d07a943e45961f3407b1b479c","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:"17884c850ffa3a01ba6572010ecc4453713b57b0"})),s("button",{key:"f9904cd4c7643ec3be856278c3b10c6db1078cce","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:"efbddd2819f717d99974600dd0773b00ef629024"}))),t&&s("span",{key:"c5998e245d764ba735d0d7f5748e7e19f8526eb9",class:"lightbox__pagination"},s("span",{key:"1e38e7ed072c74e1251cdc1a4c83b4499742f0b4","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:var(--s-space-12) var(--s-space-16);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}]}]),f=x,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),x);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{f 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:"b0b2c5f0c0352e10cd286b0499fdb416709b8060"},i("div",{key:"c381efd363d4bf935cd229d25240fc1f1b655e9b",class:"swirl-list",ref:e=>this.containerEl=e},i("slot",{key:"cd8781954504e271224d8dbc6da125bb7d8e88c4"})))}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:"33a17d13bf9b18a75f85e865d131f8f0f0f196e2"},i("div",{key:"409b90ae07dcb6fcb76d4a24875f78b8cb535d3d",class:"swirl-list",ref:e=>this.containerEl=e},i("slot",{key:"e89fa0d1a1c61d62e2ed5286471e2b63fbe28717"})))}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 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 as m}from"./swirl-icon-check-strong2.js";import{d}from"./swirl-icon-drag-handle2.js";import{d as u}from"./swirl-option-list-item2.js";const p=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.intent="default",this.truncateLabel=!0,this.hasAvatar=!1,this.onSlotChange=()=>{this.subMenu=this.el.querySelector("swirl-menu"),this.updateActionListItemProps()},this.onActionListItemClick=()=>{this.actionListItem.disabled||this.rootMenu.activateMenuItem(this.el)},this.onOptionListItemClick=()=>{this.optionListItem.disabled||this.parentMenu.updateSelection(this.optionListItem)},this.onOptionListItemKeyDown=t=>{if("Space"===t.code)t.preventDefault();else if("Enter"===t.code){if(this.optionListItem.disabled)return;t.preventDefault(),this.parentMenu.updateSelection(this.optionListItem)}},this.onOptionListItemKeyUp=t=>{if("Space"===t.code){if(this.optionListItem.disabled)return;t.preventDefault(),this.parentMenu.updateSelection(this.optionListItem)}}}componentWillLoad(){this.parentMenu=o(this.el,"swirl-menu"),this.rootMenu=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:"c8c8afe6dcfc424b17a6f753cf1bc1949e672714"},e("div",{key:"5c8aa9e4450323c611dd06ccd3909f7f3b8eb522",class:t},"selection"===this.parentMenu?.variant?this.renderOptionListItem():this.renderActionListItem(),e("slot",{key:"50fca48541805d63f570386f9be11a7acba21b37",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))||h();break;case"swirl-icon-check-small":customElements.get(a(t))||l();break;case"swirl-icon-check-strong":customElements.get(a(t))||m();break;case"swirl-icon-drag-handle":customElements.get(a(t))||d();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 h}from"./utils.js";import{d as l}from"./swirl-action-list-item2.js";import{d as c}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:"af490107846a406ef76cfbbd9bbb42fdea49b847"},e("div",{key:"89a35da2b4e61b8b620eb18d51e126658fa50d75",class:t},"selection"===this.parentMenu?.variant?this.renderOptionListItem():this.renderActionListItem(),e("slot",{key:"9f19424a0583b834905f5fd0c386854735d4b936",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}]}]),b=p,w=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))||l();break;case"swirl-icon-check-small":customElements.get(a(t))||c();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{b as SwirlMenuItem,w 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 i}from"@stencil/core/internal/client";import{d as a,e as c}from"./bodyScrollLock.esm.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(),a(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:"4051280da8bcc61bad483d7276e217234b3df02f"},o("dialog",{key:"aa9c4a81b73ae40c8c63ae255bf920508976de72","aria-label":this.label,class:s,onClose:this.onDialogClose,onKeyDown:this.onKeyDown,ref:s=>this.modalEl=s},o("div",{key:"b9aef02ddb4de9105fa7818c23858c5d46a53f2e",class:"modal-shell__backdrop"}),o("div",{key:"0a054404e81239212293dac22c19170753a06173",class:"modal-shell__scroll-container",onClick:this.onClose,ref:s=>this.scrollContainerEl=s},o("div",{key:"212d7890ef2364fe998c954f6e92e5ebaec40c87",class:"modal-shell__scroll-container__content",onClick:this.onContentClick},o("slot",{key:"bf794b1fbfb8647d725132aa3107be82e904ae59"}))),o("swirl-button",{key:"4319295c901bd830368d812e42db7a6bbd123437",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: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:var(--s-space-16);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(i(s))||customElements.define(i(s),d);break;case"swirl-button":customElements.get(i(s))||n()}}))};export{h as SwirlModalShell,b as defineCustomElement}
+import{proxyCustomElement as s,HTMLElement as l,createEvent as e,h as o,Host as t,transformTag as i}from"@stencil/core/internal/client";import{d as a,e as c}from"./bodyScrollLock.esm.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(),a(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:"fe7c416f75e5113a51582693132961a74ea7e717"},o("dialog",{key:"5dbe38a1b026ccd97e6759e3f3eaa9970bd4330e","aria-label":this.label,class:s,onClose:this.onDialogClose,onKeyDown:this.onKeyDown,ref:s=>this.modalEl=s},o("div",{key:"9229277d09a18c91c1f8cbfe94e88da02209f9d4",class:"modal-shell__backdrop"}),o("div",{key:"f20cda2184a77ff2b67666f3cbdec35ea2638ec5",class:"modal-shell__scroll-container",onClick:this.onClose,ref:s=>this.scrollContainerEl=s},o("div",{key:"0384eb236111fe9b119e25a0125c748b9770c5ba",class:"modal-shell__scroll-container__content",onClick:this.onContentClick},o("slot",{key:"baeef561e1a41e700e6fe5db16f941d5f0171034"}))),o("swirl-button",{key:"5006ac6f13badfdf08e1e6f812242fc44084d57f",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: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:var(--s-space-16);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(i(s))||customElements.define(i(s),d);break;case"swirl-button":customElements.get(i(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 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 c=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.separatorSpacing="4",this.spacing="0",this.hasSeparator=!1}render(){return t(i,{key:"c3d6a00c7826696125a52c94407343e465f61457"},this.hasSeparator&&t("swirl-separator",{key:"1a7a5676260c8b4969c627a0dd91788f3be2aa36",spacing:this.separatorSpacing}),t("div",{key:"85f1bb5fa8e5c830be06c55fe56932bf6c52cc9e","aria-labelledby":"label",class:"option-list-section",role:"group"},t("span",{key:"4605ffb4d7883e889e29cc34e9bc94888e6186ae",class:"option-list-section__label",id:"label",part:"option-list-section__label"},this.label),t("swirl-stack",{key:"618ba2f1a4753862f7ae914a2f2b286bc7e3b630",spacing:this.spacing,align:"stretch"},t("slot",{key:"76c45be8e73e97e3b664c6b9bc85bac3795d2bb6"}))))}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"]}]),l=c,n=function(){"undefined"!=typeof customElements&&["swirl-option-list-section","swirl-separator","swirl-stack"].forEach((s=>{switch(s){case"swirl-option-list-section":customElements.get(a(s))||customElements.define(a(s),c);break;case"swirl-separator":customElements.get(a(s))||o();break;case"swirl-stack":customElements.get(a(s))||r()}}))};export{l 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:"efd3c0d49b2329996b8a30fed6e8526622ea24aa"},this.hasSeparator&&t("swirl-separator",{key:"583411c38d3bc265cd18dfaadbea3577867c34ee",spacing:this.separatorSpacing}),t("div",{key:"fb5e564ed21375cb4d42643ef75340e69d39938b","aria-labelledby":"label",class:"option-list-section",role:"group"},t("span",{key:"5653a7681d4d5773bf330e7e94d8d685f2bdcc42",class:"option-list-section__label",id:"label",part:"option-list-section__label"},this.label),t("swirl-stack",{key:"e82c32cb7b5dd2aa7ef0468b5ee101b42b791cbe",spacing:this.spacing,align:"stretch"},t("slot",{key:"1283f2c3e364de99ea9a6e90d1e8fa012d50cb0c"}))))}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";import{v as w}from"./v4.js";const p=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.itemDrop=i(this,"itemDrop",7),this.valueChange=i(this,"valueChange",7),this.allowDeselect=!0,this.assistiveTextItemGrabbed="Item grabbed. Use arrow keys to move item up or down. Use spacebar to save position.",this.assistiveTextItemMoving="Current position:",this.assistiveTextItemMoved="Item moved. New position:",this.selectAllLabel="Select all",this.value=[],this.selectAllState=!1,this.componentLoaded=!1,this.selectAllValue=w(),this.onClick=t=>{t.preventDefault();const s=t.target,i=s?.closest("swirl-option-list-item"),e=t.composedPath()[0],o=Boolean(a(e,'[role="option"]'));if(Boolean(i)&&o)if(i.value===this.selectAllValue)this.selectAllChanged();else{const t=this.items.findIndex((t=>t.value===i.value));this.focusItem(t),this.selectItem(t)}else t.preventDefault()},this.onKeyDown=t=>{if("ArrowDown"===t.code)t.preventDefault(),Boolean(this.dragging)?this.moveDraggedItemDown():this.focusNextItem();else if("ArrowUp"===t.code)t.preventDefault(),Boolean(this.dragging)?this.moveDraggedItemUp():this.focusPreviousItem();else if("Space"===t.code||"Enter"===t.code){if(!t.target.classList.contains("option-list-item__drag-handle")&&Boolean(this.dragging))return t.preventDefault(),void this.stopDrag(this.dragging);const s=t.composedPath()[0],i=Boolean(a(s,'[role="option"]')),e=s?.closest("swirl-option-list-item")?.value===this.selectAllValue;if(!i&&!e)return;t.preventDefault(),Boolean(this.dragging)?this.stopDrag(this.dragging):e?this.selectAllChanged():this.selectFocusedItem()}else"Home"===t.code?(t.preventDefault(),this.showSelectAll?this.focusSelectAll():this.focusItem(0)):"End"===t.code?(t.preventDefault(),this.focusItem(this.items.length-1)):"KeyA"===t.code&&(t.metaKey||t.ctrlKey)&&this.multiSelect?(t.preventDefault(),this.selectAllItems()):"Tab"===t.code&&Boolean(this.dragging)&&t.preventDefault()},this.resetTabIndex=()=>{this.removeItemsTabIndex(),this.focusedItem=void 0;const t=this.items[0]?.querySelector('[role="option"]'),s=this.selectAllEl?.querySelector('[role="option"]');(s||t)?.setAttribute("tabIndex","0")},this.selectAllChanged=()=>{if(this.disabled)return;const t=this.items?.length||0;this.updateValue((this.value?.length||0)===t?[]:this.items.map((t=>t.value)))},this.toggleDrag=t=>{const s=t.detail;Boolean(this.dragging)?this.stopDrag(s):this.startDrag(s)},this.startDrag=t=>{this.dragging=t,this.draggingStartIndex=this.getItemIndex(this.dragging),t.setAttribute("dragging","true");const s=this.getItemIndex(this.dragging);this.focusItem(s),this.assistiveText=this.assistiveTextItemGrabbed},this.stopDrag=t=>{this.dragging=void 0,t.removeAttribute("dragging");const s=this.getActiveItemIndex();this.assistiveText=`${this.assistiveTextItemMoved} ${s+1}`,this.itemDrop.emit({item:t,oldIndex:this.draggingStartIndex,newIndex:s}),this.draggingStartIndex=void 0,this.focusItem(s)}}connectedCallback(){this.componentLoaded&&(this.observeSlotChanges(),this.subscribeToSwirlPopover(),this.setItemAllowDragState())}componentDidLoad(){this.updateItems(),this.observeSlotChanges(),this.setItemAllowDragState(),this.setItemDisabledState(),this.setItemContext(),this.syncItemsWithValue(),this.setupDragDrop(),this.setSectionSeparator(),this.setSelectAllState(),this.subscribeToSwirlPopover(),this.componentLoaded=!0}componentDidRender(){this.setupDragDrop()}disconnectedCallback(){this.unsubscribeFromSwirlPopover(),this.observer?.disconnect(),this.sortable?.destroy(),this.removeToggleDragListeners()}removeToggleDragListeners(){this.items?.forEach((t=>{t.removeEventListener("toggleDrag",this.toggleDrag)}))}watchAllowDrag(){this.setItemAllowDragState(),this.setupDragDrop()}watchDisabled(){this.setItemDisabledState()}watchMultiSelect(){this.setItemContext()}watchValue(){this.syncItemsWithValue(),this.setSelectAllState()}async focusItemWithValue(t){const s=this.items.findIndex((s=>s.value===t));s>=0&&this.focusItem(s)}observeSlotChanges(){this.observer=new MutationObserver((()=>{this.updateItems(),this.setItemAllowDragState(),this.setItemDisabledState(),this.setItemContext(),this.syncItemsWithValue(),this.setSelectAllState()})),this.observer.observe(this.listboxEl,{childList:!0,subtree:!0})}setSelectAllState(){const t=this.items?.length||0,s=this.value?.length||0;this.selectAllState=0!==t&&0!==s&&(s===t||"indeterminate")}updateItems(){this.removeToggleDragListeners(),this.items=n(this.el,"swirl-option-list-item").filter((t=>t.value!==this.selectAllValue)),this.selectAllEl?.querySelector('[tabindex="0"]')||this.items.some((t=>t.querySelector('[tabindex="0"]')))||this.resetTabIndex()}removeItemsTabIndex(){this.selectAllEl?.querySelector('[role="option"]')?.removeAttribute("tabIndex"),this.items.forEach((t=>t.querySelector('[role="option"]')?.removeAttribute("tabIndex")))}setItemDisabledState(){this.disabled&&this.items.forEach((t=>t.disabled=!0))}setItemContext(){this.multiSelect?this.items.forEach((t=>t.context="multi-select")):(this.items.forEach((t=>t.context="single-select")),this.value.length>1&&this.updateValue([this.value[0]]))}setupDragDrop(){Boolean(this.sortable)&&this.sortable.destroy(),this.allowDrag&&(this.sortable=l.create(this.listboxEl,{animation:150,draggable:'swirl-option-list-item[allow-drag="true"]',dragClass:"option-list-item--drag",handle:".option-list-item__drag-handle",onEnd:t=>{this.itemDrop.emit({item:t.item,oldIndex:t.oldIndex,newIndex:t.newIndex})}}))}setItemAllowDragState(){if(this.allowDrag&&!this.multiSelect)return void console.error("[SwirlOptionList] Drag can only be allowed for multi select lists.");const t=n(this.el,"swirl-option-list-section");this.allowDrag&&t.length>0?console.error("[SwirlOptionList] Drag can only be allowed for lists without sections."):this.items.forEach(this.allowDrag?t=>{t.setAttribute("allow-drag","true"),t.addEventListener("toggleDrag",this.toggleDrag)}:t=>{t.removeAttribute("allow-drag"),t.removeEventListener("toggleDrag",this.toggleDrag)})}selectItem(t){if(this.disabled)return;const s=this.items[t];if(s.disabled)return;const i=this.value.includes(s.value);i&&!this.allowDeselect||(this.multiSelect||(this.value=[]),this.updateValue(i?this.value.filter((t=>t!==s.value)):[...this.value,s.value]))}updateValue(t){this.value=t,this.valueChange.emit(this.value)}selectFocusedItem(){this.disabled||-1===this.getActiveItemIndex()||this.selectItem(this.getActiveItemIndex())}selectAllItems(){if(this.disabled)return;const t=this.items.every((t=>this.value.includes(t.value)));this.updateValue(t?[]:this.items.map((t=>t.value)))}syncItemsWithValue(){this.items?.forEach((t=>t.selected=this.value.includes(t.value)))}focusItem(t){if(this.disabled)return;this.removeItemsTabIndex();const s=this.items[t]?.querySelector('[role="option"]');Boolean(s)&&(s.setAttribute("tabIndex","0"),s.focus(),this.focusedItem=s)}focusNextItem(){if(this.disabled)return;const t=this.getActiveItemIndex(),s=Math.min(t+1,this.items.length-1);this.focusItem(s)}focusPreviousItem(){const t=this.getActiveItemIndex();if(t<=0&&this.showSelectAll)this.focusSelectAll();else{const s=Math.max(t-1,0);this.focusItem(s)}}focusSelectAll(){const t=this.selectAllEl?.querySelector('[role="option"]');t&&(this.removeItemsTabIndex(),t.setAttribute("tabIndex","0"),t.focus(),this.focusedItem=void 0)}getActiveItemIndex(){return Boolean(this.focusedItem)?this.items.map((t=>t.querySelector('[role="option"]'))).findIndex((t=>t===this.focusedItem)):Boolean(this.selectAllEl)?-1:0}getItemIndex(t){return this.items.map((t=>t)).findIndex((s=>s===t))}moveDraggedItemDown(){const t=this.dragging.nextElementSibling;Boolean(t)&&(t.after(this.dragging),this.updateItems(),this.listboxEl.focus(),this.assistiveText=`${this.assistiveTextItemMoving} ${this.getActiveItemIndex()+1}`)}moveDraggedItemUp(){const t=this.dragging.previousElementSibling;Boolean(t)&&t!==this.selectAllEl&&(t.before(this.dragging),this.updateItems(),this.listboxEl.focus(),this.assistiveText=`${this.assistiveTextItemMoving} ${this.getItemIndex(this.dragging)+1}`)}setSectionSeparator(){this.el&&Array.from(this.el.querySelectorAll("swirl-option-list-section")).filter((t=>t.isConnected)).forEach(((t,s)=>{0===s&&"SWIRL-OPTION-LIST-ITEM"!==t.previousElementSibling?.tagName&&(t.hasSeparator=!1)}))}subscribeToSwirlPopover(){this.swirlPopover=a(this.el,"swirl-popover"),this.swirlPopover?.addEventListener("popoverClose",this.resetTabIndex)}unsubscribeFromSwirlPopover(){this.swirlPopover?.removeEventListener("popoverClose",this.resetTabIndex)}render(){const t=this.multiSelect?"true":void 0,s=Boolean(this.dragging)?0:void 0,i=this.multiSelect&&this.showSelectAll;return e(o,{key:"9bf10d95d87d601e2edebabafc2aa89cf7af831c"},e("swirl-visually-hidden",{key:"cfc5efe9fda6ce38e636f201675de82d425d0720",role:"alert"},this.assistiveText),e("div",{key:"00bb18b0075036063c0ebb07c4ec966b70810a91","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:"e2c20dfbbd757455fa2d1db5a82a483a507a896a",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:"5bd5f5f1a79d9843bce6a4ca4ab41611846664cd",onSlotchange:this.setSectionSeparator})))}get el(){return this}static get watchers(){return{allowDrag:[{watchAllowDrag:0}],disabled:[{watchDisabled:0}],multiSelect:[{watchMultiSelect:0}],value:[{watchValue:0}]}}static get style(){return".sc-swirl-option-list-h{display:block}.sc-swirl-option-list-h *.sc-swirl-option-list{box-sizing:border-box}"}},[262,"swirl-option-list",{allowDeselect:[4,"allow-deselect"],allowDrag:[4,"allow-drag"],assistiveTextItemGrabbed:[1,"assistive-text-item-grabbed"],assistiveTextItemMoving:[1,"assistive-text-item-moving"],assistiveTextItemMoved:[1,"assistive-text-item-moved"],disabled:[4],label:[1],optionListId:[1,"option-list-id"],multiSelect:[4,"multi-select"],showSelectAll:[4,"show-select-all"],selectAllLabel:[1,"select-all-label"],value:[1040],assistiveText:[32],selectAllState:[32],focusItemWithValue:[64]},void 0,{allowDrag:[{watchAllowDrag:0}],disabled:[{watchDisabled:0}],multiSelect:[{watchMultiSelect:0}],value:[{watchValue:0}]}]);function b(){"undefined"!=typeof customElements&&["swirl-option-list","swirl-icon-check-small","swirl-icon-check-strong","swirl-icon-drag-handle","swirl-option-list-item","swirl-visually-hidden"].forEach((t=>{switch(t){case"swirl-option-list":customElements.get(h(t))||customElements.define(h(t),p);break;case"swirl-icon-check-small":customElements.get(h(t))||r();break;case"swirl-icon-check-strong":customElements.get(h(t))||c();break;case"swirl-icon-drag-handle":customElements.get(h(t))||d();break;case"swirl-option-list-item":customElements.get(h(t))||m();break;case"swirl-visually-hidden":customElements.get(h(t))||u()}}))}export{p as S,b as d}
+import{proxyCustomElement as t,HTMLElement as s,createEvent as i,h as e,Host as o,transformTag as h}from"@stencil/core/internal/client";import{S as l}from"./sortable.esm.js";import{l as a,q as n}from"./utils.js";import{d as r}from"./swirl-icon-check-small2.js";import{d as c}from"./swirl-icon-check-strong2.js";import{d}from"./swirl-icon-drag-handle2.js";import{d as m}from"./swirl-option-list-item2.js";import{d as u}from"./swirl-visually-hidden2.js";import{v as w}from"./v4.js";const p=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.itemDrop=i(this,"itemDrop",7),this.valueChange=i(this,"valueChange",7),this.allowDeselect=!0,this.assistiveTextItemGrabbed="Item grabbed. Use arrow keys to move item up or down. Use spacebar to save position.",this.assistiveTextItemMoving="Current position:",this.assistiveTextItemMoved="Item moved. New position:",this.selectAllLabel="Select all",this.value=[],this.selectAllState=!1,this.componentLoaded=!1,this.selectAllValue=w(),this.onClick=t=>{t.preventDefault();const s=t.target,i=s?.closest("swirl-option-list-item"),e=t.composedPath()[0],o=Boolean(a(e,'[role="option"]'));if(Boolean(i)&&o)if(i.value===this.selectAllValue)this.selectAllChanged();else{const t=this.items.findIndex((t=>t.value===i.value));this.focusItem(t),this.selectItem(t)}else t.preventDefault()},this.onKeyDown=t=>{if("ArrowDown"===t.code)t.preventDefault(),Boolean(this.dragging)?this.moveDraggedItemDown():this.focusNextItem();else if("ArrowUp"===t.code)t.preventDefault(),Boolean(this.dragging)?this.moveDraggedItemUp():this.focusPreviousItem();else if("Space"===t.code||"Enter"===t.code){if(!t.target.classList.contains("option-list-item__drag-handle")&&Boolean(this.dragging))return t.preventDefault(),void this.stopDrag(this.dragging);const s=t.composedPath()[0],i=Boolean(a(s,'[role="option"]')),e=s?.closest("swirl-option-list-item")?.value===this.selectAllValue;if(!i&&!e)return;t.preventDefault(),Boolean(this.dragging)?this.stopDrag(this.dragging):e?this.selectAllChanged():this.selectFocusedItem()}else"Home"===t.code?(t.preventDefault(),this.showSelectAll?this.focusSelectAll():this.focusItem(0)):"End"===t.code?(t.preventDefault(),this.focusItem(this.items.length-1)):"KeyA"===t.code&&(t.metaKey||t.ctrlKey)&&this.multiSelect?(t.preventDefault(),this.selectAllItems()):"Tab"===t.code&&Boolean(this.dragging)&&t.preventDefault()},this.resetTabIndex=()=>{this.removeItemsTabIndex(),this.focusedItem=void 0;const t=this.items[0]?.querySelector('[role="option"]'),s=this.selectAllEl?.querySelector('[role="option"]');(s||t)?.setAttribute("tabIndex","0")},this.selectAllChanged=()=>{if(this.disabled)return;const t=this.items?.length||0;this.updateValue((this.value?.length||0)===t?[]:this.items.map((t=>t.value)))},this.toggleDrag=t=>{const s=t.detail;Boolean(this.dragging)?this.stopDrag(s):this.startDrag(s)},this.startDrag=t=>{this.dragging=t,this.draggingStartIndex=this.getItemIndex(this.dragging),t.setAttribute("dragging","true");const s=this.getItemIndex(this.dragging);this.focusItem(s),this.assistiveText=this.assistiveTextItemGrabbed},this.stopDrag=t=>{this.dragging=void 0,t.removeAttribute("dragging");const s=this.getActiveItemIndex();this.assistiveText=`${this.assistiveTextItemMoved} ${s+1}`,this.itemDrop.emit({item:t,oldIndex:this.draggingStartIndex,newIndex:s}),this.draggingStartIndex=void 0,this.focusItem(s)}}connectedCallback(){this.componentLoaded&&(this.observeSlotChanges(),this.subscribeToSwirlPopover(),this.setItemAllowDragState())}componentDidLoad(){this.updateItems(),this.observeSlotChanges(),this.setItemAllowDragState(),this.setItemDisabledState(),this.setItemContext(),this.syncItemsWithValue(),this.setupDragDrop(),this.setSectionSeparator(),this.setSelectAllState(),this.subscribeToSwirlPopover(),this.componentLoaded=!0}componentDidRender(){this.setupDragDrop()}disconnectedCallback(){this.unsubscribeFromSwirlPopover(),this.observer?.disconnect(),this.sortable?.destroy(),this.removeToggleDragListeners()}removeToggleDragListeners(){this.items?.forEach((t=>{t.removeEventListener("toggleDrag",this.toggleDrag)}))}watchAllowDrag(){this.setItemAllowDragState(),this.setupDragDrop()}watchDisabled(){this.setItemDisabledState()}watchMultiSelect(){this.setItemContext()}watchValue(){this.syncItemsWithValue(),this.setSelectAllState()}async focusItemWithValue(t){const s=this.items.findIndex((s=>s.value===t));s>=0&&this.focusItem(s)}observeSlotChanges(){this.observer=new MutationObserver((()=>{this.updateItems(),this.setItemAllowDragState(),this.setItemDisabledState(),this.setItemContext(),this.syncItemsWithValue(),this.setSelectAllState()})),this.observer.observe(this.listboxEl,{childList:!0,subtree:!0})}setSelectAllState(){const t=this.items?.length||0,s=this.value?.length||0;this.selectAllState=0!==t&&0!==s&&(s===t||"indeterminate")}updateItems(){this.removeToggleDragListeners(),this.items=n(this.el,"swirl-option-list-item").filter((t=>t.value!==this.selectAllValue)),this.selectAllEl?.querySelector('[tabindex="0"]')||this.items.some((t=>t.querySelector('[tabindex="0"]')))||this.resetTabIndex()}removeItemsTabIndex(){this.selectAllEl?.querySelector('[role="option"]')?.removeAttribute("tabIndex"),this.items.forEach((t=>t.querySelector('[role="option"]')?.removeAttribute("tabIndex")))}setItemDisabledState(){this.disabled&&this.items.forEach((t=>t.disabled=!0))}setItemContext(){this.multiSelect?this.items.forEach((t=>t.context="multi-select")):(this.items.forEach((t=>t.context="single-select")),this.value.length>1&&this.updateValue([this.value[0]]))}setupDragDrop(){Boolean(this.sortable)&&this.sortable.destroy(),this.allowDrag&&(this.sortable=l.create(this.listboxEl,{animation:150,draggable:'swirl-option-list-item[allow-drag="true"]',dragClass:"option-list-item--drag",handle:".option-list-item__drag-handle",onEnd:t=>{this.itemDrop.emit({item:t.item,oldIndex:t.oldIndex,newIndex:t.newIndex})}}))}setItemAllowDragState(){if(this.allowDrag&&!this.multiSelect)return void console.error("[SwirlOptionList] Drag can only be allowed for multi select lists.");const t=n(this.el,"swirl-option-list-section");this.allowDrag&&t.length>0?console.error("[SwirlOptionList] Drag can only be allowed for lists without sections."):this.items.forEach(this.allowDrag?t=>{t.setAttribute("allow-drag","true"),t.addEventListener("toggleDrag",this.toggleDrag)}:t=>{t.removeAttribute("allow-drag"),t.removeEventListener("toggleDrag",this.toggleDrag)})}selectItem(t){if(this.disabled)return;const s=this.items[t];if(s.disabled)return;const i=this.value.includes(s.value);i&&!this.allowDeselect||(this.multiSelect||(this.value=[]),this.updateValue(i?this.value.filter((t=>t!==s.value)):[...this.value,s.value]))}updateValue(t){this.value=t,this.valueChange.emit(this.value)}selectFocusedItem(){this.disabled||-1===this.getActiveItemIndex()||this.selectItem(this.getActiveItemIndex())}selectAllItems(){if(this.disabled)return;const t=this.items.every((t=>this.value.includes(t.value)));this.updateValue(t?[]:this.items.map((t=>t.value)))}syncItemsWithValue(){this.items?.forEach((t=>t.selected=this.value.includes(t.value)))}focusItem(t){if(this.disabled)return;this.removeItemsTabIndex();const s=this.items[t]?.querySelector('[role="option"]');Boolean(s)&&(s.setAttribute("tabIndex","0"),s.focus(),this.focusedItem=s)}focusNextItem(){if(this.disabled)return;const t=this.getActiveItemIndex(),s=Math.min(t+1,this.items.length-1);this.focusItem(s)}focusPreviousItem(){const t=this.getActiveItemIndex();if(t<=0&&this.showSelectAll)this.focusSelectAll();else{const s=Math.max(t-1,0);this.focusItem(s)}}focusSelectAll(){const t=this.selectAllEl?.querySelector('[role="option"]');t&&(this.removeItemsTabIndex(),t.setAttribute("tabIndex","0"),t.focus(),this.focusedItem=void 0)}getActiveItemIndex(){return Boolean(this.focusedItem)?this.items.map((t=>t.querySelector('[role="option"]'))).findIndex((t=>t===this.focusedItem)):Boolean(this.selectAllEl)?-1:0}getItemIndex(t){return this.items.map((t=>t)).findIndex((s=>s===t))}moveDraggedItemDown(){const t=this.dragging.nextElementSibling;Boolean(t)&&(t.after(this.dragging),this.updateItems(),this.listboxEl.focus(),this.assistiveText=`${this.assistiveTextItemMoving} ${this.getActiveItemIndex()+1}`)}moveDraggedItemUp(){const t=this.dragging.previousElementSibling;Boolean(t)&&t!==this.selectAllEl&&(t.before(this.dragging),this.updateItems(),this.listboxEl.focus(),this.assistiveText=`${this.assistiveTextItemMoving} ${this.getItemIndex(this.dragging)+1}`)}setSectionSeparator(){this.el&&Array.from(this.el.querySelectorAll("swirl-option-list-section")).filter((t=>t.isConnected)).forEach(((t,s)=>{0===s&&"SWIRL-OPTION-LIST-ITEM"!==t.previousElementSibling?.tagName&&(t.hasSeparator=!1)}))}subscribeToSwirlPopover(){this.swirlPopover=a(this.el,"swirl-popover"),this.swirlPopover?.addEventListener("popoverClose",this.resetTabIndex)}unsubscribeFromSwirlPopover(){this.swirlPopover?.removeEventListener("popoverClose",this.resetTabIndex)}render(){const t=this.multiSelect?"true":void 0,s=Boolean(this.dragging)?0:void 0,i=this.multiSelect&&this.showSelectAll;return e(o,{key:"a57f061ed08e3c6ed41ef76bb1a3587ec30b2627"},e("swirl-visually-hidden",{key:"a16da4538380ef281f46d1e81e4399821fa3ce96",role:"alert"},this.assistiveText),e("div",{key:"a92c82fc3cd7320ea1ef11c29bd4f78be4340f68","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:"a3012d24f975a9578be92ce77769445665566bd3",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:"7167a9f89fe52278605389ab117a29ce2b84159c",onSlotchange:this.setSectionSeparator})))}get el(){return this}static get watchers(){return{allowDrag:[{watchAllowDrag:0}],disabled:[{watchDisabled:0}],multiSelect:[{watchMultiSelect:0}],value:[{watchValue:0}]}}static get style(){return".sc-swirl-option-list-h{display:block}.sc-swirl-option-list-h *.sc-swirl-option-list{box-sizing:border-box}"}},[262,"swirl-option-list",{allowDeselect:[4,"allow-deselect"],allowDrag:[4,"allow-drag"],assistiveTextItemGrabbed:[1,"assistive-text-item-grabbed"],assistiveTextItemMoving:[1,"assistive-text-item-moving"],assistiveTextItemMoved:[1,"assistive-text-item-moved"],disabled:[4],label:[1],optionListId:[1,"option-list-id"],multiSelect:[4,"multi-select"],showSelectAll:[4,"show-select-all"],selectAllLabel:[1,"select-all-label"],value:[1040],assistiveText:[32],selectAllState:[32],focusItemWithValue:[64]},void 0,{allowDrag:[{watchAllowDrag:0}],disabled:[{watchDisabled:0}],multiSelect:[{watchMultiSelect:0}],value:[{watchValue:0}]}]);function b(){"undefined"!=typeof customElements&&["swirl-option-list","swirl-icon-check-small","swirl-icon-check-strong","swirl-icon-drag-handle","swirl-option-list-item","swirl-visually-hidden"].forEach((t=>{switch(t){case"swirl-option-list":customElements.get(h(t))||customElements.define(h(t),p);break;case"swirl-icon-check-small":customElements.get(h(t))||r();break;case"swirl-icon-check-strong":customElements.get(h(t))||c();break;case"swirl-icon-drag-handle":customElements.get(h(t))||d();break;case"swirl-option-list-item":customElements.get(h(t))||m();break;case"swirl-visually-hidden":customElements.get(h(t))||u()}}))}export{p as S,b as d}

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

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as i,createEvent as a,h as s,Host as t,transformTag as r}from"@stencil/core/internal/client";import{d as o,e as l}from"./bodyScrollLock.esm.js";import{c as d}from"./index2.js";import{q as n,i as c}from"./utils.js";import{d as f}from"./swirl-action-list2.js";import{d as b}from"./swirl-action-list-item2.js";import{d as h}from"./swirl-button2.js";import{d as p}from"./swirl-file-viewer2.js";import{d as m}from"./swirl-file-viewer-audio2.js";import{d as u}from"./swirl-file-viewer-csv2.js";import{d as w}from"./swirl-file-viewer-fallback2.js";import{d as _}from"./swirl-file-viewer-image2.js";import{d as v}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 S}from"./swirl-popover-trigger2.js";import{d as B}from"./swirl-separator2.js";import{d as T}from"./swirl-spinner2.js";import{d as D}from"./swirl-stack2.js";import{d as P}from"./swirl-text2.js";import{d as F}from"./swirl-visually-hidden2.js";const W=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.modalClose=a(this,"modalClose",7),this.modalOpen=a(this,"modalOpen",7),this.autoZoomLabel="Full width",this.closeButtonLabel="Close PDF viewer",this.downloadButtonEnabled=!0,this.downloadButtonLabel="Download PDF",this.fileTypeLabel="PDF Document",this.menuLabel="File menu",this.menuTriggerLabel="Open file menu",this.printButtonEnabled=!0,this.printButtonLabel="Print PDF",this.sideBySideButtonLabel="Toggle side by side view",this.thumbnailButtonLabel="Scroll to page",this.thumbnailsButtonLabel="Toggle thumbnails",this.thumbnailsLabel="Page thumbnails",this.zoomInButtonLabel="Zoom in",this.zoomOutButtonLabel="Zoom out",this.zoomSelectLabel="Select zoom",this.skipNativeDownload=!1,this.active=!1,this.closing=!1,this.opening=!1,this.downloading=!1,this.loadingThumbnails=!1,this.thumbnails=[],this.viewMode="single",this.visiblePages=[],this.desktopZoomSteps=[.5,.75,1,1.25,1.5,2,3,4],this.mobileZoomSteps=[.5,.75,1,1.25,1.5],this.onClose=()=>{this.closing=!1,this.active=!1,this.modalClose.emit()},this.toggleViewMode=()=>{this.viewMode="single"===this.viewMode?"side-by-side":"single"},this.toggleThumbnals=()=>{this.showThumbnails=!this.showThumbnails},this.onKeyDown=e=>{"Escape"===e.code&&(e.stopImmediatePropagation(),e.preventDefault(),this.close())},this.onActivate=async e=>{this.pdfViewer=e.detail,this.lockBodyScroll()},this.onVisiblePagesChange=async e=>{this.visiblePages=e.detail},this.onCloseButtonClick=()=>{this.close()},this.onPrintButtonClick=()=>{this.pdfViewer.print(),this.menu.close()},this.onDownloadButtonClick=async()=>{this.downloading=!0,await this.viewer.download(),this.downloading=!1,this.menu.close()},this.onZoomInButtonClick=()=>{const e=this.zoomSteps.indexOf(+this.zoom);this.zoom=-1===e?1:this.zoomSteps[Math.min(this.zoomSteps.length-1,e+1)]},this.onZoomOutButtonClick=()=>{const e=this.zoomSteps.indexOf(+this.zoom);this.zoom=-1===e?1:this.zoomSteps[Math.max(0,e-1)]},this.onZoomAutoButtonClick=()=>{this.zoom="auto"===this.zoom?1:"auto"},this.onZoomChange=e=>{const i=e.target.value;this.zoom="auto"===i?i:+i},this.onThumbnailClick=e=>()=>{const i=n(this.el,`[data-page-number="${e+1}"]`)?.[0];i?.scrollIntoView()}}componentWillLoad(){this.updateZoomSteps(),this.zoom=c()?"auto":1}componentDidLoad(){this.ensureOpening(),this.setDialogCustomProps()}disconnectedCallback(){this.unlockBodyScroll(),this.modalEl?.open&&this.modalEl.close()}ensureOpening(){this.opening&&!this.modalEl?.open&&this.open()}setDialogCustomProps(){this.modalEl.setAttribute("closedby","none")}onWindowResize(){this.pdfViewer&&(this.updateZoomSteps(),this.zoom=c()?"auto":1)}watchShowThumbnails(){this.showThumbnails&&(this.loadingThumbnails=!0,queueMicrotask((async()=>{await this.generateThumbnails(),this.loadingThumbnails=!1})))}async open(){this.opening=!0,this.modalEl&&(this.modalEl.showModal(),this.active=!0,this.modalOpen.emit())}async close(){this.closing||(this.closing=!0,this.unlockBodyScroll(),setTimeout((()=>{this.modalEl.close()}),150))}lockBodyScroll(){const e=this.pdfViewer?.shadowRoot.querySelector(".file-viewer-pdf__pages");e&&o(e)}unlockBodyScroll(){const e=this.pdfViewer?.shadowRoot.querySelector(".file-viewer-pdf__pages");e&&l(e)}async generateThumbnails(){this.thumbnails=await this.pdfViewer.getThumbnails()}updateZoomSteps(){this.zoomSteps=c()?this.mobileZoomSteps:this.desktopZoomSteps}render(){const e=!!this.el.querySelector("[slot='menu-items']")||this.printButtonEnabled||this.downloadButtonEnabled,i=d("pdf-reader",{"pdf-reader--closing":this.closing,"pdf-reader--hide-menu":!e,"pdf-reader--show-thumbnails":this.showThumbnails});return s(t,{key:"73cf99f14aa83199a1206bc3306ea5fb5306db3a"},s("dialog",{key:"3cbfb7a8bb396128a24cb6abe3224895c56ff75f","aria-label":this.label,class:i,id:"pdf-reader",onClose:this.onClose,onKeyDown:this.onKeyDown,ref:e=>this.modalEl=e},s("div",{key:"d2d4d24e92b3f2e386964025b0442f87bbd1d5ea",class:"pdf-reader__body",role:"document"},s("header",{key:"7bb05b45986120bbc2880a6c5bb4116f2cf15573",class:"pdf-reader__header"},s("span",{key:"9cca87aa311ee56e1af223aad51985f4d3436ada",class:"pdf-reader__header-left"},s("swirl-button",{key:"d3dd516950c5715a320a777fc893b7f6fa80133b",class:"pdf-reader__close-button",hideLabel:!0,icon:"<swirl-icon-close></swirl-icon-close>",label:this.closeButtonLabel,onClick:this.onCloseButtonClick}),s("span",{key:"17d21aefc660463ecdb5c60fc1a1c86a3986a9e8",class:"pdf-reader__label"},this.label)),s("span",{key:"f13096352c0c10071f4fecd389edf6907292f493",class:"pdf-reader__header-center"},s("span",{key:"ca3abc00ee708ab654e778d422298704527597e0",class:"pdf-reader__zoom-button-container"},s("swirl-button",{key:"ba9b48a7875331bd35c31224b6dc03d0ee9a89bc",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:"d994e5e66d238dc1770d3aacb2f3688ce182396c",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:"d625581b1fa85943b15fbfa3572cbb39a48697da",class:"pdf-reader__zoom-select-container"},s("select",{key:"11675aaa947ab1b18bbebdbb97cf77adff5cf692","aria-label":this.zoomSelectLabel,class:"pdf-reader__zoom-select",name:"zoom-select",id:"zoom-select",onChange:this.onZoomChange},s("option",{key:"21a0557bb82316d5ffa6623e5ba4e3f4bdf966a6",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:"9e2919b00b85ebaae0c9e8abcdad8ecc910fc535",class:"pdf-reader__zoom-select-icon"}))),s("span",{key:"f3a52ad05ee7f1a862dca00472016e630b7b4dfd",class:"pdf-reader__header-right"},s("swirl-popover-trigger",{key:"1ac682adaf6efc6b70a96cf0766527e1694a0eb6",swirlPopover:this.menu},s("swirl-button",{key:"9c89b036f6b5846e7e35997b362fc2db76009e44",class:"pdf-reader__menu-button",hideLabel:!0,icon:"<swirl-icon-more-vertikal></swirl-icon-more-vertikal>",label:this.menuTriggerLabel}))),s("span",{key:"680301c619bb96fb871150e9ec0e29a017c360a4",class:"pdf-reader__floating-tools"},s("button",{key:"d6756d351b887ff1c4c7250c9a08d89ebb7defbb","aria-label":this.sideBySideButtonLabel,class:"pdf-reader__floating-tool-button",onClick:this.toggleViewMode,type:"button"},s("swirl-icon-menu-book",{key:"34885365167c1533683f4d704f71533e2cda6e9a"})),s("button",{key:"b09a7516105825b9ebfd58b621e9400a01f92cbf","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:"ad53b6906e48e5e97c160337a0afc1e15ee68a88"})))),s("div",{key:"9cb9dd89e8f8019a36b6a253816830c3c9eb2e6a",class:"pdf-reader__content"},s("nav",{key:"0e7f7bb708c03556e7d546a1a1b0ab4abb491030","aria-label":this.thumbnailsLabel,class:"pdf-reader__thumbnails",id:"thumbnails"},this.loadingThumbnails&&s("swirl-spinner",{key:"99605a278aff8e0ce05e63d6e4a97a7bc67c359c"}),!this.loadingThumbnails&&this.thumbnails.map(((e,i)=>{const a=d("pdf-reader__thumbnail",{"pdf-reader__thumbnail--active":this.visiblePages[0]===i+1});return s("button",{"aria-label":`${this.thumbnailButtonLabel} ${i+1}`,class:a,onClick:this.onThumbnailClick(i),type:"button"},s("img",{src:e.toDataURL("image/png"),alt:""}))}))),s("swirl-file-viewer",{key:"4b388ad41703870c1ba2ed3a1ac699beb86e9969",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:"5acb89b6682c076dc4db5dbbc0b57a6ac2037549",class:"pdf-reader__mobile-zoom-controls"},s("button",{key:"a1ed5e44b71d7d09826c55756f8a18eebad2fbb6","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:"1c24dbff262f1b4a7c054beea5dfae37635c30f5","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:"4fe3386910f0d5700f11dd25e85d7338ed0b36c5"})),s("button",{key:"4e142c456b5c61eef7807ed7cfbf620a736eaf16","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:"a0b28c587c07b68964a31f1e13715f0988cf0c88"}))))),s("swirl-popover",{key:"b022532137d6cd112a42fddba4a951c651c2b7ac",animation:"scale-in-y",disableScrollLock:!0,id:"menu",label:this.menuLabel,placement:"bottom-end",ref:e=>this.menu=e},s("swirl-stack",{key:"c1dfcefeb984c2b9db18768083c1aac64a9e8907"},s("div",{key:"9de5a74b3c5de126bb0b3ec211c1a64a90c74eea",class:"pdf-reader__meta"},s("div",{key:"75e4e4b32c6333f4bab66925c486ca6522dbe3e0",class:"pdf-reader__file-icon"},s("svg",{key:"88e9142ecd1a3f1417f6e92c153bf326c3eca8e4",fill:"none",height:"36",viewBox:"0 0 24 36",width:"24"},s("path",{key:"9f3753465f22849be0722768044c1903c6956120",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:"86b621b77cc767d51ff034991c4386e4c7722869",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:"598b4a2f9d03ce475122eac251926c36bef9b9f0",d:"M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z",fill:"white"}),s("path",{key:"f0db885d41a3cc322de24fef2e01d376afb4fd48",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:"d8ea4f97a6b7f7d3a635a7a6e2833a7892958b91",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:"3d96a97f287f4984dd5c9d38650503432e78070d",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:"e30be770aa8900075b8d5999695432e4b32d00e9",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:"e4301fe3a0e3e71aa76f7db6605c906afda2dbd8",d:"M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z",fill:"white"}))),s("div",{key:"d11b2a517b8453d9e05baab4a7dc568d1bf166ba",class:"pdf-reader__file-info"},s("swirl-text",{key:"fa0604780095cd629db8e2362e2d14f539b07f5c",truncate:!0,weight:"semibold"},this.label),s("swirl-text",{key:"83598af89fc7cc1d6a8768260ae2a49a32f893d7",color:"subdued",size:"sm",truncate:!0},this.fileTypeLabel))),e&&s("swirl-separator",{key:"8d3a9b5db77f8a6b94b072452ebe1411221d138d"}),s("swirl-action-list",{key:"fac3b9c7823ea98a31fd968440e0edb0b2b482ad",class:"pdf-reader__menu"},this.printButtonEnabled&&s("swirl-action-list-item",{key:"795d1c16589ccb40bf160f06087e6fa6bde0fa52",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:"147e33d533f8977f0eddef5d654174a2253f7c65",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:"c602d6ff8e1d6d3a9e0459bff8eae31b61b9adb6",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:4rem;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))||_();break;case"swirl-file-viewer-pdf":customElements.get(r(e))||v();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))||S();break;case"swirl-separator":customElements.get(r(e))||B();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{d as o,e as l}from"./bodyScrollLock.esm.js";import{c as d}from"./index2.js";import{q as n,i as c}from"./utils.js";import{d as f}from"./swirl-action-list2.js";import{d as b}from"./swirl-action-list-item2.js";import{d as h}from"./swirl-button2.js";import{d as p}from"./swirl-file-viewer2.js";import{d as m}from"./swirl-file-viewer-audio2.js";import{d as u}from"./swirl-file-viewer-csv2.js";import{d as w}from"./swirl-file-viewer-fallback2.js";import{d as _}from"./swirl-file-viewer-image2.js";import{d as v}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 S}from"./swirl-popover-trigger2.js";import{d as B}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",7),this.modalOpen=s(this,"modalOpen",7),this.autoZoomLabel="Full width",this.closeButtonLabel="Close PDF viewer",this.downloadButtonEnabled=!0,this.downloadButtonLabel="Download PDF",this.fileTypeLabel="PDF Document",this.menuLabel="File menu",this.menuTriggerLabel="Open file menu",this.printButtonEnabled=!0,this.printButtonLabel="Print PDF",this.sideBySideButtonLabel="Toggle side by side view",this.thumbnailButtonLabel="Scroll to page",this.thumbnailsButtonLabel="Toggle thumbnails",this.thumbnailsLabel="Page thumbnails",this.zoomInButtonLabel="Zoom in",this.zoomOutButtonLabel="Zoom out",this.zoomSelectLabel="Select zoom",this.skipNativeDownload=!1,this.active=!1,this.closing=!1,this.opening=!1,this.downloading=!1,this.loadingThumbnails=!1,this.thumbnails=[],this.viewMode="single",this.visiblePages=[],this.desktopZoomSteps=[.5,.75,1,1.25,1.5,2,3,4],this.mobileZoomSteps=[.5,.75,1,1.25,1.5],this.onClose=()=>{this.closing=!1,this.active=!1,this.modalClose.emit()},this.toggleViewMode=()=>{this.viewMode="single"===this.viewMode?"side-by-side":"single"},this.toggleThumbnals=()=>{this.showThumbnails=!this.showThumbnails},this.onKeyDown=e=>{"Escape"===e.code&&(e.stopImmediatePropagation(),e.preventDefault(),this.close())},this.onActivate=async e=>{this.pdfViewer=e.detail,this.lockBodyScroll()},this.onVisiblePagesChange=async e=>{this.visiblePages=e.detail},this.onCloseButtonClick=()=>{this.close()},this.onPrintButtonClick=()=>{this.pdfViewer.print(),this.menu.close()},this.onDownloadButtonClick=async()=>{this.downloading=!0,await this.viewer.download(),this.downloading=!1,this.menu.close()},this.onZoomInButtonClick=()=>{const e=this.zoomSteps.indexOf(+this.zoom);this.zoom=-1===e?1:this.zoomSteps[Math.min(this.zoomSteps.length-1,e+1)]},this.onZoomOutButtonClick=()=>{const e=this.zoomSteps.indexOf(+this.zoom);this.zoom=-1===e?1:this.zoomSteps[Math.max(0,e-1)]},this.onZoomAutoButtonClick=()=>{this.zoom="auto"===this.zoom?1:"auto"},this.onZoomChange=e=>{const i=e.target.value;this.zoom="auto"===i?i:+i},this.onThumbnailClick=e=>()=>{const i=n(this.el,`[data-page-number="${e+1}"]`)?.[0];i?.scrollIntoView()}}componentWillLoad(){this.updateZoomSteps(),this.zoom=c()?"auto":1}componentDidLoad(){this.ensureOpening(),this.setDialogCustomProps()}disconnectedCallback(){this.unlockBodyScroll(),this.modalEl?.open&&this.modalEl.close()}ensureOpening(){this.opening&&!this.modalEl?.open&&this.open()}setDialogCustomProps(){this.modalEl.setAttribute("closedby","none")}onWindowResize(){this.pdfViewer&&(this.updateZoomSteps(),this.zoom=c()?"auto":1)}watchShowThumbnails(){this.showThumbnails&&(this.loadingThumbnails=!0,queueMicrotask((async()=>{await this.generateThumbnails(),this.loadingThumbnails=!1})))}async open(){this.opening=!0,this.modalEl&&(this.modalEl.showModal(),this.active=!0,this.modalOpen.emit())}async close(){this.closing||(this.closing=!0,this.unlockBodyScroll(),setTimeout((()=>{this.modalEl.close()}),150))}lockBodyScroll(){const e=this.pdfViewer?.shadowRoot.querySelector(".file-viewer-pdf__pages");e&&o(e)}unlockBodyScroll(){const e=this.pdfViewer?.shadowRoot.querySelector(".file-viewer-pdf__pages");e&&l(e)}async generateThumbnails(){this.thumbnails=await this.pdfViewer.getThumbnails()}updateZoomSteps(){this.zoomSteps=c()?this.mobileZoomSteps:this.desktopZoomSteps}render(){const e=!!this.el.querySelector("[slot='menu-items']")||this.printButtonEnabled||this.downloadButtonEnabled,i=d("pdf-reader",{"pdf-reader--closing":this.closing,"pdf-reader--hide-menu":!e,"pdf-reader--show-thumbnails":this.showThumbnails});return a(t,{key:"9e72538f1b61e58561e058740c41406302bc8999"},a("dialog",{key:"74a52ecf18f85ad8e4d9e816bff702c821ae06d5","aria-label":this.label,class:i,id:"pdf-reader",onClose:this.onClose,onKeyDown:this.onKeyDown,ref:e=>this.modalEl=e},a("div",{key:"b63189024443e620a53d38abb738963c89f762c3",class:"pdf-reader__body",role:"document"},a("header",{key:"bf26bfeb1d3b9d8260d7ee96b9657d473cf8e515",class:"pdf-reader__header"},a("span",{key:"6ba618300457f168511680c627c547790d1cf4e7",class:"pdf-reader__header-left"},a("swirl-button",{key:"858e78278e47be03de9ce3e0e63006d5475371c7",class:"pdf-reader__close-button",hideLabel:!0,icon:"<swirl-icon-close></swirl-icon-close>",label:this.closeButtonLabel,onClick:this.onCloseButtonClick}),a("span",{key:"2f234301ae650f0d0ae2466f963ed8a708c6e256",class:"pdf-reader__label"},this.label)),a("span",{key:"4019513372242d738ce1f53c9bda1f286e9ba78c",class:"pdf-reader__header-center"},a("span",{key:"e3b7303ff255ff5c685388f0bc6a4855bb79311d",class:"pdf-reader__zoom-button-container"},a("swirl-button",{key:"c1ba458d262257f73626acdf2f5a33f22e2df8ff",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:"ca771ab063a57947afa6f8d195cf568b696b0c5f",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:"c76af0389a155e0175f077ba23e693f2fcd0a16d",class:"pdf-reader__zoom-select-container"},a("select",{key:"3f1666036d51f3b608b88b11627d84a50de47fe9","aria-label":this.zoomSelectLabel,class:"pdf-reader__zoom-select",name:"zoom-select",id:"zoom-select",onChange:this.onZoomChange},a("option",{key:"52af110ab691637eb3caa9b42c5649bfcf4c41d4",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:"4b7ca1c6029c4b73953dabb36d50979bb325b484",class:"pdf-reader__zoom-select-icon"}))),a("span",{key:"24689849d979aab02cc7d7719f20aca9b57a6fee",class:"pdf-reader__header-right"},a("swirl-popover-trigger",{key:"2f583c4b872d29cdef6da72b36d31c5d189cdfc6",swirlPopover:this.menu},a("swirl-button",{key:"93004c707b62adb9e69e9093f1d06abd72da3ea7",class:"pdf-reader__menu-button",hideLabel:!0,icon:"<swirl-icon-more-vertikal></swirl-icon-more-vertikal>",label:this.menuTriggerLabel}))),a("span",{key:"70622f9058876fd672e594a569d440c636fc3c17",class:"pdf-reader__floating-tools"},a("button",{key:"4f1278ad3174368f2f45a52b6df0804b1582761c","aria-label":this.sideBySideButtonLabel,class:"pdf-reader__floating-tool-button",onClick:this.toggleViewMode,type:"button"},a("swirl-icon-menu-book",{key:"413ed1e393ed2cdf56471666a3ebde9345cd457e"})),a("button",{key:"1211e30f46a5235cd9e6d37c1b73de439ff9afe1","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:"43336f33630957f312b268203d4612019aad1b67"})))),a("div",{key:"a6f86971f1b7865ce4de38525171cf3f76d467c9",class:"pdf-reader__content"},a("nav",{key:"7e3d04498745ec610ef359af9560aa1f195247b9","aria-label":this.thumbnailsLabel,class:"pdf-reader__thumbnails",id:"thumbnails"},this.loadingThumbnails&&a("swirl-spinner",{key:"6855d7aa97c41d7f4d82094f80f9341daa24633c"}),!this.loadingThumbnails&&this.thumbnails.map(((e,i)=>{const s=d("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:"39beb334eb384e0d146441eccd2649df7a4d023d",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:"f86236ce5de0a1a6117ab22f49118c79cc8f8236",class:"pdf-reader__mobile-zoom-controls"},a("button",{key:"d645cc49509861ec3d8f08d6ba30f6daeb3118ea","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:"6815114b48c8e6302ea6ff9c27846315886e8ccb","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:"5bde821befffa56810aa7197b2245c586aec289d"})),a("button",{key:"7e754b6cbffcfb9effaf644817f8725fbe2f97bf","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:"834acf6b7b03775b3f391ff21ce4d9a97c7ce10d"}))))),a("swirl-popover",{key:"cea98af552d751aa1127be84944ed3e914d61836",animation:"scale-in-y",disableScrollLock:!0,id:"menu",label:this.menuLabel,placement:"bottom-end",ref:e=>this.menu=e},a("swirl-stack",{key:"f834130f3699499fb34ae277b9a80c21e829f931"},a("div",{key:"007733bba232c3eec588649e2bc6b2653eb2b90f",class:"pdf-reader__meta"},a("div",{key:"e74bec8b5bc1de6e53ea166427c44eb7ee645d93",class:"pdf-reader__file-icon"},a("svg",{key:"1ca8c5bb33732f5146ba6c04df98a1c776f1024e",fill:"none",height:"36",viewBox:"0 0 24 36",width:"24"},a("path",{key:"ce2b8f4d4f637bf2389eed0910c1c4ffc1660d6a",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:"01f3f1d84972adfdb82712ee1ddeed9a022cd11d",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:"4bf1449c18e9aefd9a9c63ef7c9f60874d5403c1",d:"M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z",fill:"white"}),a("path",{key:"00b7a0af760b32584be3c23360d61f6e27eeccc7",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:"fc4dcc22d9bda9870f18207162d3ccba18844353",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:"cf12622ee185e776f1b8c0fe398cf5c4b7810eda",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:"517038e7177ab62a4bc268310ab25f66f0b35042",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:"c25348ab46e525bd621ecba3ed78f64ecb61a4f8",d:"M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z",fill:"white"}))),a("div",{key:"b9b0b0c2df84fa11a7c5dae108f6e2e348ce91f1",class:"pdf-reader__file-info"},a("swirl-text",{key:"9471af31771df1f24c0ff56dffc48e7128a5033d",truncate:!0,weight:"semibold"},this.label),a("swirl-text",{key:"03d687d839bc897b64001b57355f91a0cb7444aa",color:"subdued",size:"sm",truncate:!0},this.fileTypeLabel))),e&&a("swirl-separator",{key:"505b2884fc7e6ee9238e57302418d1532db70fc0"}),a("swirl-action-list",{key:"b6ef8c273045f43eb2932878edb69b964ebe8029",class:"pdf-reader__menu"},this.printButtonEnabled&&a("swirl-action-list-item",{key:"d54d7759a0212ae9f5cb89fab9aaea3441449901",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:"b9197707ea603c65ff9be621fbf66c83bf487325",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:"fae598ca82b3725893e9f2794fb77d7471a4574a",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:4rem;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))||_();break;case"swirl-file-viewer-pdf":customElements.get(r(e))||v();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))||S();break;case"swirl-separator":customElements.get(r(e))||B();break;case"swirl-spinner":customElements.get(r(e))||T();break;case"swirl-stack":customElements.get(r(e))||D();break;case"swirl-text":customElements.get(r(e))||P();break;case"swirl-visually-hidden":customElements.get(r(e))||F()}}))};export{N as SwirlPdfReader,O as defineCustomElement}

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

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

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

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as i,createEvent as s,h as r,Host as t,transformTag as a}from"@stencil/core/internal/client";const o=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.valueChange=s(this,"valueChange",7),this.componentLoaded=!1,this.onRadioValueChange=e=>{e.stopPropagation();const i=e.target;!0!==i.checked&&"true"!==i.checked||(this.value=i.value,this.valueChange.emit(i.value),this.radioButtons.forEach((e=>{e!==i&&(e.checked=!1)})))}}connectedCallback(){this.componentLoaded&&this.addValueChangeListeners()}componentDidLoad(){this.radioButtons=Array.from(this.el.querySelectorAll("swirl-radio")),this.initValue(),this.addValueChangeListeners(),this.componentLoaded=!0}disconnectedCallback(){this.removeValueChangeListeners()}initValue(){if(void 0===this.value)return;const e=this.radioButtons.find((e=>e.value===this.value));e&&(e.checked=!0)}addValueChangeListeners(){this.radioButtons.forEach((e=>{e.addEventListener("valueChange",this.onRadioValueChange)}))}removeValueChangeListeners(){this.radioButtons?.forEach((e=>{e.removeEventListener("valueChange",this.onRadioValueChange)}))}render(){return r(t,{key:"bef86b0c49ff902fcbc7be5e0923a1f773ec0c87","aria-describedby":this.swirlAriaDescribedby,role:"radiogroup"},r("div",{key:"104bec944cc23379590f218b96c1afbd1f356a2a",class:"radio-group"},r("slot",{key:"0a5e5f74b4a37bf44818e94608eb16f6440dcd74"})))}get el(){return this}static get style(){return".sc-swirl-radio-group-h{display:block}.sc-swirl-radio-group-h *.sc-swirl-radio-group{box-sizing:border-box}.radio-group.sc-swirl-radio-group{display:flex;flex-direction:column;gap:var(--s-space-12)}"}},[262,"swirl-radio-group",{swirlAriaDescribedby:[1,"swirl-aria-describedby"],value:[1537]}]),c=o,l=function(){"undefined"!=typeof customElements&&["swirl-radio-group"].forEach((e=>{"swirl-radio-group"===e&&(customElements.get(a(e))||customElements.define(a(e),o))}))};export{c as SwirlRadioGroup,l as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as i,createEvent as s,h as r,Host as t,transformTag as a}from"@stencil/core/internal/client";const o=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.valueChange=s(this,"valueChange",7),this.componentLoaded=!1,this.onRadioValueChange=e=>{e.stopPropagation();const i=e.target;!0!==i.checked&&"true"!==i.checked||(this.value=i.value,this.valueChange.emit(i.value),this.radioButtons.forEach((e=>{e!==i&&(e.checked=!1)})))}}connectedCallback(){this.componentLoaded&&this.addValueChangeListeners()}componentDidLoad(){this.radioButtons=Array.from(this.el.querySelectorAll("swirl-radio")),this.initValue(),this.addValueChangeListeners(),this.componentLoaded=!0}disconnectedCallback(){this.removeValueChangeListeners()}initValue(){if(void 0===this.value)return;const e=this.radioButtons.find((e=>e.value===this.value));e&&(e.checked=!0)}addValueChangeListeners(){this.radioButtons.forEach((e=>{e.addEventListener("valueChange",this.onRadioValueChange)}))}removeValueChangeListeners(){this.radioButtons?.forEach((e=>{e.removeEventListener("valueChange",this.onRadioValueChange)}))}render(){return r(t,{key:"02a2ceb9ec09ed6ecf211ea675ca8a2d3d13b67d","aria-describedby":this.swirlAriaDescribedby,role:"radiogroup"},r("div",{key:"e04e1f71d856aa60d66a633e2df5534f10511359",class:"radio-group"},r("slot",{key:"ed6352ae3e37b9d8dda44e58d87dafcd548364a5"})))}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((e=>{"swirl-radio-group"===e&&(customElements.get(a(e))||customElements.define(a(e),o))}))};export{d as SwirlRadioGroup,l 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 f}from"./swirl-inline-error2.js";import{d as m}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:"6f74596ea4459ae2648e212c339350e998b03f1a",role:c},r("div",{key:"5cd901794f20514b539b895cf233dc76e4b742e6",class:n,part:"resource-list-file-item",role:a},r("span",{key:"2cdde7896359798b40ab899ef0c1abd0b9ae9318",class:"resource-list-file-item__icon",innerHTML:this.icon,ref:e=>this.iconEl=e}),r("span",{key:"4e1be560518732c3753e8bfd28cb2b703760cfb0",class:"resource-list-file-item__label-container"},r("span",{key:"ad14c0fce539a0bdb1761ef502989adf058b2044",class:"resource-list-file-item__label",id:"label"},this.label),i&&r("span",{key:"94fbac21c9a400db6126ea08840ba6ff11b2aecd",class:"resource-list-file-item__description"},this.description),e&&r("span",{key:"323ac38102587e3740bdb5fb30fc4f4550348420","aria-live":"polite",class:"resource-list-file-item__error-message"},r("swirl-inline-error",{key:"aa2affe314f3cf986cde48d9e9adea233c34e171",message:this.errorMessage,size:"s"}))),s&&r("span",{key:"964faf7247c015f3e9ac62cdaf7bb6268b3d8d9e",class:"resource-list-file-item__spinner"},r("swirl-spinner",{key:"f3883e6ba55ffe3c24d858cf96086b50802c0c22",size:"s"})),l&&r("span",{key:"62cf954cf14c412e5b67af9ba3130457716e7f64",class:"resource-list-file-item__remove-button"},r("swirl-button",{key:"849f1faa274e04707f0866d512096f452d1e1530",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,b=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))||f();break;case"swirl-spinner":customElements.get(l(e))||m();break;case"swirl-visually-hidden":customElements.get(l(e))||d()}}))};export{h as SwirlResourceListFileItem,b 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 f}from"./swirl-inline-error2.js";import{d as m}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:"a283315588efac0606445f5507619969d27baae9",role:c},r("div",{key:"d8b0085a08dcb3c366f16fdef5fc9f7be3401b9f",class:n,part:"resource-list-file-item",role:a},r("span",{key:"96ffda39ea366226c27e5a17845d74cc88201515",class:"resource-list-file-item__icon",innerHTML:this.icon,ref:e=>this.iconEl=e}),r("span",{key:"684a04ed8b998777d88f5e8450d6be4883bf5121",class:"resource-list-file-item__label-container"},r("span",{key:"3a966b873acac29ffc32f2b5738c82305ec12d4f",class:"resource-list-file-item__label",id:"label"},this.label),i&&r("span",{key:"457d0402996ce8787bc24bf582da9a5a401531ad",class:"resource-list-file-item__description"},this.description),e&&r("span",{key:"79376b385ac63619750a23c69a7bc38b50e91f27","aria-live":"polite",class:"resource-list-file-item__error-message"},r("swirl-inline-error",{key:"376769f5e4faa29cff63d35dce9908a9c85ce9a2",message:this.errorMessage,size:"s"}))),s&&r("span",{key:"b57446eb985aaeeb8e0159f0baade416da60bfce",class:"resource-list-file-item__spinner"},r("swirl-spinner",{key:"7f2a5a21039c781d452613c0996727b05571c0af",size:"s"})),l&&r("span",{key:"3228ceddc419fe1fb91c27a36df8c7c11728cb25",class:"resource-list-file-item__remove-button"},r("swirl-button",{key:"03bfbbaa74df4369938eec9a15f5dfd8fb644b8f",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,b=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))||f();break;case"swirl-spinner":customElements.get(l(e))||m();break;case"swirl-visually-hidden":customElements.get(l(e))||d()}}))};export{h as SwirlResourceListFileItem,b as defineCustomElement}

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

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as s,h as t,Host as i,transformTag as r}from"@stencil/core/internal/client";import{d as a}from"./swirl-separator2.js";import{d as l}from"./swirl-stack2.js";const o=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.separatorSpacing="4",this.spacing="0",this.hasSeparator=!1}render(){const e=this.el.closest('[role="grid"]')?"rowgroup":"listitem",s="listitem"===e?"list":void 0;return t(i,{key:"0d0f6a7e54503838f08490bf1892f9a7aa7e475f"},this.hasSeparator&&t("swirl-separator",{key:"2f475e214d73864859a34e1f621ab283ff97bf3c",spacing:this.separatorSpacing,semantics:"none"}),t("div",{key:"7eca1954ae8d4e407ef51e6cd16e829781f0fbc1","aria-labelledby":"label",role:e},t("span",{key:"67dd68b2a6f3d320f70351a55a059d31f012d8a1",id:"label",class:"resource-list-section-label",part:"resource-list-section-label"},this.label),t("swirl-stack",{key:"7c1b30dd7f39fef717836658425fc0b05cb948b6",spacing:this.spacing,swirlAriaRole:s},t("slot",{key:"2878fb3ed4cf2d9dcc2a8921ea63b20a4c845ff1"}))))}get el(){return this}static get style(){return":host{display:block;width:100%}:host *{box-sizing:border-box}.resource-list-section-label{display:flex;padding:var(--s-space-8);color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);font-size:var(--s-font-size-base);line-height:var(--s-line-height-lg)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-section-label{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}"}},[257,"swirl-resource-list-section",{label:[1],separatorSpacing:[1,"separator-spacing"],spacing:[1],hasSeparator:[4,"has-separator"]}]),c=o,n=function(){"undefined"!=typeof customElements&&["swirl-resource-list-section","swirl-separator","swirl-stack"].forEach((e=>{switch(e){case"swirl-resource-list-section":customElements.get(r(e))||customElements.define(r(e),o);break;case"swirl-separator":customElements.get(r(e))||a();break;case"swirl-stack":customElements.get(r(e))||l()}}))};export{c as SwirlResourceListSection,n as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as s,h as t,Host as i,transformTag as r}from"@stencil/core/internal/client";import{d as a}from"./swirl-separator2.js";import{d as c}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(){const e=this.el.closest('[role="grid"]')?"rowgroup":"listitem",s="listitem"===e?"list":void 0;return t(i,{key:"0d53b68ffd5208e4753aecf1bf5b2dccc53299a8"},this.hasSeparator&&t("swirl-separator",{key:"4bbc0ffc68ac73e4874ef01bf548957335ac026b",spacing:this.separatorSpacing,semantics:"none"}),t("div",{key:"457ddf2863d6ac76a9f97f7442cc0adba28f578a","aria-labelledby":"label",role:e},t("span",{key:"17ad7c34c970e649dc792478c3beb0a429514e29",id:"label",class:"resource-list-section-label",part:"resource-list-section-label"},this.label),t("swirl-stack",{key:"6f42d8fbd74324ed44cfe90523f9467e2733c991",spacing:this.spacing,swirlAriaRole:s},t("slot",{key:"832574ed09d28214275d2b9797b7eb71f3cb10db"}))))}get el(){return this}static get style(){return":host{display:block;width:100%}:host *{box-sizing:border-box}.resource-list-section-label{display:flex;padding:var(--s-space-8);color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);font-size:var(--s-font-size-base);line-height:var(--s-line-height-lg)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-section-label{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}"}},[257,"swirl-resource-list-section",{label:[1],separatorSpacing:[1,"separator-spacing"],spacing:[1],hasSeparator:[4,"has-separator"]}]),o=l,n=function(){"undefined"!=typeof customElements&&["swirl-resource-list-section","swirl-separator","swirl-stack"].forEach((e=>{switch(e){case"swirl-resource-list-section":customElements.get(r(e))||customElements.define(r(e),l);break;case"swirl-separator":customElements.get(r(e))||a();break;case"swirl-stack":customElements.get(r(e))||c()}}))};export{o as SwirlResourceListSection,n as defineCustomElement}

package/dist/components/swirl-select.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as s,createEvent as t,h as i,Host as l,transformTag as c}from"@stencil/core/internal/client";import{c as r}from"./index2.js";import{q as a}from"./utils.js";import{d as o}from"./swirl-icon-check-small2.js";import{d as n}from"./swirl-icon-check-strong2.js";import{d as h}from"./swirl-icon-close2.js";import{d}from"./swirl-icon-drag-handle2.js";import{d as p}from"./swirl-icon-expand-less2.js";import{d as w}from"./swirl-icon-expand-more2.js";import{d as m}from"./swirl-icon-search2.js";import{d as u}from"./swirl-option-list2.js";import{d as f}from"./swirl-option-list-item2.js";import{d as _}from"./swirl-popover2.js";import{d as b}from"./swirl-popover-trigger2.js";import{d as v}from"./swirl-spinner2.js";import{d as g}from"./swirl-stack2.js";import{d as k}from"./swirl-tag2.js";import{d as y}from"./swirl-text2.js";import{d as x}from"./swirl-visually-hidden2.js";const E=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.searchChange=t(this,"searchChange",7),this.valueChange=t(this,"valueChange",7),this.allowDeselect=!0,this.emptyListLabel="No results found.",this.searchInputLabel="Search options",this.selectId=""+Math.round(1e6*Math.random()),this.options=[],this.typeaheadBuffer="",this.select=e=>{e.stopPropagation(),this.value=e.detail,this.multiSelect||this.swirlPopover.close()},this.unselectOption=e=>{this.allowDeselect&&(this.value=this.value.filter((s=>s!==e)))},this.onSlotChange=()=>{this.updateOptions()},this.onOpen=e=>{this.placement=e.detail.position?.placement,this.open=!0,this.typeaheadBuffer="",clearTimeout(this.typeaheadTimeout),this.withSearch&&this.searchInput?this.searchInput.focus():this.optionList.querySelector('[tabIndex="0"]')?.focus()},this.onClose=()=>{this.searchInput&&(this.searchInput.value="",this.searchChange.emit("")),this.typeaheadBuffer="",clearTimeout(this.typeaheadTimeout),this.open=!1,this.input.focus()},this.onKeyDown=e=>{if("Space"===e.code||"Enter"===e.code){if(e.target===this.searchInput)return;e.preventDefault(),this.swirlPopover.open(this.el)}else"ArrowDown"===e.code&&e.target===this.searchInput?this.optionList.querySelector('[tabIndex="0"]')?.focus():this.isTypeaheadKey(e)&&(e.preventDefault(),e.stopPropagation(),this.handleTypeahead(e.key))},this.onSearchInput=e=>{this.searchChange.emit(e.target.value)}}componentWillLoad(){queueMicrotask((()=>{this.updateOptions(),this.observeSlotChanges()}))}disconnectedCallback(){this.observer?.disconnect(),clearTimeout(this.typeaheadTimeout)}onWindowFocusIn(e){e.target===this.el.querySelector("input")&&e.stopImmediatePropagation()}onValueChange(e,s){e?.length===s?.length&&e?.every((e=>s?.includes(e)))||this.valueChange.emit(this.value)}observeSlotChanges(){this.observer=new MutationObserver((()=>{this.updateOptions()})),this.observer.observe(this.el,{childList:!0,subtree:!0})}updateOptions(){this.options=a(this.el,"swirl-option-list-item")}isTypeaheadKey(e){return e.target!==this.searchInput&&!(e.metaKey||e.ctrlKey||e.altKey)&&1===e.key.length&&" "!==e.key}handleTypeahead(e){const s=e.toLowerCase();if(clearTimeout(this.typeaheadTimeout),this.typeaheadBuffer.length>0&&[...this.typeaheadBuffer].every((e=>e===s)))this.typeaheadBuffer+=s,this.cycleTypeahead(s);else{const e=this.typeaheadBuffer.length>1&&1===new Set(this.typeaheadBuffer).size;this.typeaheadBuffer=e?s:this.typeaheadBuffer+s,this.prefixMatchTypeahead(this.typeaheadBuffer)||(this.typeaheadBuffer=s,this.prefixMatchTypeahead(this.typeaheadBuffer))}this.typeaheadTimeout=setTimeout((()=>{this.typeaheadBuffer=""}),500)}cycleTypeahead(e){const s=this.options.filter((e=>!e.disabled)).filter((s=>s.label?.toLowerCase().startsWith(e)));if(0===s.length)return;const t=this.getTypeaheadAnchorValue(),i=s.findIndex((e=>e.value===t));this.applyTypeaheadMatch(s[(i+1)%s.length])}prefixMatchTypeahead(e){const s=this.options.filter((e=>!e.disabled)).find((s=>s.label?.toLowerCase().startsWith(e)));return!!s&&(this.applyTypeaheadMatch(s),!0)}getTypeaheadAnchorValue(){if(this.open){const e=this.options.find((e=>e.querySelector('[role="option"][tabindex="0"]')));return e?.value}return this.value?.[this.value.length-1]}applyTypeaheadMatch(e){this.open&&this.optionList.focusItemWithValue(e.value)}getValueLabel(){return this.value?this.value?.map((e=>this.options.find((s=>s.value===e))?.label)).join(", "):""}render(){const e=this.getValueLabel(),s=!0===this.invalid||!1===this.invalid?this.invalid+"":void 0,t=this.el.closest("swirl-form-control"),c=this.standalone?[-8,0]:t?.inline||"outside"===t?.labelPosition?[0,-12]:[0,-16],a=r("select","select--placement-"+this.placement,{"select--disabled":this.disabled,"select--inline":this.inline,"select--multi":this.multiSelect,"select--search-loading":this.searchLoading,"select--standalone":this.standalone});return i(l,{key:"929f01f034ae8a18288764828c2e5918bbd85a4d",onKeyDown:this.onKeyDown},i("div",{key:"2e138752181fc9224d38c4f1316b7d7a65a65737",class:a},i("swirl-popover-trigger",{key:"9aa8d9e2c98ad761ad8ad335168ed11a560f6139",swirlPopover:this.swirlPopover,setAriaAttributes:!1},i("swirl-stack",{key:"5ed9c2eed6200517da8c3c848d985e4602883113",class:"select__value-container"},this.standalone&&i("span",{key:"3893aea9698cb92024681253e936569cfbaf00d1","aria-hidden":"true",class:"select__resize-helper"},e),i("input",{key:"1d4075300927fce4277e26889785d73a0e94cf31","aria-describedby":this.swirlAriaDescribedby,"aria-disabled":this.disabled?"true":void 0,"aria-invalid":s,class:"select__input",disabled:this.disabled,readOnly:!0,ref:e=>this.input=e,type:"text",value:e}))),i("span",{key:"ebe8a1733a690a208cdfd9ddbc5e9f4b729d08e8",class:"select__multi-select-values"},this.value?.map((e=>this.options.find((s=>s.value===e))))?.map((e=>i("swirl-tag",{"aria-hidden":"true",label:e?.label,onRemove:()=>this.unselectOption(e?.value),removable:!this.disabled&&this.allowDeselect&&!e?.disabled})))),i("span",{key:"c5ca152e1241fed655caf85f94d0109de53424a1",class:"select__indicator"},i(this.open?"swirl-icon-expand-less":"swirl-icon-expand-more",{size:this.standalone?20:24})),i("swirl-popover",{key:"74a19fcce6eea2dabf28a6bb76c39783b6d8aeb4",animation:"scale-in-y",class:"select__popover",id:"select-options-"+this.selectId,label:this.label,offset:c,onPopoverClose:this.onClose,onPopoverOpen:this.onOpen,ref:e=>this.swirlPopover=e,useContainerWidth:!this.standalone&&"swirl-form-control"},this.withSearch&&i("div",{key:"1d41ecefe419e460b4ecbab60ed4346b73d01ea8",class:"select__search"},i("swirl-icon-search",{key:"ff1b1986386a9d3f4265d70d3eaa2e038eea09ae",class:"select__search-icon",size:20}),i("input",{key:"4b9992235c8dee92eb53fb4ff1683996219a2d1e","aria-label":this.searchInputLabel,class:"select__search-input",onInput:this.onSearchInput,placeholder:this.searchPlaceholder,ref:e=>this.searchInput=e,type:"search"}),this.searchLoading&&i("swirl-spinner",{key:"766b4a927aff6d496724c1ce9880c6df6c1f9afa",class:"select__search-spinner",size:"s"})),i("swirl-option-list",{key:"d9e760224d09c1836734076e77ec5ecd40b0a7a4",class:"select__option-list",allowDeselect:this.allowDeselect,onValueChange:this.select,multiSelect:this.multiSelect,ref:e=>this.optionList=e,value:this.value},!this.searchLoading&&i("div",{key:"7002f7db5ca0a4e75c7dd942e3f224d68e813fe9","aria-disabled":"true",class:"select__empty-list-label",role:"option"},i("swirl-text",{key:"b210d6c040c87afb01f4249fcafec65b7791ff44",color:"subdued",weight:"medium"},this.emptyListLabel)),i("slot",{key:"8833a83ae6bc2840c4d3697cee4a5aa8d67b2542",onSlotchange:this.onSlotChange})))))}get el(){return this}static get watchers(){return{value:[{onValueChange:0}]}}static get style(){return'.sc-swirl-select-h{display:block;width:100%}.sc-swirl-select-h *.sc-swirl-select{box-sizing:border-box}.select.sc-swirl-select{position:relative;display:flex;width:100%}.select.sc-swirl-select .sc-swirl-select::part(popover__content),.select.sc-swirl-select .sc-swirl-select [part~="popover__content"]{margin-top:var(--s-space-16)}@media (min-width: 768px){.select.sc-swirl-select .sc-swirl-select::part(popover__scroll-container){padding-top:0}}.select--placement-top-start.sc-swirl-select .sc-swirl-select::part(popover__content),.select--placement-top-start.sc-swirl-select .sc-swirl-select [part~="popover__content"]{margin-top:-2.25rem}.select--multi.sc-swirl-select .select__input.sc-swirl-select{position:absolute;width:100%;height:100%;pointer-events:none;opacity:0}.select--multi.sc-swirl-select .select__multi-select-values.sc-swirl-select{display:flex}.select--disabled.sc-swirl-select .select__input.sc-swirl-select{color:var(--s-text-disabled)}.select--disabled.sc-swirl-select .select__indicator.sc-swirl-select{color:var(--s-icon-disabled)}.select--inline.sc-swirl-select .select__indicator.sc-swirl-select{transform:translateY(-50%)}.select--standalone.sc-swirl-select{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.select--standalone.sc-swirl-select .select__indicator.sc-swirl-select{position:relative;top:auto;right:auto;cursor:pointer;transform:none}.select--standalone.sc-swirl-select .select__input.sc-swirl-select{padding-right:var(--s-space-8);font-weight:var(--s-font-weight-medium);cursor:pointer}.select--standalone.sc-swirl-select .select__value-container.sc-swirl-select{width:-webkit-min-content;width:-moz-min-content;width:min-content}.select--search-loading.sc-swirl-select .select__search-input.sc-swirl-select{padding-right:calc(var(--s-space-12) + 1.5rem + var(--s-space-8))}.select__resize-helper.sc-swirl-select{display:block;width:auto;height:0;margin:0;padding:0;padding-right:calc(1.5rem + var(--s-space-8));padding-right:var(--s-space-8);font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left;white-space:pre;white-space:pre;vertical-align:top;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.select__resize-helper.sc-swirl-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.select__input.sc-swirl-select{display:block;overflow:hidden;width:100%;height:1.25rem;margin:0;padding:0;padding-right:calc(1.5rem + var(--s-space-8));border:none;background-color:transparent;font:inherit;line-height:var(--s-line-height-base);text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:default}.select__input.sc-swirl-select:focus{outline:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.select__input.sc-swirl-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.select__multi-select-values.sc-swirl-select{display:none;overflow:hidden;width:100%;min-height:1.25rem;padding-right:calc(1.5rem + var(--s-space-8));flex-wrap:wrap;flex-shrink:0;gap:var(--s-space-8)}.select__multi-select-values.sc-swirl-select .sc-swirl-select::part(tag),.select__multi-select-values.sc-swirl-select .sc-swirl-select [part~="tag"]{height:1.25rem;padding:0 var(--s-space-4)}.select__indicator.sc-swirl-select{position:absolute;top:50%;right:0;display:inline-flex;color:var(--s-icon-default);transform:translateY(calc(-50% - var(--s-space-8)))}.select__search.sc-swirl-select{position:relative;display:flex;width:100%;padding:0.0625rem var(--s-space-8);border-bottom:0.0625rem solid var(--s-border-default)}@media (min-width: 768px){.select__search.sc-swirl-select{position:sticky;z-index:1;top:0;padding-top:var(--s-space-8);padding-right:0.0625rem;padding-left:0.0625rem}}.select__search-icon.sc-swirl-select{position:absolute;top:50%;left:calc(var(--s-space-8) * 2);display:inline-flex;color:var(--s-icon-default);transform:translateY(-50%)}@media (min-width: 768px){.select__search-icon.sc-swirl-select{left:var(--s-space-12);margin-top:var(--s-space-4);padding:0.0625rem}}.select__search-input.sc-swirl-select{width:100%;height:2.5rem;padding-right:var(--s-space-12);padding-left:calc(var(--s-space-12) + 1.25rem + var(--s-space-8));align-items:center;border:none;color:var(--s-text-default);background-color:transparent;font:inherit;line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.select__search-input.sc-swirl-select:focus:not(:focus-visible){outline:none}.select__search-input.sc-swirl-select:focus-visible{outline-color:var(--s-focus-default)}.select__search-input.sc-swirl-select::-moz-placeholder{color:var(--s-text-subdued)}.select__search-input.sc-swirl-select::placeholder{color:var(--s-text-subdued)}.select__search-input.sc-swirl-select::-webkit-search-decoration,.select__search-input.sc-swirl-select::-webkit-search-cancel-button,.select__search-input.sc-swirl-select::-webkit-search-results-button,.select__search-input.sc-swirl-select::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.select__search-input.sc-swirl-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.select__popover.sc-swirl-select::part(popover__scroll-container),.select__popover.sc-swirl-select [part~="popover__scroll-container"]{padding:0;overflow:hidden;display:flex;flex-direction:column}.select__popover.sc-swirl-select .select__search.sc-swirl-select{flex-shrink:0}.select__popover.sc-swirl-select .select__option-list.sc-swirl-select{padding:var(--s-space-4);overflow:auto;min-height:0}.select__search-spinner.sc-swirl-select{position:absolute;top:50%;right:var(--s-space-12);display:inline-flex;transform:translateY(-50%)}@media (min-width: 768px){.select__search-spinner.sc-swirl-select{margin-top:var(--s-space-4)}}.select__empty-list-label.sc-swirl-select{padding:var(--s-space-12) var(--s-space-12) 0}.select__empty-list-label.sc-swirl-select:not(:only-child){display:none}@media (min-width: 768px){.select__empty-list-label.sc-swirl-select{padding:var(--s-space-12) var(--s-space-12) var(--s-space-8)}}'}},[262,"swirl-select",{allowDeselect:[4,"allow-deselect"],disabled:[4],emptyListLabel:[1,"empty-list-label"],inline:[4],invalid:[4],label:[1],multiSelect:[4,"multi-select"],required:[4],searchInputLabel:[1,"search-input-label"],searchLoading:[4,"search-loading"],searchPlaceholder:[1,"search-placeholder"],selectId:[1,"select-id"],standalone:[4],swirlAriaDescribedby:[1,"swirl-aria-describedby"],value:[1040],withSearch:[4,"with-search"],options:[32],open:[32],placement:[32]},[[8,"focusin","onWindowFocusIn"]],{value:[{onValueChange:0}]}]),j=E,z=function(){"undefined"!=typeof customElements&&["swirl-select","swirl-icon-check-small","swirl-icon-check-strong","swirl-icon-close","swirl-icon-drag-handle","swirl-icon-expand-less","swirl-icon-expand-more","swirl-icon-search","swirl-option-list","swirl-option-list-item","swirl-popover","swirl-popover-trigger","swirl-spinner","swirl-stack","swirl-tag","swirl-text","swirl-visually-hidden"].forEach((e=>{switch(e){case"swirl-select":customElements.get(c(e))||customElements.define(c(e),E);break;case"swirl-icon-check-small":customElements.get(c(e))||o();break;case"swirl-icon-check-strong":customElements.get(c(e))||n();break;case"swirl-icon-close":customElements.get(c(e))||h();break;case"swirl-icon-drag-handle":customElements.get(c(e))||d();break;case"swirl-icon-expand-less":customElements.get(c(e))||p();break;case"swirl-icon-expand-more":customElements.get(c(e))||w();break;case"swirl-icon-search":customElements.get(c(e))||m();break;case"swirl-option-list":customElements.get(c(e))||u();break;case"swirl-option-list-item":customElements.get(c(e))||f();break;case"swirl-popover":customElements.get(c(e))||_();break;case"swirl-popover-trigger":customElements.get(c(e))||b();break;case"swirl-spinner":customElements.get(c(e))||v();break;case"swirl-stack":customElements.get(c(e))||g();break;case"swirl-tag":customElements.get(c(e))||k();break;case"swirl-text":customElements.get(c(e))||y();break;case"swirl-visually-hidden":customElements.get(c(e))||x()}}))};export{j as SwirlSelect,z as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as s,createEvent as t,h as i,Host as l,transformTag as c}from"@stencil/core/internal/client";import{c as r}from"./index2.js";import{q as a}from"./utils.js";import{d as o}from"./swirl-icon-check-small2.js";import{d as n}from"./swirl-icon-check-strong2.js";import{d as h}from"./swirl-icon-close2.js";import{d}from"./swirl-icon-drag-handle2.js";import{d as p}from"./swirl-icon-expand-less2.js";import{d as w}from"./swirl-icon-expand-more2.js";import{d as m}from"./swirl-icon-search2.js";import{d as u}from"./swirl-option-list2.js";import{d as b}from"./swirl-option-list-item2.js";import{d as f}from"./swirl-popover2.js";import{d as _}from"./swirl-popover-trigger2.js";import{d as v}from"./swirl-spinner2.js";import{d as g}from"./swirl-stack2.js";import{d as k}from"./swirl-tag2.js";import{d as y}from"./swirl-text2.js";import{d as x}from"./swirl-visually-hidden2.js";const E=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.searchChange=t(this,"searchChange",7),this.valueChange=t(this,"valueChange",7),this.allowDeselect=!0,this.emptyListLabel="No results found.",this.searchInputLabel="Search options",this.selectId=""+Math.round(1e6*Math.random()),this.options=[],this.typeaheadBuffer="",this.select=e=>{e.stopPropagation(),this.value=e.detail,this.multiSelect||this.swirlPopover.close()},this.unselectOption=e=>{this.allowDeselect&&(this.value=this.value.filter((s=>s!==e)))},this.onSlotChange=()=>{this.updateOptions()},this.onOpen=e=>{this.placement=e.detail.position?.placement,this.open=!0,this.typeaheadBuffer="",clearTimeout(this.typeaheadTimeout),this.withSearch&&this.searchInput?this.searchInput.focus():this.optionList.querySelector('[tabIndex="0"]')?.focus()},this.onClose=()=>{this.searchInput&&(this.searchInput.value="",this.searchChange.emit("")),this.typeaheadBuffer="",clearTimeout(this.typeaheadTimeout),this.open=!1,this.input.focus()},this.onKeyDown=e=>{if("Space"===e.code||"Enter"===e.code){if(e.target===this.searchInput)return;e.preventDefault(),this.swirlPopover.open(this.el)}else"ArrowDown"===e.code&&e.target===this.searchInput?this.optionList.querySelector('[tabIndex="0"]')?.focus():this.isTypeaheadKey(e)&&(e.preventDefault(),e.stopPropagation(),this.handleTypeahead(e.key))},this.onSearchInput=e=>{this.searchChange.emit(e.target.value)}}componentWillLoad(){queueMicrotask((()=>{this.updateOptions(),this.observeSlotChanges()}))}disconnectedCallback(){this.observer?.disconnect(),clearTimeout(this.typeaheadTimeout)}onWindowFocusIn(e){e.target===this.el.querySelector("input")&&e.stopImmediatePropagation()}onValueChange(e,s){e?.length===s?.length&&e?.every((e=>s?.includes(e)))||this.valueChange.emit(this.value)}observeSlotChanges(){this.observer=new MutationObserver((()=>{this.updateOptions()})),this.observer.observe(this.el,{childList:!0,subtree:!0})}updateOptions(){this.options=a(this.el,"swirl-option-list-item")}isTypeaheadKey(e){return e.target!==this.searchInput&&!(e.metaKey||e.ctrlKey||e.altKey)&&1===e.key.length&&" "!==e.key}handleTypeahead(e){const s=e.toLowerCase();if(clearTimeout(this.typeaheadTimeout),this.typeaheadBuffer.length>0&&[...this.typeaheadBuffer].every((e=>e===s)))this.typeaheadBuffer+=s,this.cycleTypeahead(s);else{const e=this.typeaheadBuffer.length>1&&1===new Set(this.typeaheadBuffer).size;this.typeaheadBuffer=e?s:this.typeaheadBuffer+s,this.prefixMatchTypeahead(this.typeaheadBuffer)||(this.typeaheadBuffer=s,this.prefixMatchTypeahead(this.typeaheadBuffer))}this.typeaheadTimeout=setTimeout((()=>{this.typeaheadBuffer=""}),500)}cycleTypeahead(e){const s=this.options.filter((e=>!e.disabled)).filter((s=>s.label?.toLowerCase().startsWith(e)));if(0===s.length)return;const t=this.getTypeaheadAnchorValue(),i=s.findIndex((e=>e.value===t));this.applyTypeaheadMatch(s[(i+1)%s.length])}prefixMatchTypeahead(e){const s=this.options.filter((e=>!e.disabled)).find((s=>s.label?.toLowerCase().startsWith(e)));return!!s&&(this.applyTypeaheadMatch(s),!0)}getTypeaheadAnchorValue(){if(this.open){const e=this.options.find((e=>e.querySelector('[role="option"][tabindex="0"]')));return e?.value}return this.value?.[this.value.length-1]}applyTypeaheadMatch(e){this.open&&this.optionList.focusItemWithValue(e.value)}getValueLabel(){return this.value?this.value?.map((e=>this.options.find((s=>s.value===e))?.label)).join(", "):""}render(){const e=this.getValueLabel(),s=!0===this.invalid||!1===this.invalid?this.invalid+"":void 0,t=this.el.closest("swirl-form-control"),c=this.standalone?[-8,0]:t?.inline||"outside"===t?.labelPosition?[0,-12]:[0,-16],a=r("select","select--placement-"+this.placement,{"select--disabled":this.disabled,"select--inline":this.inline,"select--multi":this.multiSelect,"select--search-loading":this.searchLoading,"select--standalone":this.standalone});return i(l,{key:"9a5534c294e8d2dd24407e72daaeaf4751366808",onKeyDown:this.onKeyDown},i("div",{key:"0f6b2ad1b6b5ae28b92b858e731e7890a831d9dc",class:a},i("swirl-popover-trigger",{key:"c136b1734f813c33b12b83b60e4a477db732a477",swirlPopover:this.swirlPopover,setAriaAttributes:!1},i("swirl-stack",{key:"73f8585fa47b1d9a4b624228dfd206fe38ba68ce",class:"select__value-container"},this.standalone&&i("span",{key:"b9dc89ab2d126a3a4be4bd8250282d1f2261d42d","aria-hidden":"true",class:"select__resize-helper"},e),i("input",{key:"af7495ede4ffeaf1c9918c9e9324620990b25e5e","aria-describedby":this.swirlAriaDescribedby,"aria-disabled":this.disabled?"true":void 0,"aria-invalid":s,class:"select__input",disabled:this.disabled,readOnly:!0,ref:e=>this.input=e,type:"text",value:e}))),i("span",{key:"e1956d9283cd2fe98a75eb6ea71b2ceec7163382",class:"select__multi-select-values"},this.value?.map((e=>this.options.find((s=>s.value===e))))?.map((e=>i("swirl-tag",{"aria-hidden":"true",label:e?.label,onRemove:()=>this.unselectOption(e?.value),removable:!this.disabled&&this.allowDeselect&&!e?.disabled})))),i("span",{key:"4a3a2fe033f9f0b9ef57139da76f542d3cc2058c",class:"select__indicator"},i(this.open?"swirl-icon-expand-less":"swirl-icon-expand-more",{size:this.standalone?20:24})),i("swirl-popover",{key:"855e0983597903d0155caf513fe29dbba666b9b1",animation:"scale-in-y",class:"select__popover",id:"select-options-"+this.selectId,label:this.label,offset:c,onPopoverClose:this.onClose,onPopoverOpen:this.onOpen,ref:e=>this.swirlPopover=e,useContainerWidth:!this.standalone&&"swirl-form-control"},this.withSearch&&i("div",{key:"6e1c5c09625b0189dd0d77316930fb1031a38e23",class:"select__search"},i("swirl-icon-search",{key:"1b4fe62e54e1a2d15fcc9890b893b9d08afa5b0e",class:"select__search-icon",size:20}),i("input",{key:"4e82b5eda53cff1fb963cef3d39b6f60c91f632c","aria-label":this.searchInputLabel,class:"select__search-input",onInput:this.onSearchInput,placeholder:this.searchPlaceholder,ref:e=>this.searchInput=e,type:"search"}),this.searchLoading&&i("swirl-spinner",{key:"ddd08f49bd04c0d001d73bac488716d2790b803a",class:"select__search-spinner",size:"s"})),i("swirl-option-list",{key:"c2af13732343bfddf75692b32ec96fe957ef02ee",class:"select__option-list",allowDeselect:this.allowDeselect,onValueChange:this.select,multiSelect:this.multiSelect,ref:e=>this.optionList=e,value:this.value},!this.searchLoading&&i("div",{key:"aab9791ae69cb8530fd60fdd580b03812b79bdd0","aria-disabled":"true",class:"select__empty-list-label",role:"option"},i("swirl-text",{key:"de602aea38e9559369240c60f4816cc26d2df4be",color:"subdued",weight:"medium"},this.emptyListLabel)),i("slot",{key:"71c71b0caca400e8695af5805be60106df8914cc",onSlotchange:this.onSlotChange})))))}get el(){return this}static get watchers(){return{value:[{onValueChange:0}]}}static get style(){return'.sc-swirl-select-h{display:block;width:100%}.sc-swirl-select-h *.sc-swirl-select{box-sizing:border-box}.select.sc-swirl-select{position:relative;display:flex;width:100%}.select.sc-swirl-select .sc-swirl-select::part(popover__content),.select.sc-swirl-select .sc-swirl-select [part~="popover__content"]{margin-top:var(--s-space-16)}@media (min-width: 768px){.select.sc-swirl-select .sc-swirl-select::part(popover__scroll-container){padding-top:0}}.select--placement-top-start.sc-swirl-select .sc-swirl-select::part(popover__content),.select--placement-top-start.sc-swirl-select .sc-swirl-select [part~="popover__content"]{margin-top:-2.25rem}.select--multi.sc-swirl-select .select__input.sc-swirl-select{position:absolute;width:100%;height:100%;pointer-events:none;opacity:0}.select--multi.sc-swirl-select .select__multi-select-values.sc-swirl-select{display:flex}.select--disabled.sc-swirl-select .select__input.sc-swirl-select{color:var(--s-text-disabled)}.select--disabled.sc-swirl-select .select__indicator.sc-swirl-select{color:var(--s-icon-disabled)}.select--inline.sc-swirl-select .select__indicator.sc-swirl-select{transform:translateY(-50%)}.select--standalone.sc-swirl-select{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.select--standalone.sc-swirl-select .select__indicator.sc-swirl-select{position:relative;top:auto;right:auto;cursor:pointer;transform:none}.select--standalone.sc-swirl-select .select__input.sc-swirl-select{padding-right:var(--s-space-8);font-weight:var(--s-font-weight-medium);cursor:pointer}.select--standalone.sc-swirl-select .select__value-container.sc-swirl-select{width:-webkit-min-content;width:-moz-min-content;width:min-content}.select--search-loading.sc-swirl-select .select__search-input.sc-swirl-select{padding-right:calc(var(--s-space-12) + 1.5rem + var(--s-space-8))}.select__resize-helper.sc-swirl-select{display:block;width:auto;height:0;margin:0;padding:0;padding-right:calc(1.5rem + var(--s-space-8));padding-right:var(--s-space-8);font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left;white-space:pre;white-space:pre;vertical-align:top;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.select__resize-helper.sc-swirl-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.select__input.sc-swirl-select{display:block;overflow:hidden;width:100%;height:1.25rem;margin:0;padding:0;padding-right:calc(1.5rem + var(--s-space-8));border:none;background-color:transparent;font:inherit;line-height:var(--s-line-height-base);text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:default}.select__input.sc-swirl-select:focus{outline:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.select__input.sc-swirl-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.select__multi-select-values.sc-swirl-select{display:none;overflow:hidden;width:100%;min-height:1.25rem;padding-right:calc(1.5rem + var(--s-space-8));flex-wrap:wrap;flex-shrink:0;gap:var(--s-space-8)}.select__multi-select-values.sc-swirl-select .sc-swirl-select::part(tag),.select__multi-select-values.sc-swirl-select .sc-swirl-select [part~="tag"]{height:1.25rem;padding:0 var(--s-space-4)}.select__indicator.sc-swirl-select{position:absolute;top:50%;right:0;display:inline-flex;color:var(--s-icon-default);transform:translateY(calc(-50% - var(--s-space-8)))}.select__search.sc-swirl-select{position:relative;display:flex;width:100%;padding:0.0625rem var(--s-space-8);border-bottom:0.0625rem solid var(--s-border-default)}@media (min-width: 768px){.select__search.sc-swirl-select{position:sticky;z-index:1;top:0;padding-top:var(--s-space-8);padding-right:0.0625rem;padding-left:0.0625rem}}.select__search-icon.sc-swirl-select{position:absolute;top:50%;left:calc(var(--s-space-8) * 2);display:inline-flex;color:var(--s-icon-default);transform:translateY(-50%)}@media (min-width: 768px){.select__search-icon.sc-swirl-select{left:var(--s-space-12);margin-top:var(--s-space-4);padding:0.0625rem}}.select__search-input.sc-swirl-select{width:100%;height:2.5rem;padding-right:var(--s-space-12);padding-left:calc(var(--s-space-12) + 1.25rem + var(--s-space-8));align-items:center;border:none;color:var(--s-text-default);background-color:transparent;font:inherit;line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.select__search-input.sc-swirl-select:focus:not(:focus-visible){outline:none}.select__search-input.sc-swirl-select:focus-visible{outline-color:var(--s-focus-default)}.select__search-input.sc-swirl-select::-moz-placeholder{color:var(--s-text-subdued)}.select__search-input.sc-swirl-select::placeholder{color:var(--s-text-subdued)}.select__search-input.sc-swirl-select::-webkit-search-decoration,.select__search-input.sc-swirl-select::-webkit-search-cancel-button,.select__search-input.sc-swirl-select::-webkit-search-results-button,.select__search-input.sc-swirl-select::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.select__search-input.sc-swirl-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.select__popover.sc-swirl-select::part(popover__scroll-container),.select__popover.sc-swirl-select [part~="popover__scroll-container"]{padding:0;overflow:hidden;display:flex;flex-direction:column}.select__popover.sc-swirl-select .select__search.sc-swirl-select{flex-shrink:0}.select__popover.sc-swirl-select .select__option-list.sc-swirl-select{padding:var(--s-space-4);overflow:auto;min-height:0}.select__search-spinner.sc-swirl-select{position:absolute;top:50%;right:var(--s-space-12);display:inline-flex;transform:translateY(-50%)}@media (min-width: 768px){.select__search-spinner.sc-swirl-select{margin-top:var(--s-space-4)}}.select__empty-list-label.sc-swirl-select{padding:var(--s-space-12) var(--s-space-12) 0}.select__empty-list-label.sc-swirl-select:not(:only-child){display:none}@media (min-width: 768px){.select__empty-list-label.sc-swirl-select{padding:var(--s-space-12) var(--s-space-12) var(--s-space-8)}}'}},[262,"swirl-select",{allowDeselect:[4,"allow-deselect"],disabled:[4],emptyListLabel:[1,"empty-list-label"],inline:[4],invalid:[4],label:[1],multiSelect:[4,"multi-select"],required:[4],searchInputLabel:[1,"search-input-label"],searchLoading:[4,"search-loading"],searchPlaceholder:[1,"search-placeholder"],selectId:[1,"select-id"],standalone:[4],swirlAriaDescribedby:[1,"swirl-aria-describedby"],value:[1040],withSearch:[4,"with-search"],options:[32],open:[32],placement:[32]},[[8,"focusin","onWindowFocusIn"]],{value:[{onValueChange:0}]}]),j=E,z=function(){"undefined"!=typeof customElements&&["swirl-select","swirl-icon-check-small","swirl-icon-check-strong","swirl-icon-close","swirl-icon-drag-handle","swirl-icon-expand-less","swirl-icon-expand-more","swirl-icon-search","swirl-option-list","swirl-option-list-item","swirl-popover","swirl-popover-trigger","swirl-spinner","swirl-stack","swirl-tag","swirl-text","swirl-visually-hidden"].forEach((e=>{switch(e){case"swirl-select":customElements.get(c(e))||customElements.define(c(e),E);break;case"swirl-icon-check-small":customElements.get(c(e))||o();break;case"swirl-icon-check-strong":customElements.get(c(e))||n();break;case"swirl-icon-close":customElements.get(c(e))||h();break;case"swirl-icon-drag-handle":customElements.get(c(e))||d();break;case"swirl-icon-expand-less":customElements.get(c(e))||p();break;case"swirl-icon-expand-more":customElements.get(c(e))||w();break;case"swirl-icon-search":customElements.get(c(e))||m();break;case"swirl-option-list":customElements.get(c(e))||u();break;case"swirl-option-list-item":customElements.get(c(e))||b();break;case"swirl-popover":customElements.get(c(e))||f();break;case"swirl-popover-trigger":customElements.get(c(e))||_();break;case"swirl-spinner":customElements.get(c(e))||v();break;case"swirl-stack":customElements.get(c(e))||g();break;case"swirl-tag":customElements.get(c(e))||k();break;case"swirl-text":customElements.get(c(e))||y();break;case"swirl-visually-hidden":customElements.get(c(e))||x()}}))};export{j as SwirlSelect,z as defineCustomElement}

package/dist/components/swirl-symbol-ac-unit.js

@@ -1 +1 @@
-import{proxyCustomElement as C,HTMLElement as s,h as t,Fragment as e,transformTag as i}from"@stencil/core/internal/client";import{c as l}from"./index2.js";const n=C(class extends s{constructor(C){super(),!1!==C&&this.__registerHost(),this.__attachShadow(),this.size=24}render(){const C=l("swirl-symbol","swirl-symbol--size-"+this.size);return t("svg",{key:"b878461e2cebbea79ddccfb932f0d347cf6bffb9",class:C,fill:"none",height:this.size,part:"symbol",viewBox:"0 0 24 24",width:this.size,xmlns:"http://www.w3.org/2000/svg"},t(e,{key:"6d61884be11995832f1db2a930973023fb9d0c23"},t("path",{key:"0f1090e52f86882e85895f977929a840267d8d77",d:"M11 17.85L8.425 20.375C8.24167 20.5583 8.0125 20.65 7.7375 20.65C7.4625 20.65 7.23333 20.55 7.05 20.35C6.85 20.1667 6.75 19.9375 6.75 19.6625C6.75 19.3875 6.85 19.15 7.05 18.95L11 15V13H9L5.025 16.975C4.84167 17.1583 4.6125 17.25 4.3375 17.25C4.0625 17.25 3.825 17.15 3.625 16.95C3.44167 16.7667 3.35 16.5375 3.35 16.2625C3.35 15.9875 3.44167 15.7583 3.625 15.575L6.15 13H2.975C2.69167 13 2.45833 12.9042 2.275 12.7125C2.09167 12.5208 2 12.2833 2 12C2 11.7167 2.09583 11.4792 2.2875 11.2875C2.47917 11.0958 2.71667 11 3 11H6.15L3.625 8.45C3.44167 8.26667 3.35 8.0375 3.35 7.7625C3.35 7.4875 3.45 7.25 3.65 7.05C3.83333 6.86667 4.0625 6.775 4.3375 6.775C4.6125 6.775 4.85 6.86667 5.05 7.05L9 11H11V9L7.025 5.05C6.84167 4.86667 6.75 4.6375 6.75 4.3625C6.75 4.0875 6.85 3.85 7.05 3.65C7.23333 3.46667 7.4625 3.375 7.7375 3.375C8.0125 3.375 8.24167 3.46667 8.425 3.65L11 6.15V3C11 2.71667 11.0958 2.47917 11.2875 2.2875C11.4792 2.09583 11.7167 2 12 2C12.2833 2 12.5208 2.09583 12.7125 2.2875C12.9042 2.47917 13 2.71667 13 3V6.15L15.55 3.65C15.7333 3.46667 15.9625 3.375 16.2375 3.375C16.5125 3.375 16.75 3.46667 16.95 3.65C17.1333 3.85 17.225 4.0875 17.225 4.3625C17.225 4.6375 17.1333 4.86667 16.95 5.05L13 9V11H15L18.95 7.05C19.1333 6.86667 19.3625 6.775 19.6375 6.775C19.9125 6.775 20.15 6.875 20.35 7.075C20.5333 7.25833 20.625 7.4875 20.625 7.7625C20.625 8.0375 20.5333 8.26667 20.35 8.45L17.85 11H21C21.2833 11 21.5208 11.0958 21.7125 11.2875C21.9042 11.4792 22 11.7167 22 12C22 12.2833 21.9042 12.5208 21.7125 12.7125C21.5208 12.9042 21.2833 13 21 13H17.85L20.35 15.575C20.5333 15.7583 20.625 15.9875 20.625 16.2625C20.625 16.5375 20.5333 16.7667 20.35 16.95C20.15 17.15 19.9125 17.25 19.6375 17.25C19.3625 17.25 19.1333 17.15 18.95 16.95L15 13H13V15L16.95 18.975C17.1333 19.1583 17.225 19.3875 17.225 19.6625C17.225 19.9375 17.125 20.175 16.925 20.375C16.7417 20.5583 16.5125 20.65 16.2375 20.65C15.9625 20.65 15.7333 20.5583 15.55 20.375L13 17.85V21.025C13 21.3083 12.9042 21.5417 12.7125 21.725C12.5208 21.9083 12.2833 22 12 22C11.7167 22 11.4792 21.9042 11.2875 21.7125C11.0958 21.5208 11 21.2833 11 21V17.85Z",fill:"currentColor"})))}static get style(){return":host{display:inline-flex}"}},[1,"swirl-symbol-ac-unit",{size:[2]}]),o=n,r=function(){"undefined"!=typeof customElements&&["swirl-symbol-ac-unit"].forEach((C=>{"swirl-symbol-ac-unit"===C&&(customElements.get(i(C))||customElements.define(i(C),n))}))};export{o as SwirlSymbolAcUnit,r as defineCustomElement}
+import{proxyCustomElement as C,HTMLElement as s,h as t,Fragment as e,transformTag as i}from"@stencil/core/internal/client";import{c as l}from"./index2.js";const n=C(class extends s{constructor(C){super(),!1!==C&&this.__registerHost(),this.__attachShadow(),this.size=24}render(){const C=l("swirl-symbol","swirl-symbol--size-"+this.size);return t("svg",{key:"163f19269e7086069c462b0a03b610fc1b48c619",class:C,fill:"none",height:this.size,part:"symbol",viewBox:"0 0 24 24",width:this.size,xmlns:"http://www.w3.org/2000/svg"},t(e,{key:"e75366a586c228ffb66d324b50445a015700a730"},t("path",{key:"c5d3b3a88df7b70f862099fc2471d8fe6d1ba5f2",d:"M11 17.85L8.425 20.375C8.24167 20.5583 8.0125 20.65 7.7375 20.65C7.4625 20.65 7.23333 20.55 7.05 20.35C6.85 20.1667 6.75 19.9375 6.75 19.6625C6.75 19.3875 6.85 19.15 7.05 18.95L11 15V13H9L5.025 16.975C4.84167 17.1583 4.6125 17.25 4.3375 17.25C4.0625 17.25 3.825 17.15 3.625 16.95C3.44167 16.7667 3.35 16.5375 3.35 16.2625C3.35 15.9875 3.44167 15.7583 3.625 15.575L6.15 13H2.975C2.69167 13 2.45833 12.9042 2.275 12.7125C2.09167 12.5208 2 12.2833 2 12C2 11.7167 2.09583 11.4792 2.2875 11.2875C2.47917 11.0958 2.71667 11 3 11H6.15L3.625 8.45C3.44167 8.26667 3.35 8.0375 3.35 7.7625C3.35 7.4875 3.45 7.25 3.65 7.05C3.83333 6.86667 4.0625 6.775 4.3375 6.775C4.6125 6.775 4.85 6.86667 5.05 7.05L9 11H11V9L7.025 5.05C6.84167 4.86667 6.75 4.6375 6.75 4.3625C6.75 4.0875 6.85 3.85 7.05 3.65C7.23333 3.46667 7.4625 3.375 7.7375 3.375C8.0125 3.375 8.24167 3.46667 8.425 3.65L11 6.15V3C11 2.71667 11.0958 2.47917 11.2875 2.2875C11.4792 2.09583 11.7167 2 12 2C12.2833 2 12.5208 2.09583 12.7125 2.2875C12.9042 2.47917 13 2.71667 13 3V6.15L15.55 3.65C15.7333 3.46667 15.9625 3.375 16.2375 3.375C16.5125 3.375 16.75 3.46667 16.95 3.65C17.1333 3.85 17.225 4.0875 17.225 4.3625C17.225 4.6375 17.1333 4.86667 16.95 5.05L13 9V11H15L18.95 7.05C19.1333 6.86667 19.3625 6.775 19.6375 6.775C19.9125 6.775 20.15 6.875 20.35 7.075C20.5333 7.25833 20.625 7.4875 20.625 7.7625C20.625 8.0375 20.5333 8.26667 20.35 8.45L17.85 11H21C21.2833 11 21.5208 11.0958 21.7125 11.2875C21.9042 11.4792 22 11.7167 22 12C22 12.2833 21.9042 12.5208 21.7125 12.7125C21.5208 12.9042 21.2833 13 21 13H17.85L20.35 15.575C20.5333 15.7583 20.625 15.9875 20.625 16.2625C20.625 16.5375 20.5333 16.7667 20.35 16.95C20.15 17.15 19.9125 17.25 19.6375 17.25C19.3625 17.25 19.1333 17.15 18.95 16.95L15 13H13V15L16.95 18.975C17.1333 19.1583 17.225 19.3875 17.225 19.6625C17.225 19.9375 17.125 20.175 16.925 20.375C16.7417 20.5583 16.5125 20.65 16.2375 20.65C15.9625 20.65 15.7333 20.5583 15.55 20.375L13 17.85V21.025C13 21.3083 12.9042 21.5417 12.7125 21.725C12.5208 21.9083 12.2833 22 12 22C11.7167 22 11.4792 21.9042 11.2875 21.7125C11.0958 21.5208 11 21.2833 11 21V17.85Z",fill:"currentColor"})))}static get style(){return":host{display:inline-flex}"}},[1,"swirl-symbol-ac-unit",{size:[2]}]),o=n,r=function(){"undefined"!=typeof customElements&&["swirl-symbol-ac-unit"].forEach((C=>{"swirl-symbol-ac-unit"===C&&(customElements.get(i(C))||customElements.define(i(C),n))}))};export{o as SwirlSymbolAcUnit,r as defineCustomElement}

package/dist/components/swirl-symbol-account-circle.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as s,h as t,Fragment as c,transformTag as i}from"@stencil/core/internal/client";import{c as l}from"./index2.js";const o=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.size=24}render(){const e=l("swirl-symbol","swirl-symbol--size-"+this.size);return t("svg",{key:"315e7789094a26f0c97c3e568666f504bad754d8",class:e,fill:"none",height:this.size,part:"symbol",viewBox:"0 0 24 24",width:this.size,xmlns:"http://www.w3.org/2000/svg"},t(c,{key:"fd2ccf142a1c70fd1f8fcdb17410e26df40a60fd"},t("path",{key:"818f3f5ac6fadf665fe4182e5d2dd7beb7cd9b0f",d:"M12 2C10.0222 2 8.08879 2.58649 6.4443 3.6853C4.79981 4.78412 3.51809 6.3459 2.76121 8.17317C2.00433 10.0004 1.8063 12.0111 2.19215 13.9509C2.578 15.8907 3.53041 17.6725 4.92894 19.0711C6.32746 20.4696 8.10929 21.422 10.0491 21.8079C11.9889 22.1937 13.9996 21.9957 15.8268 21.2388C17.6541 20.4819 19.2159 19.2002 20.3147 17.5557C21.4135 15.9112 22 13.9778 22 12C22 10.6868 21.7413 9.38642 21.2388 8.17317C20.7363 6.95991 19.9997 5.85752 19.0711 4.92893C18.1425 4.00035 17.0401 3.26375 15.8268 2.7612C14.6136 2.25866 13.3132 2 12 2ZM12 5C12.5933 5 13.1734 5.17595 13.6667 5.50559C14.1601 5.83524 14.5446 6.30377 14.7716 6.85195C14.9987 7.40013 15.0581 8.00333 14.9424 8.58527C14.8266 9.16721 14.5409 9.70176 14.1213 10.1213C13.7018 10.5409 13.1672 10.8266 12.5853 10.9424C12.0033 11.0581 11.4001 10.9987 10.852 10.7716C10.3038 10.5446 9.83524 10.1601 9.5056 9.66671C9.17595 9.17336 9 8.59334 9 8C9 7.20435 9.31607 6.44129 9.87868 5.87868C10.4413 5.31607 11.2044 5 12 5ZM12 19.2C10.8119 19.2 9.64219 18.906 8.59528 18.3441C7.54838 17.7823 6.65678 16.9701 6 15.98C6.03 13.99 10 12.9 12 12.9C14 12.9 17.97 13.99 18 15.98C17.3432 16.9701 16.4516 17.7823 15.4047 18.3441C14.3578 18.906 13.1881 19.2 12 19.2Z",fill:"currentColor"})))}static get style(){return":host{display:inline-flex}"}},[1,"swirl-symbol-account-circle",{size:[2]}]),r=o,C=function(){"undefined"!=typeof customElements&&["swirl-symbol-account-circle"].forEach((e=>{"swirl-symbol-account-circle"===e&&(customElements.get(i(e))||customElements.define(i(e),o))}))};export{r as SwirlSymbolAccountCircle,C as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as s,h as t,Fragment as i,transformTag as l}from"@stencil/core/internal/client";import{c}from"./index2.js";const o=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.size=24}render(){const e=c("swirl-symbol","swirl-symbol--size-"+this.size);return t("svg",{key:"b09c1a15fff305efa986fd1a8a120b6e2c7d0e09",class:e,fill:"none",height:this.size,part:"symbol",viewBox:"0 0 24 24",width:this.size,xmlns:"http://www.w3.org/2000/svg"},t(i,{key:"abdbbaffde39a0e3bb3211430f54b955ee37d317"},t("path",{key:"453ec3d7720e5dba51b4507bf84aa88d5512f3f6",d:"M12 2C10.0222 2 8.08879 2.58649 6.4443 3.6853C4.79981 4.78412 3.51809 6.3459 2.76121 8.17317C2.00433 10.0004 1.8063 12.0111 2.19215 13.9509C2.578 15.8907 3.53041 17.6725 4.92894 19.0711C6.32746 20.4696 8.10929 21.422 10.0491 21.8079C11.9889 22.1937 13.9996 21.9957 15.8268 21.2388C17.6541 20.4819 19.2159 19.2002 20.3147 17.5557C21.4135 15.9112 22 13.9778 22 12C22 10.6868 21.7413 9.38642 21.2388 8.17317C20.7363 6.95991 19.9997 5.85752 19.0711 4.92893C18.1425 4.00035 17.0401 3.26375 15.8268 2.7612C14.6136 2.25866 13.3132 2 12 2ZM12 5C12.5933 5 13.1734 5.17595 13.6667 5.50559C14.1601 5.83524 14.5446 6.30377 14.7716 6.85195C14.9987 7.40013 15.0581 8.00333 14.9424 8.58527C14.8266 9.16721 14.5409 9.70176 14.1213 10.1213C13.7018 10.5409 13.1672 10.8266 12.5853 10.9424C12.0033 11.0581 11.4001 10.9987 10.852 10.7716C10.3038 10.5446 9.83524 10.1601 9.5056 9.66671C9.17595 9.17336 9 8.59334 9 8C9 7.20435 9.31607 6.44129 9.87868 5.87868C10.4413 5.31607 11.2044 5 12 5ZM12 19.2C10.8119 19.2 9.64219 18.906 8.59528 18.3441C7.54838 17.7823 6.65678 16.9701 6 15.98C6.03 13.99 10 12.9 12 12.9C14 12.9 17.97 13.99 18 15.98C17.3432 16.9701 16.4516 17.7823 15.4047 18.3441C14.3578 18.906 13.1881 19.2 12 19.2Z",fill:"currentColor"})))}static get style(){return":host{display:inline-flex}"}},[1,"swirl-symbol-account-circle",{size:[2]}]),r=o,C=function(){"undefined"!=typeof customElements&&["swirl-symbol-account-circle"].forEach((e=>{"swirl-symbol-account-circle"===e&&(customElements.get(l(e))||customElements.define(l(e),o))}))};export{r as SwirlSymbolAccountCircle,C as defineCustomElement}