@getflip/swirl-components 0.208.1 → 0.208.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (122) hide show
  1. package/components.json +1 -1
  2. package/dist/cjs/swirl-action-list_3.cjs.entry.js +1 -1
  3. package/dist/cjs/swirl-app-layout_6.cjs.entry.js +13 -12
  4. package/dist/cjs/swirl-autocomplete.cjs.entry.js +1 -1
  5. package/dist/cjs/swirl-banner.cjs.entry.js +1 -1
  6. package/dist/cjs/swirl-button.cjs.entry.js +1 -1
  7. package/dist/cjs/swirl-carousel.cjs.entry.js +1 -1
  8. package/dist/cjs/swirl-chip.cjs.entry.js +1 -1
  9. package/dist/cjs/swirl-console-layout.cjs.entry.js +1 -1
  10. package/dist/cjs/swirl-date-input.cjs.entry.js +1 -1
  11. package/dist/cjs/swirl-date-picker_2.cjs.entry.js +1 -1
  12. package/dist/cjs/swirl-file-viewer_7.cjs.entry.js +1 -1
  13. package/dist/cjs/swirl-form-control.cjs.entry.js +1 -1
  14. package/dist/cjs/swirl-icon-check-small_3.cjs.entry.js +1 -1
  15. package/dist/cjs/swirl-icon-error_3.cjs.entry.js +1 -1
  16. package/dist/cjs/swirl-inline-status.cjs.entry.js +1 -1
  17. package/dist/cjs/swirl-lightbox.cjs.entry.js +1 -1
  18. package/dist/cjs/swirl-menu-item.cjs.entry.js +1 -1
  19. package/dist/cjs/swirl-menu.cjs.entry.js +1 -1
  20. package/dist/cjs/swirl-option-list_2.cjs.entry.js +1 -1
  21. package/dist/cjs/swirl-pagination.cjs.entry.js +1 -1
  22. package/dist/cjs/swirl-pdf-reader.cjs.entry.js +1 -1
  23. package/dist/cjs/swirl-popover_2.cjs.entry.js +1 -1
  24. package/dist/cjs/swirl-resource-list-file-item.cjs.entry.js +1 -1
  25. package/dist/cjs/swirl-search.cjs.entry.js +1 -1
  26. package/dist/cjs/swirl-select.cjs.entry.js +1 -1
  27. package/dist/cjs/swirl-shell-layout.cjs.entry.js +3 -9
  28. package/dist/cjs/swirl-table-column.cjs.entry.js +1 -1
  29. package/dist/cjs/swirl-table-row.cjs.entry.js +1 -1
  30. package/dist/cjs/swirl-table.cjs.entry.js +1 -1
  31. package/dist/cjs/swirl-text-input.cjs.entry.js +1 -1
  32. package/dist/cjs/swirl-time-input.cjs.entry.js +1 -1
  33. package/dist/cjs/swirl-toast.cjs.entry.js +1 -1
  34. package/dist/cjs/swirl-toolbar.cjs.entry.js +1 -1
  35. package/dist/cjs/{utils-fc5855ec.js → utils-c82e5573.js} +4 -0
  36. package/dist/collection/assets/pdfjs/pdf.worker.min.js +1 -1
  37. package/dist/collection/components/swirl-app-layout/swirl-app-layout.css +129 -0
  38. package/dist/collection/components/swirl-app-layout/swirl-app-layout.js +12 -11
  39. package/dist/collection/components/swirl-shell-layout/swirl-shell-layout.css +21 -0
  40. package/dist/collection/components/swirl-shell-layout/swirl-shell-layout.js +2 -8
  41. package/dist/collection/components/swirl-shell-layout/swirl-shell-layout.spec.js +1 -1
  42. package/dist/collection/utils.js +3 -0
  43. package/dist/components/assets/pdfjs/pdf.worker.min.js +1 -1
  44. package/dist/components/swirl-app-layout2.js +13 -12
  45. package/dist/components/swirl-file-viewer-pdf2.js +1 -1
  46. package/dist/components/swirl-shell-layout.js +3 -9
  47. package/dist/components/utils.js +4 -1
  48. package/dist/esm/swirl-action-list_3.entry.js +1 -1
  49. package/dist/esm/swirl-app-layout_6.entry.js +13 -12
  50. package/dist/esm/swirl-autocomplete.entry.js +1 -1
  51. package/dist/esm/swirl-banner.entry.js +1 -1
  52. package/dist/esm/swirl-button.entry.js +1 -1
  53. package/dist/esm/swirl-carousel.entry.js +1 -1
  54. package/dist/esm/swirl-chip.entry.js +1 -1
  55. package/dist/esm/swirl-console-layout.entry.js +1 -1
  56. package/dist/esm/swirl-date-input.entry.js +1 -1
  57. package/dist/esm/swirl-date-picker_2.entry.js +1 -1
  58. package/dist/esm/swirl-file-viewer_7.entry.js +1 -1
  59. package/dist/esm/swirl-form-control.entry.js +1 -1
  60. package/dist/esm/swirl-icon-check-small_3.entry.js +1 -1
  61. package/dist/esm/swirl-icon-error_3.entry.js +1 -1
  62. package/dist/esm/swirl-inline-status.entry.js +1 -1
  63. package/dist/esm/swirl-lightbox.entry.js +1 -1
  64. package/dist/esm/swirl-menu-item.entry.js +1 -1
  65. package/dist/esm/swirl-menu.entry.js +1 -1
  66. package/dist/esm/swirl-option-list_2.entry.js +1 -1
  67. package/dist/esm/swirl-pagination.entry.js +1 -1
  68. package/dist/esm/swirl-pdf-reader.entry.js +1 -1
  69. package/dist/esm/swirl-popover_2.entry.js +1 -1
  70. package/dist/esm/swirl-resource-list-file-item.entry.js +1 -1
  71. package/dist/esm/swirl-search.entry.js +1 -1
  72. package/dist/esm/swirl-select.entry.js +1 -1
  73. package/dist/esm/swirl-shell-layout.entry.js +3 -9
  74. package/dist/esm/swirl-table-column.entry.js +1 -1
  75. package/dist/esm/swirl-table-row.entry.js +1 -1
  76. package/dist/esm/swirl-table.entry.js +1 -1
  77. package/dist/esm/swirl-text-input.entry.js +1 -1
  78. package/dist/esm/swirl-time-input.entry.js +1 -1
  79. package/dist/esm/swirl-toast.entry.js +1 -1
  80. package/dist/esm/swirl-toolbar.entry.js +1 -1
  81. package/dist/esm/{utils-aab10c80.js → utils-9b747dd7.js} +4 -1
  82. package/dist/swirl-components/{p-67ec1892.entry.js → p-002b7e52.entry.js} +1 -1
  83. package/dist/swirl-components/{p-ddbd3ba2.entry.js → p-0a75fb2c.entry.js} +1 -1
  84. package/dist/swirl-components/{p-f6d6e1b3.entry.js → p-12c1cc7d.entry.js} +1 -1
  85. package/dist/swirl-components/p-1d9f6e7b.entry.js +1 -0
  86. package/dist/swirl-components/{p-cafb3f89.entry.js → p-2016c6ab.entry.js} +1 -1
  87. package/dist/swirl-components/{p-923e0cab.entry.js → p-216668f0.entry.js} +1 -1
  88. package/dist/swirl-components/{p-b4b29c84.entry.js → p-35612ebd.entry.js} +1 -1
  89. package/dist/swirl-components/{p-957c6bfa.entry.js → p-4bccdf5c.entry.js} +1 -1
  90. package/dist/swirl-components/{p-8e6caf90.entry.js → p-4cab4855.entry.js} +1 -1
  91. package/dist/swirl-components/{p-fd807ae6.entry.js → p-4def436f.entry.js} +1 -1
  92. package/dist/swirl-components/{p-4cd0f4d9.entry.js → p-54defefa.entry.js} +1 -1
  93. package/dist/swirl-components/{p-02cc1990.entry.js → p-5625da01.entry.js} +1 -1
  94. package/dist/swirl-components/p-58abf3c6.js +1 -0
  95. package/dist/swirl-components/{p-38d2873f.entry.js → p-64af1828.entry.js} +1 -1
  96. package/dist/swirl-components/{p-5ebc8ac3.entry.js → p-6a2dfb36.entry.js} +1 -1
  97. package/dist/swirl-components/{p-63bb43c6.entry.js → p-6bb86ac6.entry.js} +1 -1
  98. package/dist/swirl-components/{p-3ca838d1.entry.js → p-6fff46e7.entry.js} +1 -1
  99. package/dist/swirl-components/{p-e60c1866.entry.js → p-847592fc.entry.js} +1 -1
  100. package/dist/swirl-components/{p-2cf55b68.entry.js → p-85103dcc.entry.js} +1 -1
  101. package/dist/swirl-components/{p-0bbd7d63.entry.js → p-882c7025.entry.js} +1 -1
  102. package/dist/swirl-components/{p-b50cde2f.entry.js → p-895ae6a9.entry.js} +1 -1
  103. package/dist/swirl-components/{p-f0f9e649.entry.js → p-a0775f91.entry.js} +1 -1
  104. package/dist/swirl-components/{p-8fd60b0e.entry.js → p-a60f0d9e.entry.js} +1 -1
  105. package/dist/swirl-components/{p-ac5aa422.entry.js → p-ad8c20b7.entry.js} +1 -1
  106. package/dist/swirl-components/{p-28087c13.entry.js → p-adf25c45.entry.js} +1 -1
  107. package/dist/swirl-components/p-b24e6ac7.entry.js +1 -0
  108. package/dist/swirl-components/{p-8b7fa285.entry.js → p-bcf38f06.entry.js} +1 -1
  109. package/dist/swirl-components/{p-9991892d.entry.js → p-c497d897.entry.js} +1 -1
  110. package/dist/swirl-components/{p-bcd510b8.entry.js → p-cadf6a32.entry.js} +1 -1
  111. package/dist/swirl-components/{p-a5b60e79.entry.js → p-d15c30a4.entry.js} +1 -1
  112. package/dist/swirl-components/{p-27aef8c4.entry.js → p-de6856c8.entry.js} +1 -1
  113. package/dist/swirl-components/{p-2e55fdaa.entry.js → p-f6d1648e.entry.js} +1 -1
  114. package/dist/swirl-components/{p-10019ad5.entry.js → p-f7532ba4.entry.js} +1 -1
  115. package/dist/swirl-components/{p-de2f3726.entry.js → p-f7e43e2f.entry.js} +1 -1
  116. package/dist/swirl-components/swirl-components.esm.js +1 -1
  117. package/dist/types/components/swirl-shell-layout/swirl-shell-layout.d.ts +0 -2
  118. package/dist/types/utils.d.ts +1 -0
  119. package/package.json +1 -1
  120. package/dist/swirl-components/p-4b826622.entry.js +0 -1
  121. package/dist/swirl-components/p-6fef45dd.entry.js +0 -1
  122. package/dist/swirl-components/p-81ca5135.js +0 -1
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-6aba64ed.js');
6
6
  const index$1 = require('./index-9f94303c.js');
