@getflip/swirl-components-react 0.229.0 → 0.231.0

package/dist/swirl-shell-layout.entry.598b8129.js

@@ -1,123 +0,0 @@
-import { r as c, c as s, h as e, H as h, g as y } from "./index.0c1d1e6a.js";
-import { c as u } from "./index-267776a4.6beb4f4b.js";
-import { c as b } from "./focus-trap.esm-49c9613c.db20abcc.js";
-import "react";
-import "react-dom";
-const v = `.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"
-      "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(
-          --swirl-shell-sidebar-width
-        )}}@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(
-        --swirl-shell-sidebar-width
-      )}}.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}}`, g = v, i = "SWIRL_SHELL_SECONDARY_NAVIGATION_COLLAPSE_STATE", o = "SWIRL_SHELL_SECONDARY_NAVIGATION_VIEW_STATE", t = "SWIRL_SHELL_NAVIGATION_COLLAPSE_STATE", r = "SWIRL_SHELL_SIDEBAR_STATE", w = class {
-  constructor(l) {
-    c(this, l), this.sidebarToggleClick = s(this, "sidebarToggleClick", 7), this.skipLinkClick = s(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 = (a) => {
-      a.stopPropagation(), this.secondaryNavView === "grid" ? this.secondaryNavView = "list" : this.secondaryNavView = "grid", this.setSecondaryNavItemsTiled(), localStorage.setItem(o, String(this.secondaryNavView));
-    }, this.toggleSecondaryNavCollapse = (a) => {
-      a.stopPropagation(), this.secondaryNavCollapsed = !this.secondaryNavCollapsed, localStorage.setItem(i, 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 = localStorage.getItem(r) === "true";
-    this.sidebarActive = this.sidebarActive === void 0 ? l : this.sidebarActive;
-    const a = localStorage.getItem(t) === "true";
-    this.navigationCollapsed = a, this.restoreSecondaryNavState();
-  }
-  componentDidLoad() {
-    this.focusTrap = b(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() {
-    var l;
-    (l = this.focusTrap) == null || l.updateContainerElements(this.navElement);
-  }
-  disconnectedCallback() {
-    var l, a;
-    (l = this.focusTrap) == null || l.deactivate(), (a = this.navMutationObserver) == null || a.disconnect();
-  }
-  onWindowKeyDown(l) {
-    l.key === "Escape" && this.mobileNavigationActive && this.hideMobileNavigation();
-  }
-  watchEnableSecondaryNavGridLayout() {
-    this.restoreSecondaryNavState();
-  }
-  watchMobileNavigationState() {
-    this.mobileNavigationActive ? setTimeout(() => {
-      this.focusTrap.activate();
-    }, 200) : this.focusTrap.deactivate();
-  }
-  watchNavigationCollapsed() {
-    localStorage.setItem(t, String(this.navigationCollapsed)), this.toggleNavItemLabels();
-  }
-  watchSidebarActive() {
-    localStorage.setItem(r, 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 && this.secondaryNavView === "grid";
-    });
-  }
-  restoreSecondaryNavState() {
-    if (this.enableSecondaryNavGridLayout) {
-      const l = localStorage.getItem(i) === "true";
-      this.secondaryNavCollapsed = l;
-      const a = localStorage.getItem(o);
-      this.secondaryNavView = a;
-    }
-  }
-  render() {
-    const l = this.sidebarToggleBadge !== !0 && this.sidebarToggleBadge !== "true", a = Boolean(this.el.querySelector("[slot='secondary-nav']")), d = u("shell-layout", {
-      "shell-layout--branded-header": this.brandedHeader,
-      "shell-layout--secondary-nav-collapsed": this.secondaryNavCollapsed,
-      "shell-layout--has-secondary-nav": a,
-      "shell-layout--mobile-navigation-active": this.mobileNavigationActive,
-      "shell-layout--navigation-collapsed": this.navigationCollapsed,
-      "shell-layout--sidebar-active": this.sidebarActive
-    });
-    return e(h, { key: "2a08e1ff3c834400f2b1bdbe0ce6f2b4ab6752d4" }, e("div", { key: "af7cfc344e31d70ea8c80335e7012cdf0ecd0ffb", class: d }, e("header", { key: "4740f8e74978c9765e1c26ce25baabcc9faedf4f", class: "shell-layout__header", "data-tauri-drag-region": "true" }, e("button", { key: "ac69feea364da93f5529adee08d52b6bbd0783f1", class: "shell-layout__skip-link", onClick: this.skipLinkClick.emit, type: "button" }, this.skipLinkLabel), e("div", { key: "b346cfcef2f12bd64c880b4df1abd2363300d47d", class: "shell-layout__header-left" }, e("button", { key: "df98eec8ca1b01219c798af47735cef5295fd1e1", class: "shell-layout__header-tool", onClick: this.onNavigationToggleClick, type: "button" }, e("swirl-icon-dock-left", { key: "9e40c0d95b4f57ca7838b5e16507e0cac995c59c", size: 20 }), e("swirl-visually-hidden", { key: "912ff1edf6806b234146c01cc5d8777ddaef0b19" }, this.navigationToggleLabel)), e("a", { key: "e3e6ccb5b48c531aa9bf449439b196ca7f61f3f2", class: "shell-layout__header-tool", href: "javascript:history.back()" }, e("swirl-icon-arrow-back", { key: "c47f9cd28090c073dcf2508d7630dad6b42468b4", size: 20 }), e("swirl-visually-hidden", { key: "ca8a1448431bdda7b145682ec192b2e47f929985" }, this.browserBackButtonLabel)), e("a", { key: "bdceb890d81359edc542770bd04a3d3d2ade8a28", class: "shell-layout__header-tool", href: "javascript:history.forward()" }, e("swirl-icon-arrow-forward", { key: "867cde99d76414ec66a3994e887de23985fcbe82", size: 20 }), e("swirl-visually-hidden", { key: "36ef417bbbd6027eb8b021671d9abaf471d37087" }, this.browserForwardButtonLabel)), e("slot", { key: "f360f6ba553a877a453161d0d81f650d536338c7", name: "left-header-tools" })), e("div", { key: "6771b4339bcfb8a3fdd7b011facb27ceb98e1843", class: "shell-layout__logo" }, e("slot", { key: "a0a6f1ccc356dba5d92369f0d4923f628cf01ca2", name: "logo" })), e("div", { key: "ad42f72e731aa0d5b12f8f46635432963c608818", class: "shell-layout__header-right" }, e("slot", { key: "2151c95079396c8bf70447e56b572ae8e660453b", name: "right-header-tools" }), e("button", { key: "d1b07b8363746a2d52d40ff99351b2985ac48e6c", class: "shell-layout__header-tool shell-layout__sidebar-toggle", onClick: this.sidebarToggleClick.emit, type: "button" }, e("swirl-icon", { key: "aa11582771f2147813a2fa5ca56d0dc56d9600eb", glyph: this.sidebarToggleIcon, size: 20 }), e("swirl-visually-hidden", { key: "673cb8b03399ed8bca293f9b7ae0a5995e52c2d8" }, this.sidebarToggleLabel), this.sidebarToggleBadge && e("swirl-badge", { key: "4b58b910efe4d4f60d88b559ff1f8448d953ba28", "aria-label": this.sidebarToggleBadgeAriaLabel, label: l ? String(this.sidebarToggleBadge) : this.sidebarToggleBadgeAriaLabel, size: "xs", variant: l ? "default" : "dot" })), e("slot", { key: "95e6abbce7dee1b9d53cdb0af7d852172c0ecda0", name: "avatar" }))), e("div", { key: "46ab18c480eb5ff275a8af9dbf94f08772508a0c", class: "shell-layout__mobile-nav-backdrop", onClick: this.onNavigationClick }), e("nav", { key: "356d67f7fd3e99731cddf139dd54957e1cff4158", "aria-labelledby": "main-navigation-label", class: "shell-layout__nav", onClick: this.onNavigationClick, ref: (n) => this.navElement = n }, e("div", { key: "a23f2504292957b212b99930399a947484b847b2", class: "shell-layout__mobile-header" }, e("slot", { key: "31f1fe99e8a55c4521e4591ac5d368665cb067fe", name: "mobile-logo" }), e("div", { key: "f1b8bfcbb2532a2ab50394b2e4fc27bfe6b6069e", class: "shell-layout__mobile-header-tools" }, e("slot", { key: "bbde50cb773426ddd9c13ad9ed8255f63a2bcd2f", name: "mobile-header-tools" }), e("button", { key: "8d10f23b745bcb81ff9c7251a7f7fe7c6c3012db", class: "shell-layout__header-tool", type: "button" }, e("swirl-icon-double-arrow-left", { key: "9cdd84cefb55d1623dbb716dce7e35f866342018", size: 20 }), e("swirl-visually-hidden", { key: "4621fa1a7acf0a403c2e3e4da7210b770d13b051" }, this.hideMobileNavigationButtonLabel)))), e("div", { key: "99bd9a3cfcc7859c26d1995847574df1875ca511", class: "shell-layout__nav-body" }, e("swirl-visually-hidden", { key: "908ab720d24a8d1b976f84c9e22e0f1fc8ac6c74" }, e("span", { key: "0f8c25ecd451c3ba2cbdc737466ffaf78cbc373d", id: "main-navigation-label" }, this.navigationLabel)), e("slot", { key: "c3444ebf80551ab97887c34ca0859545e0809c11", name: "nav", onSlotchange: this.collectNavItems }), e("div", { key: "298f337e2c97bba06e6eeab3cc925ae683f244f3", class: "shell-layout__secondary-nav" }, e("swirl-separator", { key: "3b73e0be030ce4b22bd13953181897d1b65638b3", borderColor: "strong", spacing: "16" }), this.enableSecondaryNavGridLayout && e("swirl-box", { key: "96ec376bd6c3fa514cabde7b8d42d9d9eda4c3e3", paddingBlockEnd: "16" }, e("swirl-stack", { key: "ce9778f2a08bb1a0b89d8a99a4625778a0cc308c", justify: this.navigationCollapsed ? "center" : "space-between", orientation: "horizontal" }, e("swirl-button", { key: "4d3198c29d0d3a6c650194786cecfef48bf42650", 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 && e("swirl-button", { key: "9c43584ccb0e91ecc7143c1f4671c664515db04c", icon: this.secondaryNavView === "grid" ? "<swirl-icon-menu></swirl-icon-menu>" : "<swirl-icon-hamburger-menu></swirl-icon-hamburger-menu>", iconPosition: "end", label: this.secondaryNavView === "grid" ? this.gridNavLayoutToggleLabel : this.listNavLayoutToggleLabel, onClick: this.toggleSecondaryNavView, variant: "plain" }))), e("div", { key: "01ac89f493e0c1105c8335a28dd854429d30bb7b", class: {
-      "shell-layout__secondary-nav-items": !0,
-      "shell-layout__secondary-nav-items--grid-view": this.enableSecondaryNavGridLayout && this.secondaryNavView === "grid"
-    } }, e("slot", { key: "4739e0f330868683ab55f86544d704a6824739fe", name: "secondary-nav", onSlotchange: this.collectNavItems }))))), e("main", { key: "b6a57c3022e231f7b2c4217150863e7db9d5b6cd", class: "shell-layout__main", id: "main-content" }, e("slot", { key: "2a30c9408e9fdb3f7b6a0e4d14f73c0134970da1" })), e("aside", { key: "cc5ebd6001cf2f5ea5c0f24ff419591a325860c0", class: "shell-layout__sidebar", inert: this.sidebarActive ? void 0 : !0 }, e("div", { key: "cdddc210d0b8e0b9550ff1f3741278252d79fc73", class: "shell-layout__sidebar-body" }, e("div", { key: "a8ebbdd90a49101ddaceeec6945e2d402f8271d4", class: "shell-layout__sidebar-app-bar" }, e("slot", { key: "7918198bf32dd5fd2da628c0583da1519ec6a1df", name: "sidebar-app-bar" })), e("div", { key: "98437c94ee53ad2b948b06212f72b351f1a770a5", class: "shell-layout__sidebar-content" }, e("slot", { key: "d656f8edfe29979c906e05ab326741c69713e621", name: "sidebar" }))))));
-  }
-  get el() {
-    return y(this);
-  }
-  static get watchers() {
-    return {
-      enableSecondaryNavGridLayout: ["watchEnableSecondaryNavGridLayout"],
-      mobileNavigationActive: ["watchMobileNavigationState"],
-      navigationCollapsed: ["watchNavigationCollapsed"],
-      sidebarActive: ["watchSidebarActive"]
-    };
-  }
-};
-w.style = g;
-export {
-  w as swirl_shell_layout
-};

package/dist/swirl-symbol-roadmap.entry.2f4c9685.js

@@ -1,17 +0,0 @@
-import { r as t, h as e, F as o } from "./index.0c1d1e6a.js";
-import { c as a } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const r = ":host{display:inline-flex}", l = r, m = class {
-  constructor(s) {
-    t(this, s), this.size = 24;
-  }
-  render() {
-    const s = this.size === 20 ? 24 : this.size, i = a("swirl-symbol", `swirl-symbol--size-${this.size}`);
-    return e("svg", { key: "930b19bf6cf071db764e8e172a075424656743d1", class: i, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${s} ${s}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, e(o, { key: "b661c25f079a1799a22d43304028c7ada8a38b69" }, e("path", { key: "62f471e2d460a065bc0f2a462273eee8ab70358f", d: "M13 10H18L21 7L18 4H13V2H11V4H4V10H11V12H6L3 15L6 18H11V22H13V18H20V12H13V10ZM6 6H17.17L18.17 7L17.17 8H6V6ZM18 16H6.83L5.83 15L6.83 14H18V16Z", fill: "currentColor" })));
-  }
-};
-m.style = l;
-export {
-  m as swirl_symbol_roadmap
-};

package/dist/swirl-visually-hidden.entry.ef5c274f.js

@@ -1,15 +0,0 @@
-import { r as s, h as e, H as r } from "./index.0c1d1e6a.js";
-import "react";
-import "react-dom";
-const a = ".sc-swirl-visually-hidden-h{position:absolute;display:inline;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;white-space:nowrap;word-wrap:normal;clip:rect(0, 0, 0, 0)}", l = a, d = class {
-  constructor(i) {
-    s(this, i);
-  }
-  render() {
-    return e(r, { key: "03b1ab1feacf50474f5c478c7ab60c7dd5aed828" }, e("slot", { key: "0fa6e17e4b9570aab1e4f957ede19643d5812119" }));
-  }
-};
-d.style = l;
-export {
-  d as swirl_visually_hidden
-};