@getflip/swirl-components 0.225.2 → 0.226.1

package/dist/esm/swirl-table-cell.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host } from './index-2d054a87.js';
 
-const swirlTableCellCss = ":host{display:flex;overflow:auto;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);flex-basis:0;flex-grow:1;flex-shrink:1;align-items:center;background-color:var(--s-surface-default);word-break:break-word;-webkit-hyphens:auto;hyphens:auto;transition:box-shadow 0.15s}:host(.table-cell--is-sticky){position:sticky}:host(.table-cell--is-sticky-right){position:sticky;right:0;overflow:hidden}:host(.table-cell--has-shadow-right){box-shadow:var(--swirl-table-sticky-right-shadow)}:host(.table-cell--has-shadow-left){box-shadow:var(--swirl-table-sticky-left-shadow)}:host *{box-sizing:border-box}";
+const swirlTableCellCss = ":host{display:flex;overflow:auto;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);flex-basis:0;flex-grow:1;flex-shrink:1;align-items:center;background-color:var(--s-surface-default);word-break:break-word;-webkit-hyphens:auto;hyphens:auto;transition:box-shadow 0.15s}:host(.table-cell--is-sticky){position:sticky;z-index:1}:host(.table-cell--is-sticky-right){position:sticky;z-index:1;right:0;overflow:hidden}:host(.table-cell--has-shadow-right){box-shadow:var(--swirl-table-sticky-right-shadow)}:host(.table-cell--has-shadow-left){box-shadow:var(--swirl-table-sticky-left-shadow)}:host *{box-sizing:border-box}";
 const SwirlTableCellStyle0 = swirlTableCellCss;
 
 const SwirlTableCell = class {

package/dist/esm/swirl-table-column.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-2d054a87.js';
 import { c as closestPassShadow } from './utils-9b747dd7.js';
 
-const swirlTableColumnCss = ":host{display:flex;overflow:hidden;padding-top:var(--s-space-12);padding-right:var(--s-space-16);padding-bottom:var(--s-space-12);padding-left:var(--s-space-16);flex-basis:0;flex-grow:1;flex-shrink:1;align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);color:var(--s-text-subdued);background-color:var(--s-surface-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;letter-spacing:var(--s-letter-spacing-tighter);text-overflow:ellipsis;transition:box-shadow 0.15s;gap:var(--s-space-8)}:host(.table-column--is-sticky){position:sticky}:host(.table-column--is-sticky-right){position:sticky;right:0}:host(.table-column--has-shadow-right){box-shadow:var(--swirl-table-sticky-right-shadow)}:host(.table-column--has-shadow-left){box-shadow:var(--swirl-table-sticky-left-shadow)}:host *{box-sizing:border-box}.table-column__sort-indicator{display:inline-flex;width:1.25rem;height:1.25rem;flex-grow:0;flex-shrink:0}";
+const swirlTableColumnCss = ":host{display:flex;overflow:hidden;padding-top:var(--s-space-12);padding-right:var(--s-space-16);padding-bottom:var(--s-space-12);padding-left:var(--s-space-16);flex-basis:0;flex-grow:1;flex-shrink:1;align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);color:var(--s-text-subdued);background-color:var(--s-surface-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;letter-spacing:var(--s-letter-spacing-tighter);text-overflow:ellipsis;transition:box-shadow 0.15s;gap:var(--s-space-8)}:host(.table-column--is-sticky){position:sticky;z-index:1}:host(.table-column--is-sticky-right){position:sticky;z-index:1;right:0}:host(.table-column--has-shadow-right){box-shadow:var(--swirl-table-sticky-right-shadow)}:host(.table-column--has-shadow-left){box-shadow:var(--swirl-table-sticky-left-shadow)}:host *{box-sizing:border-box}.table-column__sort-indicator{display:inline-flex;width:1.25rem;height:1.25rem;flex-grow:0;flex-shrink:0}";
 const SwirlTableColumnStyle0 = swirlTableColumnCss;
 
 const SwirlTableColumn = class {

package/dist/esm/swirl-table.entry.js

@@ -80,7 +80,6 @@ const SwirlTable = class {
         registerInstance(this, hostRef);
         this.triggerRerender = debounce(async () => {
             await this.updateLayout();
-            this.updateScrolledState();
             this.updateEmptyState();
         }, 0, true);
         this.updateLayout = dist(async () => {
@@ -91,13 +90,13 @@ const SwirlTable = class {
             this.layoutEmptyRow();
             this.layoutRowGroups();
             this.layOutCellsAndColumns();
+            this.updateScrolledState();
         }, 16, { leading: true });
         this.onScroll = () => {
             this.updateScrolledState();
         };
         this.onSlotChange = async () => {
             await this.updateLayout();
-            this.updateScrolledState();
             this.updateEmptyState();
         };
         this.caption = undefined;
@@ -108,14 +107,39 @@ const SwirlTable = class {
         this.scrolled = undefined;
         this.scrolledToEnd = undefined;
     }
+    async componentDidLoad() {
+        this.setupIntersectionObserver();
+    }
+    disconnectedCallback() {
+        this.intersectionObserver?.disconnect();
+    }
+    /**
+     * Set up an Intersection Observer to monitor when the table container becomes visible.
+     * This is important because the table's layout may need updating when it becomes visible,
+     * especially if it is rendered within a modal that opens after rendering.
+     */
+    setupIntersectionObserver() {
+        this.intersectionObserver = new IntersectionObserver(this.onVisibilityChange.bind(this), {
+            threshold: 0,
+        });
+        this.intersectionObserver.observe(this.container);
+    }
+    async onVisibilityChange(entries) {
+        const inViewport = entries.some((entry) => entry.isIntersecting);
+        if (inViewport) {
+            // Delay layout update to ensure the container is fully visible,
+            // especially if it was initially rendered in a modal.
+            setTimeout(async () => {
+                await this.updateLayout();
+            }, 100);
+        }
+    }
     async componentDidRender() {
         await this.updateLayout();
-        this.updateScrolledState();
         this.updateEmptyState();
     }
     async onWindowResize() {
         await this.updateLayout();
-        this.updateScrolledState();
     }
     /**
      * Force a re-render of the table
@@ -147,6 +171,7 @@ const SwirlTable = class {
             column.style.right = "";
             column.style.left = "";
             column.style.position = "";
+            column.style.zIndex = "";
         });
     }
     resetCellStyles() {
@@ -157,10 +182,14 @@ const SwirlTable = class {
             cell.style.left = "";
             cell.style.right = "";
             cell.style.position = "";
+            cell.style.zIndex = "";
         });
     }
     updateScrolledState() {
         const isMobile = isMobileViewport();
+        if (this.container === undefined) {
+            return;
+        }
         const scrollable = this.container.scrollWidth > this.container.clientWidth;
         const scrolled = this.container.scrollLeft > 0;
         const scrolledToEnd = Math.ceil(this.container.clientWidth + this.container.scrollLeft) >=
@@ -293,7 +322,7 @@ const SwirlTable = class {
         this.empty = !Boolean(rowsContainer) || rowsContainer.children.length === 0;
     }
     render() {
-        return (h(Host, { key: '37ef1e64f3c6cbdfed004ad7915e704f87b554b9' }, h("div", { key: '28cb57486ff34527137f3e8e0a1b99ea6689c028', class: "table" }, h("div", { key: '8638339ad10b0717838db8d2d7da46362f27b765', class: "table__container", onScroll: this.onScroll, ref: (el) => (this.container = el) }, h("div", { key: 'e188997398d9e92398d57ddf5bf86ef4302e926f', "aria-describedby": Boolean(this.caption) ? "caption" : undefined, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && (h("swirl-visually-hidden", { key: '43a14efa932530a84cd92b0542d0aaf369beeb21' }, h("div", { key: '76c0682264341a0dad2fb106bec8a9b6a21c9d9f', id: "caption" }, this.caption))), h("div", { key: '54f869db5cb16e867ccee307b1f44e1015488b3f', role: "rowgroup" }, h("div", { key: 'e0824b2e573cf5e28723997eda31cf2a9a4c1a7f', class: "table__header", role: "row" }, h("slot", { key: '356e94e43d75002cc4f1b3cb3be3f1f89085a3eb', name: "columns", onSlotchange: this.onSlotChange }))), h("div", { key: '9a9928b1e0eaf80d26c5c6bb1da16b955d79db41', class: "table__body" }, h("slot", { key: '6042f722777c006ad9a384deaaef9f1046e8f4e4', name: "rows", onSlotchange: this.onSlotChange }), this.empty && (h("div", { key: '0d7f5bc5da8a01ef0bb7f8bb639af8bb9acbca28', class: "table__empty-row", role: "row" }, h("div", { key: '55da68f08e43f6868bb0c96dd1b4c37f09f5db69', "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, h("swirl-text", { key: 'f98990fb4ea4141c7ef300fe784fb15c6f6aa833', align: "center", size: "sm" }, this.emptyStateLabel))))))))));
+        return (h(Host, { key: '375c7b9ed74b08a4dd4f93a40390b36ef9ba7cf6' }, h("div", { key: '280f0d90c5899074c8ab783df64ee9a3c8fce7af', class: "table" }, h("div", { key: 'ba9d29fb8b7743a1259dabe64535284cda3e3ac7', class: "table__container", onScroll: this.onScroll, ref: (el) => (this.container = el) }, h("div", { key: 'e00b9870884c3585a45329c1f44a769a7f74bebd', "aria-describedby": Boolean(this.caption) ? "caption" : undefined, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && (h("swirl-visually-hidden", { key: 'd3c2ab9771d93e6f8a71724637b2e10e3a04044a' }, h("div", { key: 'f658fd8feb639bd39d450085228344bc7b9fd043', id: "caption" }, this.caption))), h("div", { key: 'f300cf2d69f449cdd87b1413e3295ea0f4d1ef11', role: "rowgroup" }, h("div", { key: 'a21c8da3eb5482467e304609d95dbf7ae666d2d2', class: "table__header", role: "row" }, h("slot", { key: '8c510369deb673df8ec0ac591d5bc6b66d3fc2b2', name: "columns", onSlotchange: this.onSlotChange }))), h("div", { key: '1b50c67e78e176cb31f10c5469d0a1b07f60891d', class: "table__body" }, h("slot", { key: 'ae50a28f390ff6a2d349bb685445f29245f29751', name: "rows", onSlotchange: this.onSlotChange }), this.empty && (h("div", { key: 'd2ff20c0f27d4e0743696cbbcb524b7ff573ceba', class: "table__empty-row", role: "row" }, h("div", { key: 'aa51ecd760c1f7ef830be9ce2405119a1f870c89', "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, h("swirl-text", { key: 'c6f7156718c95fce2b8e6d51b5ba9547c6404e47', align: "center", size: "sm" }, this.emptyStateLabel))))))))));
     }
     get el() { return getElement(this); }
 };

package/dist/swirl-components/p-002da4b3.entry.js

@@ -0,0 +1 @@
+import{r as l,c as e,h as a,H as s,g as i}from"./p-e212b5b7.js";import{c as t}from"./p-a5dce9e6.js";import{c as o}from"./p-878dc806.js";const r="SWIRL_SHELL_SECONDARY_NAVIGATION_COLLAPSE_STATE",d="SWIRL_SHELL_SECONDARY_NAVIGATION_VIEW_STATE",h="SWIRL_SHELL_NAVIGATION_COLLAPSE_STATE",c="SWIRL_SHELL_SIDEBAR_STATE",n=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.toggleSecondaryNavView=l=>{l.stopPropagation(),this.secondaryNavView="grid"===this.secondaryNavView?"list":"grid",this.setSecondaryNavItemsTiled(),localStorage.setItem(d,String(this.secondaryNavView))},this.toggleSecondaryNavCollapse=l=>{l.stopPropagation(),this.secondaryNavCollapsed=!this.secondaryNavCollapsed,localStorage.setItem(r,String(this.secondaryNavCollapsed))},this.onNavigationToggleClick=()=>{this.navigationCollapsed=!this.navigationCollapsed},this.onNavigationClick=()=>{this.hideMobileNavigation()},this.brandedHeader=void 0,this.browserBackButtonLabel="Navigate back",this.browserForwardButtonLabel="Navigate forward",this.enableSecondaryNavGridLayout=!0,this.gridNavLayoutToggleLabel="Grid",this.hideMobileNavigationButtonLabel="Close navigation",this.listNavLayoutToggleLabel="List",this.navigationLabel="Main",this.navigationToggleLabel="Toggle navigation",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.mobileNavigationActive=void 0,this.navigationCollapsed=void 0,this.secondaryNavCollapsed=void 0,this.secondaryNavView="list"}componentWillLoad(){this.collectNavItems();const l="true"===localStorage.getItem(c);this.sidebarActive=void 0===this.sidebarActive?l:this.sidebarActive;const e="true"===localStorage.getItem(h);this.navigationCollapsed=e,this.restoreSecondaryNavState()}componentDidLoad(){this.focusTrap=o(this.navElement,{allowOutsideClick:!0,tabbableOptions:{getShadowRoot:l=>l.shadowRoot}}),this.toggleNavItemLabels(),this.setSecondaryNavItemsTiled(),this.navMutationObserver=new MutationObserver((()=>{this.collectNavItems(),this.setSecondaryNavItemsTiled()})),this.navMutationObserver.observe(this.navElement,{childList:!0,subtree:!0})}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(h,String(this.navigationCollapsed)),this.toggleNavItemLabels()}watchSidebarActive(){localStorage.setItem(c,String(this.sidebarActive))}async showMobileNavigation(){this.mobileNavigationActive=!0}async hideMobileNavigation(){this.mobileNavigationActive=!1}toggleNavItemLabels(){[...this.secondaryNavItems,...this.mainNavItems].forEach((l=>{l.hideLabel=!(!this.enableSecondaryNavGridLayout||!this.navigationCollapsed)||!this.enableSecondaryNavGridLayout&&this.navigationCollapsed}))}setSecondaryNavItemsTiled(){this.secondaryNavItems.forEach((l=>{l.tiled=this.enableSecondaryNavGridLayout&&"grid"===this.secondaryNavView}))}restoreSecondaryNavState(){if(this.enableSecondaryNavGridLayout){const l="true"===localStorage.getItem(r);this.secondaryNavCollapsed=l;const e=localStorage.getItem(d);this.secondaryNavView=e}}render(){const l=!0!==this.sidebarToggleBadge&&"true"!==this.sidebarToggleBadge,e=Boolean(this.el.querySelector("[slot='secondary-nav']")),i=t("shell-layout",{"shell-layout--branded-header":this.brandedHeader,"shell-layout--secondary-nav-collapsed":this.secondaryNavCollapsed,"shell-layout--has-secondary-nav":e,"shell-layout--mobile-navigation-active":this.mobileNavigationActive,"shell-layout--navigation-collapsed":this.navigationCollapsed,"shell-layout--sidebar-active":this.sidebarActive});return a(s,{key:"7c121c7bb025c5198deb16d4bd5b6a6b42852dae"},a("div",{key:"c1f0d2f83ab22bdb45bd04e75ac983867e1b90ad",class:i},a("header",{key:"3abffe6c117961ef8208bd7b1ef4252068a9ea56",class:"shell-layout__header","data-tauri-drag-region":"true"},a("button",{key:"c55d519266b6e17ae8fbd30f2401dc7e6e19f6d9",class:"shell-layout__skip-link",onClick:this.skipLinkClick.emit,type:"button"},this.skipLinkLabel),a("div",{key:"28ae1bec83a8c3681d2dc66e7888566380d2a96b",class:"shell-layout__header-left"},a("button",{key:"16cb1928a57db48d777d9f6230f4a238bf0bb194",class:"shell-layout__header-tool",onClick:this.onNavigationToggleClick,type:"button"},a("swirl-icon-dock-left",{key:"538eeaf51ccb40e93bf50fc856ff83bc0746f5d8",size:20}),a("swirl-visually-hidden",{key:"55cfda584993bb4b4b1a691dc94f4a3351a12ebe"},this.navigationToggleLabel)),a("a",{key:"dd757d408dcf0f890b43ac6a45c58758576b0371",class:"shell-layout__header-tool",href:"javascript:history.back()"},a("swirl-icon-arrow-back",{key:"5b3cd810397b619b1083574667cdc8dff2f6bffe",size:20}),a("swirl-visually-hidden",{key:"468af62c4fef1e20d58776ee735f2279982d17b2"},this.browserBackButtonLabel)),a("a",{key:"313e0e6e927ac749e6cf9129356006f3b92deacb",class:"shell-layout__header-tool",href:"javascript:history.forward()"},a("swirl-icon-arrow-forward",{key:"ca09c2ca62c435a7c65541bbd05bf62823038d27",size:20}),a("swirl-visually-hidden",{key:"73861fbfa073afb2c68f488bcf0a8a988f78e293"},this.browserForwardButtonLabel)),a("slot",{key:"b3033965357b4e5ebe8043e4a2336a0fa6f2611d",name:"left-header-tools"})),a("div",{key:"aee860cf12da0bdf167000fc87ebe421f3cfba83",class:"shell-layout__logo"},a("slot",{key:"34fe15b3a7c7096adc59fc5d57b5208ffbb3bc7f",name:"logo"})),a("div",{key:"b317c678daac0adbbec8f08fba91d31cdff98342",class:"shell-layout__header-right"},a("slot",{key:"521ee644e2d915a1c55b37e3a9b12be69848a8bd",name:"right-header-tools"}),a("button",{key:"1f377866aaa05b727509797b2758402940217e73",class:"shell-layout__header-tool shell-layout__sidebar-toggle",onClick:this.sidebarToggleClick.emit,type:"button"},a("swirl-icon",{key:"8b006de02ea12b320b505376f64947252f4dcbff",glyph:this.sidebarToggleIcon,size:20}),a("swirl-visually-hidden",{key:"9b7da4055462934a511513ed745ce5c29f3cfaa6"},this.sidebarToggleLabel),this.sidebarToggleBadge&&a("swirl-badge",{key:"9603843122ac1ccf20e98174b8a01ecca66ae9e2","aria-label":this.sidebarToggleBadgeAriaLabel,label:l?String(this.sidebarToggleBadge):this.sidebarToggleBadgeAriaLabel,size:"xs",variant:l?"default":"dot"})),a("slot",{key:"f2575ed4ca35025ed802f963c5bfb01e152ac892",name:"avatar"}))),a("div",{key:"d5207f5581dd4ac790ad06e8b2b24a1c173b5429",class:"shell-layout__mobile-nav-backdrop",onClick:this.onNavigationClick}),a("nav",{key:"f11e77a62223b0a7f48cdd0bb20fd3b165096469","aria-labelledby":"main-navigation-label",class:"shell-layout__nav",onClick:this.onNavigationClick,ref:l=>this.navElement=l},a("div",{key:"76aa9bc409a372ca923232a5d942977137462722",class:"shell-layout__mobile-header"},a("slot",{key:"e504eacd565dda63fc355f7834bf5d3753377fc5",name:"mobile-logo"}),a("div",{key:"a38344e8d212317b43d19831289eb76bbd6a0617",class:"shell-layout__mobile-header-tools"},a("slot",{key:"f11acf287b1c74b9c1a5821927f27cdac04fe237",name:"mobile-header-tools"}),a("button",{key:"dd917fc5331bd09927d992bf1d25de4eca4701a0",class:"shell-layout__header-tool",type:"button"},a("swirl-icon-double-arrow-left",{key:"01e75b9cba8473d6d0f2636f7eb2a5b5b142ab16",size:20}),a("swirl-visually-hidden",{key:"8f3899995bb0ba72b81f1b3efecc03c78c949834"},this.hideMobileNavigationButtonLabel)))),a("div",{key:"5ed1a8a2f66aa4ff937c5e97ae016584921e1cea",class:"shell-layout__nav-body"},a("swirl-visually-hidden",{key:"6607e8316f0cb96ed73ffe13174e2da05ade8a34"},a("span",{key:"bad079202ee965bb522813ea0c2ec1b424564b52",id:"main-navigation-label"},this.navigationLabel)),a("slot",{key:"6e85c3cd85fbecc075228e9d1ba04496db9f9189",name:"nav",onSlotchange:this.collectNavItems}),a("div",{key:"93fde6902ef7d68a59726cd07acd6c3c87e61842",class:"shell-layout__secondary-nav"},a("swirl-separator",{key:"247f8a5c460dc7f9df7f22905a18cc6331b14f91",borderColor:"strong",spacing:"16"}),this.enableSecondaryNavGridLayout&&a("swirl-box",{key:"bf05f293440481a1fa356f290ce58b18850cacc8",paddingBlockEnd:"16"},a("swirl-stack",{key:"c1e2b3c0d313844e5a477397f9837f8aae4c1775",justify:this.navigationCollapsed?"center":"space-between",orientation:"horizontal"},a("swirl-button",{key:"ef76a699c2b75968d41cf2636943a25261c99dc5",hideLabel:this.navigationCollapsed,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"}),!this.navigationCollapsed&&!this.secondaryNavCollapsed&&a("swirl-button",{key:"b451d0a2bab8eff6675d475ea53dd653113f09b0",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:"6c37bcce68c9cdb5d3aa22f4ef608c2fb50ced63",class:{"shell-layout__secondary-nav-items":!0,"shell-layout__secondary-nav-items--grid-view":this.enableSecondaryNavGridLayout&&"grid"===this.secondaryNavView}},a("slot",{key:"76e3ea3df88f8cceb2538b9a0a33429c66a1babf",name:"secondary-nav",onSlotchange:this.collectNavItems}))))),a("main",{key:"7db1a491e101b03859c38e0f069e0896693adab4",class:"shell-layout__main",id:"main-content"},a("slot",{key:"d3218aff7439613c08f9adaf1c04502fec3d6217"})),a("aside",{key:"3db4114feb2fe2bc9f947a1baf0fa79699e6a104",class:"shell-layout__sidebar",inert:!this.sidebarActive||void 0},a("div",{key:"8b769e933fbc3310e3e6b42a567c7c983ad98b76",class:"shell-layout__sidebar-body"},a("div",{key:"4fd39766aeb3d24cae70e67834ab3df17b332684",class:"shell-layout__sidebar-app-bar"},a("slot",{key:"c20a35973024b1b94c406d200124167bca39d872",name:"sidebar-app-bar"})),a("div",{key:"07f459327d8fa115d1cc5b41cb1322db13a314ba",class:"shell-layout__sidebar-content"},a("slot",{key:"05020d1b8fdbdcb69cc194363dc3f900ca715293",name:"sidebar"}))))))}get el(){return i(this)}static get watchers(){return{enableSecondaryNavGridLayout:["watchEnableSecondaryNavGridLayout"],mobileNavigationActive:["watchMobileNavigationState"],navigationCollapsed:["watchNavigationCollapsed"],sidebarActive:["watchSidebarActive"]}}};n.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);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--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;border-bottom:0.0625rem solid var(--s-border-default);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-4);right:var(--s-space-4);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 var(--s-border-default)}.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{n as swirl_shell_layout}

package/dist/swirl-components/{p-37588551.entry.js → p-1f46d2bf.entry.js}

@@ -1 +1 @@
-import{r as s,h as e,H as t}from"./p-e212b5b7.js";const a=class{constructor(e){s(this,e)}render(){return e(t,{key:"07825d2ec262df39f87306d1d40909d43d3189dd",class:"table-cell",role:"cell"},e("slot",{key:"324f091cb9bf16c959dc91b77625e27750427003"}))}};a.style=":host{display:flex;overflow:auto;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);flex-basis:0;flex-grow:1;flex-shrink:1;align-items:center;background-color:var(--s-surface-default);word-break:break-word;-webkit-hyphens:auto;hyphens:auto;transition:box-shadow 0.15s}:host(.table-cell--is-sticky){position:sticky}:host(.table-cell--is-sticky-right){position:sticky;right:0;overflow:hidden}:host(.table-cell--has-shadow-right){box-shadow:var(--swirl-table-sticky-right-shadow)}:host(.table-cell--has-shadow-left){box-shadow:var(--swirl-table-sticky-left-shadow)}:host *{box-sizing:border-box}";export{a as swirl_table_cell}
+import{r as s,h as e,H as t}from"./p-e212b5b7.js";const a=class{constructor(e){s(this,e)}render(){return e(t,{key:"07825d2ec262df39f87306d1d40909d43d3189dd",class:"table-cell",role:"cell"},e("slot",{key:"324f091cb9bf16c959dc91b77625e27750427003"}))}};a.style=":host{display:flex;overflow:auto;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);flex-basis:0;flex-grow:1;flex-shrink:1;align-items:center;background-color:var(--s-surface-default);word-break:break-word;-webkit-hyphens:auto;hyphens:auto;transition:box-shadow 0.15s}:host(.table-cell--is-sticky){position:sticky;z-index:1}:host(.table-cell--is-sticky-right){position:sticky;z-index:1;right:0;overflow:hidden}:host(.table-cell--has-shadow-right){box-shadow:var(--swirl-table-sticky-right-shadow)}:host(.table-cell--has-shadow-left){box-shadow:var(--swirl-table-sticky-left-shadow)}:host *{box-sizing:border-box}";export{a as swirl_table_cell}

package/dist/swirl-components/{p-9eca1d3a.entry.js → p-2824cfca.entry.js}

@@ -1 +1 @@
-import{r as s,h as e,H as t,g as i}from"./p-e212b5b7.js";import{c as a}from"./p-58abf3c6.js";const o=class{constructor(e){s(this,e),this.sort=void 0,this.sortable=void 0,this.maxWidth=void 0,this.minWidth="fit-content",this.sticky=void 0,this.width=void 0}componentDidRender(){const s=a(this.el,"swirl-table");s?.rerender()}render(){const s={flex:Boolean(this.width)?`0 0 ${this.width}`:"",maxWidth:this.maxWidth||"",minWidth:this.minWidth||""};return e(t,{key:"4ca9e792e2e889ff77f48f505422bb85a7ee5a70","aria-sort":this.sort,class:"table-column",role:"columnheader",style:s},e("span",{key:"11acfd8452a241a50ed67dd9ec2f094a15988d82"},e("slot",{key:"3987b4bb3d7665e69b90dee037342fcfaa3540d2"})),this.sortable&&e("span",{key:"68bd9dd35cc26ef8073294f303551b246b26d5e2",class:"table-column__sort-indicator"},"ascending"===this.sort&&e("swirl-icon-arrow-upward",{key:"3752451d54b8029363664ee08517741ccf2a572e","aria-hidden":"true",size:20}),"descending"===this.sort&&e("swirl-icon-arrow-downward",{key:"450042a595570364cb4f35b0f4455f30a3d7e3d0","aria-hidden":"true",size:20}),!Boolean(this.sort)&&" "))}get el(){return i(this)}};o.style=":host{display:flex;overflow:hidden;padding-top:var(--s-space-12);padding-right:var(--s-space-16);padding-bottom:var(--s-space-12);padding-left:var(--s-space-16);flex-basis:0;flex-grow:1;flex-shrink:1;align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);color:var(--s-text-subdued);background-color:var(--s-surface-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;letter-spacing:var(--s-letter-spacing-tighter);text-overflow:ellipsis;transition:box-shadow 0.15s;gap:var(--s-space-8)}:host(.table-column--is-sticky){position:sticky}:host(.table-column--is-sticky-right){position:sticky;right:0}:host(.table-column--has-shadow-right){box-shadow:var(--swirl-table-sticky-right-shadow)}:host(.table-column--has-shadow-left){box-shadow:var(--swirl-table-sticky-left-shadow)}:host *{box-sizing:border-box}.table-column__sort-indicator{display:inline-flex;width:1.25rem;height:1.25rem;flex-grow:0;flex-shrink:0}";export{o as swirl_table_column}
+import{r as s,h as e,H as t,g as i}from"./p-e212b5b7.js";import{c as a}from"./p-58abf3c6.js";const o=class{constructor(e){s(this,e),this.sort=void 0,this.sortable=void 0,this.maxWidth=void 0,this.minWidth="fit-content",this.sticky=void 0,this.width=void 0}componentDidRender(){const s=a(this.el,"swirl-table");s?.rerender()}render(){const s={flex:Boolean(this.width)?`0 0 ${this.width}`:"",maxWidth:this.maxWidth||"",minWidth:this.minWidth||""};return e(t,{key:"4ca9e792e2e889ff77f48f505422bb85a7ee5a70","aria-sort":this.sort,class:"table-column",role:"columnheader",style:s},e("span",{key:"11acfd8452a241a50ed67dd9ec2f094a15988d82"},e("slot",{key:"3987b4bb3d7665e69b90dee037342fcfaa3540d2"})),this.sortable&&e("span",{key:"68bd9dd35cc26ef8073294f303551b246b26d5e2",class:"table-column__sort-indicator"},"ascending"===this.sort&&e("swirl-icon-arrow-upward",{key:"3752451d54b8029363664ee08517741ccf2a572e","aria-hidden":"true",size:20}),"descending"===this.sort&&e("swirl-icon-arrow-downward",{key:"450042a595570364cb4f35b0f4455f30a3d7e3d0","aria-hidden":"true",size:20}),!Boolean(this.sort)&&" "))}get el(){return i(this)}};o.style=":host{display:flex;overflow:hidden;padding-top:var(--s-space-12);padding-right:var(--s-space-16);padding-bottom:var(--s-space-12);padding-left:var(--s-space-16);flex-basis:0;flex-grow:1;flex-shrink:1;align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);color:var(--s-text-subdued);background-color:var(--s-surface-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;letter-spacing:var(--s-letter-spacing-tighter);text-overflow:ellipsis;transition:box-shadow 0.15s;gap:var(--s-space-8)}:host(.table-column--is-sticky){position:sticky;z-index:1}:host(.table-column--is-sticky-right){position:sticky;z-index:1;right:0}:host(.table-column--has-shadow-right){box-shadow:var(--swirl-table-sticky-right-shadow)}:host(.table-column--has-shadow-left){box-shadow:var(--swirl-table-sticky-left-shadow)}:host *{box-sizing:border-box}.table-column__sort-indicator{display:inline-flex;width:1.25rem;height:1.25rem;flex-grow:0;flex-shrink:0}";export{o as swirl_table_column}