7
- const utils = require('./utils-fc5855ec.js');
7
+ const utils = require('./utils-c82e5573.js');
8
8
 
9
9
  const swirlSelectCss = ".sc-swirl-select-h{display:block;width:100%}.sc-swirl-select-h *.sc-swirl-select{box-sizing:border-box}.select.sc-swirl-select{position:relative;display:flex;width:100%}.select.sc-swirl-select .sc-swirl-select::part(popover__content){margin-top:var(--s-space-16)}@media (min-width: 768px){.select.sc-swirl-select .sc-swirl-select::part(popover__scroll-container){padding-top:0}}.select--placement-top-start.sc-swirl-select .sc-swirl-select::part(popover__content){margin-top:-2.25rem}.select--multi.sc-swirl-select .select__input.sc-swirl-select{position:absolute;width:100%;height:100%;pointer-events:none;opacity:0}.select--multi.sc-swirl-select .select__multi-select-values.sc-swirl-select{display:flex}.select--disabled.sc-swirl-select .select__input.sc-swirl-select{color:var(--s-text-disabled)}.select--disabled.sc-swirl-select .select__indicator.sc-swirl-select{color:var(--s-icon-disabled)}.select--inline.sc-swirl-select .select__indicator.sc-swirl-select{transform:translateY(-50%)}.select--search-loading.sc-swirl-select .select__search-input.sc-swirl-select{padding-right:calc(var(--s-space-12) + 1.5rem + var(--s-space-8))}.select__input.sc-swirl-select{display:block;overflow:hidden;width:100%;height:1.25rem;margin:0;padding:0;padding-right:calc(1.5rem + var(--s-space-8));border:none;background-color:transparent;font:inherit;line-height:var(--s-line-height-base);text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:default}.select__input.sc-swirl-select:focus{outline:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.select__input.sc-swirl-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.select__multi-select-values.sc-swirl-select{display:none;overflow:hidden;width:100%;min-height:1.25rem;padding-right:calc(1.5rem + var(--s-space-8));flex-wrap:wrap;gap:var(--s-space-8)}.select__multi-select-values.sc-swirl-select .sc-swirl-select::part(tag){height:1.25rem;padding:0 var(--s-space-4)}.select__indicator.sc-swirl-select{position:absolute;top:50%;right:0;display:inline-flex;color:var(--s-icon-default);transform:translateY(calc(-50% - var(--s-space-8)))}.select__search.sc-swirl-select{position:relative;display:flex;width:100%;padding:0.0625rem var(--s-space-8);border-bottom:0.0625rem solid var(--s-border-default);background-color:var(--s-surface-overlay-default)}@media (min-width: 768px){.select__search.sc-swirl-select{position:sticky;z-index:1;top:0;padding-top:var(--s-space-8);padding-right:0.0625rem;padding-left:0.0625rem}}.select__search-icon.sc-swirl-select{position:absolute;top:50%;left:calc(var(--s-space-8) * 2);display:inline-flex;color:var(--s-icon-default);transform:translateY(-50%)}@media (min-width: 768px){.select__search-icon.sc-swirl-select{left:var(--s-space-12);margin-top:var(--s-space-4);padding:0.0625rem}}.select__search-input.sc-swirl-select{width:100%;height:2.5rem;padding-right:var(--s-space-12);padding-left:calc(var(--s-space-12) + 1.25rem + var(--s-space-8));align-items:center;border:none;color:var(--s-text-default);background-color:var(--s-surface-overlay-default);font:inherit;line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.select__search-input.sc-swirl-select:focus:not(:focus-visible){outline:none}.select__search-input.sc-swirl-select:focus-visible{outline-color:var(--s-focus-default)}.select__search-input.sc-swirl-select::-moz-placeholder{color:var(--s-text-subdued)}.select__search-input.sc-swirl-select::placeholder{color:var(--s-text-subdued)}.select__search-input.sc-swirl-select::-webkit-search-decoration,.select__search-input.sc-swirl-select::-webkit-search-cancel-button,.select__search-input.sc-swirl-select::-webkit-search-results-button,.select__search-input.sc-swirl-select::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.select__search-input.sc-swirl-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.select__search-spinner.sc-swirl-select{position:absolute;top:50%;right:var(--s-space-12);display:inline-flex;transform:translateY(-50%)}@media (min-width: 768px){.select__search-spinner.sc-swirl-select{margin-top:var(--s-space-4)}}.select__empty-list-label.sc-swirl-select{padding:var(--s-space-12) var(--s-space-12) 0}.select__empty-list-label.sc-swirl-select:not(:only-child){display:none}@media (min-width: 768px){.select__empty-list-label.sc-swirl-select{padding:var(--s-space-12) var(--s-space-12) var(--s-space-8)}}";
10
10
  const SwirlSelectStyle0 = swirlSelectCss;
@@ -6,7 +6,7 @@ const index = require('./index-6aba64ed.js');
6
6
  const index$1 = require('./index-9f94303c.js');
7
7
  const focusTrap_esm = require('./focus-trap.esm-a1e3774c.js');
8
8
 
9
- const swirlShellLayoutCss = ".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:14rem;--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.2s;grid-template-columns:0 1fr 0;grid-template-rows:1fr;grid-template-areas:\"nav main\"}@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:hover{width:var(--swirl-shell-extended-nav-width);padding-right:var(--s-space-12)}}@media (min-width: 992px){.shell-layout--navigation-collapsed.sc-swirl-shell-layout .shell-layout__nav.sc-swirl-shell-layout:not(:hover){scrollbar-width:none}.shell-layout--navigation-collapsed.sc-swirl-shell-layout .shell-layout__nav.sc-swirl-shell-layout:not(:hover)::-webkit-scrollbar{width:0;background:transparent;-webkit-appearance:none}}@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.2s;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__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:auto;width:100%;max-width:18.75rem;color:var(--swirl-shell-text-color);background-color:var(--s-surface-overlay-default);transition:transform 0.2s, box-shadow 0.2s, width 0.2s;transform:translate3d(-100%, 0, 0);grid-area:nav}@media (min-width: 992px){.shell-layout__nav.sc-swirl-shell-layout{position:static;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.2s;inset:0}.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.2s;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}}.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}}";
9
+ const swirlShellLayoutCss = ".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:14rem;--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.2s;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:hover{width:var(--swirl-shell-extended-nav-width);padding-right:var(--s-space-12)}}@media (min-width: 992px){.shell-layout--navigation-collapsed.sc-swirl-shell-layout .shell-layout__nav.sc-swirl-shell-layout:not(:hover){scrollbar-width:none}.shell-layout--navigation-collapsed.sc-swirl-shell-layout .shell-layout__nav.sc-swirl-shell-layout:not(:hover)::-webkit-scrollbar{width:0;background:transparent;-webkit-appearance:none}}@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.2s;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__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:auto;width:100%;max-width:18.75rem;color:var(--swirl-shell-text-color);background-color:var(--s-surface-overlay-default);transition:transform 0.2s, box-shadow 0.2s, width 0.2s;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:static;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.2s;inset:0}.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.2s;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}}";
10
10
  const SwirlShellLayoutStyle0 = swirlShellLayoutCss;
11
11
 
12
12
  const NAVIGATION_COLLAPSE_STORAGE_KEY = "SWIRL_SHELL_NAVIGATION_COLLAPSE_STATE";
@@ -16,12 +16,6 @@ const SwirlShellLayout = class {
16
16
  index.registerInstance(this, hostRef);
17
17
  this.sidebarToggleClick = index.createEvent(this, "sidebarToggleClick", 7);
18
18
  this.skipLinkClick = index.createEvent(this, "skipLinkClick", 7);
19
- this.onBrowserBackClick = () => {
20
- history.back();
21
- };
22
- this.onBrowserForwardClick = () => {
23
- history.forward();
24
- };
25
19
  this.onNavigationToggleClick = () => {
26
20
  this.navigationCollapsed = !this.navigationCollapsed;
27
21
  };
@@ -110,9 +104,9 @@ const SwirlShellLayout = class {
110
104
  "shell-layout--navigation-collapsed": this.navigationCollapsed,
111
105
  "shell-layout--sidebar-active": this.sidebarActive,
112
106
  });
113
- return (index.h(index.Host, { key: '006788ec30a11e1bd1cc527e2aec9e5225154b2a' }, index.h("div", { key: '3c3ea2fa9dd64c8309dabb976f591c4ba933eb48', class: className }, index.h("header", { key: 'f42c377eea3fcedc3c8746262e3bee9957a06a09', class: "shell-layout__header", "data-tauri-drag-region": "true" }, index.h("button", { key: '6de17ff7e7576a9f3f712db30945673900b05640', class: "shell-layout__skip-link", onClick: this.skipLinkClick.emit, type: "button" }, this.skipLinkLabel), index.h("div", { key: '7282c3e4b6cbec3953b94c311314555064a7603c', class: "shell-layout__header-left" }, index.h("button", { key: '99e231c52d5414029aca69e0be4e08d09cab16ea', class: "shell-layout__header-tool", onClick: this.onNavigationToggleClick, type: "button" }, index.h("swirl-icon-dock-left", { key: '8783d2c5297f41515665cb2fc8b2e36fdc6e9c8c', size: 20 }), index.h("swirl-visually-hidden", { key: 'bc85d4e5edf17ccbfc33f5fe95fa201e815badb6' }, this.navigationToggleLabel)), index.h("button", { key: '3799d7ab4b7618eac6949ae9c8affbe505ed9016', class: "shell-layout__header-tool", onClick: this.onBrowserBackClick, type: "button" }, index.h("swirl-icon-arrow-back", { key: '42d923b46e12a6621e40c2c969d7e321af70d29d', size: 20 }), index.h("swirl-visually-hidden", { key: 'e7b8f6e7d2b1ba3045d3f6ccf821e1c8f570c43c' }, this.browserBackButtonLabel)), index.h("button", { key: 'b448b27d09de5c8dee0c7bbcfcfe49c243f7f82f', class: "shell-layout__header-tool", onClick: this.onBrowserForwardClick, type: "button" }, index.h("swirl-icon-arrow-forward", { key: '40404fad38a2e8518d2755cfa56675d1a8101a31', size: 20 }), index.h("swirl-visually-hidden", { key: 'c31d64b3bde39c4d9aeaaa57b4ef2aa12a6533c9' }, this.browserForwardButtonLabel)), index.h("slot", { key: '2c814c69caaf7d9169745bfe69693c50b1269121', name: "left-header-tools" })), index.h("div", { key: '7fb8ad582278eae55e6bec0f19dec4aa5b1c32fa', class: "shell-layout__logo" }, index.h("slot", { key: '8d2baaba77fbfac66a4ae7bc31997c719816af3d', name: "logo" })), index.h("div", { key: '5090fe93f98472a3899ccdfd6ae8aa9700fe6300', class: "shell-layout__header-right" }, index.h("slot", { key: 'd3322f829a63d7010d13aa7883b7066ba69af3b5', name: "right-header-tools" }), index.h("button", { key: '3361ae39934a904353d3c6f536f1848a6794cc3c', class: "shell-layout__header-tool shell-layout__sidebar-toggle", onClick: this.sidebarToggleClick.emit, type: "button" }, index.h("swirl-icon", { key: 'bd09a1b54ded4cd520cf624b9343ad00d41dd259', glyph: this.sidebarToggleIcon, size: 20 }), index.h("swirl-visually-hidden", { key: '150fbf1a7d9ad69c75464ade1942fed45587b5d6' }, this.sidebarToggleLabel), this.sidebarToggleBadge && (index.h("swirl-badge", { key: 'c8b616faf20c928ba2c2cf2cf20ef40f3a662646', "aria-label": this.sidebarToggleBadgeAriaLabel, label: !hasSidebarToggleBadgeWithLabel
107
+ return (index.h(index.Host, { key: '464237ff27f267ca7d43c1a7d515b5df750ba149' }, index.h("div", { key: '94d0ba7a2922df9e90fc36c840ed96544bfb2ca5', class: className }, index.h("header", { key: '7ca4ceef9c5e03c052a234b44c35745bb82c3e0e', class: "shell-layout__header", "data-tauri-drag-region": "true" }, index.h("button", { key: '2b937db7d0b7d6351238a3560c4a8409f1a14e4c', class: "shell-layout__skip-link", onClick: this.skipLinkClick.emit, type: "button" }, this.skipLinkLabel), index.h("div", { key: '9e9a3eee3459f8b41ace84a7f0f4c9e4f1b6f20f', class: "shell-layout__header-left" }, index.h("button", { key: 'd04a5e5411e7caf5741b03b5188db78006192c9e', class: "shell-layout__header-tool", onClick: this.onNavigationToggleClick, type: "button" }, index.h("swirl-icon-dock-left", { key: 'a7eb33ad7fda7d2bb136213439fad7b647bd873d', size: 20 }), index.h("swirl-visually-hidden", { key: '336514402f77dd81781b3b2d1ecda84864e561d3' }, this.navigationToggleLabel)), index.h("a", { key: 'c42c929fd46778b05ee297cf3189e87719d4a9d9', class: "shell-layout__header-tool", href: "javascript:history.back()" }, index.h("swirl-icon-arrow-back", { key: 'e89570f80be08d54e11a3b21ae886def0d0dbf5a', size: 20 }), index.h("swirl-visually-hidden", { key: '7289a96d73cdba0311b167bc796d093a31880ae4' }, this.browserBackButtonLabel)), index.h("a", { key: '31a3bf3ca9e2f98ac9ae9f3778aae645ee2fb5df', class: "shell-layout__header-tool", href: "javascript:history.forward()" }, index.h("swirl-icon-arrow-forward", { key: '10882694de8baf892423e288e8f511e73ecc175d', size: 20 }), index.h("swirl-visually-hidden", { key: 'a08bce73329c768834c34c37b02b111c39f19253' }, this.browserForwardButtonLabel)), index.h("slot", { key: '1792f7b543ad684c4af2da2171d946ff2d3d5d89', name: "left-header-tools" })), index.h("div", { key: 'b07250aa82b117141f2484d512fbade5a8dc702e', class: "shell-layout__logo" }, index.h("slot", { key: '34c9efaebee073f832bfcb8e7812db814df2cf74', name: "logo" })), index.h("div", { key: '54bfbe68d09e7cdf8027f02a625e906b2de8af1d', class: "shell-layout__header-right" }, index.h("slot", { key: 'dc0bd8a4aab7a79e49706b81ff694e6c2af81879', name: "right-header-tools" }), index.h("button", { key: '1c77d8e6d1345303e3ea6ff2f45ef6722862ded8', class: "shell-layout__header-tool shell-layout__sidebar-toggle", onClick: this.sidebarToggleClick.emit, type: "button" }, index.h("swirl-icon", { key: 'ab806d5820d51a38ef5fd6f92f87bd51ee027422', glyph: this.sidebarToggleIcon, size: 20 }), index.h("swirl-visually-hidden", { key: 'a185fd254ce2493b3614b9a8bdc5bc14e6f0c4ca' }, this.sidebarToggleLabel), this.sidebarToggleBadge && (index.h("swirl-badge", { key: '51929778525a0f6b1dc5fde3254eb93f31e6ba07', "aria-label": this.sidebarToggleBadgeAriaLabel, label: !hasSidebarToggleBadgeWithLabel
114
108
  ? this.sidebarToggleBadgeAriaLabel
115
- : String(this.sidebarToggleBadge), size: "xs", variant: !hasSidebarToggleBadgeWithLabel ? "dot" : "default" }))), index.h("slot", { key: '7cd1093ee1de91b3e9647af6af744195ad8aa577', name: "avatar" }))), index.h("div", { key: '1fc055212806b72ff0aa395af0f27269215ad5b1', class: "shell-layout__mobile-nav-backdrop", onClick: this.onNavigationClick }), index.h("nav", { key: '7297b447f8e9b24bdf31b560d846098c124a14f0', "aria-labelledby": "main-navigation-label", class: "shell-layout__nav", onClick: this.onNavigationClick, ref: (el) => (this.navElement = el) }, index.h("div", { key: 'bb2262fc5d4acb5621718800668254e620496a40', class: "shell-layout__mobile-header" }, index.h("slot", { key: '36199dedf81771fc24195225eb8f76400a28656e', name: "mobile-logo" }), index.h("div", { key: '55b0163f924189037b7f1caefe9661a9dc6b13ea', class: "shell-layout__mobile-header-tools" }, index.h("slot", { key: 'e867fbf39597b522a4eb35e36fc86685849ac164', name: "mobile-header-tools" }), index.h("button", { key: 'b223c8a0d2c17ce2195f000ac56240d42d7cc8db', class: "shell-layout__header-tool", type: "button" }, index.h("swirl-icon-double-arrow-left", { key: '908a4dd3b4ac6efc03c89dbf45e64d3468840bd7', size: 20 }), index.h("swirl-visually-hidden", { key: '48e66b39ac9a95d78bdeb58bba80e7a51848ff51' }, this.hideMobileNavigationButtonLabel)))), index.h("div", { key: '45146321187e41eae8467851e55a71f3fccd09f6', class: "shell-layout__nav-body" }, index.h("swirl-visually-hidden", { key: 'ff0bb7d033d74cd5f4132e349bddb04b8cfaf4ae' }, index.h("span", { key: '76d30927eb616aa32284aa0cc09760d2a1e2031a', id: "main-navigation-label" }, this.navigationLabel)), index.h("slot", { key: '512d9e8457096c210213630b40bddb303360690a', name: "nav" }))), index.h("main", { key: 'f5e95eb9a23106b8d69a4f5744c43f95639edf1e', class: "shell-layout__main", id: "main-content" }, index.h("slot", { key: '58eef5b276fc04ed7b657a1ad51f059a995285a2' })), index.h("aside", { key: 'd4a73ce5df8674037f7188812e8ad4327ad3915c', class: "shell-layout__sidebar", inert: this.sidebarActive ? undefined : true }, index.h("div", { key: '3c2c0b68e07a38bd4460fb2116413e42ea9b2862', class: "shell-layout__sidebar-body" }, index.h("div", { key: '62bbc52716d45b4d276dade8111c70c1d5e3286b', class: "shell-layout__sidebar-app-bar" }, index.h("slot", { key: '0a2a44046390cf057a055d28d38a23db243f8bf6', name: "sidebar-app-bar" })), index.h("div", { key: 'f1bac0f7232b4e7bf1e9b920fc66a52c5a20d2eb', class: "shell-layout__sidebar-content" }, index.h("slot", { key: '387c99b253dcec2b3a63d3bd57ade483f2909ea7', name: "sidebar" })))))));
109
+ : String(this.sidebarToggleBadge), size: "xs", variant: !hasSidebarToggleBadgeWithLabel ? "dot" : "default" }))), index.h("slot", { key: '9ffa0a976c0578f97f48d6a489ab0b0efb7e84a4', name: "avatar" }))), index.h("div", { key: 'cd9655eb2d726369ab9c810200210c63a32265f4', class: "shell-layout__mobile-nav-backdrop", onClick: this.onNavigationClick }), index.h("nav", { key: '02662d0fd1c3a63e369e8b37e702f85c1875ccf9', "aria-labelledby": "main-navigation-label", class: "shell-layout__nav", onClick: this.onNavigationClick, ref: (el) => (this.navElement = el) }, index.h("div", { key: 'cb073312c3a3d0d45dee547cff81f902381c7296', class: "shell-layout__mobile-header" }, index.h("slot", { key: '52088b3080930e99763c85093a094db5f6cf3b7c', name: "mobile-logo" }), index.h("div", { key: '197224a2ddd62d60e5a08b8516d5867c9bbc72a8', class: "shell-layout__mobile-header-tools" }, index.h("slot", { key: '300875c929f28466927b8152f9214d01552252a4', name: "mobile-header-tools" }), index.h("button", { key: '1cde22038878a7d278cd28c8377147588d5a6e13', class: "shell-layout__header-tool", type: "button" }, index.h("swirl-icon-double-arrow-left", { key: '66e9c165653f520511a8c5a9ee508d8b07084243', size: 20 }), index.h("swirl-visually-hidden", { key: '15574abbce4cb4aaea9029e2a501d1909d9b40e4' }, this.hideMobileNavigationButtonLabel)))), index.h("div", { key: 'accaa43b86c4424f55b3ce5aab04c7c1e1d2d362', class: "shell-layout__nav-body" }, index.h("swirl-visually-hidden", { key: 'a7b696ed5646ed85a46021387128664f88d443e0' }, index.h("span", { key: 'e18dc4dd5104edb6f5a4fc27b8cba94949b73c2d', id: "main-navigation-label" }, this.navigationLabel)), index.h("slot", { key: '6ea26a3132c76edb7add3aec2108d856c058a495', name: "nav" }))), index.h("main", { key: '9e675e4700b257523d647f9b460d69c91bf32625', class: "shell-layout__main", id: "main-content" }, index.h("slot", { key: '966936fb351ced9de4691ace12ed37054f3aabd8' })), index.h("aside", { key: '3f76cf8d267725fb9909e19f27808f9173389a23', class: "shell-layout__sidebar", inert: this.sidebarActive ? undefined : true }, index.h("div", { key: 'd316a4a82f621b3eaf218b1f75cef085be00849f', class: "shell-layout__sidebar-body" }, index.h("div", { key: 'a96f59a7edd1c2da969c6a30abfc5823c3da3128', class: "shell-layout__sidebar-app-bar" }, index.h("slot", { key: '8f08883a3709fd8bd9619085844cc4ebf50e49b4', name: "sidebar-app-bar" })), index.h("div", { key: 'f4fc1541b95c50a524a6a6e390529060ebb4d136', class: "shell-layout__sidebar-content" }, index.h("slot", { key: 'c4ea005657a58f2dbf178adb72bc82f1ac5c03b3', name: "sidebar" })))))));
116
110
  }
117
111
  static get watchers() { return {
118
112
  "mobileNavigationActive": ["watchMobileNavigationState"],
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-6aba64ed.js');
6
- const utils = require('./utils-fc5855ec.js');
6
+ const utils = require('./utils-c82e5573.js');
7
7
 
8
8
  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--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}";
9
9
  const SwirlTableColumnStyle0 = swirlTableColumnCss;
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-6aba64ed.js');
6
6
  const index$1 = require('./index-9f94303c.js');
7
- const utils = require('./utils-fc5855ec.js');
7
+ const utils = require('./utils-c82e5573.js');
8
8
 
9
9
  const swirlTableRowCss = ":host{display:flex}:host(.table-row--highlighted){--swirl-ghost-button-background-default:transparent}:host(.table-row--highlighted) ::slotted(.table-cell){background-color:rgba(240, 242, 255, 1);}:host ::slotted(.table-cell){border-bottom:var(--s-border-width-default) solid var(--s-border-default)}:host *{box-sizing:border-box}";
10
10
  const SwirlTableRowStyle0 = swirlTableRowCss;
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-6aba64ed.js');
6
- const utils = require('./utils-fc5855ec.js');
6
+ const utils = require('./utils-c82e5573.js');
7
7
 
8
8
  /* global setTimeout, clearTimeout */
9
9
 
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-6aba64ed.js');
6
6
  const index$1 = require('./index-9f94303c.js');
7
- const utils = require('./utils-fc5855ec.js');
7
+ const utils = require('./utils-c82e5573.js');
8
8
 
9
9
  const swirlTextInputCss = ".sc-swirl-text-input-h{display:block;width:100%}.sc-swirl-text-input-h *.sc-swirl-text-input{box-sizing:border-box}.text-input.sc-swirl-text-input{position:relative;display:flex;width:100%;align-items:center;color:var(--s-text-default);font:inherit;line-height:var(--s-line-height-sm);cursor:text}.text-input--auto-grow.sc-swirl-text-input .text-input__input.sc-swirl-text-input{max-height:none}.text-input--clearable.sc-swirl-text-input,.text-input--type-number.sc-swirl-text-input,.text-input--type-password.sc-swirl-text-input{padding-right:calc(1.5rem + var(--s-space-8))}.text-input--show-password.sc-swirl-text-input .text-input__input.sc-swirl-text-input{width:100%}.text-input--disabled.sc-swirl-text-input .text-input__character-counter.sc-swirl-text-input{color:var(--s-text-disabled)}.text-input--has-suffix.sc-swirl-text-input input.text-input__input.sc-swirl-text-input:not([type=\"password\"]){width:0.25rem;min-width:0.25rem}.text-input--inline.sc-swirl-text-input .text-input__stepper.sc-swirl-text-input{top:calc(-1 * var(--s-space-8));right:calc(-1 * var(--s-space-12))}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input--inline.sc-swirl-text-input .text-input__stepper.sc-swirl-text-input{top:calc(-1 * var(--s-space-8));right:calc(-1 * var(--s-space-12))}}.text-input--inline.sc-swirl-text-input .text-input__step-button.sc-swirl-text-input{width:2rem;height:1.125rem;justify-content:center;background-color:var(--s-surface-raised-default)}.text-input--inline.sc-swirl-text-input .text-input__step-button.sc-swirl-text-input:first-of-type{border-top-right-radius:var(--s-border-radius-sm)}.text-input--inline.sc-swirl-text-input .text-input__step-button.sc-swirl-text-input:last-of-type{border-bottom-right-radius:var(--s-border-radius-sm)}.text-input--inline.sc-swirl-text-input .text-input__step-button.sc-swirl-text-input:hover{background-color:var(--s-surface-raised-hovered)}.text-input--inline.sc-swirl-text-input .text-input__step-button.sc-swirl-text-input swirl-icon-expand-less.sc-swirl-text-input,.text-input--inline.sc-swirl-text-input .text-input__step-button.sc-swirl-text-input swirl-icon-expand-more.sc-swirl-text-input{width:1rem}.text-input--inline.sc-swirl-text-input .text-input__clear-button.sc-swirl-text-input,.text-input--inline.sc-swirl-text-input .text-input__password-toggle.sc-swirl-text-input{top:-0.0625rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input--inline.sc-swirl-text-input .text-input__clear-button.sc-swirl-text-input,.text-input--inline.sc-swirl-text-input .text-input__password-toggle.sc-swirl-text-input{top:0}}.text-input--inline.sc-swirl-text-input .text-input__character-counter.sc-swirl-text-input{top:calc(100% + var(--s-space-12) + var(--s-border-width-default));right:calc(-1 * var(--s-space-12));max-width:6rem}.text-input__input.sc-swirl-text-input{display:inline-flex;width:100%;max-height:13.75rem;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);resize:none;caret-color:var(--s-border-highlight)}.text-input__input.sc-swirl-text-input:focus{outline:none}.text-input__input.sc-swirl-text-input:disabled{color:var(--s-text-disabled);background-color:transparent}.text-input__input.sc-swirl-text-input::-webkit-outer-spin-button,.text-input__input.sc-swirl-text-input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.text-input__input[type=\"number\"].sc-swirl-text-input{-moz-appearance:textfield}.text-input__input.sc-swirl-text-input::-moz-placeholder{font-size:var(--swirl-text-input-placeholder-size)}.text-input__input.sc-swirl-text-input::placeholder{font-size:var(--swirl-text-input-placeholder-size)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input__input.sc-swirl-text-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.text-input--disable-dynamic-width.sc-swirl-text-input input.text-input__input.sc-swirl-text-input:not([type=\"password\"]){width:100%;min-width:0}.text-input__clear-button.sc-swirl-text-input,.text-input__password-toggle.sc-swirl-text-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}.text-input__clear-button.sc-swirl-text-input:focus:not(:focus-visible),.text-input__password-toggle.sc-swirl-text-input:focus:not(:focus-visible){outline:none}.text-input__clear-button.sc-swirl-text-input:focus-visible,.text-input__password-toggle.sc-swirl-text-input:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input__clear-button.sc-swirl-text-input,.text-input__password-toggle.sc-swirl-text-input{top:-0.625rem}}.text-input__stepper.sc-swirl-text-input{position:absolute;top:-1.4375rem;right:0;display:flex;flex-direction:column}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input__stepper.sc-swirl-text-input{top:-1.25rem}}.text-input__step-button.sc-swirl-text-input{display:inline-flex;margin:0;padding:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:pointer}.text-input__step-button.sc-swirl-text-input:focus:not(:focus-visible){outline:none}.text-input__step-button.sc-swirl-text-input:focus-visible{outline-color:var(--s-focus-default)}.text-input__character-counter.sc-swirl-text-input{position:absolute;top:-1.375rem;right:0;display:flex;color:var(--s-text-subdued);line-height:var(--s-line-height-sm);flex-direction:column}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input__character-counter.sc-swirl-text-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.text-input__prefix.sc-swirl-text-input{padding-right:var(--s-space-4);color:var(--s-text-subdued);font-size:var(--s-font-size-base)}.text-input__suffix.sc-swirl-text-input{padding-left:var(--s-space-4);color:var(--s-text-subdued);font-size:var(--s-font-size-base)}";
10
10
  const SwirlTextInputStyle0 = swirlTextInputCss;
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  const index = require('./index-6aba64ed.js');
6
6
  const index$1 = require('./index-9f94303c.js');
7
7
  const maska = require('./maska-d2148ad3.js');
8
- const utils = require('./utils-fc5855ec.js');
8
+ const utils = require('./utils-c82e5573.js');
9
9
  require('./_commonjsHelpers-8f2c79cd.js');
10
10
 
11
11
  const swirlTimeInputCss = ".sc-swirl-time-input-h{display:flex;width:100%}.sc-swirl-time-input-h *.sc-swirl-time-input{box-sizing:border-box}.time-input.sc-swirl-time-input{position:relative;display:flex;width:100%;align-items:center;color:var(--s-text-default);line-height:var(--s-line-height-sm)}.time-input--inline.sc-swirl-time-input .time-input__icon.sc-swirl-time-input{top:-0.0625rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input--inline.sc-swirl-time-input .time-input__icon.sc-swirl-time-input{top:0}}.time-input__input.sc-swirl-time-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)}.time-input__input.sc-swirl-time-input:focus{outline:none}.time-input__input.sc-swirl-time-input:disabled{color:var(--s-text-disabled);background-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input__input.sc-swirl-time-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.time-input__icon.sc-swirl-time-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}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input__icon.sc-swirl-time-input{top:-0.625rem}}";
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-6aba64ed.js');
6
6
  const index$1 = require('./index-9f94303c.js');
7
- const utils = require('./utils-fc5855ec.js');
7
+ const utils = require('./utils-c82e5573.js');
8
8
 
9
9
  const swirlToastCss = ":host{display:flex}:host *{box-sizing:border-box}.toast{display:flex;width:100%;max-width:28rem;padding:var(--s-space-16);border-radius:var(--s-border-radius-sm);color:var(--s-text-on-status);background-color:var(--s-surface-neutral-default);box-shadow:var(--s-shadow-level-2)}.toast--intent-critical{background-color:var(--s-surface-critical-default)}.toast--intent-success{background-color:var(--s-surface-success-default)}.toast__icon{display:inline-flex;width:1.5rem;height:1.5rem;margin-top:calc(-1 * var(--s-space-2));margin-right:0.625rem;flex-shrink:0}.toast__icon ::part(icon){color:var(--s-icon-on-status)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.toast__icon{width:1.25rem;height:1.25rem;margin-top:0}}.toast__content{flex-grow:1;line-height:var(--s-line-height-base);text-align:left;align-self:flex-start}.toast__content ::part(link){color:var(--text-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.toast__content{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.toast__dismiss-button{display:inline-flex;min-width:1.5rem;height:1.5rem;margin-top:calc(-1 * var(--s-space-2));margin-left:var(--s-space-16);padding:0;flex-shrink:0;justify-content:center;align-items:center;border:none;color:var(--s-text-on-status);background-color:transparent;font:inherit;font-weight:var(--s-font-weight-semibold);cursor:pointer}.toast__dismiss-button ::part(icon){color:var(--s-icon-on-status)}";
10
10
  const SwirlToastStyle0 = swirlToastCss;
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-6aba64ed.js');
6
- const utils = require('./utils-fc5855ec.js');
6
+ const utils = require('./utils-c82e5573.js');
7
7
 
8
8
  const swirlToolbarCss = ":host{display:block}:host *{box-sizing:border-box}";
9
9
  const SwirlToolbarStyle0 = swirlToolbarCss;
@@ -84,6 +84,9 @@ function getVisibleHeight(element, container) {
84
84
  function isMobileViewport() {
85
85
  return !window.matchMedia("(min-width: 768px)").matches;
86
86
  }
87
+ function prefersReducedMotion() {
88
+ return window.matchMedia("(prefers-reduced-motion: reduce)").matches;
89
+ }
87
90
  function parentsPassShadow(node, selector, matches = []) {
88
91
  if (!node) {
89
92
  return matches;
@@ -139,5 +142,6 @@ exports.getVisibleHeight = getVisibleHeight;
139
142
  exports.isDescendantOf = isDescendantOf;
140
143
  exports.isMobileViewport = isMobileViewport;
141
144
  exports.parentsPassShadow = parentsPassShadow;
145
+ exports.prefersReducedMotion = prefersReducedMotion;
142
146
  exports.querySelectorAllDeep = querySelectorAllDeep;
143
147
  exports.removeTimezoneOffset = removeTimezoneOffset;