@getflip/swirl-components 0.212.0 → 0.213.0

package/dist/swirl-components/p-b67f005c.entry.js

@@ -1 +0,0 @@
-import{r as o,c as e,h as t,H as i,g as s}from"./p-e212b5b7.js";import{o as r,s as n,f as a,c as p,a as h}from"./p-bc0de553.js";import{d,e as c}from"./p-33c168b3.js";import{c as l}from"./p-a5dce9e6.js";import{i as v,q as m,b as f}from"./p-58abf3c6.js";const u=class{constructor(t){o(this,t),this.popoverClose=e(this,"popoverClose",7),this.popoverOpen=e(this,"popoverOpen",7),this.toggle=o=>{o.stopPropagation(),this.active?this.close():this.open()},this.onKeydown=o=>{"Escape"===o.code&&this.active&&(o.stopImmediatePropagation(),o.stopPropagation(),this.close())},this.reposition=async()=>{const o=v();if(!Boolean(this.triggerEl)||!Boolean(this.contentContainer))return;if(o)return void(this.position=void 0);const e="number"==typeof this.offset?{mainAxis:this.offset,crossAxis:0}:{mainAxis:this.offset[0],crossAxis:this.offset[1]},t=this.enableFlip?[r(e),n(),a()]:[r(e),n()];this.position=await p(this.triggerEl,this.contentContainer,{middleware:t,placement:this.placement,strategy:"fixed"})},this.onCloseButtonClick=()=>{this.close()},this.animation="scale-in-xy",this.disableScrollLock=void 0,this.enableFlip=!0,this.fullscreenBottomSheet=void 0,this.label=void 0,this.maxHeight="22rem",this.offset=8,this.popoverId=void 0,this.placement="bottom-start",this.returnFocusToTrigger=!0,this.transparent=void 0,this.trigger=void 0,this.triggerContainer=void 0,this.useContainerWidth=void 0,this.active=!1,this.closing=!1,this.position=void 0}componentDidLoad(){this.connectTrigger(),this.updateTriggerAttributes(),Boolean(this.trigger)&&console.warn('[Swirl] The "trigger" prop of swirl-popover is deprecated and will be removed with the next major release. Please use the swirl-popover-trigger component instead. https://swirl-storybook.flip-app.dev/?path=/docs/components-swirlpopovertrigger--docs')}disconnectedCallback(){this.unlockBodyScroll()}onWindowFocusIn(o){if(!this.active)return;const e=/^((?!chrome|android).)*safari/i.test(navigator.userAgent),t="webkit"in window,i=e||t,s=o.target,r=o.relatedTarget,n=f(),a=!this.el.contains(s)&&!this.el.contains(n),p=s!==this.triggerEl&&!this.triggerEl?.contains(s),h=i&&!this.el.contains(r||s)&&r!==this.el;["SWIRL-TAB"].includes(s.tagName)||!a||!p||i&&!h||this.close()}onWindowClick(o){if(!this.active||this.closing)return;const e=o.target,t=this.el.contains(e),i=o.composedPath().some((o=>!!(Boolean(o)&&o instanceof Node)&&this.el.contains(o))),s=e===this.triggerEl||this.triggerEl.contains(e)||o.composedPath().includes(this.triggerEl);t||i||s||this.close()}async close(o){!this.closing&&this.active&&(this.popoverClose.emit(),this.disableAutoUpdate&&this.disableAutoUpdate(),this.closing=!0,setTimeout((()=>{this.active=!1,this.closing=!1,this.updateTriggerAttributes()}),150),this.unlockBodyScroll(),this.returnFocusToTrigger&&!o&&this.getNativeTriggerElement()?.focus())}async open(o,e){if(this.triggerEl=o||this.triggerEl,this.active||!Boolean(this.triggerEl))return;this.adjustWidth(),this.active=!0,this.updateTriggerAttributes();const t=this.getFocusableChildren();requestAnimationFrame((async()=>{await this.reposition(),this.popoverOpen.emit({position:this.position}),t.length>0&&!e?t[0].focus():e||this.contentContainer.focus(),this.disableAutoUpdate&&this.disableAutoUpdate(),this.disableAutoUpdate=h(this.triggerEl,this.contentContainer,(()=>this.reposition())),this.scrollContainer.scrollTop=0,this.lockBodyScroll()}))}connectTrigger(){Boolean(this.trigger)?(this.triggerEl="string"==typeof this.trigger?m(this.triggerContainer||document.body,`#${this.trigger}`)[0]:this.trigger,Boolean(this.triggerEl)&&this.triggerEl.addEventListener("click",(o=>{this.toggle(o)}))):this.triggerEl=void 0}getNativeTriggerElement(){return this.triggerEl?.tagName.startsWith("SWIRL-")&&(this.triggerEl?.children[0]||this.triggerEl?.shadowRoot?.children[0])||this.triggerEl}updateTriggerAttributes(){if(!Boolean(this.triggerEl))return;const o=this.getNativeTriggerElement();o.setAttribute("aria-controls",this.el.id),o.setAttribute("aria-expanded",String(this.active)),o.setAttribute("aria-haspopup","dialog")}getFocusableChildren(){return m(this.el,'[role="menuitem"], [role="listbox"]')}adjustWidth(){let o=this.useContainerWidth;[!0,"true"].includes(this.useContainerWidth)?o=!0:[!1,"false"].includes(this.useContainerWidth)&&(o=!1);const e=!window.matchMedia("(min-width: 768px)").matches;if(Boolean(o)&&!e){const e="string"==typeof o&&this.el.closest(o)||this.el.parentElement;this.contentContainer.style.maxWidth="none",this.contentContainer.style.width=e.getBoundingClientRect().width+"px"}else this.contentContainer.style.maxWidth="",this.contentContainer.style.width=""}lockBodyScroll(){v()&&!this.disableScrollLock&&Boolean(this.scrollContainer)&&d(this.scrollContainer)}unlockBodyScroll(){v()&&!this.disableScrollLock&&Boolean(this.scrollContainer)&&c(this.scrollContainer)}render(){const o=!window.matchMedia("(min-width: 768px)").matches,e=l("popover",`popover--animation-${this.animation}`,`popover--placement-${this.position?.placement}`,{"popover--active":this.active,"popover--closing":this.closing,"popover--fullscreen-bottom-sheet":this.fullscreenBottomSheet,"popover--inactive":!this.active,"popover--transparent":this.transparent});return t(i,{key:"692a870e17c4c5c9ce3d6bfb8459d915efd1fe6f"},t("div",{key:"c031461b075fa806d9976f147de6983206f2c699",class:e,onKeyDown:this.onKeydown},t("div",{key:"3627e2e25adb1dd575303faf991d812e5bf546ed","aria-hidden":this.active?"false":"true","aria-label":this.label,class:"popover__content",id:this.popoverId,part:"popover__content",role:"dialog",ref:o=>this.contentContainer=o,style:{top:Boolean(this.position)?`${this.position?.y}px`:"",left:Boolean(this.position)?`${this.position?.x}px`:""},tabindex:"-1"},t("span",{key:"5322b500a903544e1bf8978d891a1a1a448b3a6c",class:"popover__handle"}),t("div",{key:"bb996f4c4687d89009d4f9a63f1dffdbdca8e2b8",class:"popover__scroll-container",part:"popover__scroll-container",ref:o=>this.scrollContainer=o,style:{maxHeight:!o&&Boolean(this.maxHeight)?this.maxHeight:void 0}},t("slot",{key:"0e822963d0e9d0c34c5374a4f50521cea0fda8a8"}))),this.active&&t("div",{key:"4e0d20a700f104a17eb9b708699dd34901e3882c",class:"popover__backdrop",onClick:this.onCloseButtonClick})))}get el(){return s(this)}};u.style=":host{position:relative;z-index:var(--s-z-40);display:inline-flex}:host *{box-sizing:border-box}.popover--active:not(.popover--closing) .popover__backdrop{animation:0.15s popover-fade-in}@media (prefers-reduced-motion){.popover--active:not(.popover--closing) .popover__backdrop{animation:none}}.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-slide-in}@media (min-width: 768px){.popover--active:not(.popover--closing) .popover__content{transform-origin:top left;animation:0.15s popover-fade-scale-in-xy}}@media (prefers-reduced-motion){.popover--active:not(.popover--closing) .popover__content{animation:none}}.popover--closing .popover__backdrop{animation:0.15s popover-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.popover--closing .popover__backdrop{animation:none}}.popover--closing .popover__content{animation:0.15s popover-slide-out;animation-fill-mode:forwards}@media (min-width: 768px){.popover--closing .popover__content{animation:0.15s popover-fade-out}}@media (prefers-reduced-motion){.popover--closing .popover__content{animation:none}}.popover--inactive .popover__content{display:none}@media (max-width: 767px){.popover--fullscreen-bottom-sheet.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-fade-in}@media (prefers-reduced-motion){.popover--fullscreen-bottom-sheet.popover--active:not(.popover--closing) .popover__content{animation:none}}.popover--fullscreen-bottom-sheet.popover--closing .popover__content{animation:0.15s popover-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.popover--fullscreen-bottom-sheet.popover--closing .popover__content{animation:none}}.popover--fullscreen-bottom-sheet .popover__backdrop{display:none}.popover--fullscreen-bottom-sheet .popover__content{top:0;border-top-left-radius:0;border-top-right-radius:0}.popover--fullscreen-bottom-sheet .popover__scroll-container{height:100%;max-height:none;padding-top:0;padding-bottom:0}.popover--fullscreen-bottom-sheet .popover__handle{display:none}}@media (min-width: 768px){.popover--animation-scale-in-y.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-fade-scale-in-y}}@media (prefers-reduced-motion){.popover--animation-scale-in-y.popover--active:not(.popover--closing) .popover__content{animation:none}}@media (min-width: 768px){.popover--animation-fade-in.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-fade-in}}@media (prefers-reduced-motion){.popover--animation-fade-in.popover--active:not(.popover--closing) .popover__content{animation:none}}@media (min-width: 768px){.popover--transparent .popover__content{background-color:transparent;box-shadow:none}}@media (min-width: 768px){.popover--transparent .popover__scroll-container{padding:0}}.popover__backdrop{position:fixed;z-index:0;background-color:rgba(0, 0, 0, 0.2);animation:0.15s popover-backdrop-fade-in;inset:0}@media (prefers-reduced-motion){.popover__backdrop{animation:none}}@media (min-width: 768px){.popover__backdrop{display:none}}.popover__content{position:fixed;z-index:2;right:0;bottom:0;left:0;overflow:hidden;border-top-left-radius:var(--s-border-radius-xl);border-top-right-radius:var(--s-border-radius-xl);background-color:var(--s-surface-overlay-default)}@media (min-width: 768px){.popover__content{right:unset;bottom:unset;left:unset;max-width:22.5rem;border-radius:var(--s-border-radius-sm);animation:none;box-shadow:var(--s-shadow-level-2)}}.popover__scroll-container{overflow-x:hidden;overflow-y:auto;width:100%;max-height:90vh;padding-top:var(--s-space-24);padding-bottom:var(--s-space-24);overscroll-behavior:contain}@media (min-width: 768px){.popover__scroll-container{max-height:22rem;padding-top:var(--s-space-8);padding-bottom:var(--s-space-8)}}.popover__handle{position:absolute;top:var(--s-space-8);left:50%;width:2.5rem;height:0.375rem;border-radius:0.1875rem;background-color:var(--s-border-default);transform:translatex(-50%)}@media (min-width: 768px){.popover__handle{display:none}}@keyframes popover-slide-in{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes popover-slide-out{from{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes popover-fade-in{from{opacity:0}to{opacity:1}}@keyframes popover-fade-out{from{opacity:1}to{opacity:0}}@keyframes popover-fade-scale-in-xy{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes popover-fade-scale-in-y{from{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}";const g=class{constructor(e){o(this,e),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 o=this.getPopoverEl(),e=this.getTriggerEl();o.open(e,!0),o.addEventListener("popoverOpen",(()=>{this.updateTriggerElAriaAttributes(!0)}),{once:!0}),o.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 o=this.getPopoverEl(),e=this.getTriggerEl();o.open(e),o.addEventListener("popoverOpen",(()=>{this.updateTriggerElAriaAttributes(!0)}),{once:!0}),o.addEventListener("popoverClose",(()=>{this.updateTriggerElAriaAttributes(!1)}),{once:!0})},this.updateTriggerElAriaAttributes=o=>{if(!this.setAriaAttributes)return;const e=this.getTriggerEl();if(!Boolean(e))return;const t="string"==typeof this.swirlPopover?this.swirlPopover:this.swirlPopover?.id;e.tagName.startsWith("SWIRL-")?(e.setAttribute("swirl-aria-controls",t),e.setAttribute("swirl-aria-expanded",String(o||"false")),e.setAttribute("swirl-aria-haspopup","dialog")):(e.setAttribute("aria-controls",t),e.setAttribute("aria-expanded",String(o||"false")),e.setAttribute("aria-haspopup","dialog"))},this.hidePopoverWhenInvisible=!0,this.parentScrollContainer=void 0,this.setAriaAttributes=!0,this.swirlPopover=void 0,this.triggerOnClick=!0,this.triggerOnHover=!1,this.hoverLingerDuration=void 0,this.hoverDelay=void 0}componentDidLoad(){if(this.updateTriggerElAriaAttributes(),this.setupHoverListeners(),this.hidePopoverWhenInvisible){this.intersectionObserver=new IntersectionObserver(this.onVisibilityChange.bind(this),{root:this.parentScrollContainer,threshold:1});const o=this.el.querySelector("*");if(!Boolean(o))return;this.intersectionObserver.observe(o)}}disconnectedCallback(){this.intersectionObserver?.disconnect();const o=this.getPopoverEl();Boolean(o)&&(o.removeEventListener("mouseenter",this.popoverMouseEnter),o.removeEventListener("mouseleave",this.popoverMouseLeave))}watchPopover(){this.updateTriggerElAriaAttributes()}watchHover(){clearTimeout(this.hoverDelayReference),clearTimeout(this.hoverLingerReference)}getPopoverEl(){return"string"==typeof this.swirlPopover?document.querySelector(`#${this.swirlPopover}`):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]}onVisibilityChange(o){!o[0].isIntersecting&&this.isPopoverOpen()&&this.getPopoverEl()?.close()}setupHoverListeners(){const o=this.getPopoverEl();Boolean(o)&&(o.addEventListener("mouseenter",this.popoverMouseEnter),o.addEventListener("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 o=this.getPopoverEl(),e=o?.shadowRoot.firstChild?.classList.contains("popover--active");return e}render(){return t(i,{key:"9b2c0f6a7b9931c647e85a11de65165623e828af",onClick:this.onClick,onMouseenter:this.onMouseenter,onMouseleave:this.onMouseleave},t("slot",{key:"63636cc749d6d205d0804a693bd40ceb9fef84ae"}))}get el(){return s(this)}static get watchers(){return{swirlPopover:["watchPopover"],triggerOnHover:["watchHover"]}}};g.style=".sc-swirl-popover-trigger-h{display:contents}";export{u as swirl_popover,g as swirl_popover_trigger}

package/dist/swirl-components/p-c3d1233f.entry.js

@@ -1 +0,0 @@
-import{r as s,h as c,F as e}from"./p-e212b5b7.js";import{c as t}from"./p-a5dce9e6.js";const i=class{constructor(c){s(this,c),this.size=24}render(){const s=20===this.size?24:this.size,i=t("swirl-symbol",`swirl-symbol--size-${this.size}`);return c("svg",{key:"2680578c573a7d604c2bbac1d840a7bb1cc1c61e",class:i,fill:"none",height:this.size,part:"symbol",viewBox:`0 0 ${s} ${s}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},c(e,{key:"4cd0927ae7a0474579814b7db76828c7e2ba26c6"},c("path",{key:"e31ae8f97bdcdcb9d3c1789aced7b197dc01c7d7",d:"M21 2H3C1.9 2 1 2.9 1 4V16C1 17.1 1.9 18 3 18H10V20H9C8.45 20 8 20.45 8 21C8 21.55 8.45 22 9 22H15C15.55 22 16 21.55 16 21C16 20.45 15.55 20 15 20H14V18H21C22.1 18 23 17.1 23 16V4C23 2.9 22.1 2 21 2ZM20 16H4C3.45 16 3 15.55 3 15V5C3 4.45 3.45 4 4 4H20C20.55 4 21 4.45 21 5V15C21 15.55 20.55 16 20 16Z",fill:"currentColor"})))}};i.style=":host{display:inline-flex}";export{i as swirl_symbol_desktop_windows}

package/dist/swirl-components/p-d175c0b7.entry.js

@@ -1 +0,0 @@
-import{r as C,h as e,F as s}from"./p-e212b5b7.js";import{c}from"./p-a5dce9e6.js";const a=class{constructor(e){C(this,e),this.size=24}render(){const C=20===this.size?24:this.size,a=c("swirl-symbol",`swirl-symbol--size-${this.size}`);return e("svg",{key:"24539edcb8309647f5a85cdbb004a7da03e53065",class:a,fill:"none",height:this.size,part:"symbol",viewBox:`0 0 ${C} ${C}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},e(s,{key:"b502fd311bde7a6f6a526e8024f5f74e4fea354b"},e("g",{key:"cddc60508f908553bbcfa35429b3b41df14f5b89","clip-path":"url(#clip0_1_152)"},e("path",{key:"d0bef44b15368fb5fc2b7bd11ec833c839d21fa6",d:"M18.18 10L16.48 5.32C16.3393 4.9341 16.0836 4.60065 15.7474 4.36462C15.4112 4.12858 15.0108 4.00132 14.6 4H13C12.7348 4 12.4804 4.10536 12.2929 4.29289C12.1054 4.48043 12 4.73478 12 5C12 5.26522 12.1054 5.51957 12.2929 5.70711C12.4804 5.89464 12.7348 6 13 6H14.6L16.06 10H11.25L10.89 9H10.98C11.2452 9 11.4996 8.89464 11.6871 8.70711C11.8746 8.51957 11.98 8.26522 11.98 8C11.98 7.73478 11.8746 7.48043 11.6871 7.29289C11.4996 7.10536 11.2452 7 10.98 7H8C7.73478 7 7.48043 7.10536 7.29289 7.29289C7.10536 7.48043 7 7.73478 7 8C7 8.26522 7.10536 8.51957 7.29289 8.70711C7.48043 8.89464 7.73478 9 8 9H8.75L10.57 14H9.9C9.68873 12.9079 9.11432 11.9193 8.27012 11.1949C7.42592 10.4705 6.36156 10.0529 5.25 10.01C4.57586 9.98584 3.90367 10.0965 3.27283 10.3354C2.64199 10.5744 2.0652 10.9369 1.57624 11.4016C1.08729 11.8663 0.696018 12.424 0.425354 13.0419C0.154691 13.6598 0.0100812 14.3255 7.92032e-07 15C-0.00654858 15.6584 0.118308 16.3116 0.367262 16.9211C0.616216 17.5307 0.984267 18.0845 1.44987 18.5501C1.91547 19.0157 2.46928 19.3838 3.07886 19.6327C3.68845 19.8817 4.34157 20.0065 5 20C6.15611 20.0135 7.28021 19.6203 8.17587 18.8892C9.07153 18.158 9.68178 17.1354 9.9 16H14.1C14.3113 17.0921 14.8857 18.0807 15.7299 18.8051C16.5741 19.5295 17.6384 19.9471 18.75 19.99C19.4247 20.0131 20.0972 19.9014 20.7282 19.6614C21.3592 19.4214 21.9361 19.058 22.4249 18.5924C22.9138 18.1268 23.3049 17.5684 23.5753 16.9499C23.8458 16.3313 23.9902 15.665 24 14.99C24.0065 14.3316 23.8817 13.6784 23.6327 13.0689C23.3838 12.4593 23.0157 11.9055 22.5501 11.4399C22.0845 10.9743 21.5307 10.6062 20.9211 10.3573C20.3116 10.1083 19.6584 9.98345 19 9.99H18.18V10ZM7.82 16C7.60931 16.6201 7.19805 17.1524 6.65117 17.5128C6.10429 17.8731 5.45295 18.041 4.8 17.99C4.0673 17.9346 3.37962 17.6151 2.86467 17.0909C2.34971 16.5668 2.04247 15.8736 2 15.14C1.9774 14.7335 2.03846 14.3268 2.1794 13.9449C2.32033 13.563 2.53815 13.214 2.81936 12.9197C3.10058 12.6254 3.43921 12.3919 3.81429 12.2337C4.18938 12.0755 4.59294 11.996 5 12C5.62073 11.9941 6.22748 12.1843 6.73382 12.5434C7.24016 12.9025 7.62027 13.4123 7.82 14H6C5.73478 14 5.48043 14.1054 5.29289 14.2929C5.10536 14.4804 5 14.7348 5 15C5 15.2652 5.10536 15.5196 5.29289 15.7071C5.48043 15.8946 5.73478 16 6 16H7.82ZM14.1 14H12.7L11.97 12H15C14.5476 12.587 14.2393 13.2721 14.1 14ZM18.88 18C18.1227 17.9588 17.408 17.6368 16.8754 17.0968C16.3429 16.5569 16.0307 15.8378 16 15.08C15.9869 14.6331 16.0745 14.1889 16.2562 13.7804C16.438 13.3719 16.7092 13.0095 17.05 12.72L17.67 14.42C17.7603 14.6692 17.9458 14.8724 18.1858 14.9849C18.4258 15.0975 18.7007 15.1101 18.95 15.02C19.1992 14.9297 19.4024 14.7442 19.5149 14.5042C19.6275 14.2642 19.6401 13.9893 19.55 13.74L18.92 12.01L18.93 12C19.7256 12.0066 20.4861 12.3291 21.044 12.8964C21.6019 13.4637 21.9116 14.2294 21.905 15.025C21.8984 15.8206 21.5759 16.5811 21.0086 17.139C20.4413 17.6969 19.6756 18.0066 18.88 18Z",fill:"currentColor"})),e("defs",{key:"5a7e1e0262d873f8004ce51ba1f70d815a4008f5"},e("clipPath",{key:"c16dbe50b07d8b33b5d8c9e5062c7b5c52f1aaa2",id:"clip0_1_152"},e("rect",{key:"6c3337e36ae7a665fc6ff92838795ad35edcdc14",width:"24",height:"24",fill:"currentColor"})))))}};a.style=":host{display:inline-flex}";export{a as swirl_symbol_pedal_bike}

package/dist/swirl-components/p-dd961100.entry.js

@@ -1 +0,0 @@
-import{r as s,h as t,F as e}from"./p-e212b5b7.js";import{c as i}from"./p-a5dce9e6.js";const o=class{constructor(t){s(this,t),this.size=24}render(){const s=20===this.size?24:this.size,o=i("swirl-symbol",`swirl-symbol--size-${this.size}`);return t("svg",{key:"e14df9ab60dac382c12b7648a1553155c9c905b3",class:o,fill:"none",height:this.size,part:"symbol",viewBox:`0 0 ${s} ${s}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},t(e,{key:"d64c47d48a4c6cb9d1e26f787ccdf2545f9fb28e"},t("path",{key:"2b184bad0fa2851107a7579655c1a421827a1e22",d:"M22 11.934C21.9999 10.023 21.4521 8.15198 20.4217 6.54256C19.3912 4.93315 17.9211 3.65271 16.1856 2.85283C14.45 2.05295 12.5215 1.76714 10.6285 2.02924C8.73555 2.29133 6.95731 3.09035 5.50433 4.3317C4.05136 5.57305 2.98451 7.20474 2.43009 9.03358C1.87566 10.8624 1.85689 12.8119 2.37598 14.651C2.89508 16.4902 3.9303 18.1422 5.3591 19.4113C6.78789 20.6804 8.55042 21.5135 10.438 21.812V14.825H7.9V11.933H10.438V9.731C10.3838 9.21658 10.4433 8.69654 10.6123 8.20766C10.7812 7.71878 11.0556 7.27301 11.4159 6.9019C11.7763 6.53078 12.2138 6.2434 12.6975 6.06007C13.1811 5.87674 13.6992 5.80195 14.215 5.841C14.9649 5.8529 15.7129 5.91975 16.453 6.041V8.497H15.192C14.9769 8.46831 14.7581 8.48844 14.5518 8.5559C14.3456 8.62336 14.1571 8.73641 14.0005 8.88666C13.844 9.03691 13.7232 9.2205 13.6473 9.4238C13.5714 9.6271 13.5422 9.84489 13.562 10.061V11.936H16.335L15.892 14.828H13.562V21.816C15.915 21.4439 18.0579 20.244 19.6048 18.4323C21.1518 16.6207 22.0011 14.3163 22 11.934Z",fill:"currentColor"})))}};o.style=":host{display:inline-flex}";export{o as swirl_symbol_facebook}

package/dist/swirl-components/p-e7ba8d1a.entry.js

@@ -1 +0,0 @@
-import{r as e,c as s,h as t,H as i,g as l}from"./p-e212b5b7.js";import{c}from"./p-a5dce9e6.js";import{q as a}from"./p-58abf3c6.js";const r=class{constructor(t){e(this,t),this.searchChange=s(this,"searchChange",7),this.valueChange=s(this,"valueChange",7),this.select=e=>{this.value=e.detail,this.valueChange.emit(this.value),this.multiSelect||this.swirlPopover.close()},this.unselectOption=e=>{this.allowDeselect&&(this.value=this.value.filter((s=>s!==e)),this.valueChange.emit(this.value))},this.onSlotChange=()=>{this.updateOptions()},this.onOpen=e=>{this.placement=e.detail.position?.placement,this.open=!0,this.withSearch&&Boolean(this.searchInput)?this.searchInput.focus():this.optionList.querySelector('[tabIndex="0"]')?.focus()},this.onClose=()=>{Boolean(this.searchInput)&&(this.searchInput.value="",this.searchChange.emit("")),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.onSearchInput=e=>{this.searchChange.emit(e.target.value)},this.allowDeselect=!0,this.disabled=void 0,this.emptyListLabel="No results found.",this.inline=void 0,this.invalid=void 0,this.label=void 0,this.multiSelect=void 0,this.required=void 0,this.searchInputLabel="Search options",this.searchLoading=void 0,this.searchPlaceholder=void 0,this.selectId=Math.round(1e6*Math.random()).toString(),this.swirlAriaDescribedby=void 0,this.value=void 0,this.withSearch=void 0,this.options=[],this.open=void 0,this.placement=void 0}componentWillLoad(){queueMicrotask((()=>{this.updateOptions(),this.observeSlotChanges()}))}disconnectedCallback(){this.observer?.disconnect()}onWindowFocusIn(e){e.target===this.el.querySelector("input")&&e.stopImmediatePropagation()}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")}render(){const e=Boolean(this.value)?this.value?.map((e=>this.options.find((s=>s.value===e))?.label)).join(", "):"",s=!0===this.invalid||!1===this.invalid?String(this.invalid):void 0,l=this.el.closest("swirl-form-control"),a=l?.inline||"outside"===l?.labelPosition?-12:-16,r=c("select",`select--placement-${this.placement}`,{"select--disabled":this.disabled,"select--inline":this.inline,"select--multi":this.multiSelect,"select--search-loading":this.searchLoading});return t(i,{key:"14f5727cef34d559ca2f2bad4c73d92253cc28c4",onKeyDown:this.onKeyDown},t("div",{key:"acb31b1d280603faf4872b878fdb8c7edef33f07",class:r},t("swirl-popover-trigger",{key:"6723fadc79e4a29270045c998325422aafb609cb",swirlPopover:this.swirlPopover,setAriaAttributes:!1},t("input",{key:"1f6efd5dff48da8eb72995934a5e5c0e9ceab647","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})),t("span",{key:"0691fbc5ef6fb814fe751158e23169fa1172b1ab",class:"select__multi-select-values"},this.value?.map((e=>this.options.find((s=>s.value===e))))?.map((e=>t("swirl-tag",{"aria-hidden":"true",label:e?.label,onRemove:()=>this.unselectOption(e?.value),removable:!this.disabled&&this.allowDeselect})))),t("span",{key:"c3be8b3de3560b8dc4c763eebcfdd73aa1cd6d05",class:"select__indicator"},t(this.open?"swirl-icon-expand-less":"swirl-icon-expand-more",null)),t("swirl-popover",{key:"f57edea9b258dc67b30ce4add1b93d8d23c34fbb",animation:"scale-in-y",class:"select__popover",id:`select-options-${this.selectId}`,label:this.label,offset:[0,a],onPopoverClose:this.onClose,onPopoverOpen:this.onOpen,ref:e=>this.swirlPopover=e,useContainerWidth:"swirl-form-control"},this.withSearch&&t("div",{key:"45259ac83a51c5d4ffd953c053438b383fcd47fa",class:"select__search"},t("swirl-icon-search",{key:"6d11175abddb20fcf902da18da06f26d9dc1ad56",class:"select__search-icon",size:20}),t("input",{key:"fbea872f4f350c23eb5c0216fb04fa2219956885","aria-label":this.searchInputLabel,class:"select__search-input",onInput:this.onSearchInput,placeholder:this.searchPlaceholder,ref:e=>this.searchInput=e,type:"search"}),this.searchLoading&&t("swirl-spinner",{key:"251b4030fe5acec1d9317d74881535a2be0b7790",class:"select__search-spinner",size:"s"})),t("swirl-option-list",{key:"3d641ab0d95d1e42be766e40e02db92e12ed02f7",allowDeselect:this.allowDeselect,onValueChange:this.select,multiSelect:this.multiSelect,ref:e=>this.optionList=e,value:this.value},!this.searchLoading&&t("div",{key:"fbcf36e99c2f2a253d0eb80c1739d47362639824","aria-disabled":"true",class:"select__empty-list-label",role:"option"},t("swirl-text",{key:"9ab8cc5a45d5753af3dba7e92c1e0b2889bc67ac",color:"subdued",weight:"medium"},this.emptyListLabel)),t("slot",{key:"4b23e548a6ac465f30c224be5dab769500426619",onSlotchange:this.onSlotChange})))))}get el(){return l(this)}};r.style=".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){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){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--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__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;gap:var(--s-space-8)}.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);background-color:var(--s-surface-overlay-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:var(--s-surface-overlay-default);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__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)}}";export{r as swirl_select}

package/dist/swirl-components/p-f385f22f.entry.js

@@ -1 +0,0 @@
-import{r as s,h as i,H as e}from"./p-e212b5b7.js";const r=class{constructor(i){s(this,i),this.glyph=void 0,this.size=24}render(){return i(e,{key:"f1c49162bb14ac6d9388580f74103a52515097cb"},i(`swirl-symbol-${this.glyph}`,{key:"ec0f805576acbda546b697f901890413a6dbca1e",size:this.size}))}};r.style=":host{display:inline-flex}";export{r as swirl_symbol}