@getflip/swirl-components 0.287.0 → 0.289.0

package/dist/swirl-components/{p-3d225eb0.entry.js → p-648b2513.entry.js}

@@ -1 +1 @@
-import{r as l,c as e,h as a,H as s,g as i}from"./p-ba3c3858.js";import{c as t}from"./p-a5dce9e6.js";import{c as o}from"./p-878dc806.js";import{d as r,e as d}from"./p-0f3e0216.js";const h="SWIRL_SHELL_SECONDARY_NAVIGATION_COLLAPSE_STATE",c="SWIRL_SHELL_SECONDARY_NAVIGATION_VIEW_STATE",n="SWIRL_SHELL_NAVIGATION_COLLAPSE_STATE",u="SWIRL_SHELL_SIDEBAR_STATE",y=class{constructor(a){l(this,a),this.sidebarToggleClick=e(this,"sidebarToggleClick",7),this.skipLinkClick=e(this,"skipLinkClick",7),this.collectNavItems=()=>{this.mainNavItems=Array.from(this.el.querySelectorAll("swirl-shell-navigation-item[slot='nav'], [slot='nav'] swirl-shell-navigation-item")),this.secondaryNavItems=Array.from(this.el.querySelectorAll("swirl-shell-navigation-item[slot='secondary-nav'], [slot='secondary-nav'] swirl-shell-navigation-item")),this.toggleNavItemLabels(),this.setSecondaryNavItemsTiled()},this.toggleSecondaryNavView=l=>{l.stopPropagation(),this.secondaryNavView="grid"===this.secondaryNavView?"list":"grid",this.setSecondaryNavItemsTiled(),localStorage.setItem(c,String(this.secondaryNavView))},this.toggleSecondaryNavCollapse=l=>{l.stopPropagation(),this.secondaryNavCollapsed=!this.secondaryNavCollapsed,localStorage.setItem(h,String(this.secondaryNavCollapsed))},this.onNavigationToggleClick=()=>{this.navigationCollapsed=!this.navigationCollapsed},this.onNavigationClick=()=>{this.hideMobileNavigation()},this.onSidebarScroll=r((()=>{this.updateSidebarScrollState()}),16),this.brandedHeader=void 0,this.browserBackButtonLabel="Navigate back",this.browserForwardButtonLabel="Navigate forward",this.collapseNavigationButtonLabel="Collapse navigation",this.enableSecondaryNavGridLayout=!0,this.expandNavigationButtonLabel="Expand navigation",this.gridNavLayoutToggleLabel="Grid",this.hideMobileNavigationButtonLabel="Close navigation",this.listNavLayoutToggleLabel="List",this.navigationLabel="Main",this.secondaryNavCollapseLabel="Show less",this.secondaryNavExpandLabel="Show more",this.sidebarActive=void 0,this.sidebarToggleBadge=void 0,this.sidebarToggleBadgeAriaLabel=void 0,this.sidebarToggleIcon="notifications",this.sidebarToggleLabel="Toggle sidebar",this.skipLinkLabel="Skip to main content",this.isDesktopViewport=!0,this.mobileNavigationActive=void 0,this.navigationCollapsed=void 0,this.secondaryNavCollapsed=void 0,this.secondaryNavView="list",this.sidebarScrollState={scrollable:!1,scrolledToTop:!1}}componentWillLoad(){this.isDesktopViewport=d(),this.collectNavItems();const l="true"===localStorage.getItem(u);this.sidebarActive=void 0===this.sidebarActive?l:this.sidebarActive;const e="true"===localStorage.getItem(n);this.navigationCollapsed=e,this.restoreSecondaryNavState()}componentDidLoad(){this.focusTrap=o(this.navElement,{allowOutsideClick:!0,tabbableOptions:{getShadowRoot:l=>l.shadowRoot}}),this.collectNavItems(),this.navMutationObserver=new MutationObserver((()=>{this.collectNavItems(),this.setSecondaryNavItemsTiled()})),this.navMutationObserver.observe(this.navElement,{childList:!0,subtree:!0}),queueMicrotask((()=>{this.updateSidebarScrollState()}))}componentDidRender(){this.focusTrap?.updateContainerElements(this.navElement)}disconnectedCallback(){this.focusTrap?.deactivate(),this.navMutationObserver?.disconnect()}onWindowKeyDown(l){"Escape"===l.key&&this.mobileNavigationActive&&this.hideMobileNavigation()}watchEnableSecondaryNavGridLayout(){this.restoreSecondaryNavState()}watchMobileNavigationState(){this.mobileNavigationActive?setTimeout((()=>{this.focusTrap.activate()}),200):this.focusTrap.deactivate()}watchNavigationCollapsed(){localStorage.setItem(n,String(this.navigationCollapsed)),this.toggleNavItemLabels()}watchSidebarActive(){localStorage.setItem(u,String(this.sidebarActive))}onWindowResize(){this.isDesktopViewport!==d()&&(this.isDesktopViewport=d(),this.collectNavItems())}async showMobileNavigation(){this.mobileNavigationActive=!0,this.collectNavItems()}async hideMobileNavigation(){this.mobileNavigationActive=!1,this.toggleNavItemLabels()}toggleNavItemLabels(){[...this.secondaryNavItems,...this.mainNavItems].forEach((l=>{l.hideLabel=this.navigationCollapsed&&this.isDesktopViewport}))}setSecondaryNavItemsTiled(){this.secondaryNavItems.forEach((l=>{l.tiled=this.enableSecondaryNavGridLayout&&("grid"===this.secondaryNavView||this.navigationCollapsed&&this.isDesktopViewport)}))}restoreSecondaryNavState(){if(this.enableSecondaryNavGridLayout){const l="true"===localStorage.getItem(h);this.secondaryNavCollapsed=l;const e=localStorage.getItem(c);this.secondaryNavView=e}}updateSidebarScrollState(){const l={scrollable:this.sidebarContentEl.scrollHeight>this.sidebarContentEl.clientHeight,scrolledToTop:0===this.sidebarContentEl.scrollTop};Object.keys(l).some((e=>l[e]!==this.sidebarScrollState[e]))&&(this.sidebarScrollState=l)}render(){const l=!0!==this.sidebarToggleBadge&&"true"!==this.sidebarToggleBadge,e=this.navigationCollapsed&&this.isDesktopViewport,i=Boolean(this.el.querySelector("[slot='secondary-nav']")),o=t("shell-layout",{"shell-layout--branded-header":this.brandedHeader,"shell-layout--secondary-nav-collapsed":this.secondaryNavCollapsed,"shell-layout--has-secondary-nav":i,"shell-layout--mobile-navigation-active":this.mobileNavigationActive,"shell-layout--navigation-collapsed":e,"shell-layout--sidebar-active":this.sidebarActive,"shell-layout--sidebar-scrollable":this.sidebarScrollState.scrollable,"shell-layout--sidebar-scrolled-to-top":this.sidebarScrollState.scrolledToTop});return a(s,{key:"3c2ac344059ef37c76bfef5a6b6cb8d7cbae80dc"},a("div",{key:"d6aeb2ed917792505be3480f8811e851de7e1155",class:o},a("header",{key:"27aa3cf088add6c1e0897434bf12ffb79b90366a",class:"shell-layout__header","data-tauri-drag-region":"true"},a("button",{key:"e6e235acd759ea0401b616a67745544034d21381",class:"shell-layout__skip-link",onClick:this.skipLinkClick.emit,type:"button"},this.skipLinkLabel),a("div",{key:"5a5c6b7e5bd649886d615e938a19488c65fc4c6d",class:"shell-layout__header-left"},a("swirl-tooltip",{key:"02669c8373a687e7bba1f10ed88ae8cba06d288c",content:this.navigationCollapsed?this.expandNavigationButtonLabel:this.collapseNavigationButtonLabel,delay:100,position:"right"},a("button",{key:"58d7d953dd28a65f9020abd862eb52eb863e43e0",class:"shell-layout__header-tool",onClick:this.onNavigationToggleClick,type:"button"},a(this.navigationCollapsed?"swirl-icon-dock-left-expand":"swirl-icon-dock-left-collapse",{size:20}),a("swirl-visually-hidden",{key:"99a620badadc304b3b8ce40fa206695740becbb3"},this.navigationCollapsed?this.expandNavigationButtonLabel:this.collapseNavigationButtonLabel))),a("a",{key:"77280486b428930bd12af6bf132f357b96049617",class:"shell-layout__header-tool",href:"javascript:history.back()"},a("swirl-icon-arrow-back",{key:"a5a99e4fecf7f4ccb0181ad3c379e746decb6537",size:20}),a("swirl-visually-hidden",{key:"3d74b37f4960ce4d70698f95bd4b2f4cdc061f85"},this.browserBackButtonLabel)),a("a",{key:"6809cf6536897f4474487207ef0f9e24c1d70f43",class:"shell-layout__header-tool",href:"javascript:history.forward()"},a("swirl-icon-arrow-forward",{key:"d3a261c883a535cca9b862b59b48870f74b65652",size:20}),a("swirl-visually-hidden",{key:"d15ec089e3984c3d76e78f9028b0ccb2b47d6a4b"},this.browserForwardButtonLabel)),a("slot",{key:"077f824eb6da5c1a7c7a858c2a4b0ffae6efee88",name:"left-header-tools"})),a("div",{key:"eb4394aaf78c8b15aea173be09dc0d3f8809f1bb",class:"shell-layout__logo"},a("slot",{key:"d2ef8b47a938f5bbff4a68b205bb22d98ad49bac",name:"logo"})),a("div",{key:"8c529be112d23997e728632853bebe7c62b3f259",class:"shell-layout__header-right"},a("slot",{key:"89b9fdad0be724c3965349128ad772e3b1c00a40",name:"right-header-tools"}),a("button",{key:"bdec18a0e04c0f70f731ed920eef08a574a176d7",class:"shell-layout__header-tool shell-layout__sidebar-toggle",onClick:this.sidebarToggleClick.emit,type:"button"},a("swirl-icon",{key:"94b23a781f146d70e3092a3c694891fd59c0960c",glyph:this.sidebarToggleIcon,size:20}),a("swirl-visually-hidden",{key:"c9aaf6c7ab7b883cd953bdcdb78a48b822586c7c"},this.sidebarToggleLabel),this.sidebarToggleBadge&&a("swirl-badge",{key:"64df1457136519849839dc871980af569ddf46e8","aria-label":this.sidebarToggleBadgeAriaLabel,label:l?String(this.sidebarToggleBadge):this.sidebarToggleBadgeAriaLabel,size:"xs",variant:l?"default":"dot"})),a("slot",{key:"468da72048d32b5b602de80c8e97b049d2755ea5",name:"avatar"}))),a("div",{key:"515317c8a88419e1a156521ddb05656d220c7cad",class:"shell-layout__mobile-nav-backdrop",onClick:this.onNavigationClick}),a("nav",{key:"c81f2ee3e31bd2a7264f7c7264f2c48150798b36","aria-labelledby":"main-navigation-label",class:"shell-layout__nav",onClick:this.onNavigationClick,ref:l=>this.navElement=l},a("div",{key:"aef50f21bf0e2a0313b5138689b07a8fd9b919b1",class:"shell-layout__mobile-header"},a("slot",{key:"b8301b3773354794bd822a63b91f7677d3e2ec59",name:"mobile-logo"}),a("div",{key:"5286fc9473b6896c79861f18aa88de0a3deaa968",class:"shell-layout__mobile-header-tools"},a("slot",{key:"ef725c8ca0e5e856e08c2d13a0834d737393953d",name:"mobile-header-tools"}),a("button",{key:"41a97643f7f70cea8b4dd29f6b3389d8bd3405ed",class:"shell-layout__header-tool",type:"button"},a("swirl-icon-double-arrow-left",{key:"b9e4265dab5ceac0f2a5dda36d5968f9bb197187",size:20}),a("swirl-visually-hidden",{key:"dc801458ed0be7a694021cd3e035c04f197c9916"},this.hideMobileNavigationButtonLabel)))),a("div",{key:"c23f2961e03427ff0650659cea63336147d323d6",class:"shell-layout__nav-body"},a("swirl-visually-hidden",{key:"c1d085122f8e1eb4bbf6061ba6c9ba02640287d8"},a("span",{key:"d08cf81b5366576455300056b509d0ef556b2e85",id:"main-navigation-label"},this.navigationLabel)),a("slot",{key:"f72f5044ea94c9c3a68045d7d8b37241ddea0799",name:"nav",onSlotchange:this.collectNavItems}),a("div",{key:"8bbef6e1ef4b8a3af5fbb1151af036b7ce3a5eac",class:"shell-layout__secondary-nav"},a("swirl-separator",{key:"3f24b1d4d0ee6bb4d6ca066065a139f3b6dd1fc9",color:"strong",spacing:"16"}),this.enableSecondaryNavGridLayout&&a("swirl-box",{key:"fe64ad93e40a3fb9c2260688cdd037fcffe7a713",paddingBlockEnd:"16"},a("swirl-stack",{key:"9148f7d326df839080c4e8fc75894f1f423125b4",justify:e?"center":"space-between",orientation:"horizontal"},a("swirl-button",{key:"16d903a163d9794bbb7cda25e09887882f6fe575",hideLabel:e,icon:this.secondaryNavCollapsed?"<swirl-icon-expand-more></swirl-icon-expand-more>":"<swirl-icon-expand-less></swirl-icon-expand-less>",label:this.secondaryNavCollapsed?this.secondaryNavExpandLabel:this.secondaryNavCollapseLabel,onClick:this.toggleSecondaryNavCollapse,variant:"plain"}),!e&&!this.secondaryNavCollapsed&&a("swirl-button",{key:"4379487752649a7838eb4ad51f76a518a2b9417f",icon:"grid"===this.secondaryNavView?"<swirl-icon-menu></swirl-icon-menu>":"<swirl-icon-hamburger-menu></swirl-icon-hamburger-menu>",iconPosition:"end",label:"grid"===this.secondaryNavView?this.gridNavLayoutToggleLabel:this.listNavLayoutToggleLabel,onClick:this.toggleSecondaryNavView,variant:"plain"}))),a("div",{key:"224675be0ab1a25081849e00aca78b6786f792f2",class:{"shell-layout__secondary-nav-items":!0,"shell-layout__secondary-nav-items--grid-view":this.enableSecondaryNavGridLayout&&("grid"===this.secondaryNavView||e)}},a("slot",{key:"48c268d6979f56da311630c754c5428c3aa3f5c3",name:"secondary-nav",onSlotchange:this.collectNavItems}))))),a("main",{key:"34a6aa2110a59bfd0cd15ce28379745fd09546b1",class:"shell-layout__main",id:"main-content"},a("slot",{key:"64afad82d89ceeb9979d551eded7fc2df1a70d77"})),a("aside",{key:"fede910a0f0c9ec1ccbc8ec5435c073a657d5ffe",class:"shell-layout__sidebar",inert:!this.sidebarActive||void 0},a("div",{key:"fc1a113e85dfc0d8f3e8e7e3abd55d42d93d94a1",class:"shell-layout__sidebar-body"},a("div",{key:"dcd1225bdd9718638eff2c7d99bf93f8f14be4d0",class:"shell-layout__sidebar-app-bar"},a("slot",{key:"9d331ceb7d9f81f85a5d6c30cf0b91da395eda94",name:"sidebar-app-bar"})),a("div",{key:"6d96ee15abaa6ab8789a2a66b0c8b96d9958999a",class:"shell-layout__sidebar-content",onScroll:this.onSidebarScroll,ref:l=>this.sidebarContentEl=l},a("slot",{key:"0ffe908103871d8084f4bd409c92c1adb67de4f4",name:"sidebar"}))))))}get el(){return i(this)}static get watchers(){return{enableSecondaryNavGridLayout:["watchEnableSecondaryNavGridLayout"],mobileNavigationActive:["watchMobileNavigationState"],navigationCollapsed:["watchNavigationCollapsed"],sidebarActive:["watchSidebarActive"]}}};y.style='.sc-swirl-shell-layout-h{--swirl-shell-background:var(--s-surface-sunken-default);--swirl-shell-text-color:var(--s-text-default);--swirl-shell-header-height:3.25rem;--swirl-shell-collapsed-nav-width:4rem;--swirl-shell-extended-nav-width:18rem;--swirl-shell-sidebar-width:21rem;display:flex;width:100%;height:100%}.sc-swirl-shell-layout-h *.sc-swirl-shell-layout{box-sizing:border-box}.shell-layout.sc-swirl-shell-layout{display:grid;overflow:hidden;width:100%;min-height:100%;background-color:var(--swirl-shell-background);transition:grid-template-columns 0.1s;grid-template-columns:0 1fr 0;grid-template-rows:1fr;grid-template-areas:"nav main"}@media (prefers-reduced-motion){.shell-layout.sc-swirl-shell-layout{transition:none}}@media (min-width: 992px){.shell-layout.sc-swirl-shell-layout{padding-right:var(--s-space-8);padding-bottom:var(--s-space-8);-moz-column-gap:var(--s-space-8);column-gap:var(--s-space-8);grid-template-columns:var(--swirl-shell-extended-nav-width) 1fr 0;grid-template-rows:var(--swirl-shell-header-height) 1fr;grid-template-areas:"header header header"\n      "nav main sidebar"}}.shell-layout--branded-header.sc-swirl-shell-layout .shell-layout__header.sc-swirl-shell-layout{border-bottom:none;color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.shell-layout--branded-header.sc-swirl-shell-layout .shell-layout__header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout{color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.shell-layout--branded-header.sc-swirl-shell-layout .shell-layout__header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout:hover{background-color:var(--s-action-primary-hovered)}.shell-layout--branded-header.sc-swirl-shell-layout .shell-layout__header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout:active{background-color:var(--s-action-primary-pressed)}.shell-layout--branded-header.sc-swirl-shell-layout .shell-layout__header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout swirl-badge.sc-swirl-shell-layout{--swirl-badge-border-color:var(--s-action-primary-default)}@media (min-width: 992px){.shell-layout--navigation-collapsed.sc-swirl-shell-layout .shell-layout__nav.sc-swirl-shell-layout{scrollbar-width:none}.shell-layout--navigation-collapsed.sc-swirl-shell-layout .shell-layout__nav.sc-swirl-shell-layout::-webkit-scrollbar{width:0;background:transparent;-webkit-appearance:none}}.shell-layout--navigation-collapsed .shell-layout__secondary-nav-items--grid-view.sc-swirl-shell-layout-s>ul>*,.shell-layout--navigation-collapsed .shell-layout__secondary-nav-items--grid-view.sc-swirl-shell-layout-s>ul,.shell-layout__secondary-nav-items--grid-view.sc-swirl-shell-layout-s>ul>*,.shell-layout__secondary-nav-items--grid-view .sc-swirl-shell-layout-s>ul>*{max-width:100%;max-height:3rem;flex-basis:100%}@media (min-width: 992px){.shell-layout--navigation-collapsed.sc-swirl-shell-layout{grid-template-columns:var(--swirl-shell-collapsed-nav-width) 1fr 0}}@media (min-width: 1440px){.shell-layout--sidebar-active.shell-layout--navigation-collapsed.sc-swirl-shell-layout{grid-template-columns:var(--swirl-shell-collapsed-nav-width) 1fr var(\n          --swirl-shell-sidebar-width\n        )}}@media (min-width: 1440px){.shell-layout--sidebar-active.sc-swirl-shell-layout .shell-layout__main.sc-swirl-shell-layout{width:100%}}.shell-layout--sidebar-active.sc-swirl-shell-layout .shell-layout__sidebar.sc-swirl-shell-layout{overflow:initial}@media (min-width: 992px){.shell-layout--sidebar-active.sc-swirl-shell-layout .shell-layout__sidebar-body.sc-swirl-shell-layout{border:0.0625rem solid var(--s-border-default);transform:translate3d(0, 0, 0)}}@media (min-width: 1440px){.shell-layout--sidebar-active.sc-swirl-shell-layout{grid-template-columns:var(--swirl-shell-extended-nav-width) 1fr var(\n        --swirl-shell-sidebar-width\n      )}}.sc-swirl-shell-layout:not(.shell-layout--sidebar-active) .shell-layout__sidebar.sc-swirl-shell-layout{animation:shell-layout-no-overflow-after-transition 0.1s;animation-fill-mode:forwards}.shell-layout--sidebar-scrollable.sc-swirl-shell-layout:not(.shell-layout--sidebar-scrolled-to-top) .shell-layout__sidebar-app-bar.sc-swirl-shell-layout{border-bottom-color:var(--s-border-default)}.shell-layout--mobile-navigation-active.sc-swirl-shell-layout .shell-layout__nav.sc-swirl-shell-layout{transform:translate3d(0, 0, 0);box-shadow:var(--s-shadow-level-3)}@media (min-width: 992px){.shell-layout--mobile-navigation-active.sc-swirl-shell-layout .shell-layout__nav.sc-swirl-shell-layout{transform:none;box-shadow:none}}.shell-layout--mobile-navigation-active.sc-swirl-shell-layout .shell-layout__mobile-nav-backdrop.sc-swirl-shell-layout{display:block}@media (min-width: 992px){.shell-layout--mobile-navigation-active.sc-swirl-shell-layout .shell-layout__mobile-nav-backdrop.sc-swirl-shell-layout{display:none}}.shell-layout--has-secondary-nav.sc-swirl-shell-layout .shell-layout__secondary-nav.sc-swirl-shell-layout{display:block}.shell-layout--secondary-nav-collapsed.sc-swirl-shell-layout .shell-layout__secondary-nav-items.sc-swirl-shell-layout{display:none}.shell-layout__header.sc-swirl-shell-layout{position:relative;display:none;width:calc(100% + var(--s-space-8));padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);justify-content:space-between;align-items:center;color:var(--swirl-shell-text-color);grid-area:header}@media (min-width: 992px){.shell-layout__header.sc-swirl-shell-layout{display:flex}}.shell-layout__skip-link.sc-swirl-shell-layout{position:absolute;z-index:9;top:0;left:0;padding:var(--s-space-4);border:none;color:var(--swirl-shell-text-color);background-color:var(--swirl-shell-background);font:inherit;cursor:pointer}.shell-layout__skip-link.sc-swirl-shell-layout:not(:focus):not(:active){position:absolute;overflow:hidden;width:1px;height:1px;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%)}.shell-layout__header-left.sc-swirl-shell-layout{display:flex;padding-left:var(--s-space-2);flex-basis:8rem;flex-shrink:0;align-items:center;gap:var(--s-space-8)}.shell-layout__header-right.sc-swirl-shell-layout{--swirl-ghost-button-background-default:var(--s-surface-sunken-default);--swirl-ghost-button-background-hovered:var(--s-surface-sunken-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-sunken-pressed);display:flex;flex-basis:8rem;flex-shrink:0;justify-content:flex-end;align-items:center;gap:var(--s-space-8)}.shell-layout__logo.sc-swirl-shell-layout{display:flex;flex-grow:1;justify-content:center;align-items:center}.shell-layout__logo.sc-swirl-shell-layout-s>a{display:flex}.shell-layout__logo.sc-swirl-shell-layout-s>a img,.shell-layout__logo.sc-swirl-shell-layout-s>img{max-height:1.75rem}.shell-layout__header-tool.sc-swirl-shell-layout{position:relative;width:2.25rem;height:2.25rem;padding:var(--s-space-8);flex-shrink:0;border:none;border-radius:var(--s-border-radius-sm);color:var(--swirl-shell-text-color);background-color:var(--s-surface-sunken-default);font:inherit;cursor:pointer}.shell-layout__header-tool.sc-swirl-shell-layout:hover{background-color:var(--s-surface-sunken-hovered)}.shell-layout__header-tool.sc-swirl-shell-layout:active{background-color:var(--s-surface-sunken-pressed)}.shell-layout__header-tool.sc-swirl-shell-layout:focus{outline:none}.shell-layout__header-tool.sc-swirl-shell-layout:focus-visible{box-shadow:0 0 0 0.125rem var(--s-focus-default)}.shell-layout__header-tool.sc-swirl-shell-layout swirl-badge.sc-swirl-shell-layout{--swirl-badge-border-color:var(--s-surface-sunken-default);position:absolute;top:var(--s-space-2);right:var(--s-space-2);padding-right:var(--s-space-2);transform:translate3d(0.1875rem, 0, 0)}.shell-layout__sidebar-toggle.sc-swirl-shell-layout{display:none}@media (min-width: 992px){.shell-layout__sidebar-toggle.sc-swirl-shell-layout{display:block}}.shell-layout__nav.sc-swirl-shell-layout{position:fixed;z-index:9;top:0;bottom:0;left:0;overflow-x:hidden;overflow-y:auto;width:100%;max-width:18.75rem;color:var(--swirl-shell-text-color);background-color:var(--s-surface-overlay-default);transition:transform 0.1s, box-shadow 0.1s, width 0.1s;transform:translate3d(-100%, 0, 0);grid-area:nav}@media (prefers-reduced-motion){.shell-layout__nav.sc-swirl-shell-layout{transition:none}}@media (min-width: 992px){.shell-layout__nav.sc-swirl-shell-layout{position:relative;max-width:none;padding-top:0;padding-right:var(--s-space-4);padding-bottom:var(--s-space-8);padding-left:var(--s-space-12);background-color:var(--swirl-shell-background);transform:none;box-shadow:none;inset:auto}}.shell-layout__mobile-header.sc-swirl-shell-layout{display:flex;min-height:3.5rem;margin-bottom:var(--s-space-8);padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);justify-content:space-between;align-items:center;border-bottom:0.0625rem solid var(--s-border-default)}.shell-layout__mobile-header.sc-swirl-shell-layout-s>img{max-height:1.75rem}.shell-layout__mobile-header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout{background-color:var(--s-surface-overlay-default)}.shell-layout__mobile-header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout:hover{background-color:var(--s-surface-overlay-hovered)}.shell-layout__mobile-header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout:active{background-color:var(--s-surface-overlay-pressed)}@media (min-width: 992px){.shell-layout__mobile-header.sc-swirl-shell-layout{display:none}}.shell-layout__mobile-header-tools.sc-swirl-shell-layout{display:flex;justify-content:flex-end;align-items:center;gap:var(--s-space-8)}.shell-layout__nav-body.sc-swirl-shell-layout{padding:var(--s-space-8)}.shell-layout__nav-body.sc-swirl-shell-layout-s ul{margin:0;padding:0;list-style:none}.shell-layout__nav-body.sc-swirl-shell-layout-s li{display:flex}@media (min-width: 992px){.shell-layout__nav-body.sc-swirl-shell-layout{padding:0}}.shell-layout__mobile-nav-backdrop.sc-swirl-shell-layout{position:fixed;z-index:8;display:none;background-color:rgba(0, 0, 0, 0.25);animation:shell-layout-backdrop-fade-in 0.1s;inset:0}.shell-layout__secondary-nav.sc-swirl-shell-layout{display:none}.shell-layout__secondary-nav-items.sc-swirl-shell-layout-s>ul,.shell-layout__secondary-nav-items .sc-swirl-shell-layout-s>ul{display:flex;flex-direction:column;gap:var(--s-space-2)}.shell-layout__secondary-nav-items--grid-view.sc-swirl-shell-layout-s>ul,.shell-layout__secondary-nav-items--grid-view .sc-swirl-shell-layout-s>ul{flex-wrap:wrap;flex-direction:row;gap:var(--s-space-16)}.shell-layout__secondary-nav-items--grid-view.sc-swirl-shell-layout-s>ul,.shell-layout__secondary-nav-items--grid-view.sc-swirl-shell-layout-s>ul>*,.shell-layout__secondary-nav-items--grid-view .sc-swirl-shell-layout-s>ul>*{min-width:0;max-height:none;flex-basis:calc(50% - var(--s-space-8))}.shell-layout__main.sc-swirl-shell-layout{overflow:hidden;background-color:var(--s-background-default);grid-area:main}@media (min-width: 992px){.shell-layout__main.sc-swirl-shell-layout{width:calc(100% + var(--s-space-8));border:0.0625rem solid var(--s-border-default);border-radius:var(--s-border-radius-sm)}}.shell-layout__sidebar.sc-swirl-shell-layout{position:relative;display:none;min-height:0;grid-area:sidebar}@media (min-width: 992px){.shell-layout__sidebar.sc-swirl-shell-layout{display:block}}.shell-layout__sidebar-body.sc-swirl-shell-layout{z-index:1;display:flex;width:var(--swirl-shell-sidebar-width);height:100%;border-radius:var(--s-border-radius-sm);background-color:var(--s-background-default);flex-direction:column}@media (min-width: 992px){.shell-layout__sidebar-body.sc-swirl-shell-layout{position:absolute;top:0;right:0;bottom:0;transition:transform 0.1s;transform:translate3d(calc(100% + var(--s-space-24)), 0, 0);box-shadow:var(--s-shadow-level-3)}}@media (min-width: 1440px){.shell-layout__sidebar-body.sc-swirl-shell-layout{position:relative;transform:none;box-shadow:none;inset:auto}}@media (prefers-reduced-motion){.shell-layout__sidebar-body.sc-swirl-shell-layout{transition:none}}.shell-layout__sidebar-app-bar.sc-swirl-shell-layout{flex-grow:0;flex-shrink:0;border-bottom:var(--s-border-width-default) solid transparent}.shell-layout__sidebar-content.sc-swirl-shell-layout{overflow:auto;flex-grow:1}@keyframes shell-layout-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes shell-layout-no-overflow-after-transition{0%{overflow:initial}99%{overflow:initial}100%{overflow:hidden}}';export{y as swirl_shell_layout}
+import{r as l,c as e,h as a,H as s,g as i}from"./p-ba3c3858.js";import{c as t}from"./p-a5dce9e6.js";import{c as o}from"./p-878dc806.js";import{d as r,e as d}from"./p-5136b9f9.js";const h="SWIRL_SHELL_SECONDARY_NAVIGATION_COLLAPSE_STATE",c="SWIRL_SHELL_SECONDARY_NAVIGATION_VIEW_STATE",n="SWIRL_SHELL_NAVIGATION_COLLAPSE_STATE",u="SWIRL_SHELL_SIDEBAR_STATE",y=class{constructor(a){l(this,a),this.sidebarToggleClick=e(this,"sidebarToggleClick",7),this.skipLinkClick=e(this,"skipLinkClick",7),this.collectNavItems=()=>{this.mainNavItems=Array.from(this.el.querySelectorAll("swirl-shell-navigation-item[slot='nav'], [slot='nav'] swirl-shell-navigation-item")),this.secondaryNavItems=Array.from(this.el.querySelectorAll("swirl-shell-navigation-item[slot='secondary-nav'], [slot='secondary-nav'] swirl-shell-navigation-item")),this.toggleNavItemLabels(),this.setSecondaryNavItemsTiled()},this.toggleSecondaryNavView=l=>{l.stopPropagation(),this.secondaryNavView="grid"===this.secondaryNavView?"list":"grid",this.setSecondaryNavItemsTiled(),localStorage.setItem(c,String(this.secondaryNavView))},this.toggleSecondaryNavCollapse=l=>{l.stopPropagation(),this.secondaryNavCollapsed=!this.secondaryNavCollapsed,localStorage.setItem(h,String(this.secondaryNavCollapsed))},this.onNavigationToggleClick=()=>{this.navigationCollapsed=!this.navigationCollapsed},this.onNavigationClick=()=>{this.hideMobileNavigation()},this.onSidebarScroll=r((()=>{this.updateSidebarScrollState()}),16),this.brandedHeader=void 0,this.browserBackButtonLabel="Navigate back",this.browserForwardButtonLabel="Navigate forward",this.collapseNavigationButtonLabel="Collapse navigation",this.enableSecondaryNavGridLayout=!0,this.expandNavigationButtonLabel="Expand navigation",this.gridNavLayoutToggleLabel="Grid",this.hideMobileNavigationButtonLabel="Close navigation",this.listNavLayoutToggleLabel="List",this.navigationLabel="Main",this.secondaryNavCollapseLabel="Show less",this.secondaryNavExpandLabel="Show more",this.sidebarActive=void 0,this.sidebarToggleBadge=void 0,this.sidebarToggleBadgeAriaLabel=void 0,this.sidebarToggleIcon="notifications",this.sidebarToggleLabel="Toggle sidebar",this.skipLinkLabel="Skip to main content",this.isDesktopViewport=!0,this.mobileNavigationActive=void 0,this.navigationCollapsed=void 0,this.secondaryNavCollapsed=void 0,this.secondaryNavView="list",this.sidebarScrollState={scrollable:!1,scrolledToTop:!1}}componentWillLoad(){this.isDesktopViewport=d(),this.collectNavItems();const l="true"===localStorage.getItem(u);this.sidebarActive=void 0===this.sidebarActive?l:this.sidebarActive;const e="true"===localStorage.getItem(n);this.navigationCollapsed=e,this.restoreSecondaryNavState()}componentDidLoad(){this.focusTrap=o(this.navElement,{allowOutsideClick:!0,tabbableOptions:{getShadowRoot:l=>l.shadowRoot}}),this.collectNavItems(),this.navMutationObserver=new MutationObserver((()=>{this.collectNavItems(),this.setSecondaryNavItemsTiled()})),this.navMutationObserver.observe(this.navElement,{childList:!0,subtree:!0}),queueMicrotask((()=>{this.updateSidebarScrollState()}))}componentDidRender(){this.focusTrap?.updateContainerElements(this.navElement)}disconnectedCallback(){this.focusTrap?.deactivate(),this.navMutationObserver?.disconnect()}onWindowKeyDown(l){"Escape"===l.key&&this.mobileNavigationActive&&this.hideMobileNavigation()}watchEnableSecondaryNavGridLayout(){this.restoreSecondaryNavState()}watchMobileNavigationState(){this.mobileNavigationActive?setTimeout((()=>{this.focusTrap.activate()}),200):this.focusTrap.deactivate()}watchNavigationCollapsed(){localStorage.setItem(n,String(this.navigationCollapsed)),this.toggleNavItemLabels()}watchSidebarActive(){localStorage.setItem(u,String(this.sidebarActive))}onWindowResize(){this.isDesktopViewport!==d()&&(this.isDesktopViewport=d(),this.collectNavItems())}async showMobileNavigation(){this.mobileNavigationActive=!0,this.collectNavItems()}async hideMobileNavigation(){this.mobileNavigationActive=!1,this.toggleNavItemLabels()}toggleNavItemLabels(){[...this.secondaryNavItems,...this.mainNavItems].forEach((l=>{l.hideLabel=this.navigationCollapsed&&this.isDesktopViewport}))}setSecondaryNavItemsTiled(){this.secondaryNavItems.forEach((l=>{l.tiled=this.enableSecondaryNavGridLayout&&("grid"===this.secondaryNavView||this.navigationCollapsed&&this.isDesktopViewport)}))}restoreSecondaryNavState(){if(this.enableSecondaryNavGridLayout){const l="true"===localStorage.getItem(h);this.secondaryNavCollapsed=l;const e=localStorage.getItem(c);this.secondaryNavView=e}}updateSidebarScrollState(){const l={scrollable:this.sidebarContentEl.scrollHeight>this.sidebarContentEl.clientHeight,scrolledToTop:0===this.sidebarContentEl.scrollTop};Object.keys(l).some((e=>l[e]!==this.sidebarScrollState[e]))&&(this.sidebarScrollState=l)}render(){const l=!0!==this.sidebarToggleBadge&&"true"!==this.sidebarToggleBadge,e=this.navigationCollapsed&&this.isDesktopViewport,i=Boolean(this.el.querySelector("[slot='secondary-nav']")),o=t("shell-layout",{"shell-layout--branded-header":this.brandedHeader,"shell-layout--secondary-nav-collapsed":this.secondaryNavCollapsed,"shell-layout--has-secondary-nav":i,"shell-layout--mobile-navigation-active":this.mobileNavigationActive,"shell-layout--navigation-collapsed":e,"shell-layout--sidebar-active":this.sidebarActive,"shell-layout--sidebar-scrollable":this.sidebarScrollState.scrollable,"shell-layout--sidebar-scrolled-to-top":this.sidebarScrollState.scrolledToTop});return a(s,{key:"3c2ac344059ef37c76bfef5a6b6cb8d7cbae80dc"},a("div",{key:"d6aeb2ed917792505be3480f8811e851de7e1155",class:o},a("header",{key:"27aa3cf088add6c1e0897434bf12ffb79b90366a",class:"shell-layout__header","data-tauri-drag-region":"true"},a("button",{key:"e6e235acd759ea0401b616a67745544034d21381",class:"shell-layout__skip-link",onClick:this.skipLinkClick.emit,type:"button"},this.skipLinkLabel),a("div",{key:"5a5c6b7e5bd649886d615e938a19488c65fc4c6d",class:"shell-layout__header-left"},a("swirl-tooltip",{key:"02669c8373a687e7bba1f10ed88ae8cba06d288c",content:this.navigationCollapsed?this.expandNavigationButtonLabel:this.collapseNavigationButtonLabel,delay:100,position:"right"},a("button",{key:"58d7d953dd28a65f9020abd862eb52eb863e43e0",class:"shell-layout__header-tool",onClick:this.onNavigationToggleClick,type:"button"},a(this.navigationCollapsed?"swirl-icon-dock-left-expand":"swirl-icon-dock-left-collapse",{size:20}),a("swirl-visually-hidden",{key:"99a620badadc304b3b8ce40fa206695740becbb3"},this.navigationCollapsed?this.expandNavigationButtonLabel:this.collapseNavigationButtonLabel))),a("a",{key:"77280486b428930bd12af6bf132f357b96049617",class:"shell-layout__header-tool",href:"javascript:history.back()"},a("swirl-icon-arrow-back",{key:"a5a99e4fecf7f4ccb0181ad3c379e746decb6537",size:20}),a("swirl-visually-hidden",{key:"3d74b37f4960ce4d70698f95bd4b2f4cdc061f85"},this.browserBackButtonLabel)),a("a",{key:"6809cf6536897f4474487207ef0f9e24c1d70f43",class:"shell-layout__header-tool",href:"javascript:history.forward()"},a("swirl-icon-arrow-forward",{key:"d3a261c883a535cca9b862b59b48870f74b65652",size:20}),a("swirl-visually-hidden",{key:"d15ec089e3984c3d76e78f9028b0ccb2b47d6a4b"},this.browserForwardButtonLabel)),a("slot",{key:"077f824eb6da5c1a7c7a858c2a4b0ffae6efee88",name:"left-header-tools"})),a("div",{key:"eb4394aaf78c8b15aea173be09dc0d3f8809f1bb",class:"shell-layout__logo"},a("slot",{key:"d2ef8b47a938f5bbff4a68b205bb22d98ad49bac",name:"logo"})),a("div",{key:"8c529be112d23997e728632853bebe7c62b3f259",class:"shell-layout__header-right"},a("slot",{key:"89b9fdad0be724c3965349128ad772e3b1c00a40",name:"right-header-tools"}),a("button",{key:"bdec18a0e04c0f70f731ed920eef08a574a176d7",class:"shell-layout__header-tool shell-layout__sidebar-toggle",onClick:this.sidebarToggleClick.emit,type:"button"},a("swirl-icon",{key:"94b23a781f146d70e3092a3c694891fd59c0960c",glyph:this.sidebarToggleIcon,size:20}),a("swirl-visually-hidden",{key:"c9aaf6c7ab7b883cd953bdcdb78a48b822586c7c"},this.sidebarToggleLabel),this.sidebarToggleBadge&&a("swirl-badge",{key:"64df1457136519849839dc871980af569ddf46e8","aria-label":this.sidebarToggleBadgeAriaLabel,label:l?String(this.sidebarToggleBadge):this.sidebarToggleBadgeAriaLabel,size:"xs",variant:l?"default":"dot"})),a("slot",{key:"468da72048d32b5b602de80c8e97b049d2755ea5",name:"avatar"}))),a("div",{key:"515317c8a88419e1a156521ddb05656d220c7cad",class:"shell-layout__mobile-nav-backdrop",onClick:this.onNavigationClick}),a("nav",{key:"c81f2ee3e31bd2a7264f7c7264f2c48150798b36","aria-labelledby":"main-navigation-label",class:"shell-layout__nav",onClick:this.onNavigationClick,ref:l=>this.navElement=l},a("div",{key:"aef50f21bf0e2a0313b5138689b07a8fd9b919b1",class:"shell-layout__mobile-header"},a("slot",{key:"b8301b3773354794bd822a63b91f7677d3e2ec59",name:"mobile-logo"}),a("div",{key:"5286fc9473b6896c79861f18aa88de0a3deaa968",class:"shell-layout__mobile-header-tools"},a("slot",{key:"ef725c8ca0e5e856e08c2d13a0834d737393953d",name:"mobile-header-tools"}),a("button",{key:"41a97643f7f70cea8b4dd29f6b3389d8bd3405ed",class:"shell-layout__header-tool",type:"button"},a("swirl-icon-double-arrow-left",{key:"b9e4265dab5ceac0f2a5dda36d5968f9bb197187",size:20}),a("swirl-visually-hidden",{key:"dc801458ed0be7a694021cd3e035c04f197c9916"},this.hideMobileNavigationButtonLabel)))),a("div",{key:"c23f2961e03427ff0650659cea63336147d323d6",class:"shell-layout__nav-body"},a("swirl-visually-hidden",{key:"c1d085122f8e1eb4bbf6061ba6c9ba02640287d8"},a("span",{key:"d08cf81b5366576455300056b509d0ef556b2e85",id:"main-navigation-label"},this.navigationLabel)),a("slot",{key:"f72f5044ea94c9c3a68045d7d8b37241ddea0799",name:"nav",onSlotchange:this.collectNavItems}),a("div",{key:"8bbef6e1ef4b8a3af5fbb1151af036b7ce3a5eac",class:"shell-layout__secondary-nav"},a("swirl-separator",{key:"3f24b1d4d0ee6bb4d6ca066065a139f3b6dd1fc9",color:"strong",spacing:"16"}),this.enableSecondaryNavGridLayout&&a("swirl-box",{key:"fe64ad93e40a3fb9c2260688cdd037fcffe7a713",paddingBlockEnd:"16"},a("swirl-stack",{key:"9148f7d326df839080c4e8fc75894f1f423125b4",justify:e?"center":"space-between",orientation:"horizontal"},a("swirl-button",{key:"16d903a163d9794bbb7cda25e09887882f6fe575",hideLabel:e,icon:this.secondaryNavCollapsed?"<swirl-icon-expand-more></swirl-icon-expand-more>":"<swirl-icon-expand-less></swirl-icon-expand-less>",label:this.secondaryNavCollapsed?this.secondaryNavExpandLabel:this.secondaryNavCollapseLabel,onClick:this.toggleSecondaryNavCollapse,variant:"plain"}),!e&&!this.secondaryNavCollapsed&&a("swirl-button",{key:"4379487752649a7838eb4ad51f76a518a2b9417f",icon:"grid"===this.secondaryNavView?"<swirl-icon-menu></swirl-icon-menu>":"<swirl-icon-hamburger-menu></swirl-icon-hamburger-menu>",iconPosition:"end",label:"grid"===this.secondaryNavView?this.gridNavLayoutToggleLabel:this.listNavLayoutToggleLabel,onClick:this.toggleSecondaryNavView,variant:"plain"}))),a("div",{key:"224675be0ab1a25081849e00aca78b6786f792f2",class:{"shell-layout__secondary-nav-items":!0,"shell-layout__secondary-nav-items--grid-view":this.enableSecondaryNavGridLayout&&("grid"===this.secondaryNavView||e)}},a("slot",{key:"48c268d6979f56da311630c754c5428c3aa3f5c3",name:"secondary-nav",onSlotchange:this.collectNavItems}))))),a("main",{key:"34a6aa2110a59bfd0cd15ce28379745fd09546b1",class:"shell-layout__main",id:"main-content"},a("slot",{key:"64afad82d89ceeb9979d551eded7fc2df1a70d77"})),a("aside",{key:"fede910a0f0c9ec1ccbc8ec5435c073a657d5ffe",class:"shell-layout__sidebar",inert:!this.sidebarActive||void 0},a("div",{key:"fc1a113e85dfc0d8f3e8e7e3abd55d42d93d94a1",class:"shell-layout__sidebar-body"},a("div",{key:"dcd1225bdd9718638eff2c7d99bf93f8f14be4d0",class:"shell-layout__sidebar-app-bar"},a("slot",{key:"9d331ceb7d9f81f85a5d6c30cf0b91da395eda94",name:"sidebar-app-bar"})),a("div",{key:"6d96ee15abaa6ab8789a2a66b0c8b96d9958999a",class:"shell-layout__sidebar-content",onScroll:this.onSidebarScroll,ref:l=>this.sidebarContentEl=l},a("slot",{key:"0ffe908103871d8084f4bd409c92c1adb67de4f4",name:"sidebar"}))))))}get el(){return i(this)}static get watchers(){return{enableSecondaryNavGridLayout:["watchEnableSecondaryNavGridLayout"],mobileNavigationActive:["watchMobileNavigationState"],navigationCollapsed:["watchNavigationCollapsed"],sidebarActive:["watchSidebarActive"]}}};y.style='.sc-swirl-shell-layout-h{--swirl-shell-background:var(--s-surface-sunken-default);--swirl-shell-text-color:var(--s-text-default);--swirl-shell-header-height:3.25rem;--swirl-shell-collapsed-nav-width:4rem;--swirl-shell-extended-nav-width:18rem;--swirl-shell-sidebar-width:21rem;display:flex;width:100%;height:100%}.sc-swirl-shell-layout-h *.sc-swirl-shell-layout{box-sizing:border-box}.shell-layout.sc-swirl-shell-layout{display:grid;overflow:hidden;width:100%;min-height:100%;background-color:var(--swirl-shell-background);transition:grid-template-columns 0.1s;grid-template-columns:0 1fr 0;grid-template-rows:1fr;grid-template-areas:"nav main"}@media (prefers-reduced-motion){.shell-layout.sc-swirl-shell-layout{transition:none}}@media (min-width: 992px){.shell-layout.sc-swirl-shell-layout{padding-right:var(--s-space-8);padding-bottom:var(--s-space-8);-moz-column-gap:var(--s-space-8);column-gap:var(--s-space-8);grid-template-columns:var(--swirl-shell-extended-nav-width) 1fr 0;grid-template-rows:var(--swirl-shell-header-height) 1fr;grid-template-areas:"header header header"\n      "nav main sidebar"}}.shell-layout--branded-header.sc-swirl-shell-layout .shell-layout__header.sc-swirl-shell-layout{border-bottom:none;color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.shell-layout--branded-header.sc-swirl-shell-layout .shell-layout__header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout{color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.shell-layout--branded-header.sc-swirl-shell-layout .shell-layout__header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout:hover{background-color:var(--s-action-primary-hovered)}.shell-layout--branded-header.sc-swirl-shell-layout .shell-layout__header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout:active{background-color:var(--s-action-primary-pressed)}.shell-layout--branded-header.sc-swirl-shell-layout .shell-layout__header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout swirl-badge.sc-swirl-shell-layout{--swirl-badge-border-color:var(--s-action-primary-default)}@media (min-width: 992px){.shell-layout--navigation-collapsed.sc-swirl-shell-layout .shell-layout__nav.sc-swirl-shell-layout{scrollbar-width:none}.shell-layout--navigation-collapsed.sc-swirl-shell-layout .shell-layout__nav.sc-swirl-shell-layout::-webkit-scrollbar{width:0;background:transparent;-webkit-appearance:none}}.shell-layout--navigation-collapsed .shell-layout__secondary-nav-items--grid-view.sc-swirl-shell-layout-s>ul>*,.shell-layout--navigation-collapsed .shell-layout__secondary-nav-items--grid-view.sc-swirl-shell-layout-s>ul,.shell-layout__secondary-nav-items--grid-view.sc-swirl-shell-layout-s>ul>*,.shell-layout__secondary-nav-items--grid-view .sc-swirl-shell-layout-s>ul>*{max-width:100%;max-height:3rem;flex-basis:100%}@media (min-width: 992px){.shell-layout--navigation-collapsed.sc-swirl-shell-layout{grid-template-columns:var(--swirl-shell-collapsed-nav-width) 1fr 0}}@media (min-width: 1440px){.shell-layout--sidebar-active.shell-layout--navigation-collapsed.sc-swirl-shell-layout{grid-template-columns:var(--swirl-shell-collapsed-nav-width) 1fr var(\n          --swirl-shell-sidebar-width\n        )}}@media (min-width: 1440px){.shell-layout--sidebar-active.sc-swirl-shell-layout .shell-layout__main.sc-swirl-shell-layout{width:100%}}.shell-layout--sidebar-active.sc-swirl-shell-layout .shell-layout__sidebar.sc-swirl-shell-layout{overflow:initial}@media (min-width: 992px){.shell-layout--sidebar-active.sc-swirl-shell-layout .shell-layout__sidebar-body.sc-swirl-shell-layout{border:0.0625rem solid var(--s-border-default);transform:translate3d(0, 0, 0)}}@media (min-width: 1440px){.shell-layout--sidebar-active.sc-swirl-shell-layout{grid-template-columns:var(--swirl-shell-extended-nav-width) 1fr var(\n        --swirl-shell-sidebar-width\n      )}}.sc-swirl-shell-layout:not(.shell-layout--sidebar-active) .shell-layout__sidebar.sc-swirl-shell-layout{animation:shell-layout-no-overflow-after-transition 0.1s;animation-fill-mode:forwards}.shell-layout--sidebar-scrollable.sc-swirl-shell-layout:not(.shell-layout--sidebar-scrolled-to-top) .shell-layout__sidebar-app-bar.sc-swirl-shell-layout{border-bottom-color:var(--s-border-default)}.shell-layout--mobile-navigation-active.sc-swirl-shell-layout .shell-layout__nav.sc-swirl-shell-layout{transform:translate3d(0, 0, 0);box-shadow:var(--s-shadow-level-3)}@media (min-width: 992px){.shell-layout--mobile-navigation-active.sc-swirl-shell-layout .shell-layout__nav.sc-swirl-shell-layout{transform:none;box-shadow:none}}.shell-layout--mobile-navigation-active.sc-swirl-shell-layout .shell-layout__mobile-nav-backdrop.sc-swirl-shell-layout{display:block}@media (min-width: 992px){.shell-layout--mobile-navigation-active.sc-swirl-shell-layout .shell-layout__mobile-nav-backdrop.sc-swirl-shell-layout{display:none}}.shell-layout--has-secondary-nav.sc-swirl-shell-layout .shell-layout__secondary-nav.sc-swirl-shell-layout{display:block}.shell-layout--secondary-nav-collapsed.sc-swirl-shell-layout .shell-layout__secondary-nav-items.sc-swirl-shell-layout{display:none}.shell-layout__header.sc-swirl-shell-layout{position:relative;display:none;width:calc(100% + var(--s-space-8));padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);justify-content:space-between;align-items:center;color:var(--swirl-shell-text-color);grid-area:header}@media (min-width: 992px){.shell-layout__header.sc-swirl-shell-layout{display:flex}}.shell-layout__skip-link.sc-swirl-shell-layout{position:absolute;z-index:9;top:0;left:0;padding:var(--s-space-4);border:none;color:var(--swirl-shell-text-color);background-color:var(--swirl-shell-background);font:inherit;cursor:pointer}.shell-layout__skip-link.sc-swirl-shell-layout:not(:focus):not(:active){position:absolute;overflow:hidden;width:1px;height:1px;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%)}.shell-layout__header-left.sc-swirl-shell-layout{display:flex;padding-left:var(--s-space-2);flex-basis:8rem;flex-shrink:0;align-items:center;gap:var(--s-space-8)}.shell-layout__header-right.sc-swirl-shell-layout{--swirl-ghost-button-background-default:var(--s-surface-sunken-default);--swirl-ghost-button-background-hovered:var(--s-surface-sunken-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-sunken-pressed);display:flex;flex-basis:8rem;flex-shrink:0;justify-content:flex-end;align-items:center;gap:var(--s-space-8)}.shell-layout__logo.sc-swirl-shell-layout{display:flex;flex-grow:1;justify-content:center;align-items:center}.shell-layout__logo.sc-swirl-shell-layout-s>a{display:flex}.shell-layout__logo.sc-swirl-shell-layout-s>a img,.shell-layout__logo.sc-swirl-shell-layout-s>img{max-height:1.75rem}.shell-layout__header-tool.sc-swirl-shell-layout{position:relative;width:2.25rem;height:2.25rem;padding:var(--s-space-8);flex-shrink:0;border:none;border-radius:var(--s-border-radius-sm);color:var(--swirl-shell-text-color);background-color:var(--s-surface-sunken-default);font:inherit;cursor:pointer}.shell-layout__header-tool.sc-swirl-shell-layout:hover{background-color:var(--s-surface-sunken-hovered)}.shell-layout__header-tool.sc-swirl-shell-layout:active{background-color:var(--s-surface-sunken-pressed)}.shell-layout__header-tool.sc-swirl-shell-layout:focus{outline:none}.shell-layout__header-tool.sc-swirl-shell-layout:focus-visible{box-shadow:0 0 0 0.125rem var(--s-focus-default)}.shell-layout__header-tool.sc-swirl-shell-layout swirl-badge.sc-swirl-shell-layout{--swirl-badge-border-color:var(--s-surface-sunken-default);position:absolute;top:var(--s-space-2);right:var(--s-space-2);padding-right:var(--s-space-2);transform:translate3d(0.1875rem, 0, 0)}.shell-layout__sidebar-toggle.sc-swirl-shell-layout{display:none}@media (min-width: 992px){.shell-layout__sidebar-toggle.sc-swirl-shell-layout{display:block}}.shell-layout__nav.sc-swirl-shell-layout{position:fixed;z-index:9;top:0;bottom:0;left:0;overflow-x:hidden;overflow-y:auto;width:100%;max-width:18.75rem;color:var(--swirl-shell-text-color);background-color:var(--s-surface-overlay-default);transition:transform 0.1s, box-shadow 0.1s, width 0.1s;transform:translate3d(-100%, 0, 0);grid-area:nav}@media (prefers-reduced-motion){.shell-layout__nav.sc-swirl-shell-layout{transition:none}}@media (min-width: 992px){.shell-layout__nav.sc-swirl-shell-layout{position:relative;max-width:none;padding-top:0;padding-right:var(--s-space-4);padding-bottom:var(--s-space-8);padding-left:var(--s-space-12);background-color:var(--swirl-shell-background);transform:none;box-shadow:none;inset:auto}}.shell-layout__mobile-header.sc-swirl-shell-layout{display:flex;min-height:3.5rem;margin-bottom:var(--s-space-8);padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);justify-content:space-between;align-items:center;border-bottom:0.0625rem solid var(--s-border-default)}.shell-layout__mobile-header.sc-swirl-shell-layout-s>img{max-height:1.75rem}.shell-layout__mobile-header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout{background-color:var(--s-surface-overlay-default)}.shell-layout__mobile-header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout:hover{background-color:var(--s-surface-overlay-hovered)}.shell-layout__mobile-header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout:active{background-color:var(--s-surface-overlay-pressed)}@media (min-width: 992px){.shell-layout__mobile-header.sc-swirl-shell-layout{display:none}}.shell-layout__mobile-header-tools.sc-swirl-shell-layout{display:flex;justify-content:flex-end;align-items:center;gap:var(--s-space-8)}.shell-layout__nav-body.sc-swirl-shell-layout{padding:var(--s-space-8)}.shell-layout__nav-body.sc-swirl-shell-layout-s ul{margin:0;padding:0;list-style:none}.shell-layout__nav-body.sc-swirl-shell-layout-s li{display:flex}@media (min-width: 992px){.shell-layout__nav-body.sc-swirl-shell-layout{padding:0}}.shell-layout__mobile-nav-backdrop.sc-swirl-shell-layout{position:fixed;z-index:8;display:none;background-color:rgba(0, 0, 0, 0.25);animation:shell-layout-backdrop-fade-in 0.1s;inset:0}.shell-layout__secondary-nav.sc-swirl-shell-layout{display:none}.shell-layout__secondary-nav-items.sc-swirl-shell-layout-s>ul,.shell-layout__secondary-nav-items .sc-swirl-shell-layout-s>ul{display:flex;flex-direction:column;gap:var(--s-space-2)}.shell-layout__secondary-nav-items--grid-view.sc-swirl-shell-layout-s>ul,.shell-layout__secondary-nav-items--grid-view .sc-swirl-shell-layout-s>ul{flex-wrap:wrap;flex-direction:row;gap:var(--s-space-16)}.shell-layout__secondary-nav-items--grid-view.sc-swirl-shell-layout-s>ul,.shell-layout__secondary-nav-items--grid-view.sc-swirl-shell-layout-s>ul>*,.shell-layout__secondary-nav-items--grid-view .sc-swirl-shell-layout-s>ul>*{min-width:0;max-height:none;flex-basis:calc(50% - var(--s-space-8))}.shell-layout__main.sc-swirl-shell-layout{overflow:hidden;background-color:var(--s-background-default);grid-area:main}@media (min-width: 992px){.shell-layout__main.sc-swirl-shell-layout{width:calc(100% + var(--s-space-8));border:0.0625rem solid var(--s-border-default);border-radius:var(--s-border-radius-sm)}}.shell-layout__sidebar.sc-swirl-shell-layout{position:relative;display:none;min-height:0;grid-area:sidebar}@media (min-width: 992px){.shell-layout__sidebar.sc-swirl-shell-layout{display:block}}.shell-layout__sidebar-body.sc-swirl-shell-layout{z-index:1;display:flex;width:var(--swirl-shell-sidebar-width);height:100%;border-radius:var(--s-border-radius-sm);background-color:var(--s-background-default);flex-direction:column}@media (min-width: 992px){.shell-layout__sidebar-body.sc-swirl-shell-layout{position:absolute;top:0;right:0;bottom:0;transition:transform 0.1s;transform:translate3d(calc(100% + var(--s-space-24)), 0, 0);box-shadow:var(--s-shadow-level-3)}}@media (min-width: 1440px){.shell-layout__sidebar-body.sc-swirl-shell-layout{position:relative;transform:none;box-shadow:none;inset:auto}}@media (prefers-reduced-motion){.shell-layout__sidebar-body.sc-swirl-shell-layout{transition:none}}.shell-layout__sidebar-app-bar.sc-swirl-shell-layout{flex-grow:0;flex-shrink:0;border-bottom:var(--s-border-width-default) solid transparent}.shell-layout__sidebar-content.sc-swirl-shell-layout{overflow:auto;flex-grow:1}@keyframes shell-layout-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes shell-layout-no-overflow-after-transition{0%{overflow:initial}99%{overflow:initial}100%{overflow:hidden}}';export{y as swirl_shell_layout}

package/dist/swirl-components/{p-a935ab50.entry.js → p-67986fbf.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,h as i,H as s,g as o}from"./p-ba3c3858.js";import{c as a,o as n,s as h,f as r,a as l}from"./p-bc0de553.js";import{c}from"./p-a5dce9e6.js";import{q as m,c as u,p as d,i as b,b as f}from"./p-0f3e0216.js";const p=class{constructor(i){t(this,i),this.done=e(this,"done",7),this.valueChange=e(this,"valueChange",7),this.mobileMediaQuery=window.matchMedia("(min-width: 768px)"),this.mediaQueryHandler=()=>{this.updateMobileState()},this.resetMenu=()=>{this.items.forEach((t=>{t.tabIndex=-1})),this.level>0||setTimeout((()=>{this.activeLevel=0,m(this.el,"swirl-menu").forEach((t=>{t.active=!1,t.parentElement.expanded=!1}))}),this.mobile?200:60)},this.closeMenu=()=>{this.disableAutoUpdate&&this.disableAutoUpdate(),this.swirlPopover.close(),this.resetMenu()},this.reposition=async()=>{if(this.mobile||0===this.level)return void(this.position=void 0);const t=this.el.parentElement;Boolean(t)&&Boolean(this.menuContainer)&&requestAnimationFrame((async()=>{this.position=await a(t,this.menuContainer,{placement:"right-start",strategy:"fixed",middleware:[n({mainAxis:-10,crossAxis:0}),h(),r()]})}))},this.onKeyDown=t=>{if("ArrowDown"===t.code)t.preventDefault(),t.stopPropagation(),this.focusNextItem();else if("ArrowUp"===t.code)t.preventDefault(),t.stopPropagation(),this.focusPreviousItem();else if("ArrowLeft"===t.code)t.preventDefault(),t.stopPropagation(),this.rootMenu.goBack();else if("ArrowRight"===t.code){t.preventDefault();const e=u(this.items[this.getActiveItemIndex()],"swirl-menu-item");if(!Boolean(e))return;this.rootMenu.activateMenuItem(e)}},this.onClose=()=>{this.closeMenu()},this.onDone=()=>{this.closeMenu(),this.done.emit()},this.onGoBack=()=>{this.rootMenu.goBack()},this.active=!0,this.label=void 0,this.level=0,this.mobileBackButtonLabel="Back",this.mobileCloseMenuButtonLabel="Close menu",this.mobileDoneButtonLabel="Done",this.value=void 0,this.variant="action",this.activeLevel=0,this.mobile=void 0,this.position=void 0}componentWillLoad(){this.updateMobileState(),this.updateLevel(),this.observeSlotChanges()}componentDidLoad(){this.mobileMediaQuery.onchange=this.mediaQueryHandler,this.parentMenu=u(this.el.parentElement,"swirl-menu"),this.swirlPopover=u(this.el,"swirl-popover"),this.rootMenu=d(this.el,"swirl-menu").pop(),Boolean(this.parentMenu)&&queueMicrotask((()=>{this.active=!1})),this.swirlPopover.addEventListener("popoverClose",this.resetMenu),this.updateItems()}disconnectedCallback(){this.swirlPopover?.removeEventListener("popoverClose",this.resetMenu),this.mobileMediaQuery.removeEventListener?.("change",this.mediaQueryHandler),this.observer?.disconnect()}watchActive(){this.reposition(),this.disableAutoUpdate&&this.disableAutoUpdate(),this.disableAutoUpdate=l(this.el.parentElement,this.menuContainer,this.reposition)}watchValue(){this.updateActiveItem()}async activateMenuItem(t){if(Boolean(this.parentMenu))return;const e=await t.getParentMenu(),i=m(this.el,"swirl-menu").filter((t=>t.level>=e.level&&t!==e));i.forEach((t=>{t.active=!1,t.parentElement.expanded=!1}));const s=await t.getSubMenu();Boolean(s)&&(t.expanded=!0,s.active=!0,this.activeLevel=s.level,setTimeout((()=>{s.focusFirstItem()}),this.mobile?200:60))}async close(){this.closeMenu()}async goBack(){if(Boolean(this.parentMenu)||0===this.activeLevel)return;const t=(m(this.el,"swirl-menu").find((t=>t.level===this.activeLevel&&t.active))||this.rootMenu).parentElement;t.expanded=!1,this.activeLevel=Math.max(this.activeLevel-1,0),m(this.el,"swirl-menu").filter((t=>t.level>this.activeLevel)).forEach((t=>{t.active=!1})),(m(this.el,"swirl-menu").find((t=>t.level===this.activeLevel&&t.active))||this.rootMenu).focusItemAtIndex(Array.from(t.parentElement.children).indexOf(t))}async focusFirstItem(){this.focusItem(this.items[0])}async focusItemAtIndex(t){this.focusItem(this.items[t])}async updateSelection(t){this.valueChange.emit(t.value)}async updateActiveItem(){m(this.el,"swirl-menu-item").filter((t=>u(t,"swirl-menu")===this.el)).forEach((t=>{t.updateValue()})),this.parentMenu&&"action"===this.parentMenu.variant&&this.parentMenu.updateActiveItem()}observeSlotChanges(){this.observer=new MutationObserver((()=>{this.updateItems()})),this.observer.observe(this.el,{childList:!0})}updateMobileState(){const t=b();t!==this.mobile&&(this.mobile=t)}updateItems(){this.items=[...m(this.el,'[role="menuitem"]'),...m(this.el,'[role="menuitemradio"]')].filter((t=>u(t,"swirl-menu")===this.el))}updateLevel(){const t=d(this.el.parentNode,"swirl-menu");this.level=t.length}focusItem(t){[...m(this.rootMenu,'[role="menuitem"]'),...m(this.rootMenu,'[role="menuitemradio"]')].forEach((t=>{t.tabIndex=-1})),Boolean(t)&&(t.tabIndex=0,t.focus())}focusNextItem(){const t=this.getActiveItemIndex();this.focusItem(this.items[(t+1)%this.items.length])}focusPreviousItem(){const t=this.getActiveItemIndex();this.focusItem(this.items[0===t?this.items.length-1:t-1])}getActiveItemIndex(){const t=f();return this.items.findIndex((e=>e===t||e===t?.querySelector('[role="menuitem"]')||e===t?.querySelector('[role="menuitemradio"]')))}render(){const t=!Boolean(this.parentMenu),e=t&&this.mobile?void 0:this.label,o=t&&this.mobile?"menu-title":void 0,a=t?"menubar":"menu",n=c("menu",`menu--level-${this.level}`,{"menu--active":this.active,"menu--mobile":this.mobile,"menu--root":t});return i(s,{key:"139ace0948e7fe3f2ccd87a4f497f5d6c9e889d0"},i("div",{key:"4c036f7cc11ad4baaa694370f58200b95e9d8bd5",class:n},this.mobile&&t&&i("div",{key:"efc5872b0eab8e30656ff08be0f22369b5dea335",class:"menu__mobile-header"},0===this.activeLevel&&i("swirl-button",{key:"011aae50518fcc6acf2df643d1b8baeb02ee258c",hideLabel:!0,icon:"<swirl-icon-close></swirl-icon-close>",label:this.mobileCloseMenuButtonLabel,onClick:this.onClose,variant:"plain"}),this.activeLevel>0&&i("swirl-button",{key:"3290279dae6aa2f24db3e6255663a74d9ebfb245",hideLabel:!0,icon:"<swirl-icon-chevron-left></swirl-icon-chevron-left>",label:this.mobileBackButtonLabel,onClick:this.onGoBack,variant:"plain"}),i("span",{key:"74ec9876905b64c1d1564b4673da0afa6df8be88",class:"menu__title",id:"menu-title"},i("swirl-heading",{key:"d11cb7e73bf2ae10e4877adea3a1fc76ef8709bd",align:"center",as:"span",level:4,text:this.label,truncate:!0})),i("swirl-button",{key:"18763d9d7b8235d36d15962d9f0fa186f06cbf06",class:"menu__done-button",intent:"primary",label:this.mobileDoneButtonLabel,onClick:this.onDone})),i("div",{key:"d13e7e02bebdc0b2672f9c99ad16b140245f0309","aria-label":e,"aria-labelledby":o,"aria-orientation":"vertical",class:"menu__menu",onKeyDown:this.onKeyDown,ref:t=>this.menuContainer=t,role:a,style:!this.mobile&&this.level>0?{top:Boolean(this.position)?`${this.position?.y}px`:"",left:Boolean(this.position)?`${this.position?.x}px`:""}:this.mobile?{left:t?`calc(-100% * ${this.activeLevel})`:"100%"}:void 0},i("slot",{key:"9e4b84a77c38b544a1012c7cd28f767b54399b31"}))))}get el(){return o(this)}static get watchers(){return{active:["watchActive"],value:["watchValue"]}}};p.style=":host{display:block}:host *{box-sizing:border-box}.menu{width:100%;--swirl-ghost-button-background-default:var(--s-surface-overlay-default);--swirl-ghost-button-background-hovered:var(--s-surface-overlay-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-overlay-pressed)}.menu--mobile.menu--root{position:relative}.menu--mobile.menu--root .menu__menu{top:3.5rem;transition:left 0.2s}.menu--mobile.menu--active .menu__menu{display:block}.menu--mobile .menu__menu{position:absolute;top:0;left:0;display:none;width:100%}:not(.menu--mobile).menu--root{position:relative}:not(.menu--mobile).menu--root .menu__menu{position:relative;padding-top:0;padding-bottom:0}:not(.menu--mobile) :not(.menu--root) .menu__menu{z-index:1;max-width:22.5rem;border-radius:var(--s-border-radius-sm);box-shadow:var(--s-shadow-level-1)}:not(.menu--mobile).menu--active .menu__menu{display:block}:not(.menu--mobile) .menu__menu{position:fixed;display:none}.menu__mobile-header{display:flex;height:3.5rem;padding-right:var(--s-space-16);padding-left:var(--s-space-16);justify-content:space-between;align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);gap:var(--s-space-8)}.menu__mobile-header>*{display:inline-flex;flex-shrink:0}.menu__title{min-width:0;flex-grow:1;flex-shrink:1}.menu__title swirl-heading{min-width:0}.menu__done-button{margin-right:calc(-1 * var(--s-space-8))}.menu__menu{padding-top:var(--s-space-8);padding-bottom:var(--s-space-8);background-color:var(--s-surface-overlay-default)}";export{p as swirl_menu}
+import{r as t,c as e,h as i,H as s,g as o}from"./p-ba3c3858.js";import{c as a,o as n,s as h,f as r,a as l}from"./p-bc0de553.js";import{c}from"./p-a5dce9e6.js";import{q as m,c as u,p as d,i as b,b as f}from"./p-5136b9f9.js";const p=class{constructor(i){t(this,i),this.done=e(this,"done",7),this.valueChange=e(this,"valueChange",7),this.mobileMediaQuery=window.matchMedia("(min-width: 768px)"),this.mediaQueryHandler=()=>{this.updateMobileState()},this.resetMenu=()=>{this.items.forEach((t=>{t.tabIndex=-1})),this.level>0||setTimeout((()=>{this.activeLevel=0,m(this.el,"swirl-menu").forEach((t=>{t.active=!1,t.parentElement.expanded=!1}))}),this.mobile?200:60)},this.closeMenu=()=>{this.disableAutoUpdate&&this.disableAutoUpdate(),this.swirlPopover.close(),this.resetMenu()},this.reposition=async()=>{if(this.mobile||0===this.level)return void(this.position=void 0);const t=this.el.parentElement;Boolean(t)&&Boolean(this.menuContainer)&&requestAnimationFrame((async()=>{this.position=await a(t,this.menuContainer,{placement:"right-start",strategy:"fixed",middleware:[n({mainAxis:-10,crossAxis:0}),h(),r()]})}))},this.onKeyDown=t=>{if("ArrowDown"===t.code)t.preventDefault(),t.stopPropagation(),this.focusNextItem();else if("ArrowUp"===t.code)t.preventDefault(),t.stopPropagation(),this.focusPreviousItem();else if("ArrowLeft"===t.code)t.preventDefault(),t.stopPropagation(),this.rootMenu.goBack();else if("ArrowRight"===t.code){t.preventDefault();const e=u(this.items[this.getActiveItemIndex()],"swirl-menu-item");if(!Boolean(e))return;this.rootMenu.activateMenuItem(e)}},this.onClose=()=>{this.closeMenu()},this.onDone=()=>{this.closeMenu(),this.done.emit()},this.onGoBack=()=>{this.rootMenu.goBack()},this.active=!0,this.label=void 0,this.level=0,this.mobileBackButtonLabel="Back",this.mobileCloseMenuButtonLabel="Close menu",this.mobileDoneButtonLabel="Done",this.value=void 0,this.variant="action",this.activeLevel=0,this.mobile=void 0,this.position=void 0}componentWillLoad(){this.updateMobileState(),this.updateLevel(),this.observeSlotChanges()}componentDidLoad(){this.mobileMediaQuery.onchange=this.mediaQueryHandler,this.parentMenu=u(this.el.parentElement,"swirl-menu"),this.swirlPopover=u(this.el,"swirl-popover"),this.rootMenu=d(this.el,"swirl-menu").pop(),Boolean(this.parentMenu)&&queueMicrotask((()=>{this.active=!1})),this.swirlPopover.addEventListener("popoverClose",this.resetMenu),this.updateItems()}disconnectedCallback(){this.swirlPopover?.removeEventListener("popoverClose",this.resetMenu),this.mobileMediaQuery.removeEventListener?.("change",this.mediaQueryHandler),this.observer?.disconnect()}watchActive(){this.reposition(),this.disableAutoUpdate&&this.disableAutoUpdate(),this.disableAutoUpdate=l(this.el.parentElement,this.menuContainer,this.reposition)}watchValue(){this.updateActiveItem()}async activateMenuItem(t){if(Boolean(this.parentMenu))return;const e=await t.getParentMenu(),i=m(this.el,"swirl-menu").filter((t=>t.level>=e.level&&t!==e));i.forEach((t=>{t.active=!1,t.parentElement.expanded=!1}));const s=await t.getSubMenu();Boolean(s)&&(t.expanded=!0,s.active=!0,this.activeLevel=s.level,setTimeout((()=>{s.focusFirstItem()}),this.mobile?200:60))}async close(){this.closeMenu()}async goBack(){if(Boolean(this.parentMenu)||0===this.activeLevel)return;const t=(m(this.el,"swirl-menu").find((t=>t.level===this.activeLevel&&t.active))||this.rootMenu).parentElement;t.expanded=!1,this.activeLevel=Math.max(this.activeLevel-1,0),m(this.el,"swirl-menu").filter((t=>t.level>this.activeLevel)).forEach((t=>{t.active=!1})),(m(this.el,"swirl-menu").find((t=>t.level===this.activeLevel&&t.active))||this.rootMenu).focusItemAtIndex(Array.from(t.parentElement.children).indexOf(t))}async focusFirstItem(){this.focusItem(this.items[0])}async focusItemAtIndex(t){this.focusItem(this.items[t])}async updateSelection(t){this.valueChange.emit(t.value)}async updateActiveItem(){m(this.el,"swirl-menu-item").filter((t=>u(t,"swirl-menu")===this.el)).forEach((t=>{t.updateValue()})),this.parentMenu&&"action"===this.parentMenu.variant&&this.parentMenu.updateActiveItem()}observeSlotChanges(){this.observer=new MutationObserver((()=>{this.updateItems()})),this.observer.observe(this.el,{childList:!0})}updateMobileState(){const t=b();t!==this.mobile&&(this.mobile=t)}updateItems(){this.items=[...m(this.el,'[role="menuitem"]'),...m(this.el,'[role="menuitemradio"]')].filter((t=>u(t,"swirl-menu")===this.el))}updateLevel(){const t=d(this.el.parentNode,"swirl-menu");this.level=t.length}focusItem(t){[...m(this.rootMenu,'[role="menuitem"]'),...m(this.rootMenu,'[role="menuitemradio"]')].forEach((t=>{t.tabIndex=-1})),Boolean(t)&&(t.tabIndex=0,t.focus())}focusNextItem(){const t=this.getActiveItemIndex();this.focusItem(this.items[(t+1)%this.items.length])}focusPreviousItem(){const t=this.getActiveItemIndex();this.focusItem(this.items[0===t?this.items.length-1:t-1])}getActiveItemIndex(){const t=f();return this.items.findIndex((e=>e===t||e===t?.querySelector('[role="menuitem"]')||e===t?.querySelector('[role="menuitemradio"]')))}render(){const t=!Boolean(this.parentMenu),e=t&&this.mobile?void 0:this.label,o=t&&this.mobile?"menu-title":void 0,a=t?"menubar":"menu",n=c("menu",`menu--level-${this.level}`,{"menu--active":this.active,"menu--mobile":this.mobile,"menu--root":t});return i(s,{key:"139ace0948e7fe3f2ccd87a4f497f5d6c9e889d0"},i("div",{key:"4c036f7cc11ad4baaa694370f58200b95e9d8bd5",class:n},this.mobile&&t&&i("div",{key:"efc5872b0eab8e30656ff08be0f22369b5dea335",class:"menu__mobile-header"},0===this.activeLevel&&i("swirl-button",{key:"011aae50518fcc6acf2df643d1b8baeb02ee258c",hideLabel:!0,icon:"<swirl-icon-close></swirl-icon-close>",label:this.mobileCloseMenuButtonLabel,onClick:this.onClose,variant:"plain"}),this.activeLevel>0&&i("swirl-button",{key:"3290279dae6aa2f24db3e6255663a74d9ebfb245",hideLabel:!0,icon:"<swirl-icon-chevron-left></swirl-icon-chevron-left>",label:this.mobileBackButtonLabel,onClick:this.onGoBack,variant:"plain"}),i("span",{key:"74ec9876905b64c1d1564b4673da0afa6df8be88",class:"menu__title",id:"menu-title"},i("swirl-heading",{key:"d11cb7e73bf2ae10e4877adea3a1fc76ef8709bd",align:"center",as:"span",level:4,text:this.label,truncate:!0})),i("swirl-button",{key:"18763d9d7b8235d36d15962d9f0fa186f06cbf06",class:"menu__done-button",intent:"primary",label:this.mobileDoneButtonLabel,onClick:this.onDone})),i("div",{key:"d13e7e02bebdc0b2672f9c99ad16b140245f0309","aria-label":e,"aria-labelledby":o,"aria-orientation":"vertical",class:"menu__menu",onKeyDown:this.onKeyDown,ref:t=>this.menuContainer=t,role:a,style:!this.mobile&&this.level>0?{top:Boolean(this.position)?`${this.position?.y}px`:"",left:Boolean(this.position)?`${this.position?.x}px`:""}:this.mobile?{left:t?`calc(-100% * ${this.activeLevel})`:"100%"}:void 0},i("slot",{key:"9e4b84a77c38b544a1012c7cd28f767b54399b31"}))))}get el(){return o(this)}static get watchers(){return{active:["watchActive"],value:["watchValue"]}}};p.style=":host{display:block}:host *{box-sizing:border-box}.menu{width:100%;--swirl-ghost-button-background-default:var(--s-surface-overlay-default);--swirl-ghost-button-background-hovered:var(--s-surface-overlay-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-overlay-pressed)}.menu--mobile.menu--root{position:relative}.menu--mobile.menu--root .menu__menu{top:3.5rem;transition:left 0.2s}.menu--mobile.menu--active .menu__menu{display:block}.menu--mobile .menu__menu{position:absolute;top:0;left:0;display:none;width:100%}:not(.menu--mobile).menu--root{position:relative}:not(.menu--mobile).menu--root .menu__menu{position:relative;padding-top:0;padding-bottom:0}:not(.menu--mobile) :not(.menu--root) .menu__menu{z-index:1;max-width:22.5rem;border-radius:var(--s-border-radius-sm);box-shadow:var(--s-shadow-level-1)}:not(.menu--mobile).menu--active .menu__menu{display:block}:not(.menu--mobile) .menu__menu{position:fixed;display:none}.menu__mobile-header{display:flex;height:3.5rem;padding-right:var(--s-space-16);padding-left:var(--s-space-16);justify-content:space-between;align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);gap:var(--s-space-8)}.menu__mobile-header>*{display:inline-flex;flex-shrink:0}.menu__title{min-width:0;flex-grow:1;flex-shrink:1}.menu__title swirl-heading{min-width:0}.menu__done-button{margin-right:calc(-1 * var(--s-space-8))}.menu__menu{padding-top:var(--s-space-8);padding-bottom:var(--s-space-8);background-color:var(--s-surface-overlay-default)}";export{p as swirl_menu}

package/dist/swirl-components/{p-21adf412.entry.js → p-6e63989b.entry.js}

@@ -1 +1 @@
-import{r as e,c as s,h as t,H as i,g as c}from"./p-ba3c3858.js";import{c as l}from"./p-a5dce9e6.js";import{q as a}from"./p-0f3e0216.js";const r=class{constructor(t){e(this,t),this.searchChange=s(this,"searchChange",7),this.valueChange=s(this,"valueChange",7),this.select=e=>{e.stopPropagation(),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.standalone=void 0,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")}getValueLabel(){return Boolean(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?String(this.invalid):void 0,c=this.el.closest("swirl-form-control"),a=this.standalone?[-8,0]:c?.inline||"outside"===c?.labelPosition?[0,-12]:[0,-16],r=l("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 t(i,{key:"f4d1a32e6f1a373a6597c3994697c1e41231e80d",onKeyDown:this.onKeyDown},t("div",{key:"b569382d1c19ca5006541d12ec66220d985f02bc",class:r},t("swirl-popover-trigger",{key:"58af3ccf7e08d5c89ce941b7a6feb99cd399491d",swirlPopover:this.swirlPopover,setAriaAttributes:!1},t("swirl-stack",{key:"ae0fa89c7fa0a1a9f33be2f4b65bae75bec7fee2",class:"select__value-container"},this.standalone&&t("span",{key:"5925fdb57028f69b37ec11ce49d9417445670426","aria-hidden":"true",class:"select__resize-helper"},e),t("input",{key:"e22d665fa1b455683d9b029ec1d8d0c3606c0c87","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:"0f41a50d84757fe69c9ff6f18af3602facad4386",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:"bec388f4617fc7e76ecf3257fefbe606e35222b7",class:"select__indicator"},t(this.open?"swirl-icon-expand-less":"swirl-icon-expand-more",{size:this.standalone?20:24})),t("swirl-popover",{key:"a86dc806e0f318351a82cf2873f336b09ed2b1be",animation:"scale-in-y",class:"select__popover",id:`select-options-${this.selectId}`,label:this.label,offset:a,onPopoverClose:this.onClose,onPopoverOpen:this.onOpen,ref:e=>this.swirlPopover=e,useContainerWidth:!this.standalone&&"swirl-form-control"},this.withSearch&&t("div",{key:"b8a402b67be647f16cc67fc2bbc267f88fc9985a",class:"select__search"},t("swirl-icon-search",{key:"6bc2304573c12ef7c2564afa811925a5e35543f2",class:"select__search-icon",size:20}),t("input",{key:"d8031cb8385895c3338f75b85440d81a6521fe1c","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:"102850e362aadd1424136a4d417b6d9fa0606cd7",class:"select__search-spinner",size:"s"})),t("swirl-option-list",{key:"0f914332c497c4a578cc45f16fed8626dcc50d5c",allowDeselect:this.allowDeselect,onValueChange:this.select,multiSelect:this.multiSelect,ref:e=>this.optionList=e,value:this.value},!this.searchLoading&&t("div",{key:"17818d47966d414150ddee87b65d964f86924cac","aria-disabled":"true",class:"select__empty-list-label",role:"option"},t("swirl-text",{key:"6543eaaebfda3ea643897a2f0aebb5792440d986",color:"subdued",weight:"medium"},this.emptyListLabel)),t("slot",{key:"954c68c83c8280dce551f50273c3c4565ba706e9",onSlotchange:this.onSlotChange})))))}get el(){return c(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--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;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){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}
+import{r as e,c as s,h as t,H as i,g as c}from"./p-ba3c3858.js";import{c as l}from"./p-a5dce9e6.js";import{q as a}from"./p-5136b9f9.js";const r=class{constructor(t){e(this,t),this.searchChange=s(this,"searchChange",7),this.valueChange=s(this,"valueChange",7),this.select=e=>{e.stopPropagation(),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.standalone=void 0,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")}getValueLabel(){return Boolean(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?String(this.invalid):void 0,c=this.el.closest("swirl-form-control"),a=this.standalone?[-8,0]:c?.inline||"outside"===c?.labelPosition?[0,-12]:[0,-16],r=l("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 t(i,{key:"f4d1a32e6f1a373a6597c3994697c1e41231e80d",onKeyDown:this.onKeyDown},t("div",{key:"b569382d1c19ca5006541d12ec66220d985f02bc",class:r},t("swirl-popover-trigger",{key:"58af3ccf7e08d5c89ce941b7a6feb99cd399491d",swirlPopover:this.swirlPopover,setAriaAttributes:!1},t("swirl-stack",{key:"ae0fa89c7fa0a1a9f33be2f4b65bae75bec7fee2",class:"select__value-container"},this.standalone&&t("span",{key:"5925fdb57028f69b37ec11ce49d9417445670426","aria-hidden":"true",class:"select__resize-helper"},e),t("input",{key:"e22d665fa1b455683d9b029ec1d8d0c3606c0c87","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:"0f41a50d84757fe69c9ff6f18af3602facad4386",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:"bec388f4617fc7e76ecf3257fefbe606e35222b7",class:"select__indicator"},t(this.open?"swirl-icon-expand-less":"swirl-icon-expand-more",{size:this.standalone?20:24})),t("swirl-popover",{key:"a86dc806e0f318351a82cf2873f336b09ed2b1be",animation:"scale-in-y",class:"select__popover",id:`select-options-${this.selectId}`,label:this.label,offset:a,onPopoverClose:this.onClose,onPopoverOpen:this.onOpen,ref:e=>this.swirlPopover=e,useContainerWidth:!this.standalone&&"swirl-form-control"},this.withSearch&&t("div",{key:"b8a402b67be647f16cc67fc2bbc267f88fc9985a",class:"select__search"},t("swirl-icon-search",{key:"6bc2304573c12ef7c2564afa811925a5e35543f2",class:"select__search-icon",size:20}),t("input",{key:"d8031cb8385895c3338f75b85440d81a6521fe1c","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:"102850e362aadd1424136a4d417b6d9fa0606cd7",class:"select__search-spinner",size:"s"})),t("swirl-option-list",{key:"0f914332c497c4a578cc45f16fed8626dcc50d5c",allowDeselect:this.allowDeselect,onValueChange:this.select,multiSelect:this.multiSelect,ref:e=>this.optionList=e,value:this.value},!this.searchLoading&&t("div",{key:"17818d47966d414150ddee87b65d964f86924cac","aria-disabled":"true",class:"select__empty-list-label",role:"option"},t("swirl-text",{key:"6543eaaebfda3ea643897a2f0aebb5792440d986",color:"subdued",weight:"medium"},this.emptyListLabel)),t("slot",{key:"954c68c83c8280dce551f50273c3c4565ba706e9",onSlotchange:this.onSlotChange})))))}get el(){return c(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--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;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){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-5d981c71.entry.js → p-729b5778.entry.js}

@@ -1,4 +1,4 @@
-import{r as t,c as e,h as i,H as n,g as r}from"./p-ba3c3858.js";import{c as s,g as o,a,b as h}from"./p-869dedf2.js";import{c}from"./p-a5dce9e6.js";import{d as u,j as l,i as f}from"./p-0f3e0216.js";var d,v={exports:{}};d=v,function(){function t(t,e,i){var n=new XMLHttpRequest;n.open("GET",t),n.responseType="blob",n.onload=function(){o(n.response,e,i)},n.onerror=function(){console.error("could not download file")},n.send()}function e(t){var e=new XMLHttpRequest;e.open("HEAD",t,!1);try{e.send()}catch(t){}return 200<=e.status&&299>=e.status}function i(t){try{t.dispatchEvent(new MouseEvent("click"))}catch(i){var e=document.createEvent("MouseEvents");e.initMouseEvent("click",!0,!0,window,0,0,0,80,20,!1,!1,!1,!1,0,null),t.dispatchEvent(e)}}var n="object"==typeof window&&window.window===window?window:"object"==typeof self&&self.self===self?self:"object"==typeof s&&s.global===s?s:void 0,r=n.navigator&&/Macintosh/.test(navigator.userAgent)&&/AppleWebKit/.test(navigator.userAgent)&&!/Safari/.test(navigator.userAgent),o=n.saveAs||("object"!=typeof window||window!==n?function(){}:"download"in HTMLAnchorElement.prototype&&!r?function(r,s,o){var a=n.URL||n.webkitURL,h=document.createElement("a");h.download=s=s||r.name||"download",h.rel="noopener","string"==typeof r?(h.href=r,h.origin===location.origin?i(h):e(h.href)?t(r,s,o):i(h,h.target="_blank")):(h.href=a.createObjectURL(r),setTimeout((function(){a.revokeObjectURL(h.href)}),4e4),setTimeout((function(){i(h)}),0))}:"msSaveOrOpenBlob"in navigator?function(n,r,s){if(r=r||n.name||"download","string"!=typeof n)navigator.msSaveOrOpenBlob(function(t,e){return void 0===e?e={autoBom:!1}:"object"!=typeof e&&(console.warn("Deprecated: Expected third argument to be a object"),e={autoBom:!e}),e.autoBom&&/^\s*(?:text\/\S*|application\/xml|\S*\/\S*\+xml)\s*;.*charset\s*=\s*utf-8/i.test(t.type)?new Blob(["\ufeff",t],{type:t.type}):t}(n,s),r);else if(e(n))t(n,r,s);else{var o=document.createElement("a");o.href=n,o.target="_blank",setTimeout((function(){i(o)}))}}:function(e,i,s,o){if((o=o||open("","_blank"))&&(o.document.title=o.document.body.innerText="downloading..."),"string"==typeof e)return t(e,i,s);var a="application/octet-stream"===e.type,h=/constructor/i.test(n.HTMLElement)||n.safari,c=/CriOS\/[\d]+/.test(navigator.userAgent);if((c||a&&h||r)&&"undefined"!=typeof FileReader){var u=new FileReader;u.onloadend=function(){var t=u.result;t=c?t:t.replace(/^data:[^;]*;/,"data:attachment/file;"),o?o.location.href=t:location=t,o=null},u.readAsDataURL(e)}else{var l=n.URL||n.webkitURL,f=l.createObjectURL(e);o?o.location=f:location.href=f,o=null,setTimeout((function(){l.revokeObjectURL(f)}),4e4)}});n.saveAs=o.saveAs=o,d.exports=o}();const p=class{constructor(i){t(this,i),this.activate=e(this,"activate",7),this.visiblePagesChange=e(this,"visiblePagesChange",7),this.onActivate=t=>{this.activate.emit(t.detail)},this.onVisiblePagesChange=t=>{this.visiblePagesChange.emit(t.detail)},this.active=!0,this.autoplay=void 0,this.description=void 0,this.disableDownload=void 0,this.errorMessage="File could not be loaded.",this.file=void 0,this.fileName=void 0,this.pdfWorkerSrc=void 0,this.thumbnailUrl=void 0,this.type=void 0,this.typeUnsupportedMessage="File type is not supported.",this.viewMode="single",this.zoom=1}async download(){const t=this.fileName||this.file.split("/").pop(),e=await fetch(this.file);v.exports.saveAs(await e.blob(),t)}async print(){"application/pdf"===this.type&&this.viewer.print()}render(){const t=!Boolean(this.type)||!this.type.startsWith("image/")&&!this.type.startsWith("video/")&&!this.type.startsWith("audio/")&&"text/plain"!==this.type&&"text/csv"!==this.type&&"application/pdf"!==this.type;return i(n,{key:"650e1b70a567519dba2d97f706e7de07b77467a6"},i("div",{key:"9a8e00b73cb96ac9bffae5646b11602aa77986a0",class:"file-viewer"},this.type&&this.active&&i("div",{key:"f05cc484197717175ae1daee9f4e4d6b3ca60a13",class:"file-viewer__file"},this.type.startsWith("image/")&&i("swirl-file-viewer-image",{key:"f5c0434d9b452dbd70dc853604450fdcdb80468b",description:this.description,errorMessage:this.errorMessage,file:this.file,ref:t=>this.viewer=t}),"text/plain"===this.type&&i("swirl-file-viewer-text",{key:"78a68a2cd27d0a11a47d75d5528dbf6789392ebf",errorMessage:this.errorMessage,file:this.file,ref:t=>this.viewer=t}),"text/csv"===this.type&&i("swirl-file-viewer-csv",{key:"8a761f893ff60faa7c558adcc563c6b120d92142",errorMessage:this.errorMessage,file:this.file,ref:t=>this.viewer=t}),"application/pdf"===this.type&&i("swirl-file-viewer-pdf",{key:"df6137b0587fdc6d54eb938a7fc7a862f27fa9fd",errorMessage:this.errorMessage,file:this.file,onActivate:this.onActivate,onVisiblePagesChange:this.onVisiblePagesChange,ref:t=>this.viewer=t,viewMode:this.viewMode,workerSrc:this.pdfWorkerSrc,zoom:this.zoom}),this.type.startsWith("video/")&&i("swirl-file-viewer-video",{key:"078a815beeda7a12fab8182e31df9ad59951faca",autoplay:this.autoplay,disableDownload:this.disableDownload,file:this.file,ref:t=>this.viewer=t,type:this.type}),this.type.startsWith("audio/")&&i("swirl-file-viewer-audio",{key:"2fd0449ed2260a30e3135d1f35f18cb3af507909",autoplay:this.autoplay,file:this.file,ref:t=>this.viewer=t,type:this.type}),t&&i("swirl-file-viewer-fallback",{key:"ad6c758846e798ba3364764dadaa551e13ad5303",disableDownload:this.disableDownload,file:this.file,fileName:this.fileName}))))}};p.style=":host{display:block;width:100%;height:100%;pointer-events:none}:host *{box-sizing:border-box}.file-viewer{display:flex;width:100%;height:100%;justify-content:center;align-items:center}.file-viewer__file{display:inline-flex;width:100%;height:100%;justify-content:center;align-items:center}";const b=class{constructor(i){t(this,i),this.activate=e(this,"activate",7),this.autoplay=void 0,this.file=void 0,this.type=void 0}componentDidLoad(){this.activate.emit(this.el)}render(){return i(n,{key:"6eb059d9f110bf614501f3b4cc5a09cb06b97585",class:"file-viewer-audio"},i("audio",{key:"b01c381ae493dd69b5649807ae777c5da8105b56",autoplay:this.autoplay,class:"file-viewer-audio__audio",controls:!0},i("source",{key:"24048808006abbc7eb3adbc4fd1adae2e3be2735",src:this.file,type:this.type})))}get el(){return r(this)}};b.style=":host{display:inline-flex;width:100%;height:100%;pointer-events:auto}:host *{box-sizing:border-box}.file-viewer-audio__audio{width:100%;height:100%}";var w={exports:{}};
+import{r as t,c as e,h as i,H as n,g as r}from"./p-ba3c3858.js";import{c as s,g as o,a,b as h}from"./p-869dedf2.js";import{c}from"./p-a5dce9e6.js";import{d as u,k as l,i as f}from"./p-5136b9f9.js";var d,v={exports:{}};d=v,function(){function t(t,e,i){var n=new XMLHttpRequest;n.open("GET",t),n.responseType="blob",n.onload=function(){o(n.response,e,i)},n.onerror=function(){console.error("could not download file")},n.send()}function e(t){var e=new XMLHttpRequest;e.open("HEAD",t,!1);try{e.send()}catch(t){}return 200<=e.status&&299>=e.status}function i(t){try{t.dispatchEvent(new MouseEvent("click"))}catch(i){var e=document.createEvent("MouseEvents");e.initMouseEvent("click",!0,!0,window,0,0,0,80,20,!1,!1,!1,!1,0,null),t.dispatchEvent(e)}}var n="object"==typeof window&&window.window===window?window:"object"==typeof self&&self.self===self?self:"object"==typeof s&&s.global===s?s:void 0,r=n.navigator&&/Macintosh/.test(navigator.userAgent)&&/AppleWebKit/.test(navigator.userAgent)&&!/Safari/.test(navigator.userAgent),o=n.saveAs||("object"!=typeof window||window!==n?function(){}:"download"in HTMLAnchorElement.prototype&&!r?function(r,s,o){var a=n.URL||n.webkitURL,h=document.createElement("a");h.download=s=s||r.name||"download",h.rel="noopener","string"==typeof r?(h.href=r,h.origin===location.origin?i(h):e(h.href)?t(r,s,o):i(h,h.target="_blank")):(h.href=a.createObjectURL(r),setTimeout((function(){a.revokeObjectURL(h.href)}),4e4),setTimeout((function(){i(h)}),0))}:"msSaveOrOpenBlob"in navigator?function(n,r,s){if(r=r||n.name||"download","string"!=typeof n)navigator.msSaveOrOpenBlob(function(t,e){return void 0===e?e={autoBom:!1}:"object"!=typeof e&&(console.warn("Deprecated: Expected third argument to be a object"),e={autoBom:!e}),e.autoBom&&/^\s*(?:text\/\S*|application\/xml|\S*\/\S*\+xml)\s*;.*charset\s*=\s*utf-8/i.test(t.type)?new Blob(["\ufeff",t],{type:t.type}):t}(n,s),r);else if(e(n))t(n,r,s);else{var o=document.createElement("a");o.href=n,o.target="_blank",setTimeout((function(){i(o)}))}}:function(e,i,s,o){if((o=o||open("","_blank"))&&(o.document.title=o.document.body.innerText="downloading..."),"string"==typeof e)return t(e,i,s);var a="application/octet-stream"===e.type,h=/constructor/i.test(n.HTMLElement)||n.safari,c=/CriOS\/[\d]+/.test(navigator.userAgent);if((c||a&&h||r)&&"undefined"!=typeof FileReader){var u=new FileReader;u.onloadend=function(){var t=u.result;t=c?t:t.replace(/^data:[^;]*;/,"data:attachment/file;"),o?o.location.href=t:location=t,o=null},u.readAsDataURL(e)}else{var l=n.URL||n.webkitURL,f=l.createObjectURL(e);o?o.location=f:location.href=f,o=null,setTimeout((function(){l.revokeObjectURL(f)}),4e4)}});n.saveAs=o.saveAs=o,d.exports=o}();const p=class{constructor(i){t(this,i),this.activate=e(this,"activate",7),this.visiblePagesChange=e(this,"visiblePagesChange",7),this.onActivate=t=>{this.activate.emit(t.detail)},this.onVisiblePagesChange=t=>{this.visiblePagesChange.emit(t.detail)},this.active=!0,this.autoplay=void 0,this.description=void 0,this.disableDownload=void 0,this.errorMessage="File could not be loaded.",this.file=void 0,this.fileName=void 0,this.pdfWorkerSrc=void 0,this.thumbnailUrl=void 0,this.type=void 0,this.typeUnsupportedMessage="File type is not supported.",this.viewMode="single",this.zoom=1}async download(){const t=this.fileName||this.file.split("/").pop(),e=await fetch(this.file);v.exports.saveAs(await e.blob(),t)}async print(){"application/pdf"===this.type&&this.viewer.print()}render(){const t=!Boolean(this.type)||!this.type.startsWith("image/")&&!this.type.startsWith("video/")&&!this.type.startsWith("audio/")&&"text/plain"!==this.type&&"text/csv"!==this.type&&"application/pdf"!==this.type;return i(n,{key:"650e1b70a567519dba2d97f706e7de07b77467a6"},i("div",{key:"9a8e00b73cb96ac9bffae5646b11602aa77986a0",class:"file-viewer"},this.type&&this.active&&i("div",{key:"f05cc484197717175ae1daee9f4e4d6b3ca60a13",class:"file-viewer__file"},this.type.startsWith("image/")&&i("swirl-file-viewer-image",{key:"f5c0434d9b452dbd70dc853604450fdcdb80468b",description:this.description,errorMessage:this.errorMessage,file:this.file,ref:t=>this.viewer=t}),"text/plain"===this.type&&i("swirl-file-viewer-text",{key:"78a68a2cd27d0a11a47d75d5528dbf6789392ebf",errorMessage:this.errorMessage,file:this.file,ref:t=>this.viewer=t}),"text/csv"===this.type&&i("swirl-file-viewer-csv",{key:"8a761f893ff60faa7c558adcc563c6b120d92142",errorMessage:this.errorMessage,file:this.file,ref:t=>this.viewer=t}),"application/pdf"===this.type&&i("swirl-file-viewer-pdf",{key:"df6137b0587fdc6d54eb938a7fc7a862f27fa9fd",errorMessage:this.errorMessage,file:this.file,onActivate:this.onActivate,onVisiblePagesChange:this.onVisiblePagesChange,ref:t=>this.viewer=t,viewMode:this.viewMode,workerSrc:this.pdfWorkerSrc,zoom:this.zoom}),this.type.startsWith("video/")&&i("swirl-file-viewer-video",{key:"078a815beeda7a12fab8182e31df9ad59951faca",autoplay:this.autoplay,disableDownload:this.disableDownload,file:this.file,ref:t=>this.viewer=t,type:this.type}),this.type.startsWith("audio/")&&i("swirl-file-viewer-audio",{key:"2fd0449ed2260a30e3135d1f35f18cb3af507909",autoplay:this.autoplay,file:this.file,ref:t=>this.viewer=t,type:this.type}),t&&i("swirl-file-viewer-fallback",{key:"ad6c758846e798ba3364764dadaa551e13ad5303",disableDownload:this.disableDownload,file:this.file,fileName:this.fileName}))))}};p.style=":host{display:block;width:100%;height:100%;pointer-events:none}:host *{box-sizing:border-box}.file-viewer{display:flex;width:100%;height:100%;justify-content:center;align-items:center}.file-viewer__file{display:inline-flex;width:100%;height:100%;justify-content:center;align-items:center}";const b=class{constructor(i){t(this,i),this.activate=e(this,"activate",7),this.autoplay=void 0,this.file=void 0,this.type=void 0}componentDidLoad(){this.activate.emit(this.el)}render(){return i(n,{key:"6eb059d9f110bf614501f3b4cc5a09cb06b97585",class:"file-viewer-audio"},i("audio",{key:"b01c381ae493dd69b5649807ae777c5da8105b56",autoplay:this.autoplay,class:"file-viewer-audio__audio",controls:!0},i("source",{key:"24048808006abbc7eb3adbc4fd1adae2e3be2735",src:this.file,type:this.type})))}get el(){return r(this)}};b.style=":host{display:inline-flex;width:100%;height:100%;pointer-events:auto}:host *{box-sizing:border-box}.file-viewer-audio__audio{width:100%;height:100%}";var w={exports:{}};
 /* @license
 Papa Parse
 v5.3.2

package/dist/swirl-components/{p-56085b5f.entry.js → p-8105788c.entry.js}

@@ -1 +1 @@
-import{r as t,c as i,h as e,H as s,g as a}from"./p-ba3c3858.js";import{c as d}from"./p-a5dce9e6.js";import{p as n,i as o,f as h,m as r}from"./p-df2b5856.js";import{g as p,i as c}from"./p-0f3e0216.js";import"./p-869dedf2.js";const l="yyyy-MM-dd",u=class{constructor(e){t(this,e),this.invalidInput=i(this,"invalidInput",7),this.valueChange=i(this,"valueChange",7),this.desktopMediaQuery=p(),this.desktopMediaQueryHandler=t=>{this.updateIconSize(t.matches)},this.onChange=t=>{const i=t.target.value;""===i&&(this.value=void 0);const e=n(i,this.format,new Date),s=this.format.replace(/\\/g,"\\\\"),a=new RegExp(`^${s.replace(/[ydM]/g,"\\d")}$`);if(!Boolean(i.match(a)))return;if(!o(e))return void this.invalidInput.emit(i);const d=h(e,l);this.value=d},this.onInput=t=>{this.onChange(t)},this.onClick=t=>{t.preventDefault(),"pick"===this.preferredInputMode&&(this.pickerPopover.open(this.el),c()||this.focus())},this.onMouseDown=()=>{"pick"===this.preferredInputMode&&this.pickerPopover.close()},this.onFocus=t=>{this.handleAutoSelect(t)},this.onBlur=t=>{const i=this.pickerPopover.contains(t.relatedTarget);this.setReadOnly(!i)},this.onPickDate=t=>{const i=h(t.detail,l);this.value=i,this.setReadOnly(!0),this.pickerPopover.close()},this.autoFocus=void 0,this.autoSelect=void 0,this.datePickerDisableDate=()=>!1,this.datePickerLabel="Date picker",this.datePickerTriggerLabel="Open date picker",this.disabled=void 0,this.firstDayOfWeek=0,this.format="yyyy-MM-dd",this.inline=void 0,this.invalid=void 0,this.labels=void 0,this.locale="en-US",this.placeholder="yyyy-mm-dd",this.preferredInputMode="input",this.required=void 0,this.swirlAriaDescribedby=void 0,this.value=void 0,this.iconSize=24,this.readonly=!1}componentWillLoad(){const t=Array.from(document.querySelectorAll("swirl-date-input")).indexOf(this.el);this.id=`swirl-date-input-${t}`,this.setReadOnly(!0)}componentDidLoad(){this.setupMask(),this.updateIconSize(this.desktopMediaQuery.matches),this.desktopMediaQuery.onchange=this.desktopMediaQueryHandler,this.autoFocus&&this.focus()}disconnectedCallback(){this.mask?.destroy(),this.desktopMediaQuery.removeEventListener?.("change",this.desktopMediaQueryHandler)}watchFormat(){this.setupMask()}watchValue(t,i){t!==i&&this.valueChange.emit(t)}focus(){setTimeout((()=>{this.inputEl.focus()}))}updateIconSize(t){this.iconSize=t?20:24}handleAutoSelect(t){this.autoSelect&&t.target.select()}setReadOnly(t){this.readonly=!("pick"!==this.preferredInputMode||!c())&&t}setupMask(){this.mask?.destroy(),this.mask=r.exports.create(`#${this.id}`,{mask:this.format.replace(/[ydM]/g,"#")})}render(){const t=!0===this.invalid||!1===this.invalid?String(this.invalid):void 0,i=Boolean(this.value)?n(this.value,l,new Date):void 0,a=o(i)?h(i,this.format):void 0,r=d("date-input",{"date-input--inline":this.inline});return e(s,{key:"c8b74c70c640b1bb14d838e3e4b11d0ea0f15e46"},e("div",{key:"08d52f52443b843c5c37fa1efc8d42b391761875",class:r},e("input",{key:"6351f183e5d60608c7e45df46da9e42855685eeb","aria-describedby":this.swirlAriaDescribedby,"aria-disabled":this.disabled?"true":void 0,"aria-invalid":t,autoFocus:this.autoFocus,class:"date-input__input",disabled:this.disabled,readonly:this.readonly,id:this.id,inputmode:"numeric",onClick:this.onClick,onMouseDown:this.onMouseDown,onFocus:this.onFocus,onBlur:this.onBlur,onInput:this.onInput,placeholder:this.placeholder,ref:t=>this.inputEl=t,required:this.required,type:"text",value:a}),e("swirl-popover-trigger",{key:"96256671f54b04d91f0d8e10ab9c3d4503bfb8fe",swirlPopover:`popover-${this.id}`},e("button",{key:"8f160ec0fd7ba9ffe1c65c507292bc945cfb728c","aria-label":this.datePickerTriggerLabel,class:"date-input__date-picker-button",disabled:this.disabled,type:"button"},e("swirl-icon-today",{key:"099ed1cde09dd90bd012bc10ad1a5b805e9b88a7",size:this.iconSize})))),!this.disabled&&e("swirl-popover",{key:"b94ac3ff2a0d741932c06e37b69e5eee4629364a",animation:"scale-in-y",class:"date-input__date-picker-popover",id:`popover-${this.id}`,label:this.datePickerLabel,placement:"bottom-end",ref:t=>this.pickerPopover=t},e("swirl-date-picker",{key:"6bf840ab981e45ab983b83801ada5728dc8f6dfb",disableDate:this.datePickerDisableDate,firstDayOfWeek:this.firstDayOfWeek,labels:this.labels,locale:this.locale,onValueChange:this.onPickDate,value:i,startDate:i})))}get el(){return a(this)}static get watchers(){return{format:["watchFormat"],value:["watchValue"]}}};u.style=".sc-swirl-date-input-h{display:flex;width:100%}.sc-swirl-date-input-h *.sc-swirl-date-input{box-sizing:border-box}.date-input.sc-swirl-date-input{position:relative;display:flex;width:100%;align-items:center;color:var(--s-text-default);line-height:var(--s-line-height-sm)}.date-input--inline.sc-swirl-date-input .date-input__date-picker-button.sc-swirl-date-input{top:-0.0625rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.date-input--inline.sc-swirl-date-input .date-input__date-picker-button.sc-swirl-date-input{top:0}}.date-input__input.sc-swirl-date-input{display:inline-flex;width:calc(100% - 1.25rem - var(--s-space-8));margin:0;padding:0;border:none;color:var(--s-text-default);background-color:transparent;font:inherit;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.date-input__input.sc-swirl-date-input:focus{outline:none}.date-input__input.sc-swirl-date-input:disabled{color:var(--s-text-disabled);background-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.date-input__input.sc-swirl-date-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.date-input__date-picker-button.sc-swirl-date-input{position:absolute;top:calc(-1 * var(--s-space-12));right:0;display:inline-flex;margin:0;padding:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:pointer}.date-input__date-picker-button.sc-swirl-date-input:focus:not(:focus-visible){outline:none}.date-input__date-picker-button.sc-swirl-date-input:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}.date-input__date-picker-button.sc-swirl-date-input:disabled{color:var(--s-icon-disabled);cursor:default}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.date-input__date-picker-button.sc-swirl-date-input{top:-0.625rem}}@media (max-width: 767px){.date-input__date-picker-popover.sc-swirl-date-input{position:fixed}}";export{u as swirl_date_input}
+import{r as t,c as i,h as e,H as s,g as a}from"./p-ba3c3858.js";import{c as d}from"./p-a5dce9e6.js";import{p as n,i as o,f as h,m as r}from"./p-df2b5856.js";import{g as p,i as c}from"./p-5136b9f9.js";import"./p-869dedf2.js";const l="yyyy-MM-dd",u=class{constructor(e){t(this,e),this.invalidInput=i(this,"invalidInput",7),this.valueChange=i(this,"valueChange",7),this.desktopMediaQuery=p(),this.desktopMediaQueryHandler=t=>{this.updateIconSize(t.matches)},this.onChange=t=>{const i=t.target.value;""===i&&(this.value=void 0);const e=n(i,this.format,new Date),s=this.format.replace(/\\/g,"\\\\"),a=new RegExp(`^${s.replace(/[ydM]/g,"\\d")}$`);if(!Boolean(i.match(a)))return;if(!o(e))return void this.invalidInput.emit(i);const d=h(e,l);this.value=d},this.onInput=t=>{this.onChange(t)},this.onClick=t=>{t.preventDefault(),"pick"===this.preferredInputMode&&(this.pickerPopover.open(this.el),c()||this.focus())},this.onMouseDown=()=>{"pick"===this.preferredInputMode&&this.pickerPopover.close()},this.onFocus=t=>{this.handleAutoSelect(t)},this.onBlur=t=>{const i=this.pickerPopover.contains(t.relatedTarget);this.setReadOnly(!i)},this.onPickDate=t=>{const i=h(t.detail,l);this.value=i,this.setReadOnly(!0),this.pickerPopover.close()},this.autoFocus=void 0,this.autoSelect=void 0,this.datePickerDisableDate=()=>!1,this.datePickerLabel="Date picker",this.datePickerTriggerLabel="Open date picker",this.disabled=void 0,this.firstDayOfWeek=0,this.format="yyyy-MM-dd",this.inline=void 0,this.invalid=void 0,this.labels=void 0,this.locale="en-US",this.placeholder="yyyy-mm-dd",this.preferredInputMode="input",this.required=void 0,this.swirlAriaDescribedby=void 0,this.value=void 0,this.iconSize=24,this.readonly=!1}componentWillLoad(){const t=Array.from(document.querySelectorAll("swirl-date-input")).indexOf(this.el);this.id=`swirl-date-input-${t}`,this.setReadOnly(!0)}componentDidLoad(){this.setupMask(),this.updateIconSize(this.desktopMediaQuery.matches),this.desktopMediaQuery.onchange=this.desktopMediaQueryHandler,this.autoFocus&&this.focus()}disconnectedCallback(){this.mask?.destroy(),this.desktopMediaQuery.removeEventListener?.("change",this.desktopMediaQueryHandler)}watchFormat(){this.setupMask()}watchValue(t,i){t!==i&&this.valueChange.emit(t)}focus(){setTimeout((()=>{this.inputEl.focus()}))}updateIconSize(t){this.iconSize=t?20:24}handleAutoSelect(t){this.autoSelect&&t.target.select()}setReadOnly(t){this.readonly=!("pick"!==this.preferredInputMode||!c())&&t}setupMask(){this.mask?.destroy(),this.mask=r.exports.create(`#${this.id}`,{mask:this.format.replace(/[ydM]/g,"#")})}render(){const t=!0===this.invalid||!1===this.invalid?String(this.invalid):void 0,i=Boolean(this.value)?n(this.value,l,new Date):void 0,a=o(i)?h(i,this.format):void 0,r=d("date-input",{"date-input--inline":this.inline});return e(s,{key:"c8b74c70c640b1bb14d838e3e4b11d0ea0f15e46"},e("div",{key:"08d52f52443b843c5c37fa1efc8d42b391761875",class:r},e("input",{key:"6351f183e5d60608c7e45df46da9e42855685eeb","aria-describedby":this.swirlAriaDescribedby,"aria-disabled":this.disabled?"true":void 0,"aria-invalid":t,autoFocus:this.autoFocus,class:"date-input__input",disabled:this.disabled,readonly:this.readonly,id:this.id,inputmode:"numeric",onClick:this.onClick,onMouseDown:this.onMouseDown,onFocus:this.onFocus,onBlur:this.onBlur,onInput:this.onInput,placeholder:this.placeholder,ref:t=>this.inputEl=t,required:this.required,type:"text",value:a}),e("swirl-popover-trigger",{key:"96256671f54b04d91f0d8e10ab9c3d4503bfb8fe",swirlPopover:`popover-${this.id}`},e("button",{key:"8f160ec0fd7ba9ffe1c65c507292bc945cfb728c","aria-label":this.datePickerTriggerLabel,class:"date-input__date-picker-button",disabled:this.disabled,type:"button"},e("swirl-icon-today",{key:"099ed1cde09dd90bd012bc10ad1a5b805e9b88a7",size:this.iconSize})))),!this.disabled&&e("swirl-popover",{key:"b94ac3ff2a0d741932c06e37b69e5eee4629364a",animation:"scale-in-y",class:"date-input__date-picker-popover",id:`popover-${this.id}`,label:this.datePickerLabel,placement:"bottom-end",ref:t=>this.pickerPopover=t},e("swirl-date-picker",{key:"6bf840ab981e45ab983b83801ada5728dc8f6dfb",disableDate:this.datePickerDisableDate,firstDayOfWeek:this.firstDayOfWeek,labels:this.labels,locale:this.locale,onValueChange:this.onPickDate,value:i,startDate:i})))}get el(){return a(this)}static get watchers(){return{format:["watchFormat"],value:["watchValue"]}}};u.style=".sc-swirl-date-input-h{display:flex;width:100%}.sc-swirl-date-input-h *.sc-swirl-date-input{box-sizing:border-box}.date-input.sc-swirl-date-input{position:relative;display:flex;width:100%;align-items:center;color:var(--s-text-default);line-height:var(--s-line-height-sm)}.date-input--inline.sc-swirl-date-input .date-input__date-picker-button.sc-swirl-date-input{top:-0.0625rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.date-input--inline.sc-swirl-date-input .date-input__date-picker-button.sc-swirl-date-input{top:0}}.date-input__input.sc-swirl-date-input{display:inline-flex;width:calc(100% - 1.25rem - var(--s-space-8));margin:0;padding:0;border:none;color:var(--s-text-default);background-color:transparent;font:inherit;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.date-input__input.sc-swirl-date-input:focus{outline:none}.date-input__input.sc-swirl-date-input:disabled{color:var(--s-text-disabled);background-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.date-input__input.sc-swirl-date-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.date-input__date-picker-button.sc-swirl-date-input{position:absolute;top:calc(-1 * var(--s-space-12));right:0;display:inline-flex;margin:0;padding:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:pointer}.date-input__date-picker-button.sc-swirl-date-input:focus:not(:focus-visible){outline:none}.date-input__date-picker-button.sc-swirl-date-input:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}.date-input__date-picker-button.sc-swirl-date-input:disabled{color:var(--s-icon-disabled);cursor:default}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.date-input__date-picker-button.sc-swirl-date-input{top:-0.625rem}}@media (max-width: 767px){.date-input__date-picker-popover.sc-swirl-date-input{position:fixed}}";export{u as swirl_date_input}

package/dist/swirl-components/{p-5c750dc8.entry.js → p-879737fa.entry.js}

@@ -1 +1 @@
-import{r as i,c as t,h as e,H as s,g as o}from"./p-ba3c3858.js";import{d as a,e as n}from"./p-33c168b3.js";import{c as l}from"./p-a5dce9e6.js";import{c as h}from"./p-878dc806.js";import{q as d}from"./p-0f3e0216.js";const r=class{constructor(e){i(this,e),this.activeSlideChange=t(this,"activeSlideChange",7),this.dragging=!1,this.onKeyDown=i=>{this.isOpen&&("Escape"===i.code?(i.stopImmediatePropagation(),this.close()):"ArrowLeft"===i.code?this.onPreviousSlideClick():"ArrowRight"===i.code&&this.onNextSlideClick())},this.onCloseButtonClick=()=>{this.close()},this.onDownloadButtonClick=()=>{this.slides[this.activeSlideIndex]?.download(),this.menu.close()},this.onNextSlideClick=()=>{this.activateSlide(Math.min(this.slides.length-1,this.activeSlideIndex+1))},this.onPreviousSlideClick=()=>{this.activateSlide(Math.max(0,this.activeSlideIndex-1))},this.registerSlides=()=>{this.slides=Array.from(this.el.children).filter((i=>"SWIRL-FILE-VIEWER"===i.tagName)),this.setSlideAttributes()},this.onPointerDown=i=>{this.slides.length<=1||(this.dragging=!0,this.dragStartPosition=i instanceof MouseEvent?i.clientX:i.touches[0].clientX,this.slides.forEach((i=>{i.style.transition="none"})))},this.onPointerMove=async i=>{if(!this.dragging)return;const t=!(i instanceof MouseEvent)&&i.touches.length>1,e=this.slides[this.activeSlideIndex]?.shadowRoot?.querySelector("swirl-file-viewer-image"),s=!!Boolean(e)&&await e.getZoom()>1;if(t||s)return;i.preventDefault();const o=i instanceof MouseEvent?i.clientX-this.dragStartPosition:i.touches[0].clientX-this.dragStartPosition;this.slides.forEach((i=>{const t=this.activeSlideIndex*i.getBoundingClientRect().width;this.dragDelta=o,i.style.transform=`translate3d(${(-t+this.dragDelta)/16}rem, 0, 0)`}))},this.onPointerUp=()=>{if(!this.dragging)return;this.dragging=!1,this.dragStartPosition=void 0;const i=this.dragDelta/this.slides[this.activeSlideIndex].getBoundingClientRect().width;this.dragDelta=0;const t=i>.2,e=i<-.2;this.slides.forEach((i=>{i.style.transition=""})),t?this.onPreviousSlideClick():e?this.onNextSlideClick():this.resetSlidePositions()},this.onBackdropClick=i=>{i.target===this.slidesContainer&&this.close()},this.onContextMenu=i=>{this.downloadButtonEnabled||i.preventDefault()},this.closeButtonLabel="Close modal",this.downloadButtonEnabled=!0,this.downloadButtonLabel="Download",this.hideMenu=void 0,this.label=void 0,this.menuLabel="Slide options",this.menuTriggerLabel="Open slide menu",this.nextSlideButtonLabel="Next slide",this.previousSlideButtonLabel="Previous slide",this.activeSlideIndex=0,this.closing=!1,this.isOpen=!1,this.slides=void 0}componentWillLoad(){this.registerSlides()}componentDidLoad(){this.activateSlide(0)}componentDidRender(){this.focusTrap?.updateContainerElements(this.modalEl)}disconnectedCallback(){this.focusTrap?.deactivate(),this.unlockBodyScroll(),this.containerObserver?.disconnect()}watchActiveSlideIndex(){this.activeSlideChange.emit(this.activeSlideIndex)}async open(){this.isOpen=!0,this.lockBodyScroll(),this.activateSlide(this.activeSlideIndex||0),setTimeout((()=>{this.focusTrap=h(this.modalEl,{allowOutsideClick:!0,checkCanFocusTrap:i=>(this.containerObserver?.disconnect(),new Promise((t=>{const e=i[0];-1===e.tabIndex?(this.containerObserver=new MutationObserver((()=>{-1!==e.tabIndex&&(this.containerObserver.disconnect(),t())})),this.containerObserver.observe(e,{attributes:!0,attributeFilter:["tabindex"]})):t()}))),tabbableOptions:{getShadowRoot:i=>i.shadowRoot}}),this.focusTrap?.activate()}))}async close(){this.closing||(this.closing=!0,this.focusTrap?.deactivate(),this.unlockBodyScroll(),setTimeout((()=>{this.isOpen=!1,this.resetImageZoom(),this.stopAllMediaPlayers(),this.closing=!1}),150))}async activateSlide(i){this.menu?.close?.(),this.dragging=!1,this.activeSlideIndex=i,this.slides.forEach(((i,t)=>{t===this.activeSlideIndex?(i.removeAttribute("aria-hidden"),i.setAttribute("active","true")):t===this.activeSlideIndex-1||t===this.activeSlideIndex+1?(i.setAttribute("aria-hidden","true"),i.setAttribute("active","true")):i.setAttribute("aria-hidden","true"),i.style.transform=`translate3d(-${100*this.activeSlideIndex}%, 0, 0)`})),setTimeout((()=>{this.slides.forEach(((i,t)=>{t!==this.activeSlideIndex&&t!==this.activeSlideIndex-1&&t!==this.activeSlideIndex+1&&i.setAttribute("active","false")}))}),300),this.stopAllMediaPlayers(),this.resetImageZoom()}setSlideAttributes(){this.slides.forEach((i=>{i.setAttribute("active","false"),i.setAttribute("aria-label",i.file),i.setAttribute("aria-roledescription","slide"),i.setAttribute("role","group"),i.addEventListener("dragstart",(i=>i.preventDefault()))}))}resetSlidePositions(){this.slides.forEach((i=>{i.style.transform=`translate3d(-${100*this.activeSlideIndex}%, 0, 0)`}))}getCurrentFileName(){return this.slides[this.activeSlideIndex]?.file?.split("/").pop()}getCurrentFileType(){return this.slides[this.activeSlideIndex]?.type}getCurrentThumbnailUrl(){return this.slides[this.activeSlideIndex]?.thumbnailUrl}lockBodyScroll(){a(this.el)}unlockBodyScroll(){n(this.el)}getMediaPlayers(){return d(this.el,"video")}stopAllMediaPlayers(){this.getMediaPlayers().forEach((i=>i.pause()))}resetImageZoom(){this.slides.forEach((i=>{const t=i?.shadowRoot?.querySelector("swirl-file-viewer-image");Boolean(t)&&t.resetZoom()}))}render(){const i=this.slides.length>1,t=this.getCurrentFileName(),o=this.getCurrentFileType(),a=this.getCurrentThumbnailUrl(),n=Boolean(this.el.querySelector("[slot='menu-items']"))||this.downloadButtonEnabled,h=Boolean(this.el.querySelector("[slot='toolbar']")),d=l("lightbox",{"lightbox--closing":this.closing,"lightbox--hide-menu":!n,"lightbox--hide-toolbar":!h});return e(s,{key:"5f83023c4e9c5b49cbfc9d992ba78b7fcc0af922",onKeydown:this.onKeyDown},e("section",{key:"83beaa9afc9f61cfb335d9db541ed666ce2d3f02","aria-hidden":String(!this.isOpen),"aria-label":this.label,"aria-modal":"true",class:d,id:"lightbox",onMouseDown:this.onPointerDown,onMouseMove:this.onPointerMove,onMouseOut:this.onPointerUp,onMouseUp:this.onPointerUp,onTouchEnd:this.onPointerUp,onTouchMove:this.onPointerMove,onTouchStart:this.onPointerDown,ref:i=>this.modalEl=i,role:"dialog",tabIndex:this.isOpen?0:-1},e("div",{key:"9da23537c23f1990176ff16e09023850c2db4ae8",class:"lightbox__body",role:"document"},e("header",{key:"63de374446036fe8d2d2869991e7ffbd4b458b5b",class:"lightbox__header"},e("button",{key:"543d26e507cd3478b639ad1d87ed7a63129fa8cb","aria-label":this.closeButtonLabel,class:"lightbox__close-button",onClick:this.onCloseButtonClick},e("swirl-icon-close",{key:"ecec8c257983f094ec3b336b0d2113d99ecb3ee5"})),e("div",{key:"8ceb3fec02326e2a3a4e35a07d4e1c2a5dd56c59",class:"lightbox__toolbar"},e("slot",{key:"5d72749e96080ee1447ede1a013d557a03daa680",name:"toolbar"})),!this.hideMenu&&e("swirl-popover-trigger",{key:"22692b7c64403576ed27ee78753701993869b0f4",swirlPopover:this.menu},e("button",{key:"2cf90488154012ed8308326821bc0b086cdf7d1e","aria-label":this.menuTriggerLabel,class:"lightbox__menu-button"},e("swirl-icon-more-vertikal",{key:"4feb1c6169c337e8f02a6dd53570d78e4a3a3461"})))),e("div",{key:"b365266f68fefd033e91b942096bb87ca6541b9d","aria-roledescription":"carousel",class:"lightbox__content",role:"group"},e("div",{key:"b5ba36b62356763fd81c87ef160a1df9596335fd","aria-atomic":"false","aria-live":"polite",class:"lightbox__slides",onClick:this.onBackdropClick,onContextMenu:this.onContextMenu,ref:i=>this.slidesContainer=i},e("slot",{key:"6c2581badf908232cb1642d3eea15a2dd1d4bb27",onSlotchange:this.registerSlides}))),e("div",{key:"af5442e3bde8d9c18c58ffb87acabe298fc8379c",class:"lightbox__controls"},e("button",{key:"a16af74a6dbd6168fb44c0b40ef584824a90612f","aria-label":this.previousSlideButtonLabel,class:"lightbox__previous-slide-button",disabled:0===this.activeSlideIndex,onClick:this.onPreviousSlideClick},e("swirl-icon-arrow-left",{key:"4160e454cf194bf910c88ff9e91405dca8babfc6"})),e("button",{key:"ea98e7182ee0cc7a58fa8277332cc39e5c1d48b4","aria-label":this.nextSlideButtonLabel,class:"lightbox__next-slide-button",disabled:this.activeSlideIndex===this.slides.length-1,onClick:this.onNextSlideClick},e("swirl-icon-arrow-right",{key:"48de4f64580779e17907b5bc70c6b59894bf700b"}))),i&&e("span",{key:"01907c1e3eb44037d0978660b61e177a70e3a51a",class:"lightbox__pagination"},e("span",{key:"bb8d34954bdd5b6bf463fc97d4989fe9ea07aa94","aria-current":"page"},this.activeSlideIndex+1)," /"," ",this.slides.length)),!this.hideMenu&&e("swirl-popover",{key:"4b04077d2100254834912bf76b905defa588a554",animation:"scale-in-y",disableScrollLock:!0,id:"slide-menu",label:this.menuLabel,placement:"bottom-end",ref:i=>this.menu=i},e("swirl-stack",{key:"a98f21b521ae63b02436c402bb250b71ea80ec42"},e("div",{key:"caad1888856f677f28136b2eb9e7ad77dc9e4e03",class:"lightbox__meta"},a&&e("div",{key:"06527190cd5914dbbec266a298819355f51ad3bd",class:"lightbox__thumbnail"},e("swirl-thumbnail",{key:"7b85a2908765bb662520fd026182a7e5f4ae6bae",alt:"",src:a})),e("div",{key:"5c2d2fbc79d1c6d96fd5689d5618c9245c8245fc",class:"lightbox__file-info"},e("swirl-text",{key:"b71e439fd73142424563a493e68023bec26151be",truncate:!0,weight:"semibold"},t),e("swirl-text",{key:"8265bb14022bf27e53ce13754dc8e1ac2ff21196",color:"subdued",size:"sm",truncate:!0},o))),n&&e("swirl-separator",{key:"6a5ea757cf7658aaf7f1e33132275e7317d6f2e3"}),e("swirl-action-list",{key:"59b1bb67911d2bb6e92f15976fbd86cedea48580"},this.downloadButtonEnabled&&e("swirl-action-list-item",{key:"a8aa5dc3f5ba078248b4f7fb5d86182f11cceca2",icon:"<swirl-icon-download></swirl-icon-download>",label:this.downloadButtonLabel,onClick:this.onDownloadButtonClick}),e("slot",{key:"35acefefe19ae17f00ee700aa21db2248ab87eea",name:"menu-items"}))))))}get el(){return o(this)}static get watchers(){return{activeSlideIndex:["watchActiveSlideIndex"]}}};r.style=':host{display:block}:host *{box-sizing:border-box}.lightbox{position:fixed;z-index:var(--s-z-40);background-color:rgba(0, 0, 0, 1);inset:0}.lightbox[aria-hidden="true"]{display:none}@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--hide-menu .lightbox__menu{display:none}.lightbox--hide-toolbar .lightbox__toolbar{display: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);justify-content:space-between;align-items:flex-start;pointer-events:none}.lightbox__toolbar{pointer-events:auto}.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__menu-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__menu-button:disabled,.lightbox__previous-slide-button:disabled,.lightbox__next-slide-button:disabled{pointer-events:none;opacity:0}.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}}.lightbox__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-16);align-items:center;gap:var(--s-space-12)}@media (min-width: 768px){.lightbox__meta{max-width:18rem}}.lightbox__thumbnail{display:inline-flex;flex-shrink:0}.lightbox__file-info{display:flex;min-width:0;flex-grow:1;flex-direction:column}@keyframes lightbox-fade-in{from{opacity:0}to{opacity:1}}@keyframes lightbox-fade-out{from{opacity:1}to{opacity:0}}';export{r as swirl_lightbox}
+import{r as i,c as t,h as e,H as s,g as o}from"./p-ba3c3858.js";import{d as a,e as n}from"./p-33c168b3.js";import{c as l}from"./p-a5dce9e6.js";import{c as h}from"./p-878dc806.js";import{q as d}from"./p-5136b9f9.js";const r=class{constructor(e){i(this,e),this.activeSlideChange=t(this,"activeSlideChange",7),this.dragging=!1,this.onKeyDown=i=>{this.isOpen&&("Escape"===i.code?(i.stopImmediatePropagation(),this.close()):"ArrowLeft"===i.code?this.onPreviousSlideClick():"ArrowRight"===i.code&&this.onNextSlideClick())},this.onCloseButtonClick=()=>{this.close()},this.onDownloadButtonClick=()=>{this.slides[this.activeSlideIndex]?.download(),this.menu.close()},this.onNextSlideClick=()=>{this.activateSlide(Math.min(this.slides.length-1,this.activeSlideIndex+1))},this.onPreviousSlideClick=()=>{this.activateSlide(Math.max(0,this.activeSlideIndex-1))},this.registerSlides=()=>{this.slides=Array.from(this.el.children).filter((i=>"SWIRL-FILE-VIEWER"===i.tagName)),this.setSlideAttributes()},this.onPointerDown=i=>{this.slides.length<=1||(this.dragging=!0,this.dragStartPosition=i instanceof MouseEvent?i.clientX:i.touches[0].clientX,this.slides.forEach((i=>{i.style.transition="none"})))},this.onPointerMove=async i=>{if(!this.dragging)return;const t=!(i instanceof MouseEvent)&&i.touches.length>1,e=this.slides[this.activeSlideIndex]?.shadowRoot?.querySelector("swirl-file-viewer-image"),s=!!Boolean(e)&&await e.getZoom()>1;if(t||s)return;i.preventDefault();const o=i instanceof MouseEvent?i.clientX-this.dragStartPosition:i.touches[0].clientX-this.dragStartPosition;this.slides.forEach((i=>{const t=this.activeSlideIndex*i.getBoundingClientRect().width;this.dragDelta=o,i.style.transform=`translate3d(${(-t+this.dragDelta)/16}rem, 0, 0)`}))},this.onPointerUp=()=>{if(!this.dragging)return;this.dragging=!1,this.dragStartPosition=void 0;const i=this.dragDelta/this.slides[this.activeSlideIndex].getBoundingClientRect().width;this.dragDelta=0;const t=i>.2,e=i<-.2;this.slides.forEach((i=>{i.style.transition=""})),t?this.onPreviousSlideClick():e?this.onNextSlideClick():this.resetSlidePositions()},this.onBackdropClick=i=>{i.target===this.slidesContainer&&this.close()},this.onContextMenu=i=>{this.downloadButtonEnabled||i.preventDefault()},this.closeButtonLabel="Close modal",this.downloadButtonEnabled=!0,this.downloadButtonLabel="Download",this.hideMenu=void 0,this.label=void 0,this.menuLabel="Slide options",this.menuTriggerLabel="Open slide menu",this.nextSlideButtonLabel="Next slide",this.previousSlideButtonLabel="Previous slide",this.activeSlideIndex=0,this.closing=!1,this.isOpen=!1,this.slides=void 0}componentWillLoad(){this.registerSlides()}componentDidLoad(){this.activateSlide(0)}componentDidRender(){this.focusTrap?.updateContainerElements(this.modalEl)}disconnectedCallback(){this.focusTrap?.deactivate(),this.unlockBodyScroll(),this.containerObserver?.disconnect()}watchActiveSlideIndex(){this.activeSlideChange.emit(this.activeSlideIndex)}async open(){this.isOpen=!0,this.lockBodyScroll(),this.activateSlide(this.activeSlideIndex||0),setTimeout((()=>{this.focusTrap=h(this.modalEl,{allowOutsideClick:!0,checkCanFocusTrap:i=>(this.containerObserver?.disconnect(),new Promise((t=>{const e=i[0];-1===e.tabIndex?(this.containerObserver=new MutationObserver((()=>{-1!==e.tabIndex&&(this.containerObserver.disconnect(),t())})),this.containerObserver.observe(e,{attributes:!0,attributeFilter:["tabindex"]})):t()}))),tabbableOptions:{getShadowRoot:i=>i.shadowRoot}}),this.focusTrap?.activate()}))}async close(){this.closing||(this.closing=!0,this.focusTrap?.deactivate(),this.unlockBodyScroll(),setTimeout((()=>{this.isOpen=!1,this.resetImageZoom(),this.stopAllMediaPlayers(),this.closing=!1}),150))}async activateSlide(i){this.menu?.close?.(),this.dragging=!1,this.activeSlideIndex=i,this.slides.forEach(((i,t)=>{t===this.activeSlideIndex?(i.removeAttribute("aria-hidden"),i.setAttribute("active","true")):t===this.activeSlideIndex-1||t===this.activeSlideIndex+1?(i.setAttribute("aria-hidden","true"),i.setAttribute("active","true")):i.setAttribute("aria-hidden","true"),i.style.transform=`translate3d(-${100*this.activeSlideIndex}%, 0, 0)`})),setTimeout((()=>{this.slides.forEach(((i,t)=>{t!==this.activeSlideIndex&&t!==this.activeSlideIndex-1&&t!==this.activeSlideIndex+1&&i.setAttribute("active","false")}))}),300),this.stopAllMediaPlayers(),this.resetImageZoom()}setSlideAttributes(){this.slides.forEach((i=>{i.setAttribute("active","false"),i.setAttribute("aria-label",i.file),i.setAttribute("aria-roledescription","slide"),i.setAttribute("role","group"),i.addEventListener("dragstart",(i=>i.preventDefault()))}))}resetSlidePositions(){this.slides.forEach((i=>{i.style.transform=`translate3d(-${100*this.activeSlideIndex}%, 0, 0)`}))}getCurrentFileName(){return this.slides[this.activeSlideIndex]?.file?.split("/").pop()}getCurrentFileType(){return this.slides[this.activeSlideIndex]?.type}getCurrentThumbnailUrl(){return this.slides[this.activeSlideIndex]?.thumbnailUrl}lockBodyScroll(){a(this.el)}unlockBodyScroll(){n(this.el)}getMediaPlayers(){return d(this.el,"video")}stopAllMediaPlayers(){this.getMediaPlayers().forEach((i=>i.pause()))}resetImageZoom(){this.slides.forEach((i=>{const t=i?.shadowRoot?.querySelector("swirl-file-viewer-image");Boolean(t)&&t.resetZoom()}))}render(){const i=this.slides.length>1,t=this.getCurrentFileName(),o=this.getCurrentFileType(),a=this.getCurrentThumbnailUrl(),n=Boolean(this.el.querySelector("[slot='menu-items']"))||this.downloadButtonEnabled,h=Boolean(this.el.querySelector("[slot='toolbar']")),d=l("lightbox",{"lightbox--closing":this.closing,"lightbox--hide-menu":!n,"lightbox--hide-toolbar":!h});return e(s,{key:"5f83023c4e9c5b49cbfc9d992ba78b7fcc0af922",onKeydown:this.onKeyDown},e("section",{key:"83beaa9afc9f61cfb335d9db541ed666ce2d3f02","aria-hidden":String(!this.isOpen),"aria-label":this.label,"aria-modal":"true",class:d,id:"lightbox",onMouseDown:this.onPointerDown,onMouseMove:this.onPointerMove,onMouseOut:this.onPointerUp,onMouseUp:this.onPointerUp,onTouchEnd:this.onPointerUp,onTouchMove:this.onPointerMove,onTouchStart:this.onPointerDown,ref:i=>this.modalEl=i,role:"dialog",tabIndex:this.isOpen?0:-1},e("div",{key:"9da23537c23f1990176ff16e09023850c2db4ae8",class:"lightbox__body",role:"document"},e("header",{key:"63de374446036fe8d2d2869991e7ffbd4b458b5b",class:"lightbox__header"},e("button",{key:"543d26e507cd3478b639ad1d87ed7a63129fa8cb","aria-label":this.closeButtonLabel,class:"lightbox__close-button",onClick:this.onCloseButtonClick},e("swirl-icon-close",{key:"ecec8c257983f094ec3b336b0d2113d99ecb3ee5"})),e("div",{key:"8ceb3fec02326e2a3a4e35a07d4e1c2a5dd56c59",class:"lightbox__toolbar"},e("slot",{key:"5d72749e96080ee1447ede1a013d557a03daa680",name:"toolbar"})),!this.hideMenu&&e("swirl-popover-trigger",{key:"22692b7c64403576ed27ee78753701993869b0f4",swirlPopover:this.menu},e("button",{key:"2cf90488154012ed8308326821bc0b086cdf7d1e","aria-label":this.menuTriggerLabel,class:"lightbox__menu-button"},e("swirl-icon-more-vertikal",{key:"4feb1c6169c337e8f02a6dd53570d78e4a3a3461"})))),e("div",{key:"b365266f68fefd033e91b942096bb87ca6541b9d","aria-roledescription":"carousel",class:"lightbox__content",role:"group"},e("div",{key:"b5ba36b62356763fd81c87ef160a1df9596335fd","aria-atomic":"false","aria-live":"polite",class:"lightbox__slides",onClick:this.onBackdropClick,onContextMenu:this.onContextMenu,ref:i=>this.slidesContainer=i},e("slot",{key:"6c2581badf908232cb1642d3eea15a2dd1d4bb27",onSlotchange:this.registerSlides}))),e("div",{key:"af5442e3bde8d9c18c58ffb87acabe298fc8379c",class:"lightbox__controls"},e("button",{key:"a16af74a6dbd6168fb44c0b40ef584824a90612f","aria-label":this.previousSlideButtonLabel,class:"lightbox__previous-slide-button",disabled:0===this.activeSlideIndex,onClick:this.onPreviousSlideClick},e("swirl-icon-arrow-left",{key:"4160e454cf194bf910c88ff9e91405dca8babfc6"})),e("button",{key:"ea98e7182ee0cc7a58fa8277332cc39e5c1d48b4","aria-label":this.nextSlideButtonLabel,class:"lightbox__next-slide-button",disabled:this.activeSlideIndex===this.slides.length-1,onClick:this.onNextSlideClick},e("swirl-icon-arrow-right",{key:"48de4f64580779e17907b5bc70c6b59894bf700b"}))),i&&e("span",{key:"01907c1e3eb44037d0978660b61e177a70e3a51a",class:"lightbox__pagination"},e("span",{key:"bb8d34954bdd5b6bf463fc97d4989fe9ea07aa94","aria-current":"page"},this.activeSlideIndex+1)," /"," ",this.slides.length)),!this.hideMenu&&e("swirl-popover",{key:"4b04077d2100254834912bf76b905defa588a554",animation:"scale-in-y",disableScrollLock:!0,id:"slide-menu",label:this.menuLabel,placement:"bottom-end",ref:i=>this.menu=i},e("swirl-stack",{key:"a98f21b521ae63b02436c402bb250b71ea80ec42"},e("div",{key:"caad1888856f677f28136b2eb9e7ad77dc9e4e03",class:"lightbox__meta"},a&&e("div",{key:"06527190cd5914dbbec266a298819355f51ad3bd",class:"lightbox__thumbnail"},e("swirl-thumbnail",{key:"7b85a2908765bb662520fd026182a7e5f4ae6bae",alt:"",src:a})),e("div",{key:"5c2d2fbc79d1c6d96fd5689d5618c9245c8245fc",class:"lightbox__file-info"},e("swirl-text",{key:"b71e439fd73142424563a493e68023bec26151be",truncate:!0,weight:"semibold"},t),e("swirl-text",{key:"8265bb14022bf27e53ce13754dc8e1ac2ff21196",color:"subdued",size:"sm",truncate:!0},o))),n&&e("swirl-separator",{key:"6a5ea757cf7658aaf7f1e33132275e7317d6f2e3"}),e("swirl-action-list",{key:"59b1bb67911d2bb6e92f15976fbd86cedea48580"},this.downloadButtonEnabled&&e("swirl-action-list-item",{key:"a8aa5dc3f5ba078248b4f7fb5d86182f11cceca2",icon:"<swirl-icon-download></swirl-icon-download>",label:this.downloadButtonLabel,onClick:this.onDownloadButtonClick}),e("slot",{key:"35acefefe19ae17f00ee700aa21db2248ab87eea",name:"menu-items"}))))))}get el(){return o(this)}static get watchers(){return{activeSlideIndex:["watchActiveSlideIndex"]}}};r.style=':host{display:block}:host *{box-sizing:border-box}.lightbox{position:fixed;z-index:var(--s-z-40);background-color:rgba(0, 0, 0, 1);inset:0}.lightbox[aria-hidden="true"]{display:none}@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--hide-menu .lightbox__menu{display:none}.lightbox--hide-toolbar .lightbox__toolbar{display: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);justify-content:space-between;align-items:flex-start;pointer-events:none}.lightbox__toolbar{pointer-events:auto}.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__menu-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__menu-button:disabled,.lightbox__previous-slide-button:disabled,.lightbox__next-slide-button:disabled{pointer-events:none;opacity:0}.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}}.lightbox__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-16);align-items:center;gap:var(--s-space-12)}@media (min-width: 768px){.lightbox__meta{max-width:18rem}}.lightbox__thumbnail{display:inline-flex;flex-shrink:0}.lightbox__file-info{display:flex;min-width:0;flex-grow:1;flex-direction:column}@keyframes lightbox-fade-in{from{opacity:0}to{opacity:1}}@keyframes lightbox-fade-out{from{opacity:1}to{opacity:0}}';export{r as swirl_lightbox}

package/dist/swirl-components/{p-626aa890.entry.js → p-881701f9.entry.js}

@@ -1 +1 @@
-import{r as t,c as i,h as s,H as a,g as o}from"./p-ba3c3858.js";import{c as e,q as r}from"./p-0f3e0216.js";import{S as n}from"./p-1486d7ea.js";import{c}from"./p-a5dce9e6.js";const l=class{constructor(s){t(this,s),this.itemDrop=i(this,"itemDrop",7),this.valueChange=i(this,"valueChange",7),this.onClick=t=>{t.preventDefault();const i=t.target,s=i?.closest("swirl-option-list-item"),a=t.composedPath()[0],o=Boolean(e(a,'[role="option"]'));Boolean(s)&&o?this.selectItem(this.items.findIndex((t=>t.value===s.value))):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 i=t.composedPath()[0];if(!Boolean(e(i,'[role="option"]')))return;t.preventDefault(),Boolean(this.dragging)?this.stopDrag(this.dragging):this.selectFocusedItem()}else"Home"===t.code?(t.preventDefault(),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.toggleDrag=t=>{const i=t.detail;Boolean(this.dragging)?this.stopDrag(i):this.startDrag(i)},this.startDrag=t=>{this.dragging=t,this.draggingStartIndex=this.getItemIndex(this.dragging),t.setAttribute("dragging","true");const i=this.getItemIndex(this.dragging);this.focusItem(i),this.assistiveText=this.assistiveTextItemGrabbed},this.stopDrag=t=>{this.dragging=void 0,t.removeAttribute("dragging");const i=this.getActiveItemIndex();this.assistiveText=`${this.assistiveTextItemMoved} ${i+1}`,this.itemDrop.emit({item:t,oldIndex:this.draggingStartIndex,newIndex:i}),this.draggingStartIndex=void 0,this.focusItem(i)},this.allowDeselect=!0,this.allowDrag=void 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.disabled=void 0,this.label=void 0,this.optionListId=void 0,this.multiSelect=void 0,this.value=[],this.assistiveText=void 0}componentDidLoad(){this.updateItems(),this.observeSlotChanges(),this.setItemAllowDragState(),this.setItemDisabledState(),this.setItemContext(),this.syncItemsWithValue(),this.setupDragDrop()}componentDidRender(){this.setupDragDrop()}disconnectedCallback(){this.observer?.disconnect(),this.sortable?.destroy()}watchAllowDrag(){this.setItemAllowDragState(),this.setupDragDrop()}watchDisabled(){this.setItemDisabledState()}watchMultiSelect(){this.setItemContext()}watchValue(){this.syncItemsWithValue()}observeSlotChanges(){this.observer=new MutationObserver((()=>{this.updateItems(),this.setItemAllowDragState(),this.setItemDisabledState(),this.setItemContext(),this.syncItemsWithValue()})),this.observer.observe(this.listboxEl,{childList:!0,subtree:!0})}updateItems(){this.items=r(this.el,"swirl-option-list-item"),this.items.forEach((t=>t.querySelector('[role="option"]')?.removeAttribute("tabIndex")));const t=this.items[0]?.querySelector('[role="option"]');Boolean(t)&&t.setAttribute("tabIndex","0")}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=n.create(this.listboxEl,{animation:150,draggable:"swirl-option-list-item",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=r(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 i=this.items[t];if(i.disabled)return;const s=this.value.includes(i.value);s&&!this.allowDeselect||(this.multiSelect||(this.value=[]),this.updateValue(s?this.value.filter((t=>t!==i.value)):[...this.value,i.value]),this.focusItem(t))}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.items.forEach((t=>t.querySelector('[role="option"]').removeAttribute("tabIndex")));const i=this.items[t]?.querySelector('[role="option"]');Boolean(i)&&(i.setAttribute("tabIndex","0"),i.focus(),this.focusedItem=i)}focusNextItem(){if(this.disabled)return;const t=this.getActiveItemIndex(),i=Math.min(t+1,this.items.length-1);this.focusItem(i)}focusPreviousItem(){const t=this.getActiveItemIndex(),i=Math.max(t-1,0);this.focusItem(i)}getActiveItemIndex(){return Boolean(this.focusedItem)?this.items.map((t=>t.querySelector('[role="option"]'))).findIndex((t=>t===this.focusedItem)):0}getItemIndex(t){return this.items.map((t=>t)).findIndex((i=>i===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.before(this.dragging),this.updateItems(),this.listboxEl.focus(),this.assistiveText=`${this.assistiveTextItemMoving} ${this.getItemIndex(this.dragging)+1}`)}render(){const t=this.multiSelect?"true":void 0,i=Boolean(this.dragging)?0:void 0;return s(a,{key:"24f83ba63aced28e609882a62c32376954884920"},s("swirl-visually-hidden",{key:"ee9e29f8f6096b513b81353635ec420a84dd3708",role:"alert"},this.assistiveText),s("div",{key:"d3477fc14b737db3e9f532681b4db036c48c0029","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:i},s("slot",{key:"912b183b44588e9eaccf7a80ef8a7446efd394d9"})))}get el(){return o(this)}static get watchers(){return{allowDrag:["watchAllowDrag"],disabled:["watchDisabled"],multiSelect:["watchMultiSelect"],value:["watchValue"]}}};l.style=".sc-swirl-option-list-h{display:block}.sc-swirl-option-list-h *.sc-swirl-option-list{box-sizing:border-box}";const h=class{constructor(s){t(this,s),this.remove=i(this,"remove",7),this.onRemove=t=>{this.remove?.emit(t)},this.icon=void 0,this.iconPosition="start",this.intent="default",this.label=void 0,this.removable=void 0,this.bordered=void 0,this.size="m",this.removalButtonLabel="Remove",this.variant="default"}componentDidLoad(){this.forceIconProps()}componentWillLoad(){this.forceVariant()}componentDidRender(){this.forceIconProps()}forceIconProps(){const t=this.iconEl?.children[0];t?.setAttribute("size","16")}forceVariant(){Boolean(this.bordered)&&(console.warn('[Swirl] The "bordered" prop of swirl-tag is deprecated and will be removed with the next major release. Please use the "variant" prop as "outline" to achieve the same result.'),this.variant="outline")}render(){const t=c("tag",`tag--icon-position-${this.iconPosition}`,`tag--intent-${this.intent}`,`tag--size-${this.size}`,`tag--variant-${this.variant}`);return s(a,{key:"ca2cb979501329ba3ba800a37c3a7132d75222d3"},s("span",{key:"bd936736821251c24baf182234105ce17d1f71d1",class:t,part:"tag"},this.icon&&s("span",{key:"ca1f65bd6534347f6d31478f5ce6aed953595a72",class:"tag__icon",innerHTML:this.icon,ref:t=>this.iconEl=t}),s("span",{key:"56ae5febd056e6fad9ffca2aca2389639a679083",class:"tag__label"},this.label),this.removable&&s("button",{key:"a0638fc6ef90664d7c309b72b40a9cde043a3480","aria-label":this.removalButtonLabel,class:"tag__removal-button",onClick:this.onRemove,tabIndex:"true"===this.el.ariaHidden?-1:void 0,type:"button"},s("swirl-icon-close",{key:"bc276c83d87e0a4c4fac1ebcb3106006dd65376b",size:16}))))}get el(){return o(this)}};h.style=":host{display:inline-flex;max-width:100%}:host *{box-sizing:border-box}.tag{display:inline-flex;max-width:100%;align-items:center;border-radius:var(--s-border-radius-s);color:var(--s-text-default);background-color:var(--swirl-tag-background-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);white-space:nowrap;gap:var(--s-space-4)}.tag--size-s{padding:var(--s-space-0) var(--s-space-4)}.tag--size-m{padding:var(--s-space-2) var(--s-space-8)}.tag--variant-outline{border-style:solid;border-width:var(--s-border-width-default);border-color:var(--s-border-strong)}.tag--variant-strong{color:var(--s-text-on-action-primary);background-color:var(--s-surface-neutral-default)}.tag--variant-strong .tag__removal-button{color:var(--s-icon-on-action-primary)}.tag--intent-info{color:var(--s-text-info);background-color:var(--s-surface-info-subdued)}.tag--intent-info .tag__removal-button{color:var(--s-icon-info)}.tag--intent-info.tag--variant-outline{border-color:var(--s-border-info)}.tag--intent-info.tag--variant-strong{color:var(--s-text-on-action-primary);background-color:var(--s-surface-info-default)}.tag--intent-info.tag--variant-strong .tag__removal-button{color:var(--s-icon-on-action-primary)}.tag--intent-critical{color:var(--s-text-critical);background-color:var(--s-surface-critical-subdued)}.tag--intent-critical .tag__removal-button{color:var(--s-icon-critical)}.tag--intent-critical.tag--variant-outline{border-color:var(--s-border-critical)}.tag--intent-critical.tag--variant-strong{color:var(--s-text-on-action-primary);background-color:var(--s-surface-critical-default)}.tag--intent-critical.tag--variant-strong .tag__removal-button{color:var(--s-icon-on-action-primary)}.tag--intent-warning{color:var(--s-text-warning);background-color:var(--s-surface-warning-subdued)}.tag--intent-warning .tag__removal-button{color:var(--s-icon-warning)}.tag--intent-warning.tag--variant-outline{border-color:var(--s-border-warning)}.tag--intent-warning.tag--variant-strong{color:var(--s-text-dark);background-color:var(--s-surface-warning-default)}.tag--intent-warning.tag--variant-strong .tag__removal-button{color:var(--s-icon-dark)}.tag--intent-success{color:var(--s-text-success);background-color:var(--s-surface-success-subdued)}.tag--intent-success .tag__removal-button{color:var(--s-icon-success)}.tag--intent-success.tag--variant-outline{border-color:var(--s-border-success)}.tag--intent-success.tag--variant-strong{color:var(--s-text-on-action-primary);background-color:var(--s-surface-success-default)}.tag--intent-success.tag--variant-strong .tag__removal-button{color:var(--s-icon-on-action-primary)}.tag--intent-special{color:var(--s-decorative-grape-text);background-color:var(--s-decorative-grape-surface-subdued)}.tag--intent-special .tag__removal-button{color:var(--s-decorative-grape-text)}.tag--intent-special.tag--variant-outline{border-color:var(--s-decorative-grape-text)}.tag--intent-special.tag--variant-strong{color:var(--s-text-on-action-primary);background-color:var(--s-decorative-grape-surface)}.tag--intent-special.tag--variant-strong .tag__removal-button{color:var(--s-icon-on-action-primary)}.tag--intent-translucent{color:var(--s-text-on-image);background-color:var(--s-surface-on-image-default)}.tag--intent-translucent .tag__removal-button{color:var(--s-icon-on-image)}.tag--intent-translucent.tag--variant-outline{border-color:var(--s-text-on-image)}.tag__icon{display:inline-flex;margin-left:calc(-1 * var(--s-space-4));flex-shrink:0;order:0}.tag--icon-position-end .tag__icon{margin-right:calc(-1 * var(--s-space-4));margin-left:0;order:2}.tag__label{overflow:hidden;min-width:0;white-space:nowrap;text-overflow:ellipsis;order:1}.tag__removal-button{display:inline-flex;margin-right:calc(-1 * var(--s-space-4));padding:0;border:none;color:var(--s-icon-strong);background-color:transparent;cursor:pointer;flex-shrink:0;order:3}.tag__removal-button:focus:not(:focus-visible){outline:none}.tag__removal-button:focus-visible{outline-color:var(--s-focus-default)}";export{l as swirl_option_list,h as swirl_tag}
+import{r as t,c as i,h as s,H as a,g as o}from"./p-ba3c3858.js";import{c as e,q as r}from"./p-5136b9f9.js";import{S as n}from"./p-1486d7ea.js";import{c}from"./p-a5dce9e6.js";const l=class{constructor(s){t(this,s),this.itemDrop=i(this,"itemDrop",7),this.valueChange=i(this,"valueChange",7),this.onClick=t=>{t.preventDefault();const i=t.target,s=i?.closest("swirl-option-list-item"),a=t.composedPath()[0],o=Boolean(e(a,'[role="option"]'));Boolean(s)&&o?this.selectItem(this.items.findIndex((t=>t.value===s.value))):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 i=t.composedPath()[0];if(!Boolean(e(i,'[role="option"]')))return;t.preventDefault(),Boolean(this.dragging)?this.stopDrag(this.dragging):this.selectFocusedItem()}else"Home"===t.code?(t.preventDefault(),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.toggleDrag=t=>{const i=t.detail;Boolean(this.dragging)?this.stopDrag(i):this.startDrag(i)},this.startDrag=t=>{this.dragging=t,this.draggingStartIndex=this.getItemIndex(this.dragging),t.setAttribute("dragging","true");const i=this.getItemIndex(this.dragging);this.focusItem(i),this.assistiveText=this.assistiveTextItemGrabbed},this.stopDrag=t=>{this.dragging=void 0,t.removeAttribute("dragging");const i=this.getActiveItemIndex();this.assistiveText=`${this.assistiveTextItemMoved} ${i+1}`,this.itemDrop.emit({item:t,oldIndex:this.draggingStartIndex,newIndex:i}),this.draggingStartIndex=void 0,this.focusItem(i)},this.allowDeselect=!0,this.allowDrag=void 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.disabled=void 0,this.label=void 0,this.optionListId=void 0,this.multiSelect=void 0,this.value=[],this.assistiveText=void 0}componentDidLoad(){this.updateItems(),this.observeSlotChanges(),this.setItemAllowDragState(),this.setItemDisabledState(),this.setItemContext(),this.syncItemsWithValue(),this.setupDragDrop()}componentDidRender(){this.setupDragDrop()}disconnectedCallback(){this.observer?.disconnect(),this.sortable?.destroy()}watchAllowDrag(){this.setItemAllowDragState(),this.setupDragDrop()}watchDisabled(){this.setItemDisabledState()}watchMultiSelect(){this.setItemContext()}watchValue(){this.syncItemsWithValue()}observeSlotChanges(){this.observer=new MutationObserver((()=>{this.updateItems(),this.setItemAllowDragState(),this.setItemDisabledState(),this.setItemContext(),this.syncItemsWithValue()})),this.observer.observe(this.listboxEl,{childList:!0,subtree:!0})}updateItems(){this.items=r(this.el,"swirl-option-list-item"),this.items.forEach((t=>t.querySelector('[role="option"]')?.removeAttribute("tabIndex")));const t=this.items[0]?.querySelector('[role="option"]');Boolean(t)&&t.setAttribute("tabIndex","0")}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=n.create(this.listboxEl,{animation:150,draggable:"swirl-option-list-item",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=r(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 i=this.items[t];if(i.disabled)return;const s=this.value.includes(i.value);s&&!this.allowDeselect||(this.multiSelect||(this.value=[]),this.updateValue(s?this.value.filter((t=>t!==i.value)):[...this.value,i.value]),this.focusItem(t))}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.items.forEach((t=>t.querySelector('[role="option"]').removeAttribute("tabIndex")));const i=this.items[t]?.querySelector('[role="option"]');Boolean(i)&&(i.setAttribute("tabIndex","0"),i.focus(),this.focusedItem=i)}focusNextItem(){if(this.disabled)return;const t=this.getActiveItemIndex(),i=Math.min(t+1,this.items.length-1);this.focusItem(i)}focusPreviousItem(){const t=this.getActiveItemIndex(),i=Math.max(t-1,0);this.focusItem(i)}getActiveItemIndex(){return Boolean(this.focusedItem)?this.items.map((t=>t.querySelector('[role="option"]'))).findIndex((t=>t===this.focusedItem)):0}getItemIndex(t){return this.items.map((t=>t)).findIndex((i=>i===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.before(this.dragging),this.updateItems(),this.listboxEl.focus(),this.assistiveText=`${this.assistiveTextItemMoving} ${this.getItemIndex(this.dragging)+1}`)}render(){const t=this.multiSelect?"true":void 0,i=Boolean(this.dragging)?0:void 0;return s(a,{key:"24f83ba63aced28e609882a62c32376954884920"},s("swirl-visually-hidden",{key:"ee9e29f8f6096b513b81353635ec420a84dd3708",role:"alert"},this.assistiveText),s("div",{key:"d3477fc14b737db3e9f532681b4db036c48c0029","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:i},s("slot",{key:"912b183b44588e9eaccf7a80ef8a7446efd394d9"})))}get el(){return o(this)}static get watchers(){return{allowDrag:["watchAllowDrag"],disabled:["watchDisabled"],multiSelect:["watchMultiSelect"],value:["watchValue"]}}};l.style=".sc-swirl-option-list-h{display:block}.sc-swirl-option-list-h *.sc-swirl-option-list{box-sizing:border-box}";const h=class{constructor(s){t(this,s),this.remove=i(this,"remove",7),this.onRemove=t=>{this.remove?.emit(t)},this.icon=void 0,this.iconPosition="start",this.intent="default",this.label=void 0,this.removable=void 0,this.bordered=void 0,this.size="m",this.removalButtonLabel="Remove",this.variant="default"}componentDidLoad(){this.forceIconProps()}componentWillLoad(){this.forceVariant()}componentDidRender(){this.forceIconProps()}forceIconProps(){const t=this.iconEl?.children[0];t?.setAttribute("size","16")}forceVariant(){Boolean(this.bordered)&&(console.warn('[Swirl] The "bordered" prop of swirl-tag is deprecated and will be removed with the next major release. Please use the "variant" prop as "outline" to achieve the same result.'),this.variant="outline")}render(){const t=c("tag",`tag--icon-position-${this.iconPosition}`,`tag--intent-${this.intent}`,`tag--size-${this.size}`,`tag--variant-${this.variant}`);return s(a,{key:"ca2cb979501329ba3ba800a37c3a7132d75222d3"},s("span",{key:"bd936736821251c24baf182234105ce17d1f71d1",class:t,part:"tag"},this.icon&&s("span",{key:"ca1f65bd6534347f6d31478f5ce6aed953595a72",class:"tag__icon",innerHTML:this.icon,ref:t=>this.iconEl=t}),s("span",{key:"56ae5febd056e6fad9ffca2aca2389639a679083",class:"tag__label"},this.label),this.removable&&s("button",{key:"a0638fc6ef90664d7c309b72b40a9cde043a3480","aria-label":this.removalButtonLabel,class:"tag__removal-button",onClick:this.onRemove,tabIndex:"true"===this.el.ariaHidden?-1:void 0,type:"button"},s("swirl-icon-close",{key:"bc276c83d87e0a4c4fac1ebcb3106006dd65376b",size:16}))))}get el(){return o(this)}};h.style=":host{display:inline-flex;max-width:100%}:host *{box-sizing:border-box}.tag{display:inline-flex;max-width:100%;align-items:center;border-radius:var(--s-border-radius-s);color:var(--s-text-default);background-color:var(--swirl-tag-background-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);white-space:nowrap;gap:var(--s-space-4)}.tag--size-s{padding:var(--s-space-0) var(--s-space-4)}.tag--size-m{padding:var(--s-space-2) var(--s-space-8)}.tag--variant-outline{border-style:solid;border-width:var(--s-border-width-default);border-color:var(--s-border-strong)}.tag--variant-strong{color:var(--s-text-on-action-primary);background-color:var(--s-surface-neutral-default)}.tag--variant-strong .tag__removal-button{color:var(--s-icon-on-action-primary)}.tag--intent-info{color:var(--s-text-info);background-color:var(--s-surface-info-subdued)}.tag--intent-info .tag__removal-button{color:var(--s-icon-info)}.tag--intent-info.tag--variant-outline{border-color:var(--s-border-info)}.tag--intent-info.tag--variant-strong{color:var(--s-text-on-action-primary);background-color:var(--s-surface-info-default)}.tag--intent-info.tag--variant-strong .tag__removal-button{color:var(--s-icon-on-action-primary)}.tag--intent-critical{color:var(--s-text-critical);background-color:var(--s-surface-critical-subdued)}.tag--intent-critical .tag__removal-button{color:var(--s-icon-critical)}.tag--intent-critical.tag--variant-outline{border-color:var(--s-border-critical)}.tag--intent-critical.tag--variant-strong{color:var(--s-text-on-action-primary);background-color:var(--s-surface-critical-default)}.tag--intent-critical.tag--variant-strong .tag__removal-button{color:var(--s-icon-on-action-primary)}.tag--intent-warning{color:var(--s-text-warning);background-color:var(--s-surface-warning-subdued)}.tag--intent-warning .tag__removal-button{color:var(--s-icon-warning)}.tag--intent-warning.tag--variant-outline{border-color:var(--s-border-warning)}.tag--intent-warning.tag--variant-strong{color:var(--s-text-dark);background-color:var(--s-surface-warning-default)}.tag--intent-warning.tag--variant-strong .tag__removal-button{color:var(--s-icon-dark)}.tag--intent-success{color:var(--s-text-success);background-color:var(--s-surface-success-subdued)}.tag--intent-success .tag__removal-button{color:var(--s-icon-success)}.tag--intent-success.tag--variant-outline{border-color:var(--s-border-success)}.tag--intent-success.tag--variant-strong{color:var(--s-text-on-action-primary);background-color:var(--s-surface-success-default)}.tag--intent-success.tag--variant-strong .tag__removal-button{color:var(--s-icon-on-action-primary)}.tag--intent-special{color:var(--s-decorative-grape-text);background-color:var(--s-decorative-grape-surface-subdued)}.tag--intent-special .tag__removal-button{color:var(--s-decorative-grape-text)}.tag--intent-special.tag--variant-outline{border-color:var(--s-decorative-grape-text)}.tag--intent-special.tag--variant-strong{color:var(--s-text-on-action-primary);background-color:var(--s-decorative-grape-surface)}.tag--intent-special.tag--variant-strong .tag__removal-button{color:var(--s-icon-on-action-primary)}.tag--intent-translucent{color:var(--s-text-on-image);background-color:var(--s-surface-on-image-default)}.tag--intent-translucent .tag__removal-button{color:var(--s-icon-on-image)}.tag--intent-translucent.tag--variant-outline{border-color:var(--s-text-on-image)}.tag__icon{display:inline-flex;margin-left:calc(-1 * var(--s-space-4));flex-shrink:0;order:0}.tag--icon-position-end .tag__icon{margin-right:calc(-1 * var(--s-space-4));margin-left:0;order:2}.tag__label{overflow:hidden;min-width:0;white-space:nowrap;text-overflow:ellipsis;order:1}.tag__removal-button{display:inline-flex;margin-right:calc(-1 * var(--s-space-4));padding:0;border:none;color:var(--s-icon-strong);background-color:transparent;cursor:pointer;flex-shrink:0;order:3}.tag__removal-button:focus:not(:focus-visible){outline:none}.tag__removal-button:focus-visible{outline-color:var(--s-focus-default)}";export{l as swirl_option_list,h as swirl_tag}

package/dist/swirl-components/{p-6a3a0bbb.entry.js → p-896d79a5.entry.js}

@@ -1 +1 @@
-import{r as t,h as o,H as s,g as i}from"./p-ba3c3858.js";import{b as r}from"./p-0f3e0216.js";const e=class{constructor(o){t(this,o),this.onKeyDown=t=>{"ArrowDown"===t.code||"ArrowRight"===t.code?(t.preventDefault(),this.focusNextItem()):"ArrowUp"!==t.code&&"ArrowLeft"!==t.code||(t.preventDefault(),this.focusPreviousItem())},this.label=void 0,this.orientation="horizontal"}componentDidLoad(){const t=this.getItems();this.deactivateTabIndexes(t);const o=t[0]?.querySelector("button");Boolean(o)&&(o.tabIndex=0)}getItems(){return Array.from(this.el.querySelectorAll("swirl-button, swirl-chip"))}focusNextItem(){const t=this.getItems(),o=this.getActiveItemIndex(t);this.focusItem(t[(o+1)%t.length])}focusPreviousItem(){const t=this.getItems(),o=this.getActiveItemIndex(t);this.focusItem(t[0===o?t.length-1:o-1])}getActiveItemIndex(t){const o=r();return t.findIndex((t=>t===o?.closest("swirl-button, swirl-chip")))}focusItem(t){const o=this.getItems();if(this.deactivateTabIndexes(o),!Boolean(t))return;const s=t.querySelector("button");Boolean(s)&&(s.tabIndex=0,s.focus())}deactivateTabIndexes(t){t.forEach((t=>{const o=t.querySelector("button");Boolean(o)&&(o.tabIndex=-1)}))}render(){return o(s,{key:"0ecf4e7dbdddd65054c7bb330d65dd3b25db0c17"},o("swirl-stack",{key:"5627a2705583a78d2160dea68313ec1006a4b1d4",align:"center","aria-label":this.label,"aria-orientation":this.orientation,role:"toolbar",onKeyDown:this.onKeyDown,orientation:this.orientation,spacing:"8",wrap:!0},o("slot",{key:"030851de2134c50b17ca1d09d744f31d2b3f019f"})))}get el(){return i(this)}};e.style=":host{display:block}:host *{box-sizing:border-box}";export{e as swirl_toolbar}
+import{r as t,h as o,H as s,g as i}from"./p-ba3c3858.js";import{b as r}from"./p-5136b9f9.js";const e=class{constructor(o){t(this,o),this.onKeyDown=t=>{"ArrowDown"===t.code||"ArrowRight"===t.code?(t.preventDefault(),this.focusNextItem()):"ArrowUp"!==t.code&&"ArrowLeft"!==t.code||(t.preventDefault(),this.focusPreviousItem())},this.label=void 0,this.orientation="horizontal"}componentDidLoad(){const t=this.getItems();this.deactivateTabIndexes(t);const o=t[0]?.querySelector("button");Boolean(o)&&(o.tabIndex=0)}getItems(){return Array.from(this.el.querySelectorAll("swirl-button, swirl-chip"))}focusNextItem(){const t=this.getItems(),o=this.getActiveItemIndex(t);this.focusItem(t[(o+1)%t.length])}focusPreviousItem(){const t=this.getItems(),o=this.getActiveItemIndex(t);this.focusItem(t[0===o?t.length-1:o-1])}getActiveItemIndex(t){const o=r();return t.findIndex((t=>t===o?.closest("swirl-button, swirl-chip")))}focusItem(t){const o=this.getItems();if(this.deactivateTabIndexes(o),!Boolean(t))return;const s=t.querySelector("button");Boolean(s)&&(s.tabIndex=0,s.focus())}deactivateTabIndexes(t){t.forEach((t=>{const o=t.querySelector("button");Boolean(o)&&(o.tabIndex=-1)}))}render(){return o(s,{key:"0ecf4e7dbdddd65054c7bb330d65dd3b25db0c17"},o("swirl-stack",{key:"5627a2705583a78d2160dea68313ec1006a4b1d4",align:"center","aria-label":this.label,"aria-orientation":this.orientation,role:"toolbar",onKeyDown:this.onKeyDown,orientation:this.orientation,spacing:"8",wrap:!0},o("slot",{key:"030851de2134c50b17ca1d09d744f31d2b3f019f"})))}get el(){return i(this)}};e.style=":host{display:block}:host *{box-sizing:border-box}";export{e as swirl_toolbar}

package/dist/swirl-components/p-8d7ad114.entry.js

@@ -0,0 +1 @@
+import{r as a,c as t,h as r,H as i,g as b}from"./p-ba3c3858.js";import{c as s}from"./p-a5dce9e6.js";import{f as e}from"./p-5136b9f9.js";const l=class{constructor(r){a(this,r),this.activateNextTab=t(this,"activateNextTab",7),this.activatePreviousTab=t(this,"activatePreviousTab",7),this.activateTab=t(this,"activateTab",7),this.onKeyDown=a=>{"ArrowLeft"===a.code?(a.preventDefault(),this.focusAdjacentTab(!0),this.activatePreviousTab.emit()):"ArrowRight"===a.code&&(a.preventDefault(),this.focusAdjacentTab(!1),this.activateNextTab.emit())},this.disableTabSemantics=void 0,this.label=void 0,this.justify="start",this.paddingBlockEnd=void 0,this.paddingBlockStart=void 0,this.paddingInlineEnd=void 0,this.paddingInlineStart=void 0,this.tabs=[],this.variant="default"}focusAdjacentTab(a){const t=this.getTabs(),r=t.findIndex((a=>"true"===a.ariaSelected));t[e(a?r-1:r+1,t.length)].focus()}getTabs(){return Array.from(this.el.querySelectorAll('[role="tab"]'))}render(){const a=s("tab-bar",`tab-bar--justify-${this.justify}`,{"tab-bar--variant-pill":"pill"===this.variant,"tab-bar--variant-default":"default"===this.variant}),t={paddingInlineEnd:Boolean(this.paddingInlineEnd)?`var(--s-space-${this.paddingInlineEnd})`:void 0,paddingInlineStart:Boolean(this.paddingInlineStart)?`var(--s-space-${this.paddingInlineStart})`:void 0,paddingBlockEnd:Boolean(this.paddingBlockEnd)?`var(--s-space-${this.paddingBlockEnd})`:void 0,paddingBlockStart:Boolean(this.paddingBlockStart)?`var(--s-space-${this.paddingBlockStart})`:void 0};return r(i,{key:"deb50eba4e47565ae6338a5af43b7a0a1054e6b1"},r("div",{key:"75cc9b8e1ffbe76ff00165fb3428799fcd7ea2ac","aria-label":this.label,class:a,onKeyDown:this.onKeyDown,role:this.disableTabSemantics?void 0:"tablist",style:t},this.tabs.map((a=>{const t=s("tab-bar__tab",{"tab-bar__tab--active":a.active,"tab-bar__tab--variant-pill":"pill"===this.variant,"tab-bar__tab--variant-default":"default"===this.variant}),i=s("tab-bar__tab-label",{"tab-bar__tab-label--variant-pill":"pill"===this.variant});return r("button",{"aria-controls":this.disableTabSemantics?void 0:a.id,"aria-selected":this.disableTabSemantics?void 0:a.active?"true":"false",class:t,id:`tab-${a.id}`,key:a.id,onClick:()=>this.activateTab.emit(a.id),role:this.disableTabSemantics?void 0:"tab",tabIndex:this.disableTabSemantics?void 0:a.active?0:-1,type:"button"},a.icon&&r("span",{class:"tab-bar__tab-icon",innerHTML:a.icon}),r("span",{class:i},a.label))}))))}get el(){return b(this)}};l.style='.sc-swirl-tab-bar-h{display:flex;height:var(--swirl-tab-bar-height)}.sc-swirl-tab-bar-h *.sc-swirl-tab-bar{box-sizing:border-box}.tab-bar.sc-swirl-tab-bar{position:relative;display:flex;width:100%;justify-content:flex-start;overflow-x:auto;scrollbar-width:none}.tab-bar.tab-bar--variant-default.sc-swirl-tab-bar{border-bottom:var(--swirl-tab-bar-border-width) solid\n      var(--s-border-default)}.tab-bar.tab-bar--variant-pill.sc-swirl-tab-bar{gap:var(--s-space-8)}.tab-bar--justify-evenly.sc-swirl-tab-bar>*.sc-swirl-tab-bar{flex:1}.tab-bar__tab.sc-swirl-tab-bar{position:relative;display:flex;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;margin:0;align-items:center;border:none;font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-lg);cursor:pointer;justify-content:center}.tab-bar__tab.tab-bar__tab--variant-default.sc-swirl-tab-bar{background-color:transparent;color:var(--s-interactive-neutral-default);padding:var(--s-space-4) var(--s-space-8)}.tab-bar__tab.tab-bar__tab--variant-default.sc-swirl-tab-bar:not(.tab-bar__tab--active):hover:after{position:absolute;bottom:0;left:50%;width:calc(100% - var(--s-space-8));height:0.1875rem;border-radius:0.125rem;background-color:var(--s-border-default);content:"";transform:translateX(-50%);pointer-events:none}.tab-bar__tab.tab-bar__tab--variant-default.tab-bar__tab--active.sc-swirl-tab-bar{color:var(--s-text-highlight)}.tab-bar__tab.tab-bar__tab--variant-default.tab-bar__tab--active.sc-swirl-tab-bar:after{position:absolute;bottom:0;left:50%;width:calc(100% - var(--s-space-8));height:0.1875rem;border-radius:0.125rem;background-color:var(--s-border-highlight);content:"";transform:translateX(-50%);pointer-events:none}.tab-bar__tab.tab-bar__tab--variant-default.sc-swirl-tab-bar:focus{outline:none}.tab-bar__tab.tab-bar__tab--variant-default.sc-swirl-tab-bar:focus-visible .tab-bar__tab-label.sc-swirl-tab-bar{border-radius:var(--s-border-radius-s);box-shadow:inset 0 0 0 0.125rem var(--s-focus-default)}.tab-bar__tab.tab-bar__tab--variant-pill.sc-swirl-tab-bar{border-radius:var(--s-border-radius-full-round);background:var(--s-action-neutral-default);color:var(--s-text-default);padding:var(--s-space-8) var(--s-space-16);gap:var(--s-space-8)}.tab-bar__tab.tab-bar__tab--variant-pill.sc-swirl-tab-bar:hover{background:var(--s-action-neutral-hovered)}.tab-bar__tab.tab-bar__tab--variant-pill.sc-swirl-tab-bar:active{background:var(--s-action-neutral-pressed)}.tab-bar__tab.tab-bar__tab--variant-pill.tab-bar__tab--active.sc-swirl-tab-bar{background:var(--s-action-primary-default);color:var(--s-text-on-action-primary)}.tab-bar__tab.tab-bar__tab--variant-pill.sc-swirl-tab-bar:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tab-bar__tab.sc-swirl-tab-bar{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);padding:calc(var(--s-space-4) + var(--s-space-2)) var(--s-space-8)}}.tab-bar__tab-icon.sc-swirl-tab-bar{display:inline-flex}.tab-bar__tab-label.sc-swirl-tab-bar{display:inline-flex;padding:var(--s-space-8) var(--s-space-8);text-align:center}.tab-bar__tab-label.tab-bar__tab-label--variant-pill.sc-swirl-tab-bar{padding:0}';export{l as swirl_tab_bar}

package/dist/swirl-components/{p-6ccc3c41.entry.js → p-917fbbd8.entry.js}

@@ -1 +1 @@
-import{r as e,h as i,F as s,H as r}from"./p-ba3c3858.js";import{c as n}from"./p-a5dce9e6.js";import{g as t}from"./p-0f3e0216.js";const a=class{constructor(i){e(this,i),this.color=void 0,this.size=24}render(){const e=20===this.size?24:this.size,r={color:Boolean(this.color)?`var(--s-icon-${this.color})`:void 0},t=n("swirl-icon",`swirl-icon--size-${this.size}`);return i("svg",{key:"f770a2a9a3cc5796a4edf0c23881084c049168d7","aria-hidden":"true",class:t,fill:"none",height:this.size,part:"icon",style:r,viewBox:`0 0 ${e} ${e}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},16===this.size&&i(s,{key:"7c5ffb84d9890a0eb06d73f39d76eca362ab35dc"},i("path",{key:"47c8afe2e2f2b226943341159b1c5a1a793195d9",d:"M6.05 14C5.87222 14 5.70267 13.9667 5.54133 13.9C5.38044 13.8333 5.23889 13.7389 5.11667 13.6167L2.38333 10.8833C2.26111 10.7611 2.16667 10.6196 2.1 10.4587C2.03333 10.2973 2 10.1278 2 9.95V6.05C2 5.87222 2.03333 5.70267 2.1 5.54133C2.16667 5.38044 2.26111 5.23889 2.38333 5.11667L5.11667 2.38333C5.23889 2.26111 5.38044 2.16667 5.54133 2.1C5.70267 2.03333 5.87222 2 6.05 2H9.95C10.1278 2 10.2973 2.03333 10.4587 2.1C10.6196 2.16667 10.7611 2.26111 10.8833 2.38333L13.6167 5.11667C13.7389 5.23889 13.8333 5.38044 13.9 5.54133C13.9667 5.70267 14 5.87222 14 6.05V9.95C14 10.1278 13.9667 10.2973 13.9 10.4587C13.8333 10.6196 13.7389 10.7611 13.6167 10.8833L10.8833 13.6167C10.7611 13.7389 10.6196 13.8333 10.4587 13.9C10.2973 13.9667 10.1278 14 9.95 14H6.05ZM8 11.3333C8.18889 11.3333 8.34733 11.2693 8.47533 11.1413C8.60289 11.0138 8.66667 10.8556 8.66667 10.6667C8.66667 10.4778 8.60289 10.3193 8.47533 10.1913C8.34733 10.0638 8.18889 10 8 10C7.81111 10 7.65289 10.0638 7.52533 10.1913C7.39733 10.3193 7.33333 10.4778 7.33333 10.6667C7.33333 10.8556 7.39733 11.0138 7.52533 11.1413C7.65289 11.2693 7.81111 11.3333 8 11.3333ZM8 8.66667C8.18889 8.66667 8.34733 8.60267 8.47533 8.47467C8.60289 8.34711 8.66667 8.18889 8.66667 8V5.33333C8.66667 5.14444 8.60289 4.986 8.47533 4.858C8.34733 4.73044 8.18889 4.66667 8 4.66667C7.81111 4.66667 7.65289 4.73044 7.52533 4.858C7.39733 4.986 7.33333 5.14444 7.33333 5.33333V8C7.33333 8.18889 7.39733 8.34711 7.52533 8.47467C7.65289 8.60267 7.81111 8.66667 8 8.66667ZM6.06667 12.6667H9.93333L12.6667 9.93333V6.06667L9.93333 3.33333H6.06667L3.33333 6.06667V9.93333L6.06667 12.6667Z",fill:"currentColor"})),(20===this.size||24===this.size)&&i(s,{key:"b3a9b5c405ef649b904cb9e3917aba81748537fe"},i("path",{key:"ada7d1b884fcdfc088b90293706fc87b2ebf94d9",d:"M9.075 21C8.80833 21 8.554 20.95 8.312 20.85C8.07067 20.75 7.85833 20.6083 7.675 20.425L3.575 16.325C3.39167 16.1417 3.25 15.9293 3.15 15.688C3.05 15.446 3 15.1917 3 14.925V9.075C3 8.80833 3.05 8.554 3.15 8.312C3.25 8.07067 3.39167 7.85833 3.575 7.675L7.675 3.575C7.85833 3.39167 8.07067 3.25 8.312 3.15C8.554 3.05 8.80833 3 9.075 3H14.925C15.1917 3 15.446 3.05 15.688 3.15C15.9293 3.25 16.1417 3.39167 16.325 3.575L20.425 7.675C20.6083 7.85833 20.75 8.07067 20.85 8.312C20.95 8.554 21 8.80833 21 9.075V14.925C21 15.1917 20.95 15.446 20.85 15.688C20.75 15.9293 20.6083 16.1417 20.425 16.325L16.325 20.425C16.1417 20.6083 15.9293 20.75 15.688 20.85C15.446 20.95 15.1917 21 14.925 21H9.075ZM12 17C12.2833 17 12.521 16.904 12.713 16.712C12.9043 16.5207 13 16.2833 13 16C13 15.7167 12.9043 15.479 12.713 15.287C12.521 15.0957 12.2833 15 12 15C11.7167 15 11.4793 15.0957 11.288 15.287C11.096 15.479 11 15.7167 11 16C11 16.2833 11.096 16.5207 11.288 16.712C11.4793 16.904 11.7167 17 12 17ZM12 13C12.2833 13 12.521 12.904 12.713 12.712C12.9043 12.5207 13 12.2833 13 12V8C13 7.71667 12.9043 7.479 12.713 7.287C12.521 7.09567 12.2833 7 12 7C11.7167 7 11.4793 7.09567 11.288 7.287C11.096 7.479 11 7.71667 11 8V12C11 12.2833 11.096 12.5207 11.288 12.712C11.4793 12.904 11.7167 13 12 13ZM9.1 19H14.9L19 14.9V9.1L14.9 5H9.1L5 9.1V14.9L9.1 19Z",fill:"currentColor"})),28===this.size&&i(s,{key:"af4330481f36bc656ac8e88c59656105db67f754"},i("path",{key:"563966552aef447a6073d389c01b3330bff7aa63",d:"M10.5875 24.5C10.2764 24.5 9.97967 24.4417 9.69733 24.325C9.41578 24.2083 9.16806 24.0431 8.95417 23.8292L4.17083 19.0458C3.95694 18.8319 3.79167 18.5842 3.675 18.3027C3.55833 18.0203 3.5 17.7236 3.5 17.4125V10.5875C3.5 10.2764 3.55833 9.97967 3.675 9.69733C3.79167 9.41578 3.95694 9.16806 4.17083 8.95417L8.95417 4.17083C9.16806 3.95694 9.41578 3.79167 9.69733 3.675C9.97967 3.55833 10.2764 3.5 10.5875 3.5H17.4125C17.7236 3.5 18.0203 3.55833 18.3027 3.675C18.5842 3.79167 18.8319 3.95694 19.0458 4.17083L23.8292 8.95417C24.0431 9.16806 24.2083 9.41578 24.325 9.69733C24.4417 9.97967 24.5 10.2764 24.5 10.5875V17.4125C24.5 17.7236 24.4417 18.0203 24.325 18.3027C24.2083 18.5842 24.0431 18.8319 23.8292 19.0458L19.0458 23.8292C18.8319 24.0431 18.5842 24.2083 18.3027 24.325C18.0203 24.4417 17.7236 24.5 17.4125 24.5H10.5875ZM14 19.8333C14.3306 19.8333 14.6078 19.7213 14.8318 19.4973C15.0551 19.2741 15.1667 18.9972 15.1667 18.6667C15.1667 18.3361 15.0551 18.0588 14.8318 17.8348C14.6078 17.6116 14.3306 17.5 14 17.5C13.6694 17.5 13.3926 17.6116 13.1693 17.8348C12.9453 18.0588 12.8333 18.3361 12.8333 18.6667C12.8333 18.9972 12.9453 19.2741 13.1693 19.4973C13.3926 19.7213 13.6694 19.8333 14 19.8333ZM14 15.1667C14.3306 15.1667 14.6078 15.0547 14.8318 14.8307C15.0551 14.6074 15.1667 14.3306 15.1667 14V9.33333C15.1667 9.00278 15.0551 8.7255 14.8318 8.5015C14.6078 8.27828 14.3306 8.16667 14 8.16667C13.6694 8.16667 13.3926 8.27828 13.1693 8.5015C12.9453 8.7255 12.8333 9.00278 12.8333 9.33333V14C12.8333 14.3306 12.9453 14.6074 13.1693 14.8307C13.3926 15.0547 13.6694 15.1667 14 15.1667ZM10.6167 22.1667H17.3833L22.1667 17.3833V10.6167L17.3833 5.83333H10.6167L5.83333 10.6167V17.3833L10.6167 22.1667Z",fill:"currentColor"})))}};a.style=":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";const o=class{constructor(i){e(this,i),this.desktopMediaQuery=t(),this.desktopMediaQueryHandler=e=>{this.forceIconProps(e.matches)},this.message=void 0,this.size="m"}componentDidLoad(){this.forceIconProps(this.desktopMediaQuery.matches),this.desktopMediaQuery.onchange=this.desktopMediaQueryHandler}disconnectedCallback(){this.desktopMediaQuery.removeEventListener?.("change",this.desktopMediaQueryHandler)}forceIconProps(e){if(!Boolean(this.iconEl))return;const i=this.iconEl.children[0];let s="24";"s"===this.size?s="16":e&&(s="20"),i?.setAttribute("size",s)}render(){const e=n("inline-error",`inline-error--size-${this.size}`);return i(r,{key:"72e44163a98f567986f7a6616b67576db191d566"},i("span",{key:"9855ecc87c1d5a210426615004589b6c539e5a89",class:e,part:"inline-error"},i("span",{key:"4bf4317da78e68630e3371156ed02046269748a1",class:"inline-error__icon",ref:e=>this.iconEl=e},i("swirl-icon-error",{key:"57626d7a6bd623e01ec909de69ff62eba07c8b37"})),i("span",{key:"2203e6d6fd5cf6db3bbb29f7a42f50052729503b",class:"inline-error__message"},this.message)))}};o.style=":host{display:inline-flex}:host *{box-sizing:border-box}.inline-error{display:inline-flex;color:var(--s-text-critical);line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.inline-error{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.inline-error--size-s{font-size:var(--s-font-size-sm)}.inline-error--size-s .inline-error__icon{width:1rem;height:1rem;margin-top:0.125rem}.inline-error--size-s .inline-error__message{padding-top:0}.inline-error__icon{display:inline-flex;width:1.5rem;height:1.5rem;color:var(--s-icon-critical);align-self:flex-start}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.inline-error__icon{width:1.25rem;height:1.25rem}}.inline-error__message{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-left:var(--s-space-4);padding-top:0.0625rem;white-space:pre-line}";const c=class{constructor(i){e(this,i),this.label=void 0,this.size="m"}render(){const e=n("spinner",`spinner--size-${this.size}`);return i(r,{key:"b64c524d4d79adf7c0960d7e55b9a67a7f3c7526"},i("span",{key:"27ee1f23c5439675bb3a68892530986a38b94067",class:e,role:Boolean(this.label)?"status":void 0},i("svg",{key:"e6fbf0efbac58dbffb387e436e120dad0375a08c","aria-hidden":"true",class:"spinner__indicator",focusable:"false",viewBox:"0 0 50 50"},i("circle",{key:"840127a7ede46539ecb09ca26f933c0539ca2194",class:"spinner__background",cx:"25",cy:"25",r:"20",fill:"none","stroke-width":"4"}),i("circle",{key:"bb6d985acf3dc3a8797139f1cf6e95eafaf81116",class:"spinner__circle",cx:"25",cy:"25",r:"20",fill:"none","stroke-width":"4"})),this.label&&i("swirl-visually-hidden",{key:"89d3b45b1170f0d23eda7b13b73f706d74b22935"},i("span",{key:"3e5e4e7a21b8e7c89d25c4402cbd50b030e1afce",class:"spinner__label"},this.label))))}};c.style=":host{display:inline-flex}:host *{box-sizing:border-box}.spinner{position:relative;display:inline-flex;overflow:hidden;width:2.25rem;height:2.25rem}.spinner--size-xs,.spinner--size-20{width:1.25rem;height:1.25rem}.spinner--size-xs .spinner__circle,.spinner--size-20 .spinner__circle{stroke-width:0.1875rem}.spinner--size-s,.spinner--size-24{width:1.5rem;height:1.5rem}.spinner--size-s .spinner__circle,.spinner--size-24 .spinner__circle{stroke-width:0.1875rem}.spinner__indicator{position:absolute;inset:0;width:100%;height:100%;transform-origin:center center;animation:spinner-rotate 2s linear infinite}.spinner__background{stroke:var(--s-border-default);stroke-linecap:round}.spinner__circle{animation:spinner-dash 1.5s ease-in-out infinite;stroke:var(--s-interactive-primary-default);stroke-dasharray:1, 200;stroke-dashoffset:0;stroke-linecap:round}@keyframes spinner-rotate{100%{transform:rotate(360deg)}}@keyframes spinner-dash{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124}}";export{a as swirl_icon_error,o as swirl_inline_error,c as swirl_spinner}
+import{r as e,h as i,F as s,H as r}from"./p-ba3c3858.js";import{c as n}from"./p-a5dce9e6.js";import{g as t}from"./p-5136b9f9.js";const a=class{constructor(i){e(this,i),this.color=void 0,this.size=24}render(){const e=20===this.size?24:this.size,r={color:Boolean(this.color)?`var(--s-icon-${this.color})`:void 0},t=n("swirl-icon",`swirl-icon--size-${this.size}`);return i("svg",{key:"f770a2a9a3cc5796a4edf0c23881084c049168d7","aria-hidden":"true",class:t,fill:"none",height:this.size,part:"icon",style:r,viewBox:`0 0 ${e} ${e}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},16===this.size&&i(s,{key:"7c5ffb84d9890a0eb06d73f39d76eca362ab35dc"},i("path",{key:"47c8afe2e2f2b226943341159b1c5a1a793195d9",d:"M6.05 14C5.87222 14 5.70267 13.9667 5.54133 13.9C5.38044 13.8333 5.23889 13.7389 5.11667 13.6167L2.38333 10.8833C2.26111 10.7611 2.16667 10.6196 2.1 10.4587C2.03333 10.2973 2 10.1278 2 9.95V6.05C2 5.87222 2.03333 5.70267 2.1 5.54133C2.16667 5.38044 2.26111 5.23889 2.38333 5.11667L5.11667 2.38333C5.23889 2.26111 5.38044 2.16667 5.54133 2.1C5.70267 2.03333 5.87222 2 6.05 2H9.95C10.1278 2 10.2973 2.03333 10.4587 2.1C10.6196 2.16667 10.7611 2.26111 10.8833 2.38333L13.6167 5.11667C13.7389 5.23889 13.8333 5.38044 13.9 5.54133C13.9667 5.70267 14 5.87222 14 6.05V9.95C14 10.1278 13.9667 10.2973 13.9 10.4587C13.8333 10.6196 13.7389 10.7611 13.6167 10.8833L10.8833 13.6167C10.7611 13.7389 10.6196 13.8333 10.4587 13.9C10.2973 13.9667 10.1278 14 9.95 14H6.05ZM8 11.3333C8.18889 11.3333 8.34733 11.2693 8.47533 11.1413C8.60289 11.0138 8.66667 10.8556 8.66667 10.6667C8.66667 10.4778 8.60289 10.3193 8.47533 10.1913C8.34733 10.0638 8.18889 10 8 10C7.81111 10 7.65289 10.0638 7.52533 10.1913C7.39733 10.3193 7.33333 10.4778 7.33333 10.6667C7.33333 10.8556 7.39733 11.0138 7.52533 11.1413C7.65289 11.2693 7.81111 11.3333 8 11.3333ZM8 8.66667C8.18889 8.66667 8.34733 8.60267 8.47533 8.47467C8.60289 8.34711 8.66667 8.18889 8.66667 8V5.33333C8.66667 5.14444 8.60289 4.986 8.47533 4.858C8.34733 4.73044 8.18889 4.66667 8 4.66667C7.81111 4.66667 7.65289 4.73044 7.52533 4.858C7.39733 4.986 7.33333 5.14444 7.33333 5.33333V8C7.33333 8.18889 7.39733 8.34711 7.52533 8.47467C7.65289 8.60267 7.81111 8.66667 8 8.66667ZM6.06667 12.6667H9.93333L12.6667 9.93333V6.06667L9.93333 3.33333H6.06667L3.33333 6.06667V9.93333L6.06667 12.6667Z",fill:"currentColor"})),(20===this.size||24===this.size)&&i(s,{key:"b3a9b5c405ef649b904cb9e3917aba81748537fe"},i("path",{key:"ada7d1b884fcdfc088b90293706fc87b2ebf94d9",d:"M9.075 21C8.80833 21 8.554 20.95 8.312 20.85C8.07067 20.75 7.85833 20.6083 7.675 20.425L3.575 16.325C3.39167 16.1417 3.25 15.9293 3.15 15.688C3.05 15.446 3 15.1917 3 14.925V9.075C3 8.80833 3.05 8.554 3.15 8.312C3.25 8.07067 3.39167 7.85833 3.575 7.675L7.675 3.575C7.85833 3.39167 8.07067 3.25 8.312 3.15C8.554 3.05 8.80833 3 9.075 3H14.925C15.1917 3 15.446 3.05 15.688 3.15C15.9293 3.25 16.1417 3.39167 16.325 3.575L20.425 7.675C20.6083 7.85833 20.75 8.07067 20.85 8.312C20.95 8.554 21 8.80833 21 9.075V14.925C21 15.1917 20.95 15.446 20.85 15.688C20.75 15.9293 20.6083 16.1417 20.425 16.325L16.325 20.425C16.1417 20.6083 15.9293 20.75 15.688 20.85C15.446 20.95 15.1917 21 14.925 21H9.075ZM12 17C12.2833 17 12.521 16.904 12.713 16.712C12.9043 16.5207 13 16.2833 13 16C13 15.7167 12.9043 15.479 12.713 15.287C12.521 15.0957 12.2833 15 12 15C11.7167 15 11.4793 15.0957 11.288 15.287C11.096 15.479 11 15.7167 11 16C11 16.2833 11.096 16.5207 11.288 16.712C11.4793 16.904 11.7167 17 12 17ZM12 13C12.2833 13 12.521 12.904 12.713 12.712C12.9043 12.5207 13 12.2833 13 12V8C13 7.71667 12.9043 7.479 12.713 7.287C12.521 7.09567 12.2833 7 12 7C11.7167 7 11.4793 7.09567 11.288 7.287C11.096 7.479 11 7.71667 11 8V12C11 12.2833 11.096 12.5207 11.288 12.712C11.4793 12.904 11.7167 13 12 13ZM9.1 19H14.9L19 14.9V9.1L14.9 5H9.1L5 9.1V14.9L9.1 19Z",fill:"currentColor"})),28===this.size&&i(s,{key:"af4330481f36bc656ac8e88c59656105db67f754"},i("path",{key:"563966552aef447a6073d389c01b3330bff7aa63",d:"M10.5875 24.5C10.2764 24.5 9.97967 24.4417 9.69733 24.325C9.41578 24.2083 9.16806 24.0431 8.95417 23.8292L4.17083 19.0458C3.95694 18.8319 3.79167 18.5842 3.675 18.3027C3.55833 18.0203 3.5 17.7236 3.5 17.4125V10.5875C3.5 10.2764 3.55833 9.97967 3.675 9.69733C3.79167 9.41578 3.95694 9.16806 4.17083 8.95417L8.95417 4.17083C9.16806 3.95694 9.41578 3.79167 9.69733 3.675C9.97967 3.55833 10.2764 3.5 10.5875 3.5H17.4125C17.7236 3.5 18.0203 3.55833 18.3027 3.675C18.5842 3.79167 18.8319 3.95694 19.0458 4.17083L23.8292 8.95417C24.0431 9.16806 24.2083 9.41578 24.325 9.69733C24.4417 9.97967 24.5 10.2764 24.5 10.5875V17.4125C24.5 17.7236 24.4417 18.0203 24.325 18.3027C24.2083 18.5842 24.0431 18.8319 23.8292 19.0458L19.0458 23.8292C18.8319 24.0431 18.5842 24.2083 18.3027 24.325C18.0203 24.4417 17.7236 24.5 17.4125 24.5H10.5875ZM14 19.8333C14.3306 19.8333 14.6078 19.7213 14.8318 19.4973C15.0551 19.2741 15.1667 18.9972 15.1667 18.6667C15.1667 18.3361 15.0551 18.0588 14.8318 17.8348C14.6078 17.6116 14.3306 17.5 14 17.5C13.6694 17.5 13.3926 17.6116 13.1693 17.8348C12.9453 18.0588 12.8333 18.3361 12.8333 18.6667C12.8333 18.9972 12.9453 19.2741 13.1693 19.4973C13.3926 19.7213 13.6694 19.8333 14 19.8333ZM14 15.1667C14.3306 15.1667 14.6078 15.0547 14.8318 14.8307C15.0551 14.6074 15.1667 14.3306 15.1667 14V9.33333C15.1667 9.00278 15.0551 8.7255 14.8318 8.5015C14.6078 8.27828 14.3306 8.16667 14 8.16667C13.6694 8.16667 13.3926 8.27828 13.1693 8.5015C12.9453 8.7255 12.8333 9.00278 12.8333 9.33333V14C12.8333 14.3306 12.9453 14.6074 13.1693 14.8307C13.3926 15.0547 13.6694 15.1667 14 15.1667ZM10.6167 22.1667H17.3833L22.1667 17.3833V10.6167L17.3833 5.83333H10.6167L5.83333 10.6167V17.3833L10.6167 22.1667Z",fill:"currentColor"})))}};a.style=":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";const o=class{constructor(i){e(this,i),this.desktopMediaQuery=t(),this.desktopMediaQueryHandler=e=>{this.forceIconProps(e.matches)},this.message=void 0,this.size="m"}componentDidLoad(){this.forceIconProps(this.desktopMediaQuery.matches),this.desktopMediaQuery.onchange=this.desktopMediaQueryHandler}disconnectedCallback(){this.desktopMediaQuery.removeEventListener?.("change",this.desktopMediaQueryHandler)}forceIconProps(e){if(!Boolean(this.iconEl))return;const i=this.iconEl.children[0];let s="24";"s"===this.size?s="16":e&&(s="20"),i?.setAttribute("size",s)}render(){const e=n("inline-error",`inline-error--size-${this.size}`);return i(r,{key:"72e44163a98f567986f7a6616b67576db191d566"},i("span",{key:"9855ecc87c1d5a210426615004589b6c539e5a89",class:e,part:"inline-error"},i("span",{key:"4bf4317da78e68630e3371156ed02046269748a1",class:"inline-error__icon",ref:e=>this.iconEl=e},i("swirl-icon-error",{key:"57626d7a6bd623e01ec909de69ff62eba07c8b37"})),i("span",{key:"2203e6d6fd5cf6db3bbb29f7a42f50052729503b",class:"inline-error__message"},this.message)))}};o.style=":host{display:inline-flex}:host *{box-sizing:border-box}.inline-error{display:inline-flex;color:var(--s-text-critical);line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.inline-error{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.inline-error--size-s{font-size:var(--s-font-size-sm)}.inline-error--size-s .inline-error__icon{width:1rem;height:1rem;margin-top:0.125rem}.inline-error--size-s .inline-error__message{padding-top:0}.inline-error__icon{display:inline-flex;width:1.5rem;height:1.5rem;color:var(--s-icon-critical);align-self:flex-start}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.inline-error__icon{width:1.25rem;height:1.25rem}}.inline-error__message{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-left:var(--s-space-4);padding-top:0.0625rem;white-space:pre-line}";const c=class{constructor(i){e(this,i),this.label=void 0,this.size="m"}render(){const e=n("spinner",`spinner--size-${this.size}`);return i(r,{key:"b64c524d4d79adf7c0960d7e55b9a67a7f3c7526"},i("span",{key:"27ee1f23c5439675bb3a68892530986a38b94067",class:e,role:Boolean(this.label)?"status":void 0},i("svg",{key:"e6fbf0efbac58dbffb387e436e120dad0375a08c","aria-hidden":"true",class:"spinner__indicator",focusable:"false",viewBox:"0 0 50 50"},i("circle",{key:"840127a7ede46539ecb09ca26f933c0539ca2194",class:"spinner__background",cx:"25",cy:"25",r:"20",fill:"none","stroke-width":"4"}),i("circle",{key:"bb6d985acf3dc3a8797139f1cf6e95eafaf81116",class:"spinner__circle",cx:"25",cy:"25",r:"20",fill:"none","stroke-width":"4"})),this.label&&i("swirl-visually-hidden",{key:"89d3b45b1170f0d23eda7b13b73f706d74b22935"},i("span",{key:"3e5e4e7a21b8e7c89d25c4402cbd50b030e1afce",class:"spinner__label"},this.label))))}};c.style=":host{display:inline-flex}:host *{box-sizing:border-box}.spinner{position:relative;display:inline-flex;overflow:hidden;width:2.25rem;height:2.25rem}.spinner--size-xs,.spinner--size-20{width:1.25rem;height:1.25rem}.spinner--size-xs .spinner__circle,.spinner--size-20 .spinner__circle{stroke-width:0.1875rem}.spinner--size-s,.spinner--size-24{width:1.5rem;height:1.5rem}.spinner--size-s .spinner__circle,.spinner--size-24 .spinner__circle{stroke-width:0.1875rem}.spinner__indicator{position:absolute;inset:0;width:100%;height:100%;transform-origin:center center;animation:spinner-rotate 2s linear infinite}.spinner__background{stroke:var(--s-border-default);stroke-linecap:round}.spinner__circle{animation:spinner-dash 1.5s ease-in-out infinite;stroke:var(--s-interactive-primary-default);stroke-dasharray:1, 200;stroke-dashoffset:0;stroke-linecap:round}@keyframes spinner-rotate{100%{transform:rotate(360deg)}}@keyframes spinner-dash{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124}}";export{a as swirl_icon_error,o as swirl_inline_error,c as swirl_spinner}

package/dist/swirl-components/{p-3400acf0.entry.js → p-9536fdc4.entry.js}

@@ -1 +1 @@
-import{r as n,c as e,h as t,H as i,g as a}from"./p-ba3c3858.js";import{c as s}from"./p-a5dce9e6.js";import{g as r}from"./p-0f3e0216.js";const o={default:void 0,critical:"<swirl-icon-error></swirl-icon-error>",success:"<swirl-icon-check-circle></swirl-icon-check-circle>",warning:"<swirl-icon-warning></swirl-icon-warning>",info:"<swirl-icon-info></swirl-icon-info>"},c=class{constructor(t){n(this,t),this.action=e(this,"action",7),this.dismiss=e(this,"dismiss",7),this.desktopMediaQuery=r(),this.desktopMediaQueryHandler=n=>{this.forceIconProps(n.matches)},this.onAction=n=>{this.action.emit(n)},this.onDismiss=n=>{this.dismiss.emit(n)},this.actionLabel=void 0,this.content=void 0,this.dismissable=!1,this.dismissLabel="Dismiss",this.importance="status",this.intent="default",this.showIcon=!1,this.icon=void 0,this.size="m"}componentDidLoad(){this.forceIconProps(this.desktopMediaQuery.matches),this.desktopMediaQuery.onchange=this.desktopMediaQueryHandler}disconnectedCallback(){this.desktopMediaQuery.removeEventListener?.("change",this.desktopMediaQueryHandler)}forceIconProps(n){const e=this.iconEl?.children[0],t=this.dismissButtonEl?.children[0];e?.setAttribute("size",n?"20":"24"),t?.setAttribute("size",n?"20":"24")}determineIcon(){return this.icon?this.icon:o[this.intent]}render(){const n=this.determineIcon(),e=Boolean(this.actionLabel)||this.dismissable,a=this.icon||this.showIcon&&Boolean(n),r=s("banner",`banner--intent-${this.intent}`,`banner--size-${this.size}`,{"banner--has-icon":a});return t(i,{key:"e738d297a3c16fec81cb03bbcc0eec4b18fffe10"},t("div",{key:"731ebb82ec0f46beea8aca6b9dbc305f18cab5ce","aria-describedby":"content",class:r,role:this.importance,tabIndex:0},t("div",{key:"f817862b889d81a440725024a2632a8a532e425b",class:"banner__content",id:"content",part:"banner__content"},a&&t("span",{key:"3022fbf7fc75fa93e5c01cc2697f0276d7d39618","aria-hidden":"true",class:"banner__icon",innerHTML:n,ref:n=>this.iconEl=n}),t("span",{key:"89e76fcf3bd2099011359bfc27d02f3e06a34959",class:"banner__text"},this.content)),e&&t("div",{key:"8e46586058861b274a00b7872c16858a2685bb1b",class:"banner__controls"},this.actionLabel&&t("button",{key:"508bd8be18739c3c02309b31ed7e3c5053095a3c",class:"banner__action-button",onClick:this.onAction,part:"banner__action-button",type:"button"},this.actionLabel),this.dismissable&&t("button",{key:"8bea66c5271fd11dea470ffc61b33bd476170aa3","aria-label":this.dismissLabel,class:"banner__dismiss-button",onClick:this.onDismiss,part:"banner__dismiss-button",ref:n=>this.dismissButtonEl=n,type:"button"},t("swirl-icon-close",{key:"a9fbe97bcddf9cef64d2b97adb92f97c943d05d9"})))))}get element(){return a(this)}};c.style=":host{display:block}:host *{box-sizing:border-box}.banner{display:flex;align-items:flex-start;gap:var(--s-space-16);max-width:100%;min-height:3.5rem;padding:var(--s-space-16)}.banner:focus:not(:focus-visible){outline:none}.banner:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-4)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner{padding:var(--s-space-16);min-height:3.25rem}}.banner--size-s{padding:var(--s-space-8);justify-content:center}.banner--size-s .banner__content{flex-grow:0;text-align:center}.banner--size-s .banner__controls{margin-left:0}.banner--intent-default .banner__icon,.banner--intent-default .banner__content,.banner--intent-default .banner__action-button,.banner--intent-default .banner__dismiss-button,.banner--intent-critical .banner__icon,.banner--intent-critical .banner__content,.banner--intent-critical .banner__action-button,.banner--intent-critical .banner__dismiss-button,.banner--intent-success .banner__icon,.banner--intent-success .banner__content,.banner--intent-success .banner__action-button,.banner--intent-success .banner__dismiss-button,.banner--intent-info .banner__icon,.banner--intent-info .banner__content,.banner--intent-info .banner__action-button,.banner--intent-info .banner__dismiss-button{color:var(--s-text-on-status)}.banner--intent-default{background-color:var(--s-surface-neutral-default)}.banner--intent-critical{background-color:var(--s-surface-critical-default)}.banner--intent-success{background-color:var(--s-surface-success-default)}.banner--intent-info{background-color:var(--s-surface-info-default)}.banner--intent-warning{background-color:var(--s-surface-warning-default)}.banner--intent-warning .banner__icon{color:var(--s-icon-strong)}.banner--intent-warning .banner__content,.banner--intent-warning .banner__action-button,.banner--intent-warning .banner__dismiss-button{color:var(--s-text-default)}.banner__content{display:flex;align-items:flex-start;min-height:1.5rem;flex-grow:1;line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner__content{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);min-height:1.25rem}}.banner__icon{display:none;width:1.5rem;height:1.5rem;margin-right:var(--s-space-8);flex-shrink:0;color:var(--s-icon-on-status)}@media (min-width: 375px){.banner__icon{display:inline-flex}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner__icon{width:1.25rem;height:1.25rem}}.banner__text{min-height:1.5rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner__text{min-height:1.25rem}}.banner__controls{display:inline-flex;flex-shrink:0;align-items:flex-start;line-height:var(--s-line-height-base);gap:var(--s-space-16)}@media (min-width: 768px){.banner__controls{gap:var(--s-space-24)}}.banner__action-button,.banner__dismiss-button{display:inline-flex;overflow:hidden;max-width:7rem;height:1.5rem;padding:0;flex-shrink:0;align-items:center;border:none;background-color:transparent;font:inherit;font-weight:var(--s-font-weight-semibold);white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.banner__action-button:focus,.banner__dismiss-button:focus{outline-color:var(--s-focus-default)}@media (min-width: 768px){.banner__action-button,.banner__dismiss-button{max-width:12rem}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner__action-button,.banner__dismiss-button{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);height:1.25rem}}";export{c as swirl_banner}
+import{r as n,c as e,h as t,H as i,g as a}from"./p-ba3c3858.js";import{c as s}from"./p-a5dce9e6.js";import{g as r}from"./p-5136b9f9.js";const o={default:void 0,critical:"<swirl-icon-error></swirl-icon-error>",success:"<swirl-icon-check-circle></swirl-icon-check-circle>",warning:"<swirl-icon-warning></swirl-icon-warning>",info:"<swirl-icon-info></swirl-icon-info>"},c=class{constructor(t){n(this,t),this.action=e(this,"action",7),this.dismiss=e(this,"dismiss",7),this.desktopMediaQuery=r(),this.desktopMediaQueryHandler=n=>{this.forceIconProps(n.matches)},this.onAction=n=>{this.action.emit(n)},this.onDismiss=n=>{this.dismiss.emit(n)},this.actionLabel=void 0,this.content=void 0,this.dismissable=!1,this.dismissLabel="Dismiss",this.importance="status",this.intent="default",this.showIcon=!1,this.icon=void 0,this.size="m"}componentDidLoad(){this.forceIconProps(this.desktopMediaQuery.matches),this.desktopMediaQuery.onchange=this.desktopMediaQueryHandler}disconnectedCallback(){this.desktopMediaQuery.removeEventListener?.("change",this.desktopMediaQueryHandler)}forceIconProps(n){const e=this.iconEl?.children[0],t=this.dismissButtonEl?.children[0];e?.setAttribute("size",n?"20":"24"),t?.setAttribute("size",n?"20":"24")}determineIcon(){return this.icon?this.icon:o[this.intent]}render(){const n=this.determineIcon(),e=Boolean(this.actionLabel)||this.dismissable,a=this.icon||this.showIcon&&Boolean(n),r=s("banner",`banner--intent-${this.intent}`,`banner--size-${this.size}`,{"banner--has-icon":a});return t(i,{key:"e738d297a3c16fec81cb03bbcc0eec4b18fffe10"},t("div",{key:"731ebb82ec0f46beea8aca6b9dbc305f18cab5ce","aria-describedby":"content",class:r,role:this.importance,tabIndex:0},t("div",{key:"f817862b889d81a440725024a2632a8a532e425b",class:"banner__content",id:"content",part:"banner__content"},a&&t("span",{key:"3022fbf7fc75fa93e5c01cc2697f0276d7d39618","aria-hidden":"true",class:"banner__icon",innerHTML:n,ref:n=>this.iconEl=n}),t("span",{key:"89e76fcf3bd2099011359bfc27d02f3e06a34959",class:"banner__text"},this.content)),e&&t("div",{key:"8e46586058861b274a00b7872c16858a2685bb1b",class:"banner__controls"},this.actionLabel&&t("button",{key:"508bd8be18739c3c02309b31ed7e3c5053095a3c",class:"banner__action-button",onClick:this.onAction,part:"banner__action-button",type:"button"},this.actionLabel),this.dismissable&&t("button",{key:"8bea66c5271fd11dea470ffc61b33bd476170aa3","aria-label":this.dismissLabel,class:"banner__dismiss-button",onClick:this.onDismiss,part:"banner__dismiss-button",ref:n=>this.dismissButtonEl=n,type:"button"},t("swirl-icon-close",{key:"a9fbe97bcddf9cef64d2b97adb92f97c943d05d9"})))))}get element(){return a(this)}};c.style=":host{display:block}:host *{box-sizing:border-box}.banner{display:flex;align-items:flex-start;gap:var(--s-space-16);max-width:100%;min-height:3.5rem;padding:var(--s-space-16)}.banner:focus:not(:focus-visible){outline:none}.banner:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-4)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner{padding:var(--s-space-16);min-height:3.25rem}}.banner--size-s{padding:var(--s-space-8);justify-content:center}.banner--size-s .banner__content{flex-grow:0;text-align:center}.banner--size-s .banner__controls{margin-left:0}.banner--intent-default .banner__icon,.banner--intent-default .banner__content,.banner--intent-default .banner__action-button,.banner--intent-default .banner__dismiss-button,.banner--intent-critical .banner__icon,.banner--intent-critical .banner__content,.banner--intent-critical .banner__action-button,.banner--intent-critical .banner__dismiss-button,.banner--intent-success .banner__icon,.banner--intent-success .banner__content,.banner--intent-success .banner__action-button,.banner--intent-success .banner__dismiss-button,.banner--intent-info .banner__icon,.banner--intent-info .banner__content,.banner--intent-info .banner__action-button,.banner--intent-info .banner__dismiss-button{color:var(--s-text-on-status)}.banner--intent-default{background-color:var(--s-surface-neutral-default)}.banner--intent-critical{background-color:var(--s-surface-critical-default)}.banner--intent-success{background-color:var(--s-surface-success-default)}.banner--intent-info{background-color:var(--s-surface-info-default)}.banner--intent-warning{background-color:var(--s-surface-warning-default)}.banner--intent-warning .banner__icon{color:var(--s-icon-strong)}.banner--intent-warning .banner__content,.banner--intent-warning .banner__action-button,.banner--intent-warning .banner__dismiss-button{color:var(--s-text-default)}.banner__content{display:flex;align-items:flex-start;min-height:1.5rem;flex-grow:1;line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner__content{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);min-height:1.25rem}}.banner__icon{display:none;width:1.5rem;height:1.5rem;margin-right:var(--s-space-8);flex-shrink:0;color:var(--s-icon-on-status)}@media (min-width: 375px){.banner__icon{display:inline-flex}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner__icon{width:1.25rem;height:1.25rem}}.banner__text{min-height:1.5rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner__text{min-height:1.25rem}}.banner__controls{display:inline-flex;flex-shrink:0;align-items:flex-start;line-height:var(--s-line-height-base);gap:var(--s-space-16)}@media (min-width: 768px){.banner__controls{gap:var(--s-space-24)}}.banner__action-button,.banner__dismiss-button{display:inline-flex;overflow:hidden;max-width:7rem;height:1.5rem;padding:0;flex-shrink:0;align-items:center;border:none;background-color:transparent;font:inherit;font-weight:var(--s-font-weight-semibold);white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.banner__action-button:focus,.banner__dismiss-button:focus{outline-color:var(--s-focus-default)}@media (min-width: 768px){.banner__action-button,.banner__dismiss-button{max-width:12rem}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner__action-button,.banner__dismiss-button{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);height:1.25rem}}";export{c as swirl_banner}