@getflip/swirl-components 0.411.0 → 0.411.2

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 (14) hide show
  1. package/components.json +1 -1
  2. package/dist/cjs/swirl-select.cjs.entry.js +1 -1
  3. package/dist/cjs/swirl-shell-navigation-item.cjs.entry.js +1 -1
  4. package/dist/collection/components/swirl-select/swirl-select.css +1 -0
  5. package/dist/collection/components/swirl-shell-navigation-item/swirl-shell-navigation-item.css +8 -0
  6. package/dist/components/swirl-select.js +1 -1
  7. package/dist/components/swirl-shell-navigation-item.js +1 -1
  8. package/dist/esm/swirl-select.entry.js +1 -1
  9. package/dist/esm/swirl-shell-navigation-item.entry.js +1 -1
  10. package/dist/swirl-components/{p-b369a589.entry.js → p-b04ceae2.entry.js} +1 -1
  11. package/dist/swirl-components/p-b832b686.entry.js +1 -0
  12. package/dist/swirl-components/swirl-components.esm.js +1 -1
  13. package/package.json +1 -1
  14. package/dist/swirl-components/p-0293252e.entry.js +0 -1
package/components.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "timestamp": "2025-11-13T08:24:31",
2
+ "timestamp": "2025-11-18T15:20:08",
3
3
  "compiler": {
4
4
  "name": "@stencil/core",
5
5
  "version": "4.35.0",
package/dist/cjs/swirl-select.cjs.entry.js CHANGED
@@ -4,7 +4,7 @@ var index = require('./index-UMoljGbd.js');
4
4
  var index$1 = require('./index-DcAhLZUH.js');
5
5
  var utils = require('./utils-UfZG-xPD.js');
6
6
 
7
- 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--standalone.sc-swirl-select{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.select--standalone.sc-swirl-select .select__indicator.sc-swirl-select{position:relative;top:auto;right:auto;cursor:pointer;transform:none}.select--standalone.sc-swirl-select .select__input.sc-swirl-select{padding-right:var(--s-space-8);font-weight:var(--s-font-weight-medium);cursor:pointer}.select--standalone.sc-swirl-select .select__value-container.sc-swirl-select{width:-webkit-min-content;width:-moz-min-content;width:min-content}.select--search-loading.sc-swirl-select .select__search-input.sc-swirl-select{padding-right:calc(var(--s-space-12) + 1.5rem + var(--s-space-8))}.select__resize-helper.sc-swirl-select{display:block;width:auto;height:0;margin:0;padding:0;padding-right:calc(1.5rem + var(--s-space-8));padding-right:var(--s-space-8);font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left;white-space:pre;white-space:pre;vertical-align:top;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:0}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.select__resize-helper.sc-swirl-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.select__input.sc-swirl-select{display:block;overflow:hidden;width:100%;height:1.25rem;margin:0;padding:0;padding-right:calc(1.5rem + var(--s-space-8));border:none;background-color:transparent;font:inherit;line-height:var(--s-line-height-base);text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:default}.select__input.sc-swirl-select:focus{outline:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.select__input.sc-swirl-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.select__multi-select-values.sc-swirl-select{display:none;overflow:hidden;width:100%;min-height:1.25rem;padding-right:calc(1.5rem + var(--s-space-8));flex-wrap:wrap;flex-shrink:0;gap:var(--s-space-8)}.select__multi-select-values.sc-swirl-select .sc-swirl-select::part(tag){height:1.25rem;padding:0 var(--s-space-4)}.select__indicator.sc-swirl-select{position:absolute;top:50%;right:0;display:inline-flex;color:var(--s-icon-default);transform:translateY(calc(-50% - var(--s-space-8)))}.select__search.sc-swirl-select{position:relative;display:flex;width:100%;padding:0.0625rem var(--s-space-8);border-bottom:0.0625rem solid var(--s-border-default);background-color:var(--s-surface-overlay-default)}@media (min-width: 768px){.select__search.sc-swirl-select{position:sticky;z-index:1;top:0;padding-top:var(--s-space-8);padding-right:0.0625rem;padding-left:0.0625rem}}.select__search-icon.sc-swirl-select{position:absolute;top:50%;left:calc(var(--s-space-8) * 2);display:inline-flex;color:var(--s-icon-default);transform:translateY(-50%)}@media (min-width: 768px){.select__search-icon.sc-swirl-select{left:var(--s-space-12);margin-top:var(--s-space-4);padding:0.0625rem}}.select__search-input.sc-swirl-select{width:100%;height:2.5rem;padding-right:var(--s-space-12);padding-left:calc(var(--s-space-12) + 1.25rem + var(--s-space-8));align-items:center;border:none;color:var(--s-text-default);background-color:var(--s-surface-overlay-default);font:inherit;line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.select__search-input.sc-swirl-select:focus:not(:focus-visible){outline:none}.select__search-input.sc-swirl-select:focus-visible{outline-color:var(--s-focus-default)}.select__search-input.sc-swirl-select::-moz-placeholder{color:var(--s-text-subdued)}.select__search-input.sc-swirl-select::placeholder{color:var(--s-text-subdued)}.select__search-input.sc-swirl-select::-webkit-search-decoration,.select__search-input.sc-swirl-select::-webkit-search-cancel-button,.select__search-input.sc-swirl-select::-webkit-search-results-button,.select__search-input.sc-swirl-select::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.select__search-input.sc-swirl-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.select__search-spinner.sc-swirl-select{position:absolute;top:50%;right:var(--s-space-12);display:inline-flex;transform:translateY(-50%)}@media (min-width: 768px){.select__search-spinner.sc-swirl-select{margin-top:var(--s-space-4)}}.select__empty-list-label.sc-swirl-select{padding:var(--s-space-12) var(--s-space-12) 0}.select__empty-list-label.sc-swirl-select:not(:only-child){display:none}@media (min-width: 768px){.select__empty-list-label.sc-swirl-select{padding:var(--s-space-12) var(--s-space-12) var(--s-space-8)}}";
7
+ 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--standalone.sc-swirl-select{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.select--standalone.sc-swirl-select .select__indicator.sc-swirl-select{position:relative;top:auto;right:auto;cursor:pointer;transform:none}.select--standalone.sc-swirl-select .select__input.sc-swirl-select{padding-right:var(--s-space-8);font-weight:var(--s-font-weight-medium);cursor:pointer}.select--standalone.sc-swirl-select .select__value-container.sc-swirl-select{width:-webkit-min-content;width:-moz-min-content;width:min-content}.select--search-loading.sc-swirl-select .select__search-input.sc-swirl-select{padding-right:calc(var(--s-space-12) + 1.5rem + var(--s-space-8))}.select__resize-helper.sc-swirl-select{display:block;width:auto;height:0;margin:0;padding:0;padding-right:calc(1.5rem + var(--s-space-8));padding-right:var(--s-space-8);font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left;white-space:pre;white-space:pre;vertical-align:top;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.select__resize-helper.sc-swirl-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.select__input.sc-swirl-select{display:block;overflow:hidden;width:100%;height:1.25rem;margin:0;padding:0;padding-right:calc(1.5rem + var(--s-space-8));border:none;background-color:transparent;font:inherit;line-height:var(--s-line-height-base);text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:default}.select__input.sc-swirl-select:focus{outline:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.select__input.sc-swirl-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.select__multi-select-values.sc-swirl-select{display:none;overflow:hidden;width:100%;min-height:1.25rem;padding-right:calc(1.5rem + var(--s-space-8));flex-wrap:wrap;flex-shrink:0;gap:var(--s-space-8)}.select__multi-select-values.sc-swirl-select .sc-swirl-select::part(tag){height:1.25rem;padding:0 var(--s-space-4)}.select__indicator.sc-swirl-select{position:absolute;top:50%;right:0;display:inline-flex;color:var(--s-icon-default);transform:translateY(calc(-50% - var(--s-space-8)))}.select__search.sc-swirl-select{position:relative;display:flex;width:100%;padding:0.0625rem var(--s-space-8);border-bottom:0.0625rem solid var(--s-border-default);background-color:var(--s-surface-overlay-default)}@media (min-width: 768px){.select__search.sc-swirl-select{position:sticky;z-index:1;top:0;padding-top:var(--s-space-8);padding-right:0.0625rem;padding-left:0.0625rem}}.select__search-icon.sc-swirl-select{position:absolute;top:50%;left:calc(var(--s-space-8) * 2);display:inline-flex;color:var(--s-icon-default);transform:translateY(-50%)}@media (min-width: 768px){.select__search-icon.sc-swirl-select{left:var(--s-space-12);margin-top:var(--s-space-4);padding:0.0625rem}}.select__search-input.sc-swirl-select{width:100%;height:2.5rem;padding-right:var(--s-space-12);padding-left:calc(var(--s-space-12) + 1.25rem + var(--s-space-8));align-items:center;border:none;color:var(--s-text-default);background-color:var(--s-surface-overlay-default);font:inherit;line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.select__search-input.sc-swirl-select:focus:not(:focus-visible){outline:none}.select__search-input.sc-swirl-select:focus-visible{outline-color:var(--s-focus-default)}.select__search-input.sc-swirl-select::-moz-placeholder{color:var(--s-text-subdued)}.select__search-input.sc-swirl-select::placeholder{color:var(--s-text-subdued)}.select__search-input.sc-swirl-select::-webkit-search-decoration,.select__search-input.sc-swirl-select::-webkit-search-cancel-button,.select__search-input.sc-swirl-select::-webkit-search-results-button,.select__search-input.sc-swirl-select::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.select__search-input.sc-swirl-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.select__search-spinner.sc-swirl-select{position:absolute;top:50%;right:var(--s-space-12);display:inline-flex;transform:translateY(-50%)}@media (min-width: 768px){.select__search-spinner.sc-swirl-select{margin-top:var(--s-space-4)}}.select__empty-list-label.sc-swirl-select{padding:var(--s-space-12) var(--s-space-12) 0}.select__empty-list-label.sc-swirl-select:not(:only-child){display:none}@media (min-width: 768px){.select__empty-list-label.sc-swirl-select{padding:var(--s-space-12) var(--s-space-12) var(--s-space-8)}}";
8
8
 
9
9
  const SwirlSelect = class {
10
10
  constructor(hostRef) {
package/dist/cjs/swirl-shell-navigation-item.cjs.entry.js CHANGED
@@ -3,7 +3,7 @@
3
3
  var index = require('./index-UMoljGbd.js');
4
4
  var index$1 = require('./index-DcAhLZUH.js');
5
5
 
6
- const swirlShellNavigationItemCss = "/**\n* seems the container query does not work as expected\n*/\n\n:host {\n display: inline-flex;\n width: 100%;\n}\n\n:host * {\n box-sizing: border-box;\n }\n\n.shell-navigation-item {\n --swirl-app-icon-size: 2rem;\n --swirl-shell-navigation-item-gradient: linear-gradient(\n rgba(0, 0, 0, 0),\n rgba(0, 0, 0, 0.8)\n );\n\n position: relative;\n display: flex;\n width: 100%;\n height: 3rem;\n padding: var(--s-space-8);\n flex-shrink: 0;\n justify-content: flex-start;\n align-items: center;\n border: none;\n border-radius: var(--s-border-radius-sm);\n color: var(--s-text-default);\n background-color: var(--s-surface-overlay-default);\n font: inherit;\n font-size: var(--s-font-size-sm);\n font-weight: var(--s-font-weight-medium);\n line-height: var(--s-line-height-sm);\n text-decoration: none;\n cursor: pointer;\n container-type: size;\n gap: var(--s-space-12);\n}\n\n.shell-navigation-item:hover {\n background-color: var(--s-surface-sunken-hovered);\n }\n\n.shell-navigation-item:hover .shell-navigation-item__badge,\n .shell-navigation-item:hover .shell-navigation-item__is-new-badge {\n --swirl-badge-border-color: var(--s-surface-sunken-hovered);\n }\n\n.shell-navigation-item:active {\n background-color: var(--s-surface-sunken-pressed);\n }\n\n.shell-navigation-item:active .shell-navigation-item__badge,\n .shell-navigation-item:active .shell-navigation-item__is-new-badge {\n --swirl-badge-border-color: var(--s-surface-sunken-pressed);\n }\n\n.shell-navigation-item:focus {\n outline: none;\n }\n\n.shell-navigation-item:focus-visible {\n z-index: 1;\n box-shadow: 0 0 0 0.125rem var(--s-focus-default);\n }\n\n.shell-navigation-item.shell-navigation-item--boxed {\n --swirl-app-icon-size: 2rem;\n }\n\n.shell-navigation-item.shell-navigation-item--boxed .shell-navigation-item__icon {\n overflow: hidden;\n border-radius: var(--s-border-radius-sm);\n background-color: var(--s-background-default);\n box-shadow: 0 0 0 var(--s-border-width-default) var(--s-border-default);\n }\n\n.shell-navigation-item.shell-navigation-item--default.shell-navigation-item--filled .shell-navigation-item__icon {\n border-radius: var(--s-border-radius-sm);\n width: 2rem;\n min-width: 2rem;\n height: 2rem;\n min-height: 2rem;\n }\n\n.shell-navigation-item.shell-navigation-item--filled {\n padding: var(--s-space-8);\n }\n\n.shell-navigation-item.shell-navigation-item--filled:not(.shell-navigation-item--has-app-icon) .shell-navigation-item__icon {\n color: var(--s-icon-on-action-primary);\n background-color: var(--s-action-primary-default);\n }\n\n.shell-navigation-item.shell-navigation-item--filled ::slotted(swirl-app-icon) {\n position: inherit;\n width: 100%;\n height: 100%;\n }\n\n.shell-navigation-item.shell-navigation-item--tiled {\n --swirl-app-icon-size: 100%;\n\n height: auto;\n padding: 0;\n align-items: start;\n border-radius: var(--s-border-radius-base);\n flex-direction: column;\n container-type: inline-size;\n gap: var(--s-space-8);\n }\n\n.shell-navigation-item.shell-navigation-item--tiled:hover {\n background-color: transparent;\n }\n\n.shell-navigation-item.shell-navigation-item--tiled:hover .shell-navigation-item__label {\n text-decoration: underline;\n }\n\n.shell-navigation-item.shell-navigation-item--tiled ::slotted(*) {\n position: absolute;\n top: var(--s-space-12);\n left: var(--s-space-12);\n }\n\n.shell-navigation-item.shell-navigation-item--tiled ::slotted(swirl-app-icon) {\n position: inherit;\n width: 100%;\n height: 100%;\n }\n\n.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__icon {\n overflow: hidden;\n width: 100%;\n min-width: 100%;\n height: auto;\n min-height: auto;\n border-radius: var(--s-border-radius-base);\n background-color: var(--s-surface-sunken-hovered);\n aspect-ratio: 1;\n }\n\n.shell-navigation-item.shell-navigation-item--tiled.shell-navigation-item--gradient .shell-navigation-item__icon::after {\n position: absolute;\n display: inline-block;\n width: 100%;\n border-radius: var(--s-border-radius-base);\n background-image: var(--swirl-shell-navigation-item-gradient);\n content: \"\";\n aspect-ratio: 1;\n }\n\n.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__label {\n color: var(--s-text-default);\n font-weight: var(--s-font-weight-semibold);\n text-align: start;\n }\n\n.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__label--inline {\n position: absolute;\n bottom: var(--s-space-12);\n left: var(--s-space-12);\n margin-right: var(--s-space-12);\n }\n\n.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__label--inline.shell-navigation-item__label--light {\n color: rgba(242, 242, 242, 1);\n }\n\n.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__label--inline.shell-navigation-item__label--dark {\n color: rgb(25, 25, 25);\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon {\n --swirl-app-icon-size: 100%;\n font-size: var(--s-font-size-xs);\n padding: var(--s-space-8) var(--s-space-4);\n align-items: center;\n height: auto;\n border-radius: var(--s-border-radius-sm);\n flex-direction: column;\n container-type: inline-size;\n gap: var(--s-space-8);\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon.shell-navigation-item--hide-label {\n align-items: start;\n padding: var(--s-space-8);\n --swirl-app-icon-size: 2rem;\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon.shell-navigation-item--hide-label .shell-navigation-item__icon {\n border-radius: var(--s-border-radius-sm);\n max-width: 2rem;\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon.shell-navigation-item--hide-label .shell-navigation-item__badge-wrapper {\n max-width: 2rem;\n max-height: 2rem;\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon .shell-navigation-item__icon {\n overflow: hidden;\n width: 100%;\n max-width: 3.5rem;\n height: auto;\n border-radius: var(--s-border-radius-base);\n\n color: var(--s-icon-on-action-primary);\n aspect-ratio: 1;\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon .shell-navigation-item__badge-wrapper {\n max-width: 3.5rem;\n max-height: 3.5rem;\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon .shell-navigation-item__label {\n line-height: var(--s-line-height-xs);\n text-align: center;\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon .shell-navigation-item__badge-wrapper, .shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__badge-wrapper {\n position: absolute;\n width: 100%;\n height: 100%;\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon .shell-navigation-item__label, .shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__label {\n display: -webkit-box;\n overflow: hidden;\n white-space: normal;\n text-overflow: unset;\n overflow-wrap: anywhere;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon .shell-navigation-item__badge, .shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__badge {\n position: absolute;\n top: -0.375rem;\n right: -0.375rem;\n padding: var(--s-space-2);\n }\n\n.shell-navigation-item.shell-navigation-item--active {\n background-color: var(--s-surface-sunken-hovered);\n }\n\n.shell-navigation-item.shell-navigation-item--active .shell-navigation-item__icon {\n color: var(--s-icon-highlight);\n }\n\n.shell-navigation-item.shell-navigation-item--active .shell-navigation-item__label {\n color: var(--s-text-highlight);\n }\n\n.shell-navigation-item.shell-navigation-item--active .shell-navigation-item__badge {\n --swirl-badge-border-color: var(--s-surface-sunken-hovered);\n }\n\n.shell-navigation-item.shell-navigation-item--active:hover {\n background-color: var(--s-surface-sunken-hovered);\n }\n\n.shell-navigation-item.shell-navigation-item--active:hover .shell-navigation-item__badge {\n --swirl-badge-border-color: var(--s-surface-sunken-hovered);\n }\n\n.shell-navigation-item.shell-navigation-item--active:active {\n background-color: var(--s-surface-sunken-pressed);\n }\n\n.shell-navigation-item.shell-navigation-item--active:active .shell-navigation-item__badge {\n --swirl-badge-border-color: var(--s-surface-sunken-pressed);\n }\n\n@media (min-width: 992px) {\n\n.shell-navigation-item {\n background-color: var(--s-surface-sunken-default)\n}\n }\n\n.shell-navigation-item__icon {\n display: inline-flex;\n width: 2rem;\n min-width: 2rem;\n height: 2rem;\n min-height: 2rem;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n border-radius: var(--s-border-radius-base);\n}\n\n.shell-navigation-item__text-wrapper {\n overflow: hidden;\n min-width: 0;\n flex-grow: 1;\n text-align: start;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n\n.shell-navigation-item__description {\n margin-left: var(--s-space-8);\n font-weight: var(--s-font-weight-normal);\n color: var(--s-text-subdued);\n}\n\n.shell-navigation-item__badge {\n flex-shrink: 0;\n --swirl-badge-border-color: var(--swirl-shell-background);\n}\n\n.shell-navigation-item__is-new-tag {\n flex-shrink: 0;\n}\n\n.shell-navigation-item__is-new-badge {\n position: absolute;\n top: 0.625rem;\n right: 0.625rem;\n flex-shrink: 0;\n --swirl-badge-border-color: var(--swirl-shell-background);\n}\n\n@container (max-width: 4rem) {\n .shell-navigation-item__badge {\n position: absolute;\n top: var(--s-space-4);\n right: var(--s-space-4);\n padding: var(--s-space-2);\n }\n\n .shell-navigation-item--gradient .shell-navigation-item__icon {\n --swirl-shell-navigation-item-gradient: none;\n }\n\n .shell-navigation-item__badge--dot {\n top: var(--s-space-8);\n right: var(--s-space-8);\n }\n}\n\n@container (min-width: 10rem) {\n .shell-navigation-item__badge--dot {\n padding-right: var(--s-space-4);\n }\n}\n";
6
+ const swirlShellNavigationItemCss = "/**\n* seems the container query does not work as expected\n*/\n\n:host {\n display: inline-flex;\n width: 100%;\n}\n\n:host * {\n box-sizing: border-box;\n }\n\n.shell-navigation-item {\n --swirl-app-icon-size: 2rem;\n --swirl-shell-navigation-item-gradient: linear-gradient(\n rgba(0, 0, 0, 0),\n rgba(0, 0, 0, 0.8)\n );\n\n position: relative;\n display: flex;\n width: 100%;\n height: 3rem;\n padding: var(--s-space-8);\n flex-shrink: 0;\n justify-content: flex-start;\n align-items: center;\n border: none;\n border-radius: var(--s-border-radius-sm);\n color: var(--s-text-default);\n background-color: var(--s-surface-overlay-default);\n font: inherit;\n font-size: var(--s-font-size-sm);\n font-weight: var(--s-font-weight-medium);\n line-height: var(--s-line-height-sm);\n text-decoration: none;\n cursor: pointer;\n container-type: size;\n gap: var(--s-space-12);\n}\n\n.shell-navigation-item .shell-navigation-item__badge {\n --swirl-badge-border-color: var(--s-surface-overlay-default);\n }\n\n.shell-navigation-item:hover {\n background-color: var(--s-surface-sunken-hovered);\n }\n\n.shell-navigation-item:hover .shell-navigation-item__badge,\n .shell-navigation-item:hover .shell-navigation-item__is-new-badge {\n --swirl-badge-border-color: var(--s-surface-sunken-hovered);\n }\n\n.shell-navigation-item:active {\n background-color: var(--s-surface-sunken-pressed);\n }\n\n.shell-navigation-item:active .shell-navigation-item__badge,\n .shell-navigation-item:active .shell-navigation-item__is-new-badge {\n --swirl-badge-border-color: var(--s-surface-sunken-pressed);\n }\n\n.shell-navigation-item:focus {\n outline: none;\n }\n\n.shell-navigation-item:focus-visible {\n z-index: 1;\n box-shadow: 0 0 0 0.125rem var(--s-focus-default);\n }\n\n.shell-navigation-item.shell-navigation-item--boxed {\n --swirl-app-icon-size: 2rem;\n }\n\n.shell-navigation-item.shell-navigation-item--boxed .shell-navigation-item__icon {\n overflow: hidden;\n border-radius: var(--s-border-radius-sm);\n background-color: var(--s-background-default);\n box-shadow: 0 0 0 var(--s-border-width-default) var(--s-border-default);\n }\n\n.shell-navigation-item.shell-navigation-item--default.shell-navigation-item--filled .shell-navigation-item__icon {\n border-radius: var(--s-border-radius-sm);\n width: 2rem;\n min-width: 2rem;\n height: 2rem;\n min-height: 2rem;\n }\n\n.shell-navigation-item.shell-navigation-item--filled {\n padding: var(--s-space-8);\n }\n\n.shell-navigation-item.shell-navigation-item--filled:not(.shell-navigation-item--has-app-icon) .shell-navigation-item__icon {\n color: var(--s-icon-on-action-primary);\n background-color: var(--s-action-primary-default);\n }\n\n.shell-navigation-item.shell-navigation-item--filled ::slotted(swirl-app-icon) {\n position: inherit;\n width: 100%;\n height: 100%;\n }\n\n.shell-navigation-item.shell-navigation-item--tiled {\n --swirl-app-icon-size: 100%;\n\n height: auto;\n padding: 0;\n align-items: start;\n border-radius: var(--s-border-radius-base);\n flex-direction: column;\n container-type: inline-size;\n gap: var(--s-space-8);\n }\n\n.shell-navigation-item.shell-navigation-item--tiled:hover {\n background-color: transparent;\n }\n\n.shell-navigation-item.shell-navigation-item--tiled:hover .shell-navigation-item__label {\n text-decoration: underline;\n }\n\n.shell-navigation-item.shell-navigation-item--tiled ::slotted(*) {\n position: absolute;\n top: var(--s-space-12);\n left: var(--s-space-12);\n }\n\n.shell-navigation-item.shell-navigation-item--tiled ::slotted(swirl-app-icon) {\n position: inherit;\n width: 100%;\n height: 100%;\n }\n\n.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__icon {\n overflow: hidden;\n width: 100%;\n min-width: 100%;\n height: auto;\n min-height: auto;\n border-radius: var(--s-border-radius-base);\n background-color: var(--s-surface-sunken-hovered);\n aspect-ratio: 1;\n }\n\n.shell-navigation-item.shell-navigation-item--tiled.shell-navigation-item--gradient .shell-navigation-item__icon::after {\n position: absolute;\n display: inline-block;\n width: 100%;\n border-radius: var(--s-border-radius-base);\n background-image: var(--swirl-shell-navigation-item-gradient);\n content: \"\";\n aspect-ratio: 1;\n }\n\n.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__label {\n color: var(--s-text-default);\n font-weight: var(--s-font-weight-semibold);\n text-align: start;\n }\n\n.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__label--inline {\n position: absolute;\n bottom: var(--s-space-12);\n left: var(--s-space-12);\n margin-right: var(--s-space-12);\n }\n\n.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__label--inline.shell-navigation-item__label--light {\n color: rgba(242, 242, 242, 1);\n }\n\n.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__label--inline.shell-navigation-item__label--dark {\n color: rgb(25, 25, 25);\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon {\n --swirl-app-icon-size: 100%;\n font-size: var(--s-font-size-xs);\n padding: var(--s-space-8) var(--s-space-4);\n align-items: center;\n height: auto;\n border-radius: var(--s-border-radius-sm);\n flex-direction: column;\n container-type: inline-size;\n gap: var(--s-space-8);\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon.shell-navigation-item--hide-label {\n align-items: start;\n padding: var(--s-space-8);\n --swirl-app-icon-size: 2rem;\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon.shell-navigation-item--hide-label .shell-navigation-item__icon {\n border-radius: var(--s-border-radius-sm);\n max-width: 2rem;\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon.shell-navigation-item--hide-label .shell-navigation-item__badge-wrapper {\n max-width: 2rem;\n max-height: 2rem;\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon .shell-navigation-item__icon {\n overflow: hidden;\n width: 100%;\n max-width: 3.5rem;\n height: auto;\n border-radius: var(--s-border-radius-base);\n\n color: var(--s-icon-on-action-primary);\n aspect-ratio: 1;\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon .shell-navigation-item__badge-wrapper {\n max-width: 3.5rem;\n max-height: 3.5rem;\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon .shell-navigation-item__label {\n line-height: var(--s-line-height-xs);\n text-align: center;\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon .shell-navigation-item__badge-wrapper, .shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__badge-wrapper {\n position: absolute;\n width: 100%;\n height: 100%;\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon .shell-navigation-item__label, .shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__label {\n display: -webkit-box;\n overflow: hidden;\n white-space: normal;\n text-overflow: unset;\n overflow-wrap: anywhere;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon .shell-navigation-item__badge, .shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__badge {\n position: absolute;\n top: -0.375rem;\n right: -0.375rem;\n padding: var(--s-space-2);\n }\n\n.shell-navigation-item.shell-navigation-item--active {\n background-color: var(--s-surface-sunken-hovered);\n }\n\n.shell-navigation-item.shell-navigation-item--active .shell-navigation-item__icon {\n color: var(--s-icon-highlight);\n }\n\n.shell-navigation-item.shell-navigation-item--active .shell-navigation-item__label {\n color: var(--s-text-highlight);\n }\n\n.shell-navigation-item.shell-navigation-item--active .shell-navigation-item__badge {\n --swirl-badge-border-color: var(--s-surface-sunken-hovered);\n }\n\n.shell-navigation-item.shell-navigation-item--active:hover {\n background-color: var(--s-surface-sunken-hovered);\n }\n\n.shell-navigation-item.shell-navigation-item--active:hover .shell-navigation-item__badge {\n --swirl-badge-border-color: var(--s-surface-sunken-hovered);\n }\n\n.shell-navigation-item.shell-navigation-item--active:active {\n background-color: var(--s-surface-sunken-pressed);\n }\n\n.shell-navigation-item.shell-navigation-item--active:active .shell-navigation-item__badge {\n --swirl-badge-border-color: var(--s-surface-sunken-pressed);\n }\n\n@media (min-width: 992px) {\n\n.shell-navigation-item {\n background-color: var(--s-surface-sunken-default)\n}\n\n .shell-navigation-item .shell-navigation-item__badge {\n --swirl-badge-border-color: var(--s-surface-sunken-default);\n }\n }\n\n.shell-navigation-item__icon {\n display: inline-flex;\n width: 2rem;\n min-width: 2rem;\n height: 2rem;\n min-height: 2rem;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n border-radius: var(--s-border-radius-base);\n}\n\n.shell-navigation-item__text-wrapper {\n overflow: hidden;\n min-width: 0;\n flex-grow: 1;\n text-align: start;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n\n.shell-navigation-item__description {\n margin-left: var(--s-space-8);\n font-weight: var(--s-font-weight-normal);\n color: var(--s-text-subdued);\n}\n\n.shell-navigation-item__badge {\n flex-shrink: 0;\n --swirl-badge-border-color: var(--swirl-shell-background);\n}\n\n.shell-navigation-item__is-new-tag {\n flex-shrink: 0;\n}\n\n.shell-navigation-item__is-new-badge {\n position: absolute;\n top: 0.625rem;\n right: 0.625rem;\n flex-shrink: 0;\n --swirl-badge-border-color: var(--swirl-shell-background);\n}\n\n@container (max-width: 4rem) {\n .shell-navigation-item__badge {\n position: absolute;\n top: var(--s-space-4);\n right: var(--s-space-4);\n padding: var(--s-space-2);\n }\n\n .shell-navigation-item--gradient .shell-navigation-item__icon {\n --swirl-shell-navigation-item-gradient: none;\n }\n\n .shell-navigation-item__badge--dot {\n top: var(--s-space-8);\n right: var(--s-space-8);\n }\n}\n\n@container (min-width: 10rem) {\n .shell-navigation-item__badge--dot {\n padding-right: var(--s-space-4);\n }\n}\n";
7
7
 
8
8
  const SwirlShellNavigationItem = class {
9
9
  constructor(hostRef) {
package/dist/collection/components/swirl-select/swirl-select.css CHANGED
@@ -100,6 +100,7 @@
100
100
  -webkit-user-select: none;
101
101
  -moz-user-select: none;
102
102
  user-select: none;
103
+ pointer-events: none;
103
104
  opacity: 0;
104
105
  }
105
106
 
package/dist/collection/components/swirl-shell-navigation-item/swirl-shell-navigation-item.css CHANGED
@@ -40,6 +40,10 @@
40
40
  gap: var(--s-space-12);
41
41
  }
42
42
 
43
+ .shell-navigation-item .shell-navigation-item__badge {
44
+ --swirl-badge-border-color: var(--s-surface-overlay-default);
45
+ }
46
+
43
47
  .shell-navigation-item:hover {
44
48
  background-color: var(--s-surface-sunken-hovered);
45
49
  }
@@ -284,6 +288,10 @@
284
288
  .shell-navigation-item {
285
289
  background-color: var(--s-surface-sunken-default)
286
290
  }
291
+
292
+ .shell-navigation-item .shell-navigation-item__badge {
293
+ --swirl-badge-border-color: var(--s-surface-sunken-default);
294
+ }
287
295
  }
288
296
 
289
297
  .shell-navigation-item__icon {
package/dist/components/swirl-select.js CHANGED
@@ -18,7 +18,7 @@ import { d as defineCustomElement$4 } from './swirl-tag2.js';
18
18
  import { d as defineCustomElement$3 } from './swirl-text2.js';
19
19
  import { d as defineCustomElement$2 } from './swirl-visually-hidden2.js';
20
20
 
21
- 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--standalone.sc-swirl-select{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.select--standalone.sc-swirl-select .select__indicator.sc-swirl-select{position:relative;top:auto;right:auto;cursor:pointer;transform:none}.select--standalone.sc-swirl-select .select__input.sc-swirl-select{padding-right:var(--s-space-8);font-weight:var(--s-font-weight-medium);cursor:pointer}.select--standalone.sc-swirl-select .select__value-container.sc-swirl-select{width:-webkit-min-content;width:-moz-min-content;width:min-content}.select--search-loading.sc-swirl-select .select__search-input.sc-swirl-select{padding-right:calc(var(--s-space-12) + 1.5rem + var(--s-space-8))}.select__resize-helper.sc-swirl-select{display:block;width:auto;height:0;margin:0;padding:0;padding-right:calc(1.5rem + var(--s-space-8));padding-right:var(--s-space-8);font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left;white-space:pre;white-space:pre;vertical-align:top;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:0}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.select__resize-helper.sc-swirl-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.select__input.sc-swirl-select{display:block;overflow:hidden;width:100%;height:1.25rem;margin:0;padding:0;padding-right:calc(1.5rem + var(--s-space-8));border:none;background-color:transparent;font:inherit;line-height:var(--s-line-height-base);text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:default}.select__input.sc-swirl-select:focus{outline:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.select__input.sc-swirl-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.select__multi-select-values.sc-swirl-select{display:none;overflow:hidden;width:100%;min-height:1.25rem;padding-right:calc(1.5rem + var(--s-space-8));flex-wrap:wrap;flex-shrink:0;gap:var(--s-space-8)}.select__multi-select-values.sc-swirl-select .sc-swirl-select::part(tag){height:1.25rem;padding:0 var(--s-space-4)}.select__indicator.sc-swirl-select{position:absolute;top:50%;right:0;display:inline-flex;color:var(--s-icon-default);transform:translateY(calc(-50% - var(--s-space-8)))}.select__search.sc-swirl-select{position:relative;display:flex;width:100%;padding:0.0625rem var(--s-space-8);border-bottom:0.0625rem solid var(--s-border-default);background-color:var(--s-surface-overlay-default)}@media (min-width: 768px){.select__search.sc-swirl-select{position:sticky;z-index:1;top:0;padding-top:var(--s-space-8);padding-right:0.0625rem;padding-left:0.0625rem}}.select__search-icon.sc-swirl-select{position:absolute;top:50%;left:calc(var(--s-space-8) * 2);display:inline-flex;color:var(--s-icon-default);transform:translateY(-50%)}@media (min-width: 768px){.select__search-icon.sc-swirl-select{left:var(--s-space-12);margin-top:var(--s-space-4);padding:0.0625rem}}.select__search-input.sc-swirl-select{width:100%;height:2.5rem;padding-right:var(--s-space-12);padding-left:calc(var(--s-space-12) + 1.25rem + var(--s-space-8));align-items:center;border:none;color:var(--s-text-default);background-color:var(--s-surface-overlay-default);font:inherit;line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.select__search-input.sc-swirl-select:focus:not(:focus-visible){outline:none}.select__search-input.sc-swirl-select:focus-visible{outline-color:var(--s-focus-default)}.select__search-input.sc-swirl-select::-moz-placeholder{color:var(--s-text-subdued)}.select__search-input.sc-swirl-select::placeholder{color:var(--s-text-subdued)}.select__search-input.sc-swirl-select::-webkit-search-decoration,.select__search-input.sc-swirl-select::-webkit-search-cancel-button,.select__search-input.sc-swirl-select::-webkit-search-results-button,.select__search-input.sc-swirl-select::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.select__search-input.sc-swirl-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.select__search-spinner.sc-swirl-select{position:absolute;top:50%;right:var(--s-space-12);display:inline-flex;transform:translateY(-50%)}@media (min-width: 768px){.select__search-spinner.sc-swirl-select{margin-top:var(--s-space-4)}}.select__empty-list-label.sc-swirl-select{padding:var(--s-space-12) var(--s-space-12) 0}.select__empty-list-label.sc-swirl-select:not(:only-child){display:none}@media (min-width: 768px){.select__empty-list-label.sc-swirl-select{padding:var(--s-space-12) var(--s-space-12) var(--s-space-8)}}";
21
+ 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--standalone.sc-swirl-select{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.select--standalone.sc-swirl-select .select__indicator.sc-swirl-select{position:relative;top:auto;right:auto;cursor:pointer;transform:none}.select--standalone.sc-swirl-select .select__input.sc-swirl-select{padding-right:var(--s-space-8);font-weight:var(--s-font-weight-medium);cursor:pointer}.select--standalone.sc-swirl-select .select__value-container.sc-swirl-select{width:-webkit-min-content;width:-moz-min-content;width:min-content}.select--search-loading.sc-swirl-select .select__search-input.sc-swirl-select{padding-right:calc(var(--s-space-12) + 1.5rem + var(--s-space-8))}.select__resize-helper.sc-swirl-select{display:block;width:auto;height:0;margin:0;padding:0;padding-right:calc(1.5rem + var(--s-space-8));padding-right:var(--s-space-8);font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left;white-space:pre;white-space:pre;vertical-align:top;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.select__resize-helper.sc-swirl-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.select__input.sc-swirl-select{display:block;overflow:hidden;width:100%;height:1.25rem;margin:0;padding:0;padding-right:calc(1.5rem + var(--s-space-8));border:none;background-color:transparent;font:inherit;line-height:var(--s-line-height-base);text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:default}.select__input.sc-swirl-select:focus{outline:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.select__input.sc-swirl-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.select__multi-select-values.sc-swirl-select{display:none;overflow:hidden;width:100%;min-height:1.25rem;padding-right:calc(1.5rem + var(--s-space-8));flex-wrap:wrap;flex-shrink:0;gap:var(--s-space-8)}.select__multi-select-values.sc-swirl-select .sc-swirl-select::part(tag){height:1.25rem;padding:0 var(--s-space-4)}.select__indicator.sc-swirl-select{position:absolute;top:50%;right:0;display:inline-flex;color:var(--s-icon-default);transform:translateY(calc(-50% - var(--s-space-8)))}.select__search.sc-swirl-select{position:relative;display:flex;width:100%;padding:0.0625rem var(--s-space-8);border-bottom:0.0625rem solid var(--s-border-default);background-color:var(--s-surface-overlay-default)}@media (min-width: 768px){.select__search.sc-swirl-select{position:sticky;z-index:1;top:0;padding-top:var(--s-space-8);padding-right:0.0625rem;padding-left:0.0625rem}}.select__search-icon.sc-swirl-select{position:absolute;top:50%;left:calc(var(--s-space-8) * 2);display:inline-flex;color:var(--s-icon-default);transform:translateY(-50%)}@media (min-width: 768px){.select__search-icon.sc-swirl-select{left:var(--s-space-12);margin-top:var(--s-space-4);padding:0.0625rem}}.select__search-input.sc-swirl-select{width:100%;height:2.5rem;padding-right:var(--s-space-12);padding-left:calc(var(--s-space-12) + 1.25rem + var(--s-space-8));align-items:center;border:none;color:var(--s-text-default);background-color:var(--s-surface-overlay-default);font:inherit;line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.select__search-input.sc-swirl-select:focus:not(:focus-visible){outline:none}.select__search-input.sc-swirl-select:focus-visible{outline-color:var(--s-focus-default)}.select__search-input.sc-swirl-select::-moz-placeholder{color:var(--s-text-subdued)}.select__search-input.sc-swirl-select::placeholder{color:var(--s-text-subdued)}.select__search-input.sc-swirl-select::-webkit-search-decoration,.select__search-input.sc-swirl-select::-webkit-search-cancel-button,.select__search-input.sc-swirl-select::-webkit-search-results-button,.select__search-input.sc-swirl-select::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.select__search-input.sc-swirl-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.select__search-spinner.sc-swirl-select{position:absolute;top:50%;right:var(--s-space-12);display:inline-flex;transform:translateY(-50%)}@media (min-width: 768px){.select__search-spinner.sc-swirl-select{margin-top:var(--s-space-4)}}.select__empty-list-label.sc-swirl-select{padding:var(--s-space-12) var(--s-space-12) 0}.select__empty-list-label.sc-swirl-select:not(:only-child){display:none}@media (min-width: 768px){.select__empty-list-label.sc-swirl-select{padding:var(--s-space-12) var(--s-space-12) var(--s-space-8)}}";
22
22
 
23
23
  const SwirlSelect$1 = /*@__PURE__*/ proxyCustomElement(class SwirlSelect extends HTMLElement {
24
24
  constructor() {
package/dist/components/swirl-shell-navigation-item.js CHANGED
@@ -6,7 +6,7 @@ import { d as defineCustomElement$4 } from './swirl-tag2.js';
6
6
  import { d as defineCustomElement$3 } from './swirl-tooltip2.js';
7
7
  import { d as defineCustomElement$2 } from './swirl-visually-hidden2.js';
8
8
 
9
- const swirlShellNavigationItemCss = "/**\n* seems the container query does not work as expected\n*/\n\n:host {\n display: inline-flex;\n width: 100%;\n}\n\n:host * {\n box-sizing: border-box;\n }\n\n.shell-navigation-item {\n --swirl-app-icon-size: 2rem;\n --swirl-shell-navigation-item-gradient: linear-gradient(\n rgba(0, 0, 0, 0),\n rgba(0, 0, 0, 0.8)\n );\n\n position: relative;\n display: flex;\n width: 100%;\n height: 3rem;\n padding: var(--s-space-8);\n flex-shrink: 0;\n justify-content: flex-start;\n align-items: center;\n border: none;\n border-radius: var(--s-border-radius-sm);\n color: var(--s-text-default);\n background-color: var(--s-surface-overlay-default);\n font: inherit;\n font-size: var(--s-font-size-sm);\n font-weight: var(--s-font-weight-medium);\n line-height: var(--s-line-height-sm);\n text-decoration: none;\n cursor: pointer;\n container-type: size;\n gap: var(--s-space-12);\n}\n\n.shell-navigation-item:hover {\n background-color: var(--s-surface-sunken-hovered);\n }\n\n.shell-navigation-item:hover .shell-navigation-item__badge,\n .shell-navigation-item:hover .shell-navigation-item__is-new-badge {\n --swirl-badge-border-color: var(--s-surface-sunken-hovered);\n }\n\n.shell-navigation-item:active {\n background-color: var(--s-surface-sunken-pressed);\n }\n\n.shell-navigation-item:active .shell-navigation-item__badge,\n .shell-navigation-item:active .shell-navigation-item__is-new-badge {\n --swirl-badge-border-color: var(--s-surface-sunken-pressed);\n }\n\n.shell-navigation-item:focus {\n outline: none;\n }\n\n.shell-navigation-item:focus-visible {\n z-index: 1;\n box-shadow: 0 0 0 0.125rem var(--s-focus-default);\n }\n\n.shell-navigation-item.shell-navigation-item--boxed {\n --swirl-app-icon-size: 2rem;\n }\n\n.shell-navigation-item.shell-navigation-item--boxed .shell-navigation-item__icon {\n overflow: hidden;\n border-radius: var(--s-border-radius-sm);\n background-color: var(--s-background-default);\n box-shadow: 0 0 0 var(--s-border-width-default) var(--s-border-default);\n }\n\n.shell-navigation-item.shell-navigation-item--default.shell-navigation-item--filled .shell-navigation-item__icon {\n border-radius: var(--s-border-radius-sm);\n width: 2rem;\n min-width: 2rem;\n height: 2rem;\n min-height: 2rem;\n }\n\n.shell-navigation-item.shell-navigation-item--filled {\n padding: var(--s-space-8);\n }\n\n.shell-navigation-item.shell-navigation-item--filled:not(.shell-navigation-item--has-app-icon) .shell-navigation-item__icon {\n color: var(--s-icon-on-action-primary);\n background-color: var(--s-action-primary-default);\n }\n\n.shell-navigation-item.shell-navigation-item--filled ::slotted(swirl-app-icon) {\n position: inherit;\n width: 100%;\n height: 100%;\n }\n\n.shell-navigation-item.shell-navigation-item--tiled {\n --swirl-app-icon-size: 100%;\n\n height: auto;\n padding: 0;\n align-items: start;\n border-radius: var(--s-border-radius-base);\n flex-direction: column;\n container-type: inline-size;\n gap: var(--s-space-8);\n }\n\n.shell-navigation-item.shell-navigation-item--tiled:hover {\n background-color: transparent;\n }\n\n.shell-navigation-item.shell-navigation-item--tiled:hover .shell-navigation-item__label {\n text-decoration: underline;\n }\n\n.shell-navigation-item.shell-navigation-item--tiled ::slotted(*) {\n position: absolute;\n top: var(--s-space-12);\n left: var(--s-space-12);\n }\n\n.shell-navigation-item.shell-navigation-item--tiled ::slotted(swirl-app-icon) {\n position: inherit;\n width: 100%;\n height: 100%;\n }\n\n.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__icon {\n overflow: hidden;\n width: 100%;\n min-width: 100%;\n height: auto;\n min-height: auto;\n border-radius: var(--s-border-radius-base);\n background-color: var(--s-surface-sunken-hovered);\n aspect-ratio: 1;\n }\n\n.shell-navigation-item.shell-navigation-item--tiled.shell-navigation-item--gradient .shell-navigation-item__icon::after {\n position: absolute;\n display: inline-block;\n width: 100%;\n border-radius: var(--s-border-radius-base);\n background-image: var(--swirl-shell-navigation-item-gradient);\n content: \"\";\n aspect-ratio: 1;\n }\n\n.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__label {\n color: var(--s-text-default);\n font-weight: var(--s-font-weight-semibold);\n text-align: start;\n }\n\n.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__label--inline {\n position: absolute;\n bottom: var(--s-space-12);\n left: var(--s-space-12);\n margin-right: var(--s-space-12);\n }\n\n.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__label--inline.shell-navigation-item__label--light {\n color: rgba(242, 242, 242, 1);\n }\n\n.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__label--inline.shell-navigation-item__label--dark {\n color: rgb(25, 25, 25);\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon {\n --swirl-app-icon-size: 100%;\n font-size: var(--s-font-size-xs);\n padding: var(--s-space-8) var(--s-space-4);\n align-items: center;\n height: auto;\n border-radius: var(--s-border-radius-sm);\n flex-direction: column;\n container-type: inline-size;\n gap: var(--s-space-8);\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon.shell-navigation-item--hide-label {\n align-items: start;\n padding: var(--s-space-8);\n --swirl-app-icon-size: 2rem;\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon.shell-navigation-item--hide-label .shell-navigation-item__icon {\n border-radius: var(--s-border-radius-sm);\n max-width: 2rem;\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon.shell-navigation-item--hide-label .shell-navigation-item__badge-wrapper {\n max-width: 2rem;\n max-height: 2rem;\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon .shell-navigation-item__icon {\n overflow: hidden;\n width: 100%;\n max-width: 3.5rem;\n height: auto;\n border-radius: var(--s-border-radius-base);\n\n color: var(--s-icon-on-action-primary);\n aspect-ratio: 1;\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon .shell-navigation-item__badge-wrapper {\n max-width: 3.5rem;\n max-height: 3.5rem;\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon .shell-navigation-item__label {\n line-height: var(--s-line-height-xs);\n text-align: center;\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon .shell-navigation-item__badge-wrapper, .shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__badge-wrapper {\n position: absolute;\n width: 100%;\n height: 100%;\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon .shell-navigation-item__label, .shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__label {\n display: -webkit-box;\n overflow: hidden;\n white-space: normal;\n text-overflow: unset;\n overflow-wrap: anywhere;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon .shell-navigation-item__badge, .shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__badge {\n position: absolute;\n top: -0.375rem;\n right: -0.375rem;\n padding: var(--s-space-2);\n }\n\n.shell-navigation-item.shell-navigation-item--active {\n background-color: var(--s-surface-sunken-hovered);\n }\n\n.shell-navigation-item.shell-navigation-item--active .shell-navigation-item__icon {\n color: var(--s-icon-highlight);\n }\n\n.shell-navigation-item.shell-navigation-item--active .shell-navigation-item__label {\n color: var(--s-text-highlight);\n }\n\n.shell-navigation-item.shell-navigation-item--active .shell-navigation-item__badge {\n --swirl-badge-border-color: var(--s-surface-sunken-hovered);\n }\n\n.shell-navigation-item.shell-navigation-item--active:hover {\n background-color: var(--s-surface-sunken-hovered);\n }\n\n.shell-navigation-item.shell-navigation-item--active:hover .shell-navigation-item__badge {\n --swirl-badge-border-color: var(--s-surface-sunken-hovered);\n }\n\n.shell-navigation-item.shell-navigation-item--active:active {\n background-color: var(--s-surface-sunken-pressed);\n }\n\n.shell-navigation-item.shell-navigation-item--active:active .shell-navigation-item__badge {\n --swirl-badge-border-color: var(--s-surface-sunken-pressed);\n }\n\n@media (min-width: 992px) {\n\n.shell-navigation-item {\n background-color: var(--s-surface-sunken-default)\n}\n }\n\n.shell-navigation-item__icon {\n display: inline-flex;\n width: 2rem;\n min-width: 2rem;\n height: 2rem;\n min-height: 2rem;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n border-radius: var(--s-border-radius-base);\n}\n\n.shell-navigation-item__text-wrapper {\n overflow: hidden;\n min-width: 0;\n flex-grow: 1;\n text-align: start;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n\n.shell-navigation-item__description {\n margin-left: var(--s-space-8);\n font-weight: var(--s-font-weight-normal);\n color: var(--s-text-subdued);\n}\n\n.shell-navigation-item__badge {\n flex-shrink: 0;\n --swirl-badge-border-color: var(--swirl-shell-background);\n}\n\n.shell-navigation-item__is-new-tag {\n flex-shrink: 0;\n}\n\n.shell-navigation-item__is-new-badge {\n position: absolute;\n top: 0.625rem;\n right: 0.625rem;\n flex-shrink: 0;\n --swirl-badge-border-color: var(--swirl-shell-background);\n}\n\n@container (max-width: 4rem) {\n .shell-navigation-item__badge {\n position: absolute;\n top: var(--s-space-4);\n right: var(--s-space-4);\n padding: var(--s-space-2);\n }\n\n .shell-navigation-item--gradient .shell-navigation-item__icon {\n --swirl-shell-navigation-item-gradient: none;\n }\n\n .shell-navigation-item__badge--dot {\n top: var(--s-space-8);\n right: var(--s-space-8);\n }\n}\n\n@container (min-width: 10rem) {\n .shell-navigation-item__badge--dot {\n padding-right: var(--s-space-4);\n }\n}\n";
9
+ const swirlShellNavigationItemCss = "/**\n* seems the container query does not work as expected\n*/\n\n:host {\n display: inline-flex;\n width: 100%;\n}\n\n:host * {\n box-sizing: border-box;\n }\n\n.shell-navigation-item {\n --swirl-app-icon-size: 2rem;\n --swirl-shell-navigation-item-gradient: linear-gradient(\n rgba(0, 0, 0, 0),\n rgba(0, 0, 0, 0.8)\n );\n\n position: relative;\n display: flex;\n width: 100%;\n height: 3rem;\n padding: var(--s-space-8);\n flex-shrink: 0;\n justify-content: flex-start;\n align-items: center;\n border: none;\n border-radius: var(--s-border-radius-sm);\n color: var(--s-text-default);\n background-color: var(--s-surface-overlay-default);\n font: inherit;\n font-size: var(--s-font-size-sm);\n font-weight: var(--s-font-weight-medium);\n line-height: var(--s-line-height-sm);\n text-decoration: none;\n cursor: pointer;\n container-type: size;\n gap: var(--s-space-12);\n}\n\n.shell-navigation-item .shell-navigation-item__badge {\n --swirl-badge-border-color: var(--s-surface-overlay-default);\n }\n\n.shell-navigation-item:hover {\n background-color: var(--s-surface-sunken-hovered);\n }\n\n.shell-navigation-item:hover .shell-navigation-item__badge,\n .shell-navigation-item:hover .shell-navigation-item__is-new-badge {\n --swirl-badge-border-color: var(--s-surface-sunken-hovered);\n }\n\n.shell-navigation-item:active {\n background-color: var(--s-surface-sunken-pressed);\n }\n\n.shell-navigation-item:active .shell-navigation-item__badge,\n .shell-navigation-item:active .shell-navigation-item__is-new-badge {\n --swirl-badge-border-color: var(--s-surface-sunken-pressed);\n }\n\n.shell-navigation-item:focus {\n outline: none;\n }\n\n.shell-navigation-item:focus-visible {\n z-index: 1;\n box-shadow: 0 0 0 0.125rem var(--s-focus-default);\n }\n\n.shell-navigation-item.shell-navigation-item--boxed {\n --swirl-app-icon-size: 2rem;\n }\n\n.shell-navigation-item.shell-navigation-item--boxed .shell-navigation-item__icon {\n overflow: hidden;\n border-radius: var(--s-border-radius-sm);\n background-color: var(--s-background-default);\n box-shadow: 0 0 0 var(--s-border-width-default) var(--s-border-default);\n }\n\n.shell-navigation-item.shell-navigation-item--default.shell-navigation-item--filled .shell-navigation-item__icon {\n border-radius: var(--s-border-radius-sm);\n width: 2rem;\n min-width: 2rem;\n height: 2rem;\n min-height: 2rem;\n }\n\n.shell-navigation-item.shell-navigation-item--filled {\n padding: var(--s-space-8);\n }\n\n.shell-navigation-item.shell-navigation-item--filled:not(.shell-navigation-item--has-app-icon) .shell-navigation-item__icon {\n color: var(--s-icon-on-action-primary);\n background-color: var(--s-action-primary-default);\n }\n\n.shell-navigation-item.shell-navigation-item--filled ::slotted(swirl-app-icon) {\n position: inherit;\n width: 100%;\n height: 100%;\n }\n\n.shell-navigation-item.shell-navigation-item--tiled {\n --swirl-app-icon-size: 100%;\n\n height: auto;\n padding: 0;\n align-items: start;\n border-radius: var(--s-border-radius-base);\n flex-direction: column;\n container-type: inline-size;\n gap: var(--s-space-8);\n }\n\n.shell-navigation-item.shell-navigation-item--tiled:hover {\n background-color: transparent;\n }\n\n.shell-navigation-item.shell-navigation-item--tiled:hover .shell-navigation-item__label {\n text-decoration: underline;\n }\n\n.shell-navigation-item.shell-navigation-item--tiled ::slotted(*) {\n position: absolute;\n top: var(--s-space-12);\n left: var(--s-space-12);\n }\n\n.shell-navigation-item.shell-navigation-item--tiled ::slotted(swirl-app-icon) {\n position: inherit;\n width: 100%;\n height: 100%;\n }\n\n.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__icon {\n overflow: hidden;\n width: 100%;\n min-width: 100%;\n height: auto;\n min-height: auto;\n border-radius: var(--s-border-radius-base);\n background-color: var(--s-surface-sunken-hovered);\n aspect-ratio: 1;\n }\n\n.shell-navigation-item.shell-navigation-item--tiled.shell-navigation-item--gradient .shell-navigation-item__icon::after {\n position: absolute;\n display: inline-block;\n width: 100%;\n border-radius: var(--s-border-radius-base);\n background-image: var(--swirl-shell-navigation-item-gradient);\n content: \"\";\n aspect-ratio: 1;\n }\n\n.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__label {\n color: var(--s-text-default);\n font-weight: var(--s-font-weight-semibold);\n text-align: start;\n }\n\n.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__label--inline {\n position: absolute;\n bottom: var(--s-space-12);\n left: var(--s-space-12);\n margin-right: var(--s-space-12);\n }\n\n.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__label--inline.shell-navigation-item__label--light {\n color: rgba(242, 242, 242, 1);\n }\n\n.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__label--inline.shell-navigation-item__label--dark {\n color: rgb(25, 25, 25);\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon {\n --swirl-app-icon-size: 100%;\n font-size: var(--s-font-size-xs);\n padding: var(--s-space-8) var(--s-space-4);\n align-items: center;\n height: auto;\n border-radius: var(--s-border-radius-sm);\n flex-direction: column;\n container-type: inline-size;\n gap: var(--s-space-8);\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon.shell-navigation-item--hide-label {\n align-items: start;\n padding: var(--s-space-8);\n --swirl-app-icon-size: 2rem;\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon.shell-navigation-item--hide-label .shell-navigation-item__icon {\n border-radius: var(--s-border-radius-sm);\n max-width: 2rem;\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon.shell-navigation-item--hide-label .shell-navigation-item__badge-wrapper {\n max-width: 2rem;\n max-height: 2rem;\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon .shell-navigation-item__icon {\n overflow: hidden;\n width: 100%;\n max-width: 3.5rem;\n height: auto;\n border-radius: var(--s-border-radius-base);\n\n color: var(--s-icon-on-action-primary);\n aspect-ratio: 1;\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon .shell-navigation-item__badge-wrapper {\n max-width: 3.5rem;\n max-height: 3.5rem;\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon .shell-navigation-item__label {\n line-height: var(--s-line-height-xs);\n text-align: center;\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon .shell-navigation-item__badge-wrapper, .shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__badge-wrapper {\n position: absolute;\n width: 100%;\n height: 100%;\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon .shell-navigation-item__label, .shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__label {\n display: -webkit-box;\n overflow: hidden;\n white-space: normal;\n text-overflow: unset;\n overflow-wrap: anywhere;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon .shell-navigation-item__badge, .shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__badge {\n position: absolute;\n top: -0.375rem;\n right: -0.375rem;\n padding: var(--s-space-2);\n }\n\n.shell-navigation-item.shell-navigation-item--active {\n background-color: var(--s-surface-sunken-hovered);\n }\n\n.shell-navigation-item.shell-navigation-item--active .shell-navigation-item__icon {\n color: var(--s-icon-highlight);\n }\n\n.shell-navigation-item.shell-navigation-item--active .shell-navigation-item__label {\n color: var(--s-text-highlight);\n }\n\n.shell-navigation-item.shell-navigation-item--active .shell-navigation-item__badge {\n --swirl-badge-border-color: var(--s-surface-sunken-hovered);\n }\n\n.shell-navigation-item.shell-navigation-item--active:hover {\n background-color: var(--s-surface-sunken-hovered);\n }\n\n.shell-navigation-item.shell-navigation-item--active:hover .shell-navigation-item__badge {\n --swirl-badge-border-color: var(--s-surface-sunken-hovered);\n }\n\n.shell-navigation-item.shell-navigation-item--active:active {\n background-color: var(--s-surface-sunken-pressed);\n }\n\n.shell-navigation-item.shell-navigation-item--active:active .shell-navigation-item__badge {\n --swirl-badge-border-color: var(--s-surface-sunken-pressed);\n }\n\n@media (min-width: 992px) {\n\n.shell-navigation-item {\n background-color: var(--s-surface-sunken-default)\n}\n\n .shell-navigation-item .shell-navigation-item__badge {\n --swirl-badge-border-color: var(--s-surface-sunken-default);\n }\n }\n\n.shell-navigation-item__icon {\n display: inline-flex;\n width: 2rem;\n min-width: 2rem;\n height: 2rem;\n min-height: 2rem;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n border-radius: var(--s-border-radius-base);\n}\n\n.shell-navigation-item__text-wrapper {\n overflow: hidden;\n min-width: 0;\n flex-grow: 1;\n text-align: start;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n\n.shell-navigation-item__description {\n margin-left: var(--s-space-8);\n font-weight: var(--s-font-weight-normal);\n color: var(--s-text-subdued);\n}\n\n.shell-navigation-item__badge {\n flex-shrink: 0;\n --swirl-badge-border-color: var(--swirl-shell-background);\n}\n\n.shell-navigation-item__is-new-tag {\n flex-shrink: 0;\n}\n\n.shell-navigation-item__is-new-badge {\n position: absolute;\n top: 0.625rem;\n right: 0.625rem;\n flex-shrink: 0;\n --swirl-badge-border-color: var(--swirl-shell-background);\n}\n\n@container (max-width: 4rem) {\n .shell-navigation-item__badge {\n position: absolute;\n top: var(--s-space-4);\n right: var(--s-space-4);\n padding: var(--s-space-2);\n }\n\n .shell-navigation-item--gradient .shell-navigation-item__icon {\n --swirl-shell-navigation-item-gradient: none;\n }\n\n .shell-navigation-item__badge--dot {\n top: var(--s-space-8);\n right: var(--s-space-8);\n }\n}\n\n@container (min-width: 10rem) {\n .shell-navigation-item__badge--dot {\n padding-right: var(--s-space-4);\n }\n}\n";
10
10
 
11
11
  const SwirlShellNavigationItem$1 = /*@__PURE__*/ proxyCustomElement(class SwirlShellNavigationItem extends HTMLElement {
12
12
  constructor() {
package/dist/esm/swirl-select.entry.js CHANGED
@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, H as Host, d as getElement
2
2
  import { c as classnames } from './index-orsBiyT_.js';
3
3
  import { q as querySelectorAllDeep } from './utils-wi_3Z3FQ.js';
4
4
 
5
- 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--standalone.sc-swirl-select{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.select--standalone.sc-swirl-select .select__indicator.sc-swirl-select{position:relative;top:auto;right:auto;cursor:pointer;transform:none}.select--standalone.sc-swirl-select .select__input.sc-swirl-select{padding-right:var(--s-space-8);font-weight:var(--s-font-weight-medium);cursor:pointer}.select--standalone.sc-swirl-select .select__value-container.sc-swirl-select{width:-webkit-min-content;width:-moz-min-content;width:min-content}.select--search-loading.sc-swirl-select .select__search-input.sc-swirl-select{padding-right:calc(var(--s-space-12) + 1.5rem + var(--s-space-8))}.select__resize-helper.sc-swirl-select{display:block;width:auto;height:0;margin:0;padding:0;padding-right:calc(1.5rem + var(--s-space-8));padding-right:var(--s-space-8);font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left;white-space:pre;white-space:pre;vertical-align:top;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:0}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.select__resize-helper.sc-swirl-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.select__input.sc-swirl-select{display:block;overflow:hidden;width:100%;height:1.25rem;margin:0;padding:0;padding-right:calc(1.5rem + var(--s-space-8));border:none;background-color:transparent;font:inherit;line-height:var(--s-line-height-base);text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:default}.select__input.sc-swirl-select:focus{outline:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.select__input.sc-swirl-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.select__multi-select-values.sc-swirl-select{display:none;overflow:hidden;width:100%;min-height:1.25rem;padding-right:calc(1.5rem + var(--s-space-8));flex-wrap:wrap;flex-shrink:0;gap:var(--s-space-8)}.select__multi-select-values.sc-swirl-select .sc-swirl-select::part(tag){height:1.25rem;padding:0 var(--s-space-4)}.select__indicator.sc-swirl-select{position:absolute;top:50%;right:0;display:inline-flex;color:var(--s-icon-default);transform:translateY(calc(-50% - var(--s-space-8)))}.select__search.sc-swirl-select{position:relative;display:flex;width:100%;padding:0.0625rem var(--s-space-8);border-bottom:0.0625rem solid var(--s-border-default);background-color:var(--s-surface-overlay-default)}@media (min-width: 768px){.select__search.sc-swirl-select{position:sticky;z-index:1;top:0;padding-top:var(--s-space-8);padding-right:0.0625rem;padding-left:0.0625rem}}.select__search-icon.sc-swirl-select{position:absolute;top:50%;left:calc(var(--s-space-8) * 2);display:inline-flex;color:var(--s-icon-default);transform:translateY(-50%)}@media (min-width: 768px){.select__search-icon.sc-swirl-select{left:var(--s-space-12);margin-top:var(--s-space-4);padding:0.0625rem}}.select__search-input.sc-swirl-select{width:100%;height:2.5rem;padding-right:var(--s-space-12);padding-left:calc(var(--s-space-12) + 1.25rem + var(--s-space-8));align-items:center;border:none;color:var(--s-text-default);background-color:var(--s-surface-overlay-default);font:inherit;line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.select__search-input.sc-swirl-select:focus:not(:focus-visible){outline:none}.select__search-input.sc-swirl-select:focus-visible{outline-color:var(--s-focus-default)}.select__search-input.sc-swirl-select::-moz-placeholder{color:var(--s-text-subdued)}.select__search-input.sc-swirl-select::placeholder{color:var(--s-text-subdued)}.select__search-input.sc-swirl-select::-webkit-search-decoration,.select__search-input.sc-swirl-select::-webkit-search-cancel-button,.select__search-input.sc-swirl-select::-webkit-search-results-button,.select__search-input.sc-swirl-select::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.select__search-input.sc-swirl-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.select__search-spinner.sc-swirl-select{position:absolute;top:50%;right:var(--s-space-12);display:inline-flex;transform:translateY(-50%)}@media (min-width: 768px){.select__search-spinner.sc-swirl-select{margin-top:var(--s-space-4)}}.select__empty-list-label.sc-swirl-select{padding:var(--s-space-12) var(--s-space-12) 0}.select__empty-list-label.sc-swirl-select:not(:only-child){display:none}@media (min-width: 768px){.select__empty-list-label.sc-swirl-select{padding:var(--s-space-12) var(--s-space-12) var(--s-space-8)}}";
5
+ 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--standalone.sc-swirl-select{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.select--standalone.sc-swirl-select .select__indicator.sc-swirl-select{position:relative;top:auto;right:auto;cursor:pointer;transform:none}.select--standalone.sc-swirl-select .select__input.sc-swirl-select{padding-right:var(--s-space-8);font-weight:var(--s-font-weight-medium);cursor:pointer}.select--standalone.sc-swirl-select .select__value-container.sc-swirl-select{width:-webkit-min-content;width:-moz-min-content;width:min-content}.select--search-loading.sc-swirl-select .select__search-input.sc-swirl-select{padding-right:calc(var(--s-space-12) + 1.5rem + var(--s-space-8))}.select__resize-helper.sc-swirl-select{display:block;width:auto;height:0;margin:0;padding:0;padding-right:calc(1.5rem + var(--s-space-8));padding-right:var(--s-space-8);font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left;white-space:pre;white-space:pre;vertical-align:top;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.select__resize-helper.sc-swirl-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.select__input.sc-swirl-select{display:block;overflow:hidden;width:100%;height:1.25rem;margin:0;padding:0;padding-right:calc(1.5rem + var(--s-space-8));border:none;background-color:transparent;font:inherit;line-height:var(--s-line-height-base);text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:default}.select__input.sc-swirl-select:focus{outline:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.select__input.sc-swirl-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.select__multi-select-values.sc-swirl-select{display:none;overflow:hidden;width:100%;min-height:1.25rem;padding-right:calc(1.5rem + var(--s-space-8));flex-wrap:wrap;flex-shrink:0;gap:var(--s-space-8)}.select__multi-select-values.sc-swirl-select .sc-swirl-select::part(tag){height:1.25rem;padding:0 var(--s-space-4)}.select__indicator.sc-swirl-select{position:absolute;top:50%;right:0;display:inline-flex;color:var(--s-icon-default);transform:translateY(calc(-50% - var(--s-space-8)))}.select__search.sc-swirl-select{position:relative;display:flex;width:100%;padding:0.0625rem var(--s-space-8);border-bottom:0.0625rem solid var(--s-border-default);background-color:var(--s-surface-overlay-default)}@media (min-width: 768px){.select__search.sc-swirl-select{position:sticky;z-index:1;top:0;padding-top:var(--s-space-8);padding-right:0.0625rem;padding-left:0.0625rem}}.select__search-icon.sc-swirl-select{position:absolute;top:50%;left:calc(var(--s-space-8) * 2);display:inline-flex;color:var(--s-icon-default);transform:translateY(-50%)}@media (min-width: 768px){.select__search-icon.sc-swirl-select{left:var(--s-space-12);margin-top:var(--s-space-4);padding:0.0625rem}}.select__search-input.sc-swirl-select{width:100%;height:2.5rem;padding-right:var(--s-space-12);padding-left:calc(var(--s-space-12) + 1.25rem + var(--s-space-8));align-items:center;border:none;color:var(--s-text-default);background-color:var(--s-surface-overlay-default);font:inherit;line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.select__search-input.sc-swirl-select:focus:not(:focus-visible){outline:none}.select__search-input.sc-swirl-select:focus-visible{outline-color:var(--s-focus-default)}.select__search-input.sc-swirl-select::-moz-placeholder{color:var(--s-text-subdued)}.select__search-input.sc-swirl-select::placeholder{color:var(--s-text-subdued)}.select__search-input.sc-swirl-select::-webkit-search-decoration,.select__search-input.sc-swirl-select::-webkit-search-cancel-button,.select__search-input.sc-swirl-select::-webkit-search-results-button,.select__search-input.sc-swirl-select::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.select__search-input.sc-swirl-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.select__search-spinner.sc-swirl-select{position:absolute;top:50%;right:var(--s-space-12);display:inline-flex;transform:translateY(-50%)}@media (min-width: 768px){.select__search-spinner.sc-swirl-select{margin-top:var(--s-space-4)}}.select__empty-list-label.sc-swirl-select{padding:var(--s-space-12) var(--s-space-12) 0}.select__empty-list-label.sc-swirl-select:not(:only-child){display:none}@media (min-width: 768px){.select__empty-list-label.sc-swirl-select{padding:var(--s-space-12) var(--s-space-12) var(--s-space-8)}}";
6
6
 
7
7
  const SwirlSelect = class {
8
8
  constructor(hostRef) {
package/dist/esm/swirl-shell-navigation-item.entry.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { r as registerInstance, h, H as Host, d as getElement } from './index-PCxIgwX4.js';
2
2
  import { c as classnames } from './index-orsBiyT_.js';
3
3
 
4
- const swirlShellNavigationItemCss = "/**\n* seems the container query does not work as expected\n*/\n\n:host {\n display: inline-flex;\n width: 100%;\n}\n\n:host * {\n box-sizing: border-box;\n }\n\n.shell-navigation-item {\n --swirl-app-icon-size: 2rem;\n --swirl-shell-navigation-item-gradient: linear-gradient(\n rgba(0, 0, 0, 0),\n rgba(0, 0, 0, 0.8)\n );\n\n position: relative;\n display: flex;\n width: 100%;\n height: 3rem;\n padding: var(--s-space-8);\n flex-shrink: 0;\n justify-content: flex-start;\n align-items: center;\n border: none;\n border-radius: var(--s-border-radius-sm);\n color: var(--s-text-default);\n background-color: var(--s-surface-overlay-default);\n font: inherit;\n font-size: var(--s-font-size-sm);\n font-weight: var(--s-font-weight-medium);\n line-height: var(--s-line-height-sm);\n text-decoration: none;\n cursor: pointer;\n container-type: size;\n gap: var(--s-space-12);\n}\n\n.shell-navigation-item:hover {\n background-color: var(--s-surface-sunken-hovered);\n }\n\n.shell-navigation-item:hover .shell-navigation-item__badge,\n .shell-navigation-item:hover .shell-navigation-item__is-new-badge {\n --swirl-badge-border-color: var(--s-surface-sunken-hovered);\n }\n\n.shell-navigation-item:active {\n background-color: var(--s-surface-sunken-pressed);\n }\n\n.shell-navigation-item:active .shell-navigation-item__badge,\n .shell-navigation-item:active .shell-navigation-item__is-new-badge {\n --swirl-badge-border-color: var(--s-surface-sunken-pressed);\n }\n\n.shell-navigation-item:focus {\n outline: none;\n }\n\n.shell-navigation-item:focus-visible {\n z-index: 1;\n box-shadow: 0 0 0 0.125rem var(--s-focus-default);\n }\n\n.shell-navigation-item.shell-navigation-item--boxed {\n --swirl-app-icon-size: 2rem;\n }\n\n.shell-navigation-item.shell-navigation-item--boxed .shell-navigation-item__icon {\n overflow: hidden;\n border-radius: var(--s-border-radius-sm);\n background-color: var(--s-background-default);\n box-shadow: 0 0 0 var(--s-border-width-default) var(--s-border-default);\n }\n\n.shell-navigation-item.shell-navigation-item--default.shell-navigation-item--filled .shell-navigation-item__icon {\n border-radius: var(--s-border-radius-sm);\n width: 2rem;\n min-width: 2rem;\n height: 2rem;\n min-height: 2rem;\n }\n\n.shell-navigation-item.shell-navigation-item--filled {\n padding: var(--s-space-8);\n }\n\n.shell-navigation-item.shell-navigation-item--filled:not(.shell-navigation-item--has-app-icon) .shell-navigation-item__icon {\n color: var(--s-icon-on-action-primary);\n background-color: var(--s-action-primary-default);\n }\n\n.shell-navigation-item.shell-navigation-item--filled ::slotted(swirl-app-icon) {\n position: inherit;\n width: 100%;\n height: 100%;\n }\n\n.shell-navigation-item.shell-navigation-item--tiled {\n --swirl-app-icon-size: 100%;\n\n height: auto;\n padding: 0;\n align-items: start;\n border-radius: var(--s-border-radius-base);\n flex-direction: column;\n container-type: inline-size;\n gap: var(--s-space-8);\n }\n\n.shell-navigation-item.shell-navigation-item--tiled:hover {\n background-color: transparent;\n }\n\n.shell-navigation-item.shell-navigation-item--tiled:hover .shell-navigation-item__label {\n text-decoration: underline;\n }\n\n.shell-navigation-item.shell-navigation-item--tiled ::slotted(*) {\n position: absolute;\n top: var(--s-space-12);\n left: var(--s-space-12);\n }\n\n.shell-navigation-item.shell-navigation-item--tiled ::slotted(swirl-app-icon) {\n position: inherit;\n width: 100%;\n height: 100%;\n }\n\n.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__icon {\n overflow: hidden;\n width: 100%;\n min-width: 100%;\n height: auto;\n min-height: auto;\n border-radius: var(--s-border-radius-base);\n background-color: var(--s-surface-sunken-hovered);\n aspect-ratio: 1;\n }\n\n.shell-navigation-item.shell-navigation-item--tiled.shell-navigation-item--gradient .shell-navigation-item__icon::after {\n position: absolute;\n display: inline-block;\n width: 100%;\n border-radius: var(--s-border-radius-base);\n background-image: var(--swirl-shell-navigation-item-gradient);\n content: \"\";\n aspect-ratio: 1;\n }\n\n.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__label {\n color: var(--s-text-default);\n font-weight: var(--s-font-weight-semibold);\n text-align: start;\n }\n\n.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__label--inline {\n position: absolute;\n bottom: var(--s-space-12);\n left: var(--s-space-12);\n margin-right: var(--s-space-12);\n }\n\n.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__label--inline.shell-navigation-item__label--light {\n color: rgba(242, 242, 242, 1);\n }\n\n.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__label--inline.shell-navigation-item__label--dark {\n color: rgb(25, 25, 25);\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon {\n --swirl-app-icon-size: 100%;\n font-size: var(--s-font-size-xs);\n padding: var(--s-space-8) var(--s-space-4);\n align-items: center;\n height: auto;\n border-radius: var(--s-border-radius-sm);\n flex-direction: column;\n container-type: inline-size;\n gap: var(--s-space-8);\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon.shell-navigation-item--hide-label {\n align-items: start;\n padding: var(--s-space-8);\n --swirl-app-icon-size: 2rem;\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon.shell-navigation-item--hide-label .shell-navigation-item__icon {\n border-radius: var(--s-border-radius-sm);\n max-width: 2rem;\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon.shell-navigation-item--hide-label .shell-navigation-item__badge-wrapper {\n max-width: 2rem;\n max-height: 2rem;\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon .shell-navigation-item__icon {\n overflow: hidden;\n width: 100%;\n max-width: 3.5rem;\n height: auto;\n border-radius: var(--s-border-radius-base);\n\n color: var(--s-icon-on-action-primary);\n aspect-ratio: 1;\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon .shell-navigation-item__badge-wrapper {\n max-width: 3.5rem;\n max-height: 3.5rem;\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon .shell-navigation-item__label {\n line-height: var(--s-line-height-xs);\n text-align: center;\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon .shell-navigation-item__badge-wrapper, .shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__badge-wrapper {\n position: absolute;\n width: 100%;\n height: 100%;\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon .shell-navigation-item__label, .shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__label {\n display: -webkit-box;\n overflow: hidden;\n white-space: normal;\n text-overflow: unset;\n overflow-wrap: anywhere;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon .shell-navigation-item__badge, .shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__badge {\n position: absolute;\n top: -0.375rem;\n right: -0.375rem;\n padding: var(--s-space-2);\n }\n\n.shell-navigation-item.shell-navigation-item--active {\n background-color: var(--s-surface-sunken-hovered);\n }\n\n.shell-navigation-item.shell-navigation-item--active .shell-navigation-item__icon {\n color: var(--s-icon-highlight);\n }\n\n.shell-navigation-item.shell-navigation-item--active .shell-navigation-item__label {\n color: var(--s-text-highlight);\n }\n\n.shell-navigation-item.shell-navigation-item--active .shell-navigation-item__badge {\n --swirl-badge-border-color: var(--s-surface-sunken-hovered);\n }\n\n.shell-navigation-item.shell-navigation-item--active:hover {\n background-color: var(--s-surface-sunken-hovered);\n }\n\n.shell-navigation-item.shell-navigation-item--active:hover .shell-navigation-item__badge {\n --swirl-badge-border-color: var(--s-surface-sunken-hovered);\n }\n\n.shell-navigation-item.shell-navigation-item--active:active {\n background-color: var(--s-surface-sunken-pressed);\n }\n\n.shell-navigation-item.shell-navigation-item--active:active .shell-navigation-item__badge {\n --swirl-badge-border-color: var(--s-surface-sunken-pressed);\n }\n\n@media (min-width: 992px) {\n\n.shell-navigation-item {\n background-color: var(--s-surface-sunken-default)\n}\n }\n\n.shell-navigation-item__icon {\n display: inline-flex;\n width: 2rem;\n min-width: 2rem;\n height: 2rem;\n min-height: 2rem;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n border-radius: var(--s-border-radius-base);\n}\n\n.shell-navigation-item__text-wrapper {\n overflow: hidden;\n min-width: 0;\n flex-grow: 1;\n text-align: start;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n\n.shell-navigation-item__description {\n margin-left: var(--s-space-8);\n font-weight: var(--s-font-weight-normal);\n color: var(--s-text-subdued);\n}\n\n.shell-navigation-item__badge {\n flex-shrink: 0;\n --swirl-badge-border-color: var(--swirl-shell-background);\n}\n\n.shell-navigation-item__is-new-tag {\n flex-shrink: 0;\n}\n\n.shell-navigation-item__is-new-badge {\n position: absolute;\n top: 0.625rem;\n right: 0.625rem;\n flex-shrink: 0;\n --swirl-badge-border-color: var(--swirl-shell-background);\n}\n\n@container (max-width: 4rem) {\n .shell-navigation-item__badge {\n position: absolute;\n top: var(--s-space-4);\n right: var(--s-space-4);\n padding: var(--s-space-2);\n }\n\n .shell-navigation-item--gradient .shell-navigation-item__icon {\n --swirl-shell-navigation-item-gradient: none;\n }\n\n .shell-navigation-item__badge--dot {\n top: var(--s-space-8);\n right: var(--s-space-8);\n }\n}\n\n@container (min-width: 10rem) {\n .shell-navigation-item__badge--dot {\n padding-right: var(--s-space-4);\n }\n}\n";
4
+ const swirlShellNavigationItemCss = "/**\n* seems the container query does not work as expected\n*/\n\n:host {\n display: inline-flex;\n width: 100%;\n}\n\n:host * {\n box-sizing: border-box;\n }\n\n.shell-navigation-item {\n --swirl-app-icon-size: 2rem;\n --swirl-shell-navigation-item-gradient: linear-gradient(\n rgba(0, 0, 0, 0),\n rgba(0, 0, 0, 0.8)\n );\n\n position: relative;\n display: flex;\n width: 100%;\n height: 3rem;\n padding: var(--s-space-8);\n flex-shrink: 0;\n justify-content: flex-start;\n align-items: center;\n border: none;\n border-radius: var(--s-border-radius-sm);\n color: var(--s-text-default);\n background-color: var(--s-surface-overlay-default);\n font: inherit;\n font-size: var(--s-font-size-sm);\n font-weight: var(--s-font-weight-medium);\n line-height: var(--s-line-height-sm);\n text-decoration: none;\n cursor: pointer;\n container-type: size;\n gap: var(--s-space-12);\n}\n\n.shell-navigation-item .shell-navigation-item__badge {\n --swirl-badge-border-color: var(--s-surface-overlay-default);\n }\n\n.shell-navigation-item:hover {\n background-color: var(--s-surface-sunken-hovered);\n }\n\n.shell-navigation-item:hover .shell-navigation-item__badge,\n .shell-navigation-item:hover .shell-navigation-item__is-new-badge {\n --swirl-badge-border-color: var(--s-surface-sunken-hovered);\n }\n\n.shell-navigation-item:active {\n background-color: var(--s-surface-sunken-pressed);\n }\n\n.shell-navigation-item:active .shell-navigation-item__badge,\n .shell-navigation-item:active .shell-navigation-item__is-new-badge {\n --swirl-badge-border-color: var(--s-surface-sunken-pressed);\n }\n\n.shell-navigation-item:focus {\n outline: none;\n }\n\n.shell-navigation-item:focus-visible {\n z-index: 1;\n box-shadow: 0 0 0 0.125rem var(--s-focus-default);\n }\n\n.shell-navigation-item.shell-navigation-item--boxed {\n --swirl-app-icon-size: 2rem;\n }\n\n.shell-navigation-item.shell-navigation-item--boxed .shell-navigation-item__icon {\n overflow: hidden;\n border-radius: var(--s-border-radius-sm);\n background-color: var(--s-background-default);\n box-shadow: 0 0 0 var(--s-border-width-default) var(--s-border-default);\n }\n\n.shell-navigation-item.shell-navigation-item--default.shell-navigation-item--filled .shell-navigation-item__icon {\n border-radius: var(--s-border-radius-sm);\n width: 2rem;\n min-width: 2rem;\n height: 2rem;\n min-height: 2rem;\n }\n\n.shell-navigation-item.shell-navigation-item--filled {\n padding: var(--s-space-8);\n }\n\n.shell-navigation-item.shell-navigation-item--filled:not(.shell-navigation-item--has-app-icon) .shell-navigation-item__icon {\n color: var(--s-icon-on-action-primary);\n background-color: var(--s-action-primary-default);\n }\n\n.shell-navigation-item.shell-navigation-item--filled ::slotted(swirl-app-icon) {\n position: inherit;\n width: 100%;\n height: 100%;\n }\n\n.shell-navigation-item.shell-navigation-item--tiled {\n --swirl-app-icon-size: 100%;\n\n height: auto;\n padding: 0;\n align-items: start;\n border-radius: var(--s-border-radius-base);\n flex-direction: column;\n container-type: inline-size;\n gap: var(--s-space-8);\n }\n\n.shell-navigation-item.shell-navigation-item--tiled:hover {\n background-color: transparent;\n }\n\n.shell-navigation-item.shell-navigation-item--tiled:hover .shell-navigation-item__label {\n text-decoration: underline;\n }\n\n.shell-navigation-item.shell-navigation-item--tiled ::slotted(*) {\n position: absolute;\n top: var(--s-space-12);\n left: var(--s-space-12);\n }\n\n.shell-navigation-item.shell-navigation-item--tiled ::slotted(swirl-app-icon) {\n position: inherit;\n width: 100%;\n height: 100%;\n }\n\n.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__icon {\n overflow: hidden;\n width: 100%;\n min-width: 100%;\n height: auto;\n min-height: auto;\n border-radius: var(--s-border-radius-base);\n background-color: var(--s-surface-sunken-hovered);\n aspect-ratio: 1;\n }\n\n.shell-navigation-item.shell-navigation-item--tiled.shell-navigation-item--gradient .shell-navigation-item__icon::after {\n position: absolute;\n display: inline-block;\n width: 100%;\n border-radius: var(--s-border-radius-base);\n background-image: var(--swirl-shell-navigation-item-gradient);\n content: \"\";\n aspect-ratio: 1;\n }\n\n.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__label {\n color: var(--s-text-default);\n font-weight: var(--s-font-weight-semibold);\n text-align: start;\n }\n\n.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__label--inline {\n position: absolute;\n bottom: var(--s-space-12);\n left: var(--s-space-12);\n margin-right: var(--s-space-12);\n }\n\n.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__label--inline.shell-navigation-item__label--light {\n color: rgba(242, 242, 242, 1);\n }\n\n.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__label--inline.shell-navigation-item__label--dark {\n color: rgb(25, 25, 25);\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon {\n --swirl-app-icon-size: 100%;\n font-size: var(--s-font-size-xs);\n padding: var(--s-space-8) var(--s-space-4);\n align-items: center;\n height: auto;\n border-radius: var(--s-border-radius-sm);\n flex-direction: column;\n container-type: inline-size;\n gap: var(--s-space-8);\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon.shell-navigation-item--hide-label {\n align-items: start;\n padding: var(--s-space-8);\n --swirl-app-icon-size: 2rem;\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon.shell-navigation-item--hide-label .shell-navigation-item__icon {\n border-radius: var(--s-border-radius-sm);\n max-width: 2rem;\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon.shell-navigation-item--hide-label .shell-navigation-item__badge-wrapper {\n max-width: 2rem;\n max-height: 2rem;\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon .shell-navigation-item__icon {\n overflow: hidden;\n width: 100%;\n max-width: 3.5rem;\n height: auto;\n border-radius: var(--s-border-radius-base);\n\n color: var(--s-icon-on-action-primary);\n aspect-ratio: 1;\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon .shell-navigation-item__badge-wrapper {\n max-width: 3.5rem;\n max-height: 3.5rem;\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon .shell-navigation-item__label {\n line-height: var(--s-line-height-xs);\n text-align: center;\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon .shell-navigation-item__badge-wrapper, .shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__badge-wrapper {\n position: absolute;\n width: 100%;\n height: 100%;\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon .shell-navigation-item__label, .shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__label {\n display: -webkit-box;\n overflow: hidden;\n white-space: normal;\n text-overflow: unset;\n overflow-wrap: anywhere;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon .shell-navigation-item__badge, .shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__badge {\n position: absolute;\n top: -0.375rem;\n right: -0.375rem;\n padding: var(--s-space-2);\n }\n\n.shell-navigation-item.shell-navigation-item--active {\n background-color: var(--s-surface-sunken-hovered);\n }\n\n.shell-navigation-item.shell-navigation-item--active .shell-navigation-item__icon {\n color: var(--s-icon-highlight);\n }\n\n.shell-navigation-item.shell-navigation-item--active .shell-navigation-item__label {\n color: var(--s-text-highlight);\n }\n\n.shell-navigation-item.shell-navigation-item--active .shell-navigation-item__badge {\n --swirl-badge-border-color: var(--s-surface-sunken-hovered);\n }\n\n.shell-navigation-item.shell-navigation-item--active:hover {\n background-color: var(--s-surface-sunken-hovered);\n }\n\n.shell-navigation-item.shell-navigation-item--active:hover .shell-navigation-item__badge {\n --swirl-badge-border-color: var(--s-surface-sunken-hovered);\n }\n\n.shell-navigation-item.shell-navigation-item--active:active {\n background-color: var(--s-surface-sunken-pressed);\n }\n\n.shell-navigation-item.shell-navigation-item--active:active .shell-navigation-item__badge {\n --swirl-badge-border-color: var(--s-surface-sunken-pressed);\n }\n\n@media (min-width: 992px) {\n\n.shell-navigation-item {\n background-color: var(--s-surface-sunken-default)\n}\n\n .shell-navigation-item .shell-navigation-item__badge {\n --swirl-badge-border-color: var(--s-surface-sunken-default);\n }\n }\n\n.shell-navigation-item__icon {\n display: inline-flex;\n width: 2rem;\n min-width: 2rem;\n height: 2rem;\n min-height: 2rem;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n border-radius: var(--s-border-radius-base);\n}\n\n.shell-navigation-item__text-wrapper {\n overflow: hidden;\n min-width: 0;\n flex-grow: 1;\n text-align: start;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n\n.shell-navigation-item__description {\n margin-left: var(--s-space-8);\n font-weight: var(--s-font-weight-normal);\n color: var(--s-text-subdued);\n}\n\n.shell-navigation-item__badge {\n flex-shrink: 0;\n --swirl-badge-border-color: var(--swirl-shell-background);\n}\n\n.shell-navigation-item__is-new-tag {\n flex-shrink: 0;\n}\n\n.shell-navigation-item__is-new-badge {\n position: absolute;\n top: 0.625rem;\n right: 0.625rem;\n flex-shrink: 0;\n --swirl-badge-border-color: var(--swirl-shell-background);\n}\n\n@container (max-width: 4rem) {\n .shell-navigation-item__badge {\n position: absolute;\n top: var(--s-space-4);\n right: var(--s-space-4);\n padding: var(--s-space-2);\n }\n\n .shell-navigation-item--gradient .shell-navigation-item__icon {\n --swirl-shell-navigation-item-gradient: none;\n }\n\n .shell-navigation-item__badge--dot {\n top: var(--s-space-8);\n right: var(--s-space-8);\n }\n}\n\n@container (min-width: 10rem) {\n .shell-navigation-item__badge--dot {\n padding-right: var(--s-space-4);\n }\n}\n";
5
5
 
6
6
  const SwirlShellNavigationItem = class {
7
7
  constructor(hostRef) {
package/dist/swirl-components/{p-b369a589.entry.js → p-b04ceae2.entry.js} RENAMED
@@ -1 +1 @@
1
- import{r as e,c as s,h as t,H as i,d as l}from"./p-PCxIgwX4.js";import{c}from"./p-orsBiyT_.js";import{q as a}from"./p-wi_3Z3FQ.js";const r=class{constructor(t){e(this,t),this.searchChange=s(this,"searchChange",7),this.valueChange=s(this,"valueChange",7),this.allowDeselect=!0,this.emptyListLabel="No results found.",this.searchInputLabel="Search options",this.selectId=Math.round(1e6*Math.random()).toString(),this.options=[],this.select=e=>{e.stopPropagation(),this.value=e.detail,this.multiSelect||this.swirlPopover.close()},this.unselectOption=e=>{this.allowDeselect&&(this.value=this.value.filter((s=>s!==e)))},this.onSlotChange=()=>{this.updateOptions()},this.onOpen=e=>{this.placement=e.detail.position?.placement,this.open=!0,this.withSearch&&Boolean(this.searchInput)?this.searchInput.focus():this.optionList.querySelector('[tabIndex="0"]')?.focus()},this.onClose=()=>{Boolean(this.searchInput)&&(this.searchInput.value="",this.searchChange.emit("")),this.open=!1,this.input.focus()},this.onKeyDown=e=>{if("Space"===e.code||"Enter"===e.code){if(e.target===this.searchInput)return;e.preventDefault(),this.swirlPopover.open(this.el)}else"ArrowDown"===e.code&&e.target===this.searchInput&&this.optionList.querySelector('[tabIndex="0"]')?.focus()},this.onSearchInput=e=>{this.searchChange.emit(e.target.value)}}componentWillLoad(){queueMicrotask((()=>{this.updateOptions(),this.observeSlotChanges()}))}disconnectedCallback(){this.observer?.disconnect()}onWindowFocusIn(e){e.target===this.el.querySelector("input")&&e.stopImmediatePropagation()}onValueChange(e,s){e?.length===s?.length&&e?.every((e=>s?.includes(e)))||this.valueChange.emit(this.value)}observeSlotChanges(){this.observer=new MutationObserver((()=>{this.updateOptions()})),this.observer.observe(this.el,{childList:!0,subtree:!0})}updateOptions(){this.options=a(this.el,"swirl-option-list-item")}getValueLabel(){return Boolean(this.value)?this.value?.map((e=>this.options.find((s=>s.value===e))?.label)).join(", "):""}render(){const e=this.getValueLabel(),s=!0===this.invalid||!1===this.invalid?String(this.invalid):void 0,l=this.el.closest("swirl-form-control"),a=this.standalone?[-8,0]:l?.inline||"outside"===l?.labelPosition?[0,-12]:[0,-16],r=c("select",`select--placement-${this.placement}`,{"select--disabled":this.disabled,"select--inline":this.inline,"select--multi":this.multiSelect,"select--search-loading":this.searchLoading,"select--standalone":this.standalone});return t(i,{key:"51c31448808e52fabad0e5be6074eb682567a32e",onKeyDown:this.onKeyDown},t("div",{key:"8b52453853f1fef6a5732424750b78b417a62ae0",class:r},t("swirl-popover-trigger",{key:"e69d2c4c05e10a7d67c6ce1eac7ab3665397d627",swirlPopover:this.swirlPopover,setAriaAttributes:!1},t("swirl-stack",{key:"ce6683522954dfb396350d74f047748ae306d316",class:"select__value-container"},this.standalone&&t("span",{key:"294f2ed0f39ca21c4feb8e5be512368e7f43b401","aria-hidden":"true",class:"select__resize-helper"},e),t("input",{key:"354000f2204aa2e8c3acde9f21b67df470575f60","aria-describedby":this.swirlAriaDescribedby,"aria-disabled":this.disabled?"true":void 0,"aria-invalid":s,class:"select__input",disabled:this.disabled,readOnly:!0,ref:e=>this.input=e,type:"text",value:e}))),t("span",{key:"11702e6583de78b76e5183da1fb6cd5886bc4363",class:"select__multi-select-values"},this.value?.map((e=>this.options.find((s=>s.value===e))))?.map((e=>t("swirl-tag",{"aria-hidden":"true",label:e?.label,onRemove:()=>this.unselectOption(e?.value),removable:!this.disabled&&this.allowDeselect&&!e?.disabled})))),t("span",{key:"6de0697621b676a578acd8e56224f0fde7f3c98a",class:"select__indicator"},t(this.open?"swirl-icon-expand-less":"swirl-icon-expand-more",{size:this.standalone?20:24})),t("swirl-popover",{key:"f5ca8ae583b4e43886d52e494bad9f5dc3fce292",animation:"scale-in-y",class:"select__popover",id:`select-options-${this.selectId}`,label:this.label,offset:a,onPopoverClose:this.onClose,onPopoverOpen:this.onOpen,ref:e=>this.swirlPopover=e,useContainerWidth:!this.standalone&&"swirl-form-control"},this.withSearch&&t("div",{key:"af26b0bad76c78f5aba7f117a082d699ed4dc68f",class:"select__search"},t("swirl-icon-search",{key:"a9574b65088457bb6b8bd67ba86059da6d7de0bf",class:"select__search-icon",size:20}),t("input",{key:"502c039c05f1576e660d58efec7081eb582fbaa5","aria-label":this.searchInputLabel,class:"select__search-input",onInput:this.onSearchInput,placeholder:this.searchPlaceholder,ref:e=>this.searchInput=e,type:"search"}),this.searchLoading&&t("swirl-spinner",{key:"de2a40445da0d0ea8bfa53f2ed92bd37b3448842",class:"select__search-spinner",size:"s"})),t("swirl-option-list",{key:"2fb1a82040ef06b28eb59550b37fc35dd76b694c",allowDeselect:this.allowDeselect,onValueChange:this.select,multiSelect:this.multiSelect,ref:e=>this.optionList=e,value:this.value},!this.searchLoading&&t("div",{key:"0781cbd45f937dbc0912be709016091261d669fc","aria-disabled":"true",class:"select__empty-list-label",role:"option"},t("swirl-text",{key:"816858696a0f3f4df984c819c8f97ab5612642c4",color:"subdued",weight:"medium"},this.emptyListLabel)),t("slot",{key:"deb72e00b9b2bef8e118ce46866799c745d8d631",onSlotchange:this.onSlotChange})))))}get el(){return l(this)}static get watchers(){return{value:["onValueChange"]}}};r.style=".sc-swirl-select-h{display:block;width:100%}.sc-swirl-select-h *.sc-swirl-select{box-sizing:border-box}.select.sc-swirl-select{position:relative;display:flex;width:100%}.select.sc-swirl-select .sc-swirl-select::part(popover__content){margin-top:var(--s-space-16)}@media (min-width: 768px){.select.sc-swirl-select .sc-swirl-select::part(popover__scroll-container){padding-top:0}}.select--placement-top-start.sc-swirl-select .sc-swirl-select::part(popover__content){margin-top:-2.25rem}.select--multi.sc-swirl-select .select__input.sc-swirl-select{position:absolute;width:100%;height:100%;pointer-events:none;opacity:0}.select--multi.sc-swirl-select .select__multi-select-values.sc-swirl-select{display:flex}.select--disabled.sc-swirl-select .select__input.sc-swirl-select{color:var(--s-text-disabled)}.select--disabled.sc-swirl-select .select__indicator.sc-swirl-select{color:var(--s-icon-disabled)}.select--inline.sc-swirl-select .select__indicator.sc-swirl-select{transform:translateY(-50%)}.select--standalone.sc-swirl-select{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.select--standalone.sc-swirl-select .select__indicator.sc-swirl-select{position:relative;top:auto;right:auto;cursor:pointer;transform:none}.select--standalone.sc-swirl-select .select__input.sc-swirl-select{padding-right:var(--s-space-8);font-weight:var(--s-font-weight-medium);cursor:pointer}.select--standalone.sc-swirl-select .select__value-container.sc-swirl-select{width:-webkit-min-content;width:-moz-min-content;width:min-content}.select--search-loading.sc-swirl-select .select__search-input.sc-swirl-select{padding-right:calc(var(--s-space-12) + 1.5rem + var(--s-space-8))}.select__resize-helper.sc-swirl-select{display:block;width:auto;height:0;margin:0;padding:0;padding-right:calc(1.5rem + var(--s-space-8));padding-right:var(--s-space-8);font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left;white-space:pre;white-space:pre;vertical-align:top;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:0}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.select__resize-helper.sc-swirl-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.select__input.sc-swirl-select{display:block;overflow:hidden;width:100%;height:1.25rem;margin:0;padding:0;padding-right:calc(1.5rem + var(--s-space-8));border:none;background-color:transparent;font:inherit;line-height:var(--s-line-height-base);text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:default}.select__input.sc-swirl-select:focus{outline:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.select__input.sc-swirl-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.select__multi-select-values.sc-swirl-select{display:none;overflow:hidden;width:100%;min-height:1.25rem;padding-right:calc(1.5rem + var(--s-space-8));flex-wrap:wrap;flex-shrink:0;gap:var(--s-space-8)}.select__multi-select-values.sc-swirl-select .sc-swirl-select::part(tag){height:1.25rem;padding:0 var(--s-space-4)}.select__indicator.sc-swirl-select{position:absolute;top:50%;right:0;display:inline-flex;color:var(--s-icon-default);transform:translateY(calc(-50% - var(--s-space-8)))}.select__search.sc-swirl-select{position:relative;display:flex;width:100%;padding:0.0625rem var(--s-space-8);border-bottom:0.0625rem solid var(--s-border-default);background-color:var(--s-surface-overlay-default)}@media (min-width: 768px){.select__search.sc-swirl-select{position:sticky;z-index:1;top:0;padding-top:var(--s-space-8);padding-right:0.0625rem;padding-left:0.0625rem}}.select__search-icon.sc-swirl-select{position:absolute;top:50%;left:calc(var(--s-space-8) * 2);display:inline-flex;color:var(--s-icon-default);transform:translateY(-50%)}@media (min-width: 768px){.select__search-icon.sc-swirl-select{left:var(--s-space-12);margin-top:var(--s-space-4);padding:0.0625rem}}.select__search-input.sc-swirl-select{width:100%;height:2.5rem;padding-right:var(--s-space-12);padding-left:calc(var(--s-space-12) + 1.25rem + var(--s-space-8));align-items:center;border:none;color:var(--s-text-default);background-color:var(--s-surface-overlay-default);font:inherit;line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.select__search-input.sc-swirl-select:focus:not(:focus-visible){outline:none}.select__search-input.sc-swirl-select:focus-visible{outline-color:var(--s-focus-default)}.select__search-input.sc-swirl-select::-moz-placeholder{color:var(--s-text-subdued)}.select__search-input.sc-swirl-select::placeholder{color:var(--s-text-subdued)}.select__search-input.sc-swirl-select::-webkit-search-decoration,.select__search-input.sc-swirl-select::-webkit-search-cancel-button,.select__search-input.sc-swirl-select::-webkit-search-results-button,.select__search-input.sc-swirl-select::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.select__search-input.sc-swirl-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.select__search-spinner.sc-swirl-select{position:absolute;top:50%;right:var(--s-space-12);display:inline-flex;transform:translateY(-50%)}@media (min-width: 768px){.select__search-spinner.sc-swirl-select{margin-top:var(--s-space-4)}}.select__empty-list-label.sc-swirl-select{padding:var(--s-space-12) var(--s-space-12) 0}.select__empty-list-label.sc-swirl-select:not(:only-child){display:none}@media (min-width: 768px){.select__empty-list-label.sc-swirl-select{padding:var(--s-space-12) var(--s-space-12) var(--s-space-8)}}";export{r as swirl_select}
1
+ import{r as e,c as s,h as t,H as i,d as l}from"./p-PCxIgwX4.js";import{c}from"./p-orsBiyT_.js";import{q as a}from"./p-wi_3Z3FQ.js";const r=class{constructor(t){e(this,t),this.searchChange=s(this,"searchChange",7),this.valueChange=s(this,"valueChange",7),this.allowDeselect=!0,this.emptyListLabel="No results found.",this.searchInputLabel="Search options",this.selectId=Math.round(1e6*Math.random()).toString(),this.options=[],this.select=e=>{e.stopPropagation(),this.value=e.detail,this.multiSelect||this.swirlPopover.close()},this.unselectOption=e=>{this.allowDeselect&&(this.value=this.value.filter((s=>s!==e)))},this.onSlotChange=()=>{this.updateOptions()},this.onOpen=e=>{this.placement=e.detail.position?.placement,this.open=!0,this.withSearch&&Boolean(this.searchInput)?this.searchInput.focus():this.optionList.querySelector('[tabIndex="0"]')?.focus()},this.onClose=()=>{Boolean(this.searchInput)&&(this.searchInput.value="",this.searchChange.emit("")),this.open=!1,this.input.focus()},this.onKeyDown=e=>{if("Space"===e.code||"Enter"===e.code){if(e.target===this.searchInput)return;e.preventDefault(),this.swirlPopover.open(this.el)}else"ArrowDown"===e.code&&e.target===this.searchInput&&this.optionList.querySelector('[tabIndex="0"]')?.focus()},this.onSearchInput=e=>{this.searchChange.emit(e.target.value)}}componentWillLoad(){queueMicrotask((()=>{this.updateOptions(),this.observeSlotChanges()}))}disconnectedCallback(){this.observer?.disconnect()}onWindowFocusIn(e){e.target===this.el.querySelector("input")&&e.stopImmediatePropagation()}onValueChange(e,s){e?.length===s?.length&&e?.every((e=>s?.includes(e)))||this.valueChange.emit(this.value)}observeSlotChanges(){this.observer=new MutationObserver((()=>{this.updateOptions()})),this.observer.observe(this.el,{childList:!0,subtree:!0})}updateOptions(){this.options=a(this.el,"swirl-option-list-item")}getValueLabel(){return Boolean(this.value)?this.value?.map((e=>this.options.find((s=>s.value===e))?.label)).join(", "):""}render(){const e=this.getValueLabel(),s=!0===this.invalid||!1===this.invalid?String(this.invalid):void 0,l=this.el.closest("swirl-form-control"),a=this.standalone?[-8,0]:l?.inline||"outside"===l?.labelPosition?[0,-12]:[0,-16],r=c("select",`select--placement-${this.placement}`,{"select--disabled":this.disabled,"select--inline":this.inline,"select--multi":this.multiSelect,"select--search-loading":this.searchLoading,"select--standalone":this.standalone});return t(i,{key:"51c31448808e52fabad0e5be6074eb682567a32e",onKeyDown:this.onKeyDown},t("div",{key:"8b52453853f1fef6a5732424750b78b417a62ae0",class:r},t("swirl-popover-trigger",{key:"e69d2c4c05e10a7d67c6ce1eac7ab3665397d627",swirlPopover:this.swirlPopover,setAriaAttributes:!1},t("swirl-stack",{key:"ce6683522954dfb396350d74f047748ae306d316",class:"select__value-container"},this.standalone&&t("span",{key:"294f2ed0f39ca21c4feb8e5be512368e7f43b401","aria-hidden":"true",class:"select__resize-helper"},e),t("input",{key:"354000f2204aa2e8c3acde9f21b67df470575f60","aria-describedby":this.swirlAriaDescribedby,"aria-disabled":this.disabled?"true":void 0,"aria-invalid":s,class:"select__input",disabled:this.disabled,readOnly:!0,ref:e=>this.input=e,type:"text",value:e}))),t("span",{key:"11702e6583de78b76e5183da1fb6cd5886bc4363",class:"select__multi-select-values"},this.value?.map((e=>this.options.find((s=>s.value===e))))?.map((e=>t("swirl-tag",{"aria-hidden":"true",label:e?.label,onRemove:()=>this.unselectOption(e?.value),removable:!this.disabled&&this.allowDeselect&&!e?.disabled})))),t("span",{key:"6de0697621b676a578acd8e56224f0fde7f3c98a",class:"select__indicator"},t(this.open?"swirl-icon-expand-less":"swirl-icon-expand-more",{size:this.standalone?20:24})),t("swirl-popover",{key:"f5ca8ae583b4e43886d52e494bad9f5dc3fce292",animation:"scale-in-y",class:"select__popover",id:`select-options-${this.selectId}`,label:this.label,offset:a,onPopoverClose:this.onClose,onPopoverOpen:this.onOpen,ref:e=>this.swirlPopover=e,useContainerWidth:!this.standalone&&"swirl-form-control"},this.withSearch&&t("div",{key:"af26b0bad76c78f5aba7f117a082d699ed4dc68f",class:"select__search"},t("swirl-icon-search",{key:"a9574b65088457bb6b8bd67ba86059da6d7de0bf",class:"select__search-icon",size:20}),t("input",{key:"502c039c05f1576e660d58efec7081eb582fbaa5","aria-label":this.searchInputLabel,class:"select__search-input",onInput:this.onSearchInput,placeholder:this.searchPlaceholder,ref:e=>this.searchInput=e,type:"search"}),this.searchLoading&&t("swirl-spinner",{key:"de2a40445da0d0ea8bfa53f2ed92bd37b3448842",class:"select__search-spinner",size:"s"})),t("swirl-option-list",{key:"2fb1a82040ef06b28eb59550b37fc35dd76b694c",allowDeselect:this.allowDeselect,onValueChange:this.select,multiSelect:this.multiSelect,ref:e=>this.optionList=e,value:this.value},!this.searchLoading&&t("div",{key:"0781cbd45f937dbc0912be709016091261d669fc","aria-disabled":"true",class:"select__empty-list-label",role:"option"},t("swirl-text",{key:"816858696a0f3f4df984c819c8f97ab5612642c4",color:"subdued",weight:"medium"},this.emptyListLabel)),t("slot",{key:"deb72e00b9b2bef8e118ce46866799c745d8d631",onSlotchange:this.onSlotChange})))))}get el(){return l(this)}static get watchers(){return{value:["onValueChange"]}}};r.style=".sc-swirl-select-h{display:block;width:100%}.sc-swirl-select-h *.sc-swirl-select{box-sizing:border-box}.select.sc-swirl-select{position:relative;display:flex;width:100%}.select.sc-swirl-select .sc-swirl-select::part(popover__content){margin-top:var(--s-space-16)}@media (min-width: 768px){.select.sc-swirl-select .sc-swirl-select::part(popover__scroll-container){padding-top:0}}.select--placement-top-start.sc-swirl-select .sc-swirl-select::part(popover__content){margin-top:-2.25rem}.select--multi.sc-swirl-select .select__input.sc-swirl-select{position:absolute;width:100%;height:100%;pointer-events:none;opacity:0}.select--multi.sc-swirl-select .select__multi-select-values.sc-swirl-select{display:flex}.select--disabled.sc-swirl-select .select__input.sc-swirl-select{color:var(--s-text-disabled)}.select--disabled.sc-swirl-select .select__indicator.sc-swirl-select{color:var(--s-icon-disabled)}.select--inline.sc-swirl-select .select__indicator.sc-swirl-select{transform:translateY(-50%)}.select--standalone.sc-swirl-select{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.select--standalone.sc-swirl-select .select__indicator.sc-swirl-select{position:relative;top:auto;right:auto;cursor:pointer;transform:none}.select--standalone.sc-swirl-select .select__input.sc-swirl-select{padding-right:var(--s-space-8);font-weight:var(--s-font-weight-medium);cursor:pointer}.select--standalone.sc-swirl-select .select__value-container.sc-swirl-select{width:-webkit-min-content;width:-moz-min-content;width:min-content}.select--search-loading.sc-swirl-select .select__search-input.sc-swirl-select{padding-right:calc(var(--s-space-12) + 1.5rem + var(--s-space-8))}.select__resize-helper.sc-swirl-select{display:block;width:auto;height:0;margin:0;padding:0;padding-right:calc(1.5rem + var(--s-space-8));padding-right:var(--s-space-8);font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left;white-space:pre;white-space:pre;vertical-align:top;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.select__resize-helper.sc-swirl-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.select__input.sc-swirl-select{display:block;overflow:hidden;width:100%;height:1.25rem;margin:0;padding:0;padding-right:calc(1.5rem + var(--s-space-8));border:none;background-color:transparent;font:inherit;line-height:var(--s-line-height-base);text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:default}.select__input.sc-swirl-select:focus{outline:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.select__input.sc-swirl-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.select__multi-select-values.sc-swirl-select{display:none;overflow:hidden;width:100%;min-height:1.25rem;padding-right:calc(1.5rem + var(--s-space-8));flex-wrap:wrap;flex-shrink:0;gap:var(--s-space-8)}.select__multi-select-values.sc-swirl-select .sc-swirl-select::part(tag){height:1.25rem;padding:0 var(--s-space-4)}.select__indicator.sc-swirl-select{position:absolute;top:50%;right:0;display:inline-flex;color:var(--s-icon-default);transform:translateY(calc(-50% - var(--s-space-8)))}.select__search.sc-swirl-select{position:relative;display:flex;width:100%;padding:0.0625rem var(--s-space-8);border-bottom:0.0625rem solid var(--s-border-default);background-color:var(--s-surface-overlay-default)}@media (min-width: 768px){.select__search.sc-swirl-select{position:sticky;z-index:1;top:0;padding-top:var(--s-space-8);padding-right:0.0625rem;padding-left:0.0625rem}}.select__search-icon.sc-swirl-select{position:absolute;top:50%;left:calc(var(--s-space-8) * 2);display:inline-flex;color:var(--s-icon-default);transform:translateY(-50%)}@media (min-width: 768px){.select__search-icon.sc-swirl-select{left:var(--s-space-12);margin-top:var(--s-space-4);padding:0.0625rem}}.select__search-input.sc-swirl-select{width:100%;height:2.5rem;padding-right:var(--s-space-12);padding-left:calc(var(--s-space-12) + 1.25rem + var(--s-space-8));align-items:center;border:none;color:var(--s-text-default);background-color:var(--s-surface-overlay-default);font:inherit;line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.select__search-input.sc-swirl-select:focus:not(:focus-visible){outline:none}.select__search-input.sc-swirl-select:focus-visible{outline-color:var(--s-focus-default)}.select__search-input.sc-swirl-select::-moz-placeholder{color:var(--s-text-subdued)}.select__search-input.sc-swirl-select::placeholder{color:var(--s-text-subdued)}.select__search-input.sc-swirl-select::-webkit-search-decoration,.select__search-input.sc-swirl-select::-webkit-search-cancel-button,.select__search-input.sc-swirl-select::-webkit-search-results-button,.select__search-input.sc-swirl-select::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.select__search-input.sc-swirl-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.select__search-spinner.sc-swirl-select{position:absolute;top:50%;right:var(--s-space-12);display:inline-flex;transform:translateY(-50%)}@media (min-width: 768px){.select__search-spinner.sc-swirl-select{margin-top:var(--s-space-4)}}.select__empty-list-label.sc-swirl-select{padding:var(--s-space-12) var(--s-space-12) 0}.select__empty-list-label.sc-swirl-select:not(:only-child){display:none}@media (min-width: 768px){.select__empty-list-label.sc-swirl-select{padding:var(--s-space-12) var(--s-space-12) var(--s-space-8)}}";export{r as swirl_select}
package/dist/swirl-components/p-b832b686.entry.js ADDED
@@ -0,0 +1 @@
1
+ import{r as n,h as i,H as e,d as a}from"./p-PCxIgwX4.js";import{c as t}from"./p-orsBiyT_.js";const l=class{constructor(i){n(this,i),this.hideLabel=!1,this.inlineLabelColor="default",this.markAsNewLabel="New",this.useCustomIconSize=!1,this.variant="default"}componentWillLoad(){this.forceIconProps()}componentDidRender(){this.forceIconProps()}forceIconProps(){if(this.useCustomIconSize)return;const n=this.el.querySelector("[slot='icon']"),i=this.hideLabel&&"app-icon"===this.variant||"default"===this.variant;n&&(n.tagName.startsWith("SWIRL-ICON")||n.tagName.startsWith("SWIRL-EMOJI")||n.tagName.startsWith("SWIRL-SYMBOL"))&&n.setAttribute("size",i?"20":"32")}render(){const n=Boolean(this.el.querySelector("swirl-app-icon")),a=t("shell-navigation-item",`shell-navigation-item--${this.variant}`,{"shell-navigation-item--active":this.active,"shell-navigation-item--boxed":this.boxed,"shell-navigation-item--filled":this.filled,"shell-navigation-item--inline-label":this.inlineLabel,"shell-navigation-item--gradient":this.withGradient,"shell-navigation-item--hide-label":this.hideLabel,"shell-navigation-item--has-app-icon":n}),l=t("shell-navigation-item__label",{"shell-navigation-item__label--light":"light"===this.inlineLabelColor,"shell-navigation-item__label--dark":"dark"===this.inlineLabelColor,"shell-navigation-item__label--inline":this.inlineLabel}),s=null!=this.badgeLabel,o=!s&&this.markAsNew&&!this.hideLabel&&"default"===this.variant,r=!s&&this.markAsNew&&this.hideLabel&&"default"===this.variant,h=Boolean(this.href);return i(e,{key:"449f8152f3e43b5286253b3cad88b97e7e7511fa"},i("swirl-tooltip",{key:"c38fd294886949488ebb68e44243dedf4b9353cb",active:this.hideLabel,content:this.description?`${this.label} ${this.description}`:this.label,delay:100,position:"right",positioning:"fixed"},i(h?"a":"button",{key:"b109c272afaa8d81406c77f9a383eb0265ba0abe",class:a,href:this.href,target:this.target,type:h?void 0:"button",title:this.hideLabel?void 0:this.label},i("span",{key:"e798c1c7fd44a3f60969649f377dc569ef790d14",class:"shell-navigation-item__icon"},i("slot",{key:"74253d57363c4ab083e1df01bcc8ff3a39dc875b",name:"icon"})),this.hideLabel?i("swirl-visually-hidden",null,i("span",{class:l},this.label)):"default"!==this.variant?i("span",{class:l},this.label):i("div",{class:"shell-navigation-item__text-wrapper"},i("span",{class:l},this.label),this.description&&i("span",{class:"shell-navigation-item__description"},this.description)),s&&i("span",{key:"314a39b2198bc28f55ee94a14eec540ac465924a",class:"shell-navigation-item__badge-wrapper"},i("swirl-badge",{key:"67e82dd1cf4e5097fb8572aefba5c6c43808a0f7","aria-label":this.badgeLabel,class:t("shell-navigation-item__badge",{"shell-navigation-item__badge--dot":""===this.badgeLabel}),label:this.badgeLabel,size:"xs",variant:""===this.badgeLabel?"dot":"default"})),o&&i("swirl-tag",{key:"e4c5c0f2efa1237f658c3a0378046e5c16188228",class:"shell-navigation-item__is-new-tag",intent:"info",label:this.markAsNewLabel.toLocaleUpperCase(),size:"s",variant:"strong"}),r&&i("swirl-badge",{key:"21aac8cdecddb54b7c654d119c5a07eeadf5d216",class:"shell-navigation-item__is-new-badge",intent:"info",label:this.markAsNewLabel.toLocaleUpperCase(),size:"xs",variant:"dot"}))))}get el(){return a(this)}};l.style='/**\n* seems the container query does not work as expected\n*/\n\n:host {\n display: inline-flex;\n width: 100%;\n}\n\n:host * {\n box-sizing: border-box;\n }\n\n.shell-navigation-item {\n --swirl-app-icon-size: 2rem;\n --swirl-shell-navigation-item-gradient: linear-gradient(\n rgba(0, 0, 0, 0),\n rgba(0, 0, 0, 0.8)\n );\n\n position: relative;\n display: flex;\n width: 100%;\n height: 3rem;\n padding: var(--s-space-8);\n flex-shrink: 0;\n justify-content: flex-start;\n align-items: center;\n border: none;\n border-radius: var(--s-border-radius-sm);\n color: var(--s-text-default);\n background-color: var(--s-surface-overlay-default);\n font: inherit;\n font-size: var(--s-font-size-sm);\n font-weight: var(--s-font-weight-medium);\n line-height: var(--s-line-height-sm);\n text-decoration: none;\n cursor: pointer;\n container-type: size;\n gap: var(--s-space-12);\n}\n\n.shell-navigation-item .shell-navigation-item__badge {\n --swirl-badge-border-color: var(--s-surface-overlay-default);\n }\n\n.shell-navigation-item:hover {\n background-color: var(--s-surface-sunken-hovered);\n }\n\n.shell-navigation-item:hover .shell-navigation-item__badge,\n .shell-navigation-item:hover .shell-navigation-item__is-new-badge {\n --swirl-badge-border-color: var(--s-surface-sunken-hovered);\n }\n\n.shell-navigation-item:active {\n background-color: var(--s-surface-sunken-pressed);\n }\n\n.shell-navigation-item:active .shell-navigation-item__badge,\n .shell-navigation-item:active .shell-navigation-item__is-new-badge {\n --swirl-badge-border-color: var(--s-surface-sunken-pressed);\n }\n\n.shell-navigation-item:focus {\n outline: none;\n }\n\n.shell-navigation-item:focus-visible {\n z-index: 1;\n box-shadow: 0 0 0 0.125rem var(--s-focus-default);\n }\n\n.shell-navigation-item.shell-navigation-item--boxed {\n --swirl-app-icon-size: 2rem;\n }\n\n.shell-navigation-item.shell-navigation-item--boxed .shell-navigation-item__icon {\n overflow: hidden;\n border-radius: var(--s-border-radius-sm);\n background-color: var(--s-background-default);\n box-shadow: 0 0 0 var(--s-border-width-default) var(--s-border-default);\n }\n\n.shell-navigation-item.shell-navigation-item--default.shell-navigation-item--filled .shell-navigation-item__icon {\n border-radius: var(--s-border-radius-sm);\n width: 2rem;\n min-width: 2rem;\n height: 2rem;\n min-height: 2rem;\n }\n\n.shell-navigation-item.shell-navigation-item--filled {\n padding: var(--s-space-8);\n }\n\n.shell-navigation-item.shell-navigation-item--filled:not(.shell-navigation-item--has-app-icon) .shell-navigation-item__icon {\n color: var(--s-icon-on-action-primary);\n background-color: var(--s-action-primary-default);\n }\n\n.shell-navigation-item.shell-navigation-item--filled ::slotted(swirl-app-icon) {\n position: inherit;\n width: 100%;\n height: 100%;\n }\n\n.shell-navigation-item.shell-navigation-item--tiled {\n --swirl-app-icon-size: 100%;\n\n height: auto;\n padding: 0;\n align-items: start;\n border-radius: var(--s-border-radius-base);\n flex-direction: column;\n container-type: inline-size;\n gap: var(--s-space-8);\n }\n\n.shell-navigation-item.shell-navigation-item--tiled:hover {\n background-color: transparent;\n }\n\n.shell-navigation-item.shell-navigation-item--tiled:hover .shell-navigation-item__label {\n text-decoration: underline;\n }\n\n.shell-navigation-item.shell-navigation-item--tiled ::slotted(*) {\n position: absolute;\n top: var(--s-space-12);\n left: var(--s-space-12);\n }\n\n.shell-navigation-item.shell-navigation-item--tiled ::slotted(swirl-app-icon) {\n position: inherit;\n width: 100%;\n height: 100%;\n }\n\n.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__icon {\n overflow: hidden;\n width: 100%;\n min-width: 100%;\n height: auto;\n min-height: auto;\n border-radius: var(--s-border-radius-base);\n background-color: var(--s-surface-sunken-hovered);\n aspect-ratio: 1;\n }\n\n.shell-navigation-item.shell-navigation-item--tiled.shell-navigation-item--gradient .shell-navigation-item__icon::after {\n position: absolute;\n display: inline-block;\n width: 100%;\n border-radius: var(--s-border-radius-base);\n background-image: var(--swirl-shell-navigation-item-gradient);\n content: "";\n aspect-ratio: 1;\n }\n\n.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__label {\n color: var(--s-text-default);\n font-weight: var(--s-font-weight-semibold);\n text-align: start;\n }\n\n.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__label--inline {\n position: absolute;\n bottom: var(--s-space-12);\n left: var(--s-space-12);\n margin-right: var(--s-space-12);\n }\n\n.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__label--inline.shell-navigation-item__label--light {\n color: rgba(242, 242, 242, 1);\n }\n\n.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__label--inline.shell-navigation-item__label--dark {\n color: rgb(25, 25, 25);\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon {\n --swirl-app-icon-size: 100%;\n font-size: var(--s-font-size-xs);\n padding: var(--s-space-8) var(--s-space-4);\n align-items: center;\n height: auto;\n border-radius: var(--s-border-radius-sm);\n flex-direction: column;\n container-type: inline-size;\n gap: var(--s-space-8);\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon.shell-navigation-item--hide-label {\n align-items: start;\n padding: var(--s-space-8);\n --swirl-app-icon-size: 2rem;\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon.shell-navigation-item--hide-label .shell-navigation-item__icon {\n border-radius: var(--s-border-radius-sm);\n max-width: 2rem;\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon.shell-navigation-item--hide-label .shell-navigation-item__badge-wrapper {\n max-width: 2rem;\n max-height: 2rem;\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon .shell-navigation-item__icon {\n overflow: hidden;\n width: 100%;\n max-width: 3.5rem;\n height: auto;\n border-radius: var(--s-border-radius-base);\n\n color: var(--s-icon-on-action-primary);\n aspect-ratio: 1;\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon .shell-navigation-item__badge-wrapper {\n max-width: 3.5rem;\n max-height: 3.5rem;\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon .shell-navigation-item__label {\n line-height: var(--s-line-height-xs);\n text-align: center;\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon .shell-navigation-item__badge-wrapper, .shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__badge-wrapper {\n position: absolute;\n width: 100%;\n height: 100%;\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon .shell-navigation-item__label, .shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__label {\n display: -webkit-box;\n overflow: hidden;\n white-space: normal;\n text-overflow: unset;\n overflow-wrap: anywhere;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon .shell-navigation-item__badge, .shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__badge {\n position: absolute;\n top: -0.375rem;\n right: -0.375rem;\n padding: var(--s-space-2);\n }\n\n.shell-navigation-item.shell-navigation-item--active {\n background-color: var(--s-surface-sunken-hovered);\n }\n\n.shell-navigation-item.shell-navigation-item--active .shell-navigation-item__icon {\n color: var(--s-icon-highlight);\n }\n\n.shell-navigation-item.shell-navigation-item--active .shell-navigation-item__label {\n color: var(--s-text-highlight);\n }\n\n.shell-navigation-item.shell-navigation-item--active .shell-navigation-item__badge {\n --swirl-badge-border-color: var(--s-surface-sunken-hovered);\n }\n\n.shell-navigation-item.shell-navigation-item--active:hover {\n background-color: var(--s-surface-sunken-hovered);\n }\n\n.shell-navigation-item.shell-navigation-item--active:hover .shell-navigation-item__badge {\n --swirl-badge-border-color: var(--s-surface-sunken-hovered);\n }\n\n.shell-navigation-item.shell-navigation-item--active:active {\n background-color: var(--s-surface-sunken-pressed);\n }\n\n.shell-navigation-item.shell-navigation-item--active:active .shell-navigation-item__badge {\n --swirl-badge-border-color: var(--s-surface-sunken-pressed);\n }\n\n@media (min-width: 992px) {\n\n.shell-navigation-item {\n background-color: var(--s-surface-sunken-default)\n}\n\n .shell-navigation-item .shell-navigation-item__badge {\n --swirl-badge-border-color: var(--s-surface-sunken-default);\n }\n }\n\n.shell-navigation-item__icon {\n display: inline-flex;\n width: 2rem;\n min-width: 2rem;\n height: 2rem;\n min-height: 2rem;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n border-radius: var(--s-border-radius-base);\n}\n\n.shell-navigation-item__text-wrapper {\n overflow: hidden;\n min-width: 0;\n flex-grow: 1;\n text-align: start;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n\n.shell-navigation-item__description {\n margin-left: var(--s-space-8);\n font-weight: var(--s-font-weight-normal);\n color: var(--s-text-subdued);\n}\n\n.shell-navigation-item__badge {\n flex-shrink: 0;\n --swirl-badge-border-color: var(--swirl-shell-background);\n}\n\n.shell-navigation-item__is-new-tag {\n flex-shrink: 0;\n}\n\n.shell-navigation-item__is-new-badge {\n position: absolute;\n top: 0.625rem;\n right: 0.625rem;\n flex-shrink: 0;\n --swirl-badge-border-color: var(--swirl-shell-background);\n}\n\n@container (max-width: 4rem) {\n .shell-navigation-item__badge {\n position: absolute;\n top: var(--s-space-4);\n right: var(--s-space-4);\n padding: var(--s-space-2);\n }\n\n .shell-navigation-item--gradient .shell-navigation-item__icon {\n --swirl-shell-navigation-item-gradient: none;\n }\n\n .shell-navigation-item__badge--dot {\n top: var(--s-space-8);\n right: var(--s-space-8);\n }\n}\n\n@container (min-width: 10rem) {\n .shell-navigation-item__badge--dot {\n padding-right: var(--s-space-4);\n }\n}\n';export{l as swirl_shell_navigation_item}
package/dist/swirl-components/swirl-components.esm.js CHANGED
@@ -1 +1 @@
1
- import{p as e,a as i,g as l,b as o}from"./p-PCxIgwX4.js";export{s as setNonce}from"./p-PCxIgwX4.js";var a=e=>{const i=e.cloneNode;e.cloneNode=function(e){if("TEMPLATE"===this.nodeName)return i.call(this,e);const l=i.call(this,!1),o=this.childNodes;if(e)for(let e=0;e<o.length;e++)2!==o[e].nodeType&&l.appendChild(o[e].cloneNode(!0));return l}};(()=>{a(i.prototype);const l=import.meta.url,o={};return""!==l&&(o.resourcesUrl=new URL(".",l).href),e(o)})().then((async e=>(await l(),o(JSON.parse('[["p-63551ec1",[[1,"file-manager",{"selectedDirectory":[32],"selectedFile":[32],"sortMenu":[32]}]]],["p-538a5c90",[[1,"swirl-pdf-reader",{"autoZoomLabel":[1,"auto-zoom-label"],"closeButtonLabel":[1,"close-button-label"],"downloadButtonEnabled":[4,"download-button-enabled"],"downloadButtonLabel":[1,"download-button-label"],"file":[1],"fileName":[1,"file-name"],"fileTypeLabel":[1,"file-type-label"],"label":[1],"menuLabel":[1,"menu-label"],"menuTriggerLabel":[1,"menu-trigger-label"],"pdfWorkerSrc":[1,"pdf-worker-src"],"printButtonEnabled":[4,"print-button-enabled"],"printButtonLabel":[1,"print-button-label"],"sideBySideButtonLabel":[1,"side-by-side-button-label"],"thumbnailButtonLabel":[1,"thumbnail-button-label"],"thumbnailsButtonLabel":[1,"thumbnails-button-label"],"thumbnailsLabel":[1,"thumbnails-label"],"zoomInButtonLabel":[1,"zoom-in-button-label"],"zoomOutButtonLabel":[1,"zoom-out-button-label"],"zoomSelectLabel":[1,"zoom-select-label"],"skipNativeDownload":[4,"skip-native-download"],"active":[32],"closing":[32],"downloading":[32],"loadingThumbnails":[32],"thumbnails":[32],"showThumbnails":[32],"viewMode":[32],"visiblePages":[32],"zoom":[32],"zoomSteps":[32],"open":[64],"close":[64]},[[9,"resize","onWindowResize"]],{"showThumbnails":["watchShowThumbnails"]}]]],["p-9d389078",[[2,"swirl-autocomplete",{"autoSelect":[4,"auto-select"],"clearable":[4],"clearButtonLabel":[1,"clear-button-label"],"disabled":[4],"generateSuggestions":[1040,"generate-suggestions"],"inline":[4],"invalid":[4],"maxLength":[2,"max-length"],"menuLabel":[1,"menu-label"],"mode":[1],"multiSelect":[4,"multi-select"],"placeholder":[1],"required":[4],"spellCheck":[4,"spell-check"],"swirlAriaDescribedby":[1,"swirl-aria-describedby"],"value":[1040],"active":[32],"loading":[32],"position":[32],"suggestions":[32]},[[8,"click","onWindowClick"]],{"multiSelect":["watchMultiSelect"]}]]],["p-b369a589",[[6,"swirl-select",{"allowDeselect":[4,"allow-deselect"],"disabled":[4],"emptyListLabel":[1,"empty-list-label"],"inline":[4],"invalid":[4],"label":[1],"multiSelect":[4,"multi-select"],"required":[4],"searchInputLabel":[1,"search-input-label"],"searchLoading":[4,"search-loading"],"searchPlaceholder":[1,"search-placeholder"],"selectId":[1,"select-id"],"standalone":[4],"swirlAriaDescribedby":[1,"swirl-aria-describedby"],"value":[1040],"withSearch":[4,"with-search"],"options":[32],"open":[32],"placement":[32]},[[8,"focusin","onWindowFocusIn"]],{"value":["onValueChange"]}]]],["p-56b25f30",[[1,"swirl-lightbox",{"closeButtonLabel":[1,"close-button-label"],"downloadButtonEnabled":[4,"download-button-enabled"],"downloadButtonLabel":[1,"download-button-label"],"hideMenu":[4,"hide-menu"],"label":[1],"menuLabel":[1,"menu-label"],"menuTriggerLabel":[1,"menu-trigger-label"],"nextSlideButtonLabel":[1,"next-slide-button-label"],"previousSlideButtonLabel":[1,"previous-slide-button-label"],"activeSlideIndex":[32],"closing":[32],"isOpen":[32],"slides":[32],"open":[64],"close":[64],"activateSlide":[64]},[[8,"keydown","onKeyDown"]],{"activeSlideIndex":["watchActiveSlideIndex"]}]]],["p-2b55aed1",[[1,"swirl-file-chip",{"url":[1],"name":[1],"type":[1],"description":[1],"loading":[4],"loadingLabel":[1,"loading-label"],"skipNativeDownload":[4,"skip-native-download"],"showDownloadButton":[4,"show-download-button"],"showPreviewButton":[4,"show-preview-button"],"downloadButtonLabel":[1,"download-button-label"],"previewButtonLabel":[1,"preview-button-label"],"isHovered":[32],"fileType":[32]},null,{"type":["watchType"]}]]],["p-68124bef",[[6,"swirl-shell-layout",{"brandedHeader":[4,"branded-header"],"browserBackButtonLabel":[1,"browser-back-button-label"],"browserForwardButtonLabel":[1,"browser-forward-button-label"],"collapseNavigationButtonLabel":[1,"collapse-navigation-button-label"],"enableSecondaryNavGridLayout":[4,"enable-secondary-nav-grid-layout"],"secondaryNavGridLayoutVariant":[1,"secondary-nav-grid-layout-variant"],"expandNavigationButtonLabel":[1,"expand-navigation-button-label"],"gridNavLayoutToggleLabel":[1,"grid-nav-layout-toggle-label"],"hideMobileNavigationButtonLabel":[1,"hide-mobile-navigation-button-label"],"listNavLayoutToggleLabel":[1,"list-nav-layout-toggle-label"],"navigationLabel":[1,"navigation-label"],"secondaryNavCollapseLabel":[1,"secondary-nav-collapse-label"],"secondaryNavExpandLabel":[1,"secondary-nav-expand-label"],"skipLinkLabel":[1,"skip-link-label"],"isDesktopViewport":[32],"mobileNavigationActive":[32],"navigationCollapsed":[32],"secondaryNavCollapsed":[32],"secondaryNavView":[32],"showMobileNavigation":[64],"hideMobileNavigation":[64]},[[8,"keydown","onWindowKeyDown"],[9,"resize","onWindowResize"]],{"enableSecondaryNavGridLayout":["watchEnableSecondaryNavGridLayout"],"mobileNavigationActive":["watchMobileNavigationState"],"navigationCollapsed":["watchNavigationCollapsed"]}]]],["p-7be30f81",[[1,"swirl-inline-notification",{"heading":[1],"hideHeading":[4,"hide-heading"],"importance":[1],"intent":[1]}]]],["p-94c2d083",[[2,"swirl-date-input",{"autoFocus":[4,"auto-focus"],"autoSelect":[4,"auto-select"],"datePickerDisableDate":[16,"date-picker-disable-date"],"datePickerLabel":[1,"date-picker-label"],"datePickerTriggerLabel":[1,"date-picker-trigger-label"],"disabled":[4],"firstDayOfWeek":[2,"first-day-of-week"],"format":[1],"inline":[4],"invalid":[4],"labels":[16],"locale":[1],"placeholder":[1],"preferredInputMode":[1,"preferred-input-mode"],"required":[4],"swirlAriaDescribedby":[1,"swirl-aria-describedby"],"value":[1537],"readonly":[4],"iconSize":[32],"isInPickOnlyMode":[32],"openPicker":[64]},null,{"format":["watchFormat"],"value":["watchValue"]}]]],["p-aaf79a32",[[6,"swirl-form-control",{"description":[1],"disabled":[4],"errorMessage":[1,"error-message"],"fontSize":[1,"font-size"],"hideLabel":[4,"hide-label"],"icon":[1],"inline":[4],"invalid":[4],"label":[1],"labelPosition":[1,"label-position"],"tooltip":[1],"secondaryLabel":[1,"secondary-label"],"readonly":[4],"hasFocus":[32],"inputValue":[32]},[[8,"click","onWindowClick"]],{"description":["watchDescription"],"errorMessage":["watchErrorMessage"],"disabled":["setInputElementDisabledState"],"readonly":["setInputElementReadonlyState"],"inline":["setInputElementInlineState"],"invalid":["setInputElementInvalidState"],"label":["setInputElementLabel"]}]]],["p-077ba3e1",[[1,"swirl-menu-item",{"description":[1],"disabled":[4],"expanded":[4],"icon":[1],"iconBadge":[1,"icon-badge"],"intent":[1],"label":[1],"suffix":[1],"value":[1],"hasAvatar":[32],"parentMenu":[32],"subMenu":[32],"getSubMenu":[64],"updateValue":[64],"getParentMenu":[64]},null,{"expanded":["watchExpanded"]}]]],["p-66d00797",[[1,"swirl-pagination",{"firstPageButtonLabel":[1,"first-page-button-label"],"lastPageButtonLabel":[1,"last-page-button-label"],"label":[1],"nextButtonLabel":[1,"next-button-label"],"page":[2],"pageLabel":[1,"page-label"],"pages":[2],"pageSelectLabel":[1,"page-select-label"],"pageSize":[2,"page-size"],"pageSizeOptions":[16,"page-size-options"],"pageSizeSelectLabel":[1,"page-size-select-label"],"prevButtonLabel":[1,"prev-button-label"],"showPageSizeSelect":[4,"show-page-size-select"],"variant":[1]}]]],["p-6b01f2e9",[[2,"swirl-resource-list-file-item",{"description":[1],"errorMessage":[1,"error-message"],"icon":[1],"label":[1],"loading":[4],"removable":[4],"removeButtonLabel":[1,"remove-button-label"]}]]],["p-0293252e",[[1,"swirl-shell-navigation-item",{"active":[4],"badgeLabel":[1,"badge-label"],"boxed":[4],"description":[1],"filled":[4],"hideLabel":[4,"hide-label"],"href":[1],"inlineLabel":[4,"inline-label"],"inlineLabelColor":[1,"inline-label-color"],"label":[1],"markAsNew":[4,"mark-as-new"],"markAsNewLabel":[1,"mark-as-new-label"],"useCustomIconSize":[4,"use-custom-icon-size"],"target":[1],"variant":[1],"withGradient":[4,"with-gradient"]}]]],["p-4ec255ce",[[1,"swirl-image-grid-item",{"alt":[1],"gifPauseLabel":[1,"gif-pause-label"],"gifPlayLabel":[1,"gif-play-label"],"icon":[1],"interactive":[4],"loading":[1],"overlay":[1],"showGifControls":[4,"show-gif-controls"],"src":[1],"error":[32],"loaded":[32],"inViewport":[32],"gifPaused":[32],"computedSrc":[32],"play":[64],"pause":[64]},null,{"src":["watchSrcProp"]}]]],["p-4f09a3bf",[[4,"swirl-modal",{"closable":[4],"closeButtonLabel":[1,"close-button-label"],"fullscreenEnableButtonLabel":[1,"fullscreen-enable-button-label"],"fullscreenDisableButtonLabel":[1,"fullscreen-disable-button-label"],"height":[1],"hideCloseButton":[4,"hide-close-button"],"hideLabel":[4,"hide-label"],"label":[1],"maxHeight":[1,"max-height"],"minHeight":[1,"min-height"],"maxWidth":[1,"max-width"],"padded":[4],"primaryActionLabel":[1,"primary-action-label"],"secondaryActionLabel":[1,"secondary-action-label"],"variant":[1],"contentGap":[1,"content-gap"],"hideSecondaryContent":[4,"hide-secondary-content"],"primaryContentMaxWidth":[1,"primary-content-max-width"],"secondaryContentMaxWidth":[1,"secondary-content-max-width"],"primaryContentFlex":[1,"primary-content-flex"],"secondaryContentFlex":[1,"secondary-content-flex"],"hideSecondaryContentBorders":[4,"hide-secondary-content-borders"],"secondaryContentPadding":[1,"secondary-content-padding"],"secondaryContentPaddingBlockEnd":[1,"secondary-content-padding-block-end"],"secondaryContentPaddingBlockStart":[1,"secondary-content-padding-block-start"],"secondaryContentPaddingInlineEnd":[1,"secondary-content-padding-inline-end"],"secondaryContentPaddingInlineStart":[1,"secondary-content-padding-inline-start"],"showFullscreenButton":[4,"show-fullscreen-button"],"sidebarLabel":[1,"sidebar-label"],"sidebarPadded":[4,"sidebar-padded"],"sidebarFooterPadded":[4,"sidebar-footer-padded"],"hideSidebarContent":[1028,"hide-sidebar-content"],"hasSidebarCloseButton":[4,"has-sidebar-close-button"],"sidebarCloseButtonLabel":[1,"sidebar-close-button-label"],"hideScrolledHeaderBorder":[4,"hide-scrolled-header-border"],"isOpen":[32],"isFullscreen":[32],"isFullscreenTransitioning":[32],"closing":[32],"hasCustomHeader":[32],"hasCustomFooter":[32],"hasHeaderTools":[32],"hasSecondaryContent":[32],"scrollable":[32],"scrolled":[32],"scrolledDown":[32],"hasSidebarContent":[32],"hasSidebarFooter":[32],"sidebarScrolled":[32],"sidebarScrolledDown":[32],"sidebarScrollable":[32],"open":[64],"close":[64],"setFullscreen":[64]},[[9,"resize","onWindowResize"]]]]],["p-e56bd878",[[4,"swirl-tree-view-item",{"active":[4],"disableDrag":[4,"disable-drag"],"expandable":[4],"href":[1],"icon":[1],"iconColor":[1,"icon-color"],"itemId":[1,"item-id"],"label":[1],"canDrop":[32],"cannotKeyboardDropInCurrentPosition":[32],"dragDropItemSelector":[32],"enableDragDrop":[32],"expanded":[32],"level":[32],"movingViaKeyboard":[32],"selected":[32],"expand":[64],"collapse":[64],"select":[64],"unselect":[64]}]]],["p-2d1f3696",[[2,"swirl-color-input",{"autoFocus":[4,"auto-focus"],"autoSelect":[4,"auto-select"],"disabled":[4],"swirlAriaDescribedby":[1,"swirl-aria-describedby"],"inline":[4],"invalid":[4],"pickerButtonLabel":[1,"picker-button-label"],"pickerLabel":[1,"picker-label"],"placeholder":[1],"required":[4],"value":[1537],"readonly":[4]},null,{"value":["watchValue"]}]]],["p-049ab4f0",[[1,"swirl-console-layout",{"appName":[1,"app-name"],"backButonLabel":[1,"back-buton-label"],"heading":[1],"helpButonLabel":[1,"help-buton-label"],"hideNavigationButtonLabel":[1,"hide-navigation-button-label"],"logoText":[1,"logo-text"],"navigationLabel":[1,"navigation-label"],"maxContentWidth":[1,"max-content-width"],"showBackButton":[4,"show-back-button"],"showHelpButton":[4,"show-help-button"],"showNavigationButtonLabel":[1,"show-navigation-button-label"],"subheading":[1],"sidebarActive":[32],"contentScrollState":[32],"hasCustomAppBar":[32],"hasFooter":[32],"toggleSidebar":[64],"showSidebar":[64],"hideSidebar":[64]},[[9,"resize","onWindowResize"]]]]],["p-5132a5d3",[[2,"swirl-file-uploader",{"accept":[1],"ctaLabel":[1,"cta-label"],"description":[1],"descriptionAllowHtml":[4,"description-allow-html"],"disabled":[4],"dragDropLabel":[1,"drag-drop-label"],"hideLabel":[4,"hide-label"],"inputId":[1,"input-id"],"inputName":[1,"input-name"],"label":[1],"multiple":[4],"showDropzone":[4,"show-dropzone"],"uploadButtonIcon":[1,"upload-button-icon"],"uploadButtonLabel":[1,"upload-button-label"],"uploadButtonVariant":[1,"upload-button-variant"],"reset":[64]}]]],["p-b7788566",[[2,"swirl-radio",{"checked":[1032],"description":[1],"disabled":[4],"inputId":[1,"input-id"],"inputName":[1,"input-name"],"invalid":[4],"label":[1],"tooltip":[1],"value":[1],"variant":[1]}]]],["p-88debf29",[[1,"swirl-table-row-group",{"label":[1],"tooltip":[1],"collapsible":[4],"collapseButtonLabel":[1,"collapse-button-label"],"isVisible":[32]}]]],["p-dcd2790d",[[1,"swirl-toast-provider",{"globalDuration":[2,"global-duration"],"toasts":[32],"clearAll":[64],"dismiss":[64],"toast":[64]}]]],["p-3b3a7f86",[[1,"swirl-tree-navigation-item",{"active":[4],"href":[1],"icon":[1],"label":[1],"target":[1],"navigationItemId":[1,"navigation-item-id"],"level":[2],"expandable":[4],"external":[4],"expanded":[32],"hasChildren":[32],"childrenHeight":[32],"expand":[64],"collapse":[64]},null,{"expanded":["handleExpandedChange"]}]]],["p-315fb092",[[1,"swirl-accordion-item",{"description":[1],"disabled":[4],"heading":[1],"headingLevel":[2,"heading-level"],"initiallyOpen":[4,"initially-open"],"itemId":[1,"item-id"],"expanded":[32],"collapse":[64],"expand":[64],"toggle":[64]}]]],["p-6890ea2e",[[1,"swirl-action-list-section",{"label":[1],"separatorSpacing":[1,"separator-spacing"],"spacing":[1],"hasSeparator":[4,"has-separator"]}]]],["p-1c4c9910",[[2,"swirl-checkbox",{"checked":[1032],"description":[1],"disabled":[4],"swirlAriaDescribedby":[1,"swirl-aria-describedby"],"swirlAriaLabel":[1,"swirl-aria-label"],"inputId":[1,"input-id"],"inputName":[1,"input-name"],"invalid":[4],"label":[1],"labelWeight":[1,"label-weight"],"value":[1],"variant":[1]}]]],["p-f693aadf",[[6,"swirl-chip",{"borderRadius":[1,"border-radius"],"icon":[1],"iconColor":[1,"icon-color"],"intent":[1],"interactive":[4],"label":[1],"progress":[2],"pressed":[4],"progressBarLabel":[1,"progress-bar-label"],"removable":[4],"removeButtonLabel":[1,"remove-button-label"],"size":[1],"variant":[1]}]]],["p-7279812f",[[1,"swirl-description-list-item",{"bordered":[4],"maxWidth":[1,"max-width"],"term":[1],"tooltip":[1]}]]],["p-e6a3560a",[[1,"swirl-menu",{"active":[1028],"label":[1],"level":[1026],"mobileBackButtonLabel":[1,"mobile-back-button-label"],"mobileCloseMenuButtonLabel":[1,"mobile-close-menu-button-label"],"mobileDoneButtonLabel":[1,"mobile-done-button-label"],"value":[1],"variant":[1],"activeLevel":[32],"mobile":[32],"position":[32],"activateMenuItem":[64],"close":[64],"goBack":[64],"focusFirstItem":[64],"focusItemAtIndex":[64],"updateSelection":[64],"updateActiveItem":[64]},null,{"active":["watchActive"],"value":["watchValue"]}]]],["p-13627a62",[[4,"swirl-modal-shell",{"label":[1],"closeButtonLabel":[1,"close-button-label"],"isClosing":[32],"close":[64]}]]],["p-a99c1a53",[[1,"swirl-option-list-section",{"label":[1],"separatorSpacing":[1,"separator-spacing"],"spacing":[1],"hasSeparator":[4,"has-separator"]}]]],["p-a0d168ea",[[1,"swirl-resource-list-section",{"label":[1],"separatorSpacing":[1,"separator-spacing"],"spacing":[1],"hasSeparator":[4,"has-separator"]}]]],["p-f0209c04",[[2,"swirl-search",{"autoFocus":[4,"auto-focus"],"clearButtonLabel":[1,"clear-button-label"],"disabled":[4],"inputName":[1,"input-name"],"inputId":[1,"input-id"],"label":[1],"placeholder":[1],"value":[1025],"variant":[1],"clearable":[4]},[[8,"keydown","onKeyDown"]]]]],["p-b1955884",[[2,"swirl-switch",{"checked":[1028],"description":[1],"disabled":[4],"hideDescription":[4,"hide-description"],"hideLabel":[4,"hide-label"],"inputId":[1,"input-id"],"inputName":[1,"input-name"],"label":[1],"labelPosition":[1,"label-position"],"value":[1],"swirlAriaLabel":[1,"swirl-aria-label"],"toggle":[64]}]]],["p-d3b89785",[[6,"swirl-table",{"caption":[1],"dragDropHandle":[1,"drag-drop-handle"],"dragDropInstructions":[16,"drag-drop-instructions"],"emptyStateLabel":[1,"empty-state-label"],"enableDragDrop":[4,"enable-drag-drop"],"label":[1],"loading":[4],"empty":[32],"liveRegionText":[32],"scrollable":[32],"scrolled":[32],"scrolledToEnd":[32],"rerender":[64]},[[9,"resize","onWindowResize"]],{"enableDragDrop":["handleEnableDragDropChange"]}]]],["p-5daa992c",[[1,"swirl-table-column",{"sort":[1],"sortable":[4],"maxWidth":[1,"max-width"],"minWidth":[1,"min-width"],"sticky":[4],"width":[1]}]]],["p-11225345",[[1,"swirl-app-bar",{"backButtonLabel":[1,"back-button-label"],"closeButtonIcon":[1,"close-button-icon"],"closeButtonLabel":[1,"close-button-label"],"paddingInlineEnd":[1,"padding-inline-end"],"paddingInlineStart":[1,"padding-inline-start"],"stepUpButtonLabel":[1,"step-up-button-label"],"stepDownButtonLabel":[1,"step-down-button-label"],"showBackButton":[4,"show-back-button"],"showCloseButton":[4,"show-close-button"],"showHeading":[4,"show-heading"],"showStepperControls":[4,"show-stepper-controls"],"hasCta":[32]}]]],["p-04128039",[[1,"swirl-avatar",{"badge":[1],"badgePosition":[1,"badge-position"],"color":[1],"icon":[1],"initials":[1],"interactive":[4],"label":[1],"loading":[1],"showLabel":[4,"show-label"],"size":[1],"src":[1],"toolPosition":[1,"tool-position"],"variant":[1],"loadingError":[32],"loaded":[32],"imageAvailable":[32],"inViewport":[32]},null,{"src":["watchSrcProp"]}]]],["p-3f645bbe",[[1,"swirl-banner",{"actionLabel":[1,"action-label"],"content":[1],"dismissable":[4],"dismissLabel":[1,"dismiss-label"],"importance":[1],"intent":[1],"showIcon":[4,"show-icon"],"icon":[1],"size":[1]}]]],["p-59faa9dc",[[1,"swirl-carousel",{"label":[1],"nextSlideButtonLabel":[1,"next-slide-button-label"],"previousSlideButtonLabel":[1,"previous-slide-button-label"],"fade":[4],"fadeColor":[1,"fade-color"],"loopAround":[4,"loop-around"],"padding":[1],"paddingBlockEnd":[1,"padding-block-end"],"paddingBlockStart":[1,"padding-block-start"],"paddingInlineEnd":[1,"padding-inline-end"],"paddingInlineStart":[1,"padding-inline-start"],"spacing":[1],"isAtEnd":[32],"isAtStart":[32],"isScrollable":[32],"scrollToSlide":[64]},[[9,"resize","onWindowResize"]]]]],["p-89e8556f",[[1,"swirl-dialog",{"hideLabel":[4,"hide-label"],"intent":[1],"label":[1],"primaryActionLabel":[1,"primary-action-label"],"secondaryActionLabel":[1,"secondary-action-label"],"closing":[32],"open":[64],"close":[64]}]]],["p-dc0569fa",[[6,"swirl-tabs",{"initialTab":[1,"initial-tab"],"label":[1],"justifyTabBar":[1,"justify-tab-bar"],"tabBarPaddingBlockEnd":[1,"tab-bar-padding-block-end"],"tabBarPaddingBlockStart":[1,"tab-bar-padding-block-start"],"tabBarPaddingInlineEnd":[1,"tab-bar-padding-inline-end"],"tabBarPaddingInlineStart":[1,"tab-bar-padding-inline-start"],"tabBarVariant":[1,"tab-bar-variant"],"activeTab":[32],"tabBarTabs":[32],"activateTab":[64]}]]],["p-d3b325fd",[[1,"swirl-toggle-button",{"identifier":[1],"label":[1],"icon":[1],"isPressed":[1028,"is-pressed"]}]]],["p-cd565754",[[1,"swirl-toggle-group",{"elevated":[4],"variant":[1],"swirlAriaLabel":[1,"swirl-aria-label"],"selectedToggleId":[1025,"selected-toggle-id"]},[[0,"click","onClick"]],{"selectedToggleId":["watchSelectedToggleId"]}]]],["p-fb8b8e19",[[1,"swirl-toolbar",{"label":[1],"orientation":[1]}]]],["p-281c3f1a",[[4,"swirl-tree-view",{"canDrop":[16,"can-drop"],"dragDropInstructions":[16,"drag-drop-instructions"],"dragDropItemSelector":[1,"drag-drop-item-selector"],"enableDragDrop":[4,"enable-drag-drop"],"initiallyExpandedItemIds":[16,"initially-expanded-item-ids"],"label":[1],"semantics":[1],"liveRegionText":[32],"expandItems":[64]},[[0,"dropTreeViewItem","onItemDrop"],[0,"keydown","onKeyDown"],[0,"itemSelected","onItemSelected"],[0,"expandedChange","onExpandedChange"],[0,"endKeyboardMove","onEndKeyboardMove"],[0,"startKeyboardMove","onStartKeyboardMove"],[0,"keyboardMove","onKeyboardMove"]],{"enableDragDrop":["handleEnableDragDropChange"]}]]],["p-f6bc22a3",[[1,"swirl-video-thumbnail",{"durationLabel":[1,"duration-label"],"duration":[1],"label":[1],"src":[1]}]]],["p-7065b5ea",[[1,"swirl-accordion",{"collapseItem":[64],"expandItem":[64]}]]],["p-32f9dda0",[[1,"swirl-app-icon",{"icon":[1],"src":[1],"imageAvailable":[32]}]]],["p-ca6728d2",[[1,"swirl-avatar-group",{"badge":[1],"label":[1],"layout":[1],"semantics":[1],"avatars":[32]}]]],["p-bd131ffa",[[1,"swirl-card",{"as":[1],"borderRadius":[1,"border-radius"],"customBackgroundColor":[1,"custom-background-color"],"elevated":[4],"elevationLevel":[2,"elevation-level"],"height":[1],"highlighted":[4],"href":[1],"imageAspectRatio":[1,"image-aspect-ratio"],"intent":[1],"isBorderless":[4,"is-borderless"],"interactive":[4],"justifyContent":[1,"justify-content"],"linkTarget":[1,"link-target"],"minHeight":[1,"min-height"],"overflow":[1],"padding":[1],"paddingBlockEnd":[1,"padding-block-end"],"paddingBlockStart":[1,"padding-block-start"],"paddingInlineEnd":[1,"padding-inline-end"],"paddingInlineStart":[1,"padding-inline-start"],"swirlAriaLabel":[1,"swirl-aria-label"],"swirlAriaLabelledby":[1,"swirl-aria-labelledby"],"flashing":[32],"flash":[64]}]]],["p-8ba46416",[[1,"swirl-carousel-slide",{"aspectRatio":[1,"aspect-ratio"],"label":[1],"minHeight":[1,"min-height"],"width":[1]}]]],["p-03f85d17",[[1,"swirl-columns",{"columns":[1],"spacing":[1]}]]],["p-6a5660e0",[[1,"swirl-description-list"]]],["p-9e6c14a5",[[1,"swirl-emoji",{"label":[1],"name":[1],"size":[2]}]]],["p-55b0e9f4",[[1,"swirl-emoji-clap",{"label":[1],"size":[2]}]]],["p-1485855e",[[1,"swirl-emoji-happy",{"label":[1],"size":[2]}]]],["p-87efea07",[[1,"swirl-emoji-idea",{"label":[1],"size":[2]}]]],["p-f4d4e29b",[[1,"swirl-emoji-love",{"label":[1],"size":[2]}]]],["p-27e7f329",[[1,"swirl-emoji-sad",{"label":[1],"size":[2]}]]],["p-3cd4d78c",[[1,"swirl-emoji-thumbs-up",{"label":[1],"size":[2]}]]],["p-f521ea70",[[6,"swirl-form-group",{"orientation":[1]}]]],["p-b4a1d667",[[1,"swirl-icon-add-moderator",{"color":[1],"size":[2]}]]],["p-ec71ce51",[[1,"swirl-icon-add-photo",{"color":[1],"size":[2]}]]],["p-7cd9efd8",[[1,"swirl-icon-add-reaction",{"color":[1],"size":[2]}]]],["p-3e7c946d",[[1,"swirl-icon-admin-panel-settings",{"color":[1],"size":[2]}]]],["p-2f0c0d0f",[[1,"swirl-icon-ai",{"color":[1],"size":[2]}]]],["p-e9f86aae",[[1,"swirl-icon-ai-filled",{"color":[1],"size":[2]}]]],["p-ed66e4e8",[[1,"swirl-icon-apps",{"color":[1],"size":[2]}]]],["p-734c1230",[[1,"swirl-icon-arrow-right-small",{"color":[1],"size":[2]}]]],["p-45f28015",[[1,"swirl-icon-aspect-ratio",{"color":[1],"size":[2]}]]],["p-4299f433",[[1,"swirl-icon-autorenew",{"color":[1],"size":[2]}]]],["p-23bd08c6",[[1,"swirl-icon-bar-chart",{"color":[1],"size":[2]}]]],["p-0963f7e6",[[1,"swirl-icon-beach-access",{"color":[1],"size":[2]}]]],["p-331e6ed8",[[1,"swirl-icon-beach-access-filled",{"color":[1],"size":[2]}]]],["p-b7d44ff9",[[1,"swirl-icon-block",{"color":[1],"size":[2]}]]],["p-f3227d4f",[[1,"swirl-icon-bookmark",{"color":[1],"size":[2]}]]],["p-684c3db9",[[1,"swirl-icon-bookmark-filled",{"color":[1],"size":[2]}]]],["p-52857485",[[1,"swirl-icon-calendar-add-on-filled",{"color":[1],"size":[2]}]]],["p-3fcf0d5a",[[1,"swirl-icon-calendar-respond",{"color":[1],"size":[2]}]]],["p-da1f6d3d",[[1,"swirl-icon-calendar-today",{"color":[1],"size":[2]}]]],["p-9ca53fe0",[[1,"swirl-icon-call",{"color":[1],"size":[2]}]]],["p-bacbe7a6",[[1,"swirl-icon-call-end",{"color":[1],"size":[2]}]]],["p-6f336874",[[1,"swirl-icon-cancel-filled",{"color":[1],"size":[2]}]]],["p-d29ac8dc",[[1,"swirl-icon-cancel-outline",{"color":[1],"size":[2]}]]],["p-089f413b",[[1,"swirl-icon-chat-bubble",{"color":[1],"size":[2]}]]],["p-5d5a5fd4",[[1,"swirl-icon-chats",{"color":[1],"size":[2]}]]],["p-100a6b2c",[[1,"swirl-icon-chats-filled",{"color":[1],"size":[2]}]]],["p-ff1b71b0",[[1,"swirl-icon-check",{"color":[1],"size":[2]}]]],["p-2e20b67c",[[1,"swirl-icon-check-circle-filled",{"color":[1],"size":[2]}]]],["p-46db6f52",[[1,"swirl-icon-chevron-left",{"color":[1],"size":[2]}]]],["p-4d1b06f2",[[1,"swirl-icon-close-fullscreen",{"color":[1],"size":[2]}]]],["p-ec226cc1",[[1,"swirl-icon-close-small",{"color":[1],"size":[2]}]]],["p-60fadd46",[[1,"swirl-icon-column",{"color":[1],"size":[2]}]]],["p-a69d2f57",[[1,"swirl-icon-comment",{"color":[1],"size":[2]}]]],["p-c10ed1e4",[[1,"swirl-icon-contrast",{"color":[1],"size":[2]}]]],["p-6261c2bb",[[1,"swirl-icon-copy",{"color":[1],"size":[2]}]]],["p-297118a1",[[1,"swirl-icon-crop",{"color":[1],"size":[2]}]]],["p-542ddd3a",[[1,"swirl-icon-dark-mode",{"color":[1],"size":[2]}]]],["p-35749705",[[1,"swirl-icon-date-range",{"color":[1],"size":[2]}]]],["p-89502f26",[[1,"swirl-icon-delete",{"color":[1],"size":[2]}]]],["p-864d290d",[[1,"swirl-icon-deployed-code",{"color":[1],"size":[2]}]]],["p-050c850b",[[1,"swirl-icon-description",{"color":[1],"size":[2]}]]],["p-ca9101b3",[[1,"swirl-icon-desktop",{"color":[1],"size":[2]}]]],["p-625db3b0",[[1,"swirl-icon-directory",{"color":[1],"size":[2]}]]],["p-35f3befe",[[1,"swirl-icon-directory-filled",{"color":[1],"size":[2]}]]],["p-8d4101ef",[[1,"swirl-icon-discover",{"color":[1],"size":[2]}]]],["p-ea335c22",[[1,"swirl-icon-dock-left",{"color":[1],"size":[2]}]]],["p-325188c6",[[1,"swirl-icon-door-open",{"color":[1],"size":[2]}]]],["p-d50fc141",[[1,"swirl-icon-dot",{"color":[1],"size":[2]}]]],["p-33bbda7e",[[1,"swirl-icon-double-arrow-right",{"color":[1],"size":[2]}]]],["p-b05fe4fd",[[1,"swirl-icon-download",{"color":[1],"size":[2]}]]],["p-cf95286a",[[1,"swirl-icon-edit",{"color":[1],"size":[2]}]]],["p-8e765a5a",[[1,"swirl-icon-edit-note",{"color":[1],"size":[2]}]]],["p-3cb648a7",[[1,"swirl-icon-emoji-mood",{"color":[1],"size":[2]}]]],["p-92b59a69",[[1,"swirl-icon-emoji-satisfied",{"color":[1],"size":[2]}]]],["p-14123a26",[[1,"swirl-icon-emoji-symbols",{"color":[1],"size":[2]}]]],["p-e9d10f9d",[[1,"swirl-icon-experiment",{"color":[1],"size":[2]}]]],["p-2ba4670f",[[1,"swirl-icon-filter",{"color":[1],"size":[2]}]]],["p-a0ee29e4",[[1,"swirl-icon-format-h-one",{"color":[1],"size":[2]}]]],["p-d54a45c1",[[1,"swirl-icon-format-list-bulleted",{"color":[1],"size":[2]}]]],["p-0e195576",[[1,"swirl-icon-gif",{"color":[1],"size":[2]}]]],["p-26f6fc51",[[1,"swirl-icon-group-add",{"color":[1],"size":[2]}]]],["p-d8e4bc9e",[[1,"swirl-icon-group-assign",{"color":[1],"size":[2]}]]],["p-f2f85e8f",[[1,"swirl-icon-groups",{"color":[1],"size":[2]}]]],["p-37cb08e7",[[1,"swirl-icon-groups-filled",{"color":[1],"size":[2]}]]],["p-75b13715",[[1,"swirl-icon-hamburger-menu",{"color":[1],"size":[2]}]]],["p-9e0f4063",[[1,"swirl-icon-health-and-safety",{"color":[1],"size":[2]}]]],["p-7c070897",[[1,"swirl-icon-help-filled",{"color":[1],"size":[2]}]]],["p-1564a63e",[[1,"swirl-icon-highlight",{"color":[1],"size":[2]}]]],["p-8b6a1401",[[1,"swirl-icon-history",{"color":[1],"size":[2]}]]],["p-3ea61e2f",[[1,"swirl-icon-home",{"color":[1],"size":[2]}]]],["p-c3c96a91",[[1,"swirl-icon-home-filled",{"color":[1],"size":[2]}]]],["p-e4ab510b",[[1,"swirl-icon-hr-resting",{"color":[1],"size":[2]}]]],["p-0974a89b",[[1,"swirl-icon-improve-text",{"color":[1],"size":[2]}]]],["p-3fa07979",[[1,"swirl-icon-insert-below",{"color":[1],"size":[2]}]]],["p-f86f7119",[[1,"swirl-icon-insert-chart",{"color":[1],"size":[2]}]]],["p-cdb636aa",[[1,"swirl-icon-insert-on-top",{"color":[1],"size":[2]}]]],["p-0ba94a99",[[1,"swirl-icon-inventory",{"color":[1],"size":[2]}]]],["p-bd29bd58",[[1,"swirl-icon-inventory-off",{"color":[1],"size":[2]}]]],["p-88a837e1",[[1,"swirl-icon-iphone",{"color":[1],"size":[2]}]]],["p-ada55d60",[[1,"swirl-icon-key",{"color":[1],"size":[2]}]]],["p-320c7160",[[1,"swirl-icon-keyboard",{"color":[1],"size":[2]}]]],["p-bd6bc3b8",[[1,"swirl-icon-keyboard-hide",{"color":[1],"size":[2]}]]],["p-4e9cd349",[[1,"swirl-icon-light-mode",{"color":[1],"size":[2]}]]],["p-2c5ede9e",[[1,"swirl-icon-like",{"color":[1],"size":[2]}]]],["p-b5a92b36",[[1,"swirl-icon-link",{"color":[1],"size":[2]}]]],["p-9c6a6a38",[[1,"swirl-icon-live",{"color":[1],"size":[2]}]]],["p-d9b38516",[[1,"swirl-icon-load",{"color":[1],"size":[2]}]]],["p-4adda6cf",[[1,"swirl-icon-location-on",{"color":[1],"size":[2]}]]],["p-52249fc4",[[1,"swirl-icon-lock",{"color":[1],"size":[2]}]]],["p-f54fa96b",[[1,"swirl-icon-lock-open",{"color":[1],"size":[2]}]]],["p-ea1a8dbb",[[1,"swirl-icon-lock-person",{"color":[1],"size":[2]}]]],["p-6ab7ee6d",[[1,"swirl-icon-login",{"color":[1],"size":[2]}]]],["p-045b843f",[[1,"swirl-icon-logout",{"color":[1],"size":[2]}]]],["p-392eeb2c",[[1,"swirl-icon-long-text",{"color":[1],"size":[2]}]]],["p-62c0028b",[[1,"swirl-icon-mail",{"color":[1],"size":[2]}]]],["p-856eace0",[[1,"swirl-icon-manage-accounts",{"color":[1],"size":[2]}]]],["p-7b89ed38",[[1,"swirl-icon-mark-chat-read",{"color":[1],"size":[2]}]]],["p-f5a02fae",[[1,"swirl-icon-mark-chat-unread",{"color":[1],"size":[2]}]]],["p-9cec681d",[[1,"swirl-icon-mention",{"color":[1],"size":[2]}]]],["p-eb09da6b",[[1,"swirl-icon-menu",{"color":[1],"size":[2]}]]],["p-e4d31c37",[[1,"swirl-icon-menu-book-filled",{"color":[1],"size":[2]}]]],["p-3d6e0e27",[[1,"swirl-icon-menu-filled",{"color":[1],"size":[2]}]]],["p-b3240b1e",[[1,"swirl-icon-message",{"color":[1],"size":[2]}]]],["p-8abc5f30",[[1,"swirl-icon-mic",{"color":[1],"size":[2]}]]],["p-38662de7",[[1,"swirl-icon-mic-off",{"color":[1],"size":[2]}]]],["p-b356a7ba",[[1,"swirl-icon-more-horizontal",{"color":[1],"size":[2]}]]],["p-390d831b",[[1,"swirl-icon-news",{"color":[1],"size":[2]}]]],["p-03899ddf",[[1,"swirl-icon-news-filled",{"color":[1],"size":[2]}]]],["p-f29a9b3c",[[1,"swirl-icon-news-off",{"color":[1],"size":[2]}]]],["p-73fe79ab",[[1,"swirl-icon-next-plan",{"color":[1],"size":[2]}]]],["p-19f0566d",[[1,"swirl-icon-note-stack",{"color":[1],"size":[2]}]]],["p-7a666475",[[1,"swirl-icon-note-stack-filled",{"color":[1],"size":[2]}]]],["p-0e2075e1",[[1,"swirl-icon-notifications",{"color":[1],"size":[2]}]]],["p-a6862348",[[1,"swirl-icon-notifications-active",{"color":[1],"size":[2]}]]],["p-a83a463f",[[1,"swirl-icon-notifications-off",{"color":[1],"size":[2]}]]],["p-50c514fe",[[1,"swirl-icon-open-in-full",{"color":[1],"size":[2]}]]],["p-3cf12848",[[1,"swirl-icon-patient-list",{"color":[1],"size":[2]}]]],["p-a43003ae",[[1,"swirl-icon-pause",{"color":[1],"size":[2]}]]],["p-cdd2ea66",[[1,"swirl-icon-pause-circle",{"color":[1],"size":[2]}]]],["p-5bc5e9a4",[[1,"swirl-icon-people-alt",{"color":[1],"size":[2]}]]],["p-f4c4c26a",[[1,"swirl-icon-person-check",{"color":[1],"size":[2]}]]],["p-71e6d976",[[1,"swirl-icon-person-off",{"color":[1],"size":[2]}]]],["p-d9b72e57",[[1,"swirl-icon-phone",{"color":[1],"size":[2]}]]],["p-3ca68898",[[1,"swirl-icon-photo-camera",{"color":[1],"size":[2]}]]],["p-8d711b4c",[[1,"swirl-icon-picture-in-picture",{"color":[1],"size":[2]}]]],["p-488290c7",[[1,"swirl-icon-pin",{"color":[1],"size":[2]}]]],["p-1a92faec",[[1,"swirl-icon-pin-off",{"color":[1],"size":[2]}]]],["p-0bb465e1",[[1,"swirl-icon-place",{"color":[1],"size":[2]}]]],["p-4a4c7c5a",[[1,"swirl-icon-play-arrow",{"color":[1],"size":[2]}]]],["p-f50965ad",[[1,"swirl-icon-poll",{"color":[1],"size":[2]}]]],["p-04749029",[[1,"swirl-icon-post-approval",{"color":[1],"size":[2]}]]],["p-5d5661f8",[[1,"swirl-icon-present",{"color":[1],"size":[2]}]]],["p-fba2cb66",[[1,"swirl-icon-preview",{"color":[1],"size":[2]}]]],["p-26b6db31",[[1,"swirl-icon-print",{"color":[1],"size":[2]}]]],["p-d9e3b12b",[[1,"swirl-icon-public",{"color":[1],"size":[2]}]]],["p-aafb86a7",[[1,"swirl-icon-public-off",{"color":[1],"size":[2]}]]],["p-5ecc8e21",[[1,"swirl-icon-published-with-changes",{"color":[1],"size":[2]}]]],["p-ea4f1f83",[[1,"swirl-icon-ratio-four-to-three",{"color":[1],"size":[2]}]]],["p-f5ac5edb",[[1,"swirl-icon-ratio-freeform",{"color":[1],"size":[2]}]]],["p-b74ea693",[[1,"swirl-icon-ratio-sixteen-to-nine",{"color":[1],"size":[2]}]]],["p-1e9a1064",[[1,"swirl-icon-ratio-square",{"color":[1],"size":[2]}]]],["p-7f6ef231",[[1,"swirl-icon-ratio-three-to-four",{"color":[1],"size":[2]}]]],["p-642ad834",[[1,"swirl-icon-ratio-three-to-two",{"color":[1],"size":[2]}]]],["p-5d3e065d",[[1,"swirl-icon-recieved",{"color":[1],"size":[2]}]]],["p-98d8153a",[[1,"swirl-icon-refresh",{"color":[1],"size":[2]}]]],["p-2e9107ab",[[1,"swirl-icon-remove-circle",{"color":[1],"size":[2]}]]],["p-669f4273",[[1,"swirl-icon-remove-moderator",{"color":[1],"size":[2]}]]],["p-45282ed3",[[1,"swirl-icon-reply",{"color":[1],"size":[2]}]]],["p-ff076de4",[[1,"swirl-icon-report",{"color":[1],"size":[2]}]]],["p-d5da178c",[[1,"swirl-icon-roadmap",{"color":[1],"size":[2]}]]],["p-f04a9e63",[[1,"swirl-icon-rotate-left",{"color":[1],"size":[2]}]]],["p-0a56e460",[[1,"swirl-icon-rotate-right",{"color":[1],"size":[2]}]]],["p-6e260d82",[[1,"swirl-icon-screenshare",{"color":[1],"size":[2]}]]],["p-9fdfccfb",[[1,"swirl-icon-screenshare-off",{"color":[1],"size":[2]}]]],["p-89879bca",[[1,"swirl-icon-search-strong",{"color":[1],"size":[2]}]]],["p-3da2a805",[[1,"swirl-icon-secure",{"color":[1],"size":[2]}]]],["p-b32e4089",[[1,"swirl-icon-send",{"color":[1],"size":[2]}]]],["p-b5a43e36",[[1,"swirl-icon-settings",{"color":[1],"size":[2]}]]],["p-2bb85ec6",[[1,"swirl-icon-short-text",{"color":[1],"size":[2]}]]],["p-0119f3da",[[1,"swirl-icon-simplify",{"color":[1],"size":[2]}]]],["p-09a04860",[[1,"swirl-icon-spellcheck",{"color":[1],"size":[2]}]]],["p-8a618663",[[1,"swirl-icon-stars",{"color":[1],"size":[2]}]]],["p-3c2f9e58",[[1,"swirl-icon-sticky-note",{"color":[1],"size":[2]}]]],["p-d2228070",[[1,"swirl-icon-stop",{"color":[1],"size":[2]}]]],["p-769044cd",[[1,"swirl-icon-stop-circle",{"color":[1],"size":[2]}]]],["p-4d7a1dbe",[[1,"swirl-icon-sunny",{"color":[1],"size":[2]}]]],["p-bcd2ec01",[[1,"swirl-icon-sync",{"color":[1],"size":[2]}]]],["p-bb32acb4",[[1,"swirl-icon-tasks",{"color":[1],"size":[2]}]]],["p-4cd6416c",[[1,"swirl-icon-tasks-filled",{"color":[1],"size":[2]}]]],["p-87ede314",[[1,"swirl-icon-terminal",{"color":[1],"size":[2]}]]],["p-b62c78d8",[[1,"swirl-icon-time",{"color":[1],"size":[2]}]]],["p-877a5120",[[1,"swirl-icon-time-filled",{"color":[1],"size":[2]}]]],["p-6d6a9d4e",[[1,"swirl-icon-today-filled",{"color":[1],"size":[2]}]]],["p-7df49616",[[1,"swirl-icon-translate",{"color":[1],"size":[2]}]]],["p-601695a7",[[1,"swirl-icon-tree-structure",{"color":[1],"size":[2]}]]],["p-89cb2e42",[[1,"swirl-icon-undo",{"color":[1],"size":[2]}]]],["p-307c0313",[[1,"swirl-icon-unlock-person",{"color":[1],"size":[2]}]]],["p-3db099b4",[[1,"swirl-icon-upload",{"color":[1],"size":[2]}]]],["p-e797cf6b",[[1,"swirl-icon-user-add",{"color":[1],"size":[2]}]]],["p-52eccb33",[[1,"swirl-icon-user-assign",{"color":[1],"size":[2]}]]],["p-0446553a",[[1,"swirl-icon-video-camera",{"color":[1],"size":[2]}]]],["p-db2e1b51",[[1,"swirl-icon-video-camera-off",{"color":[1],"size":[2]}]]],["p-0fce9baa",[[1,"swirl-icon-video-library",{"color":[1],"size":[2]}]]],["p-dd1c31ba",[[1,"swirl-icon-view-agenda",{"color":[1],"size":[2]}]]],["p-5cc3cc48",[[1,"swirl-icon-voice",{"color":[1],"size":[2]}]]],["p-7d477aea",[[1,"swirl-icon-volume-up",{"color":[1],"size":[2]}]]],["p-f8631345",[[1,"swirl-icon-web-asset",{"color":[1],"size":[2]}]]],["p-5e5b25b3",[[1,"swirl-icon-web-asset-off",{"color":[1],"size":[2]}]]],["p-956b7f1f",[[1,"swirl-icon-work",{"color":[1],"size":[2]}]]],["p-32525d65",[[1,"swirl-image-grid",{"aspectRatio":[1,"aspect-ratio"],"borderRadius":[1,"border-radius"],"label":[1],"items":[32]}]]],["p-dd620c91",[[1,"swirl-inline-status",{"icon":[1],"intent":[1],"message":[1],"size":[1],"iconSize":[32]}]]],["p-474b03fd",[[1,"swirl-link",{"color":[1],"href":[1],"label":[1],"target":[1]}]]],["p-b29f3c24",[[4,"swirl-list"]]],["p-ed1a2ac9",[[6,"swirl-radio-group",{"swirlAriaDescribedby":[1,"swirl-aria-describedby"],"value":[1537]}]]],["p-f5b317d0",[[1,"swirl-skeleton-text",{"animated":[4],"lines":[2],"size":[1]}]]],["p-779f7b1f",[[1,"swirl-status-indicator",{"intent":[1],"label":[1]}]]],["p-1fa9a3f5",[[1,"swirl-symbol",{"glyph":[1],"size":[2]}]]],["p-18df1aa2",[[1,"swirl-symbol-ac-unit",{"size":[2]}]]],["p-0f52ff7c",[[1,"swirl-symbol-account-circle",{"size":[2]}]]],["p-5f8b25d7",[[1,"swirl-symbol-alternate-email",{"size":[2]}]]],["p-c4b5063e",[[1,"swirl-symbol-android",{"size":[2]}]]],["p-dd21e47d",[[1,"swirl-symbol-announcement",{"size":[2]}]]],["p-3c44cd04",[[1,"swirl-symbol-autorenew",{"size":[2]}]]],["p-1c0c739e",[[1,"swirl-symbol-backup",{"size":[2]}]]],["p-c758f3a6",[[1,"swirl-symbol-badge",{"size":[2]}]]],["p-27736e41",[[1,"swirl-symbol-barcode-reader",{"size":[2]}]]],["p-fc782b8a",[[1,"swirl-symbol-barcode-scanner",{"size":[2]}]]],["p-289f5e94",[[1,"swirl-symbol-battery-horiz",{"size":[2]}]]],["p-aa6905a7",[[1,"swirl-symbol-beach-access",{"size":[2]}]]],["p-b7d5fe8b",[[1,"swirl-symbol-bolt",{"size":[2]}]]],["p-b9396c94",[[1,"swirl-symbol-bookmark",{"size":[2]}]]],["p-8735e8db",[[1,"swirl-symbol-calendar",{"size":[2]}]]],["p-3f7baf0c",[[1,"swirl-symbol-campaign",{"size":[2]}]]],["p-28199123",[[1,"swirl-symbol-cards-star",{"size":[2]}]]],["p-2a96a8c1",[[1,"swirl-symbol-cloud",{"size":[2]}]]],["p-19eb7da8",[[1,"swirl-symbol-construction",{"size":[2]}]]],["p-dc1697d5",[[1,"swirl-symbol-contacts",{"size":[2]}]]],["p-d3bdd8c7",[[1,"swirl-symbol-coronavirus",{"size":[2]}]]],["p-fe2594c0",[[1,"swirl-symbol-design-services",{"size":[2]}]]],["p-9014c81c",[[1,"swirl-symbol-desktop-windows",{"size":[2]}]]],["p-5494b8ad",[[1,"swirl-symbol-directions-car-filled",{"size":[2]}]]],["p-b1e8f1a6",[[1,"swirl-symbol-diversity",{"size":[2]}]]],["p-3fc8a18a",[[1,"swirl-symbol-draw",{"size":[2]}]]],["p-36656a15",[[1,"swirl-symbol-edit-calendar",{"size":[2]}]]],["p-936744c0",[[1,"swirl-symbol-email",{"size":[2]}]]],["p-7bfcb035",[[1,"swirl-symbol-emergency",{"size":[2]}]]],["p-af4ca1c8",[[1,"swirl-symbol-emoji-food-beverage",{"size":[2]}]]],["p-c4da9f1f",[[1,"swirl-symbol-engineering",{"size":[2]}]]],["p-39cb7ea1",[[1,"swirl-symbol-event-menu",{"size":[2]}]]],["p-8896341e",[[1,"swirl-symbol-explore",{"size":[2]}]]],["p-f0e93f0b",[[1,"swirl-symbol-extension",{"size":[2]}]]],["p-085ab8cd",[[1,"swirl-symbol-facebook",{"size":[2]}]]],["p-ae9f74f1",[[1,"swirl-symbol-favorite",{"size":[2]}]]],["p-cd0e9968",[[1,"swirl-symbol-fitness-center",{"size":[2]}]]],["p-92ad6160",[[1,"swirl-symbol-flag",{"size":[2]}]]],["p-fb8326aa",[[1,"swirl-symbol-flight",{"size":[2]}]]],["p-3a599f85",[[1,"swirl-symbol-folder",{"size":[2]}]]],["p-f2425a08",[[1,"swirl-symbol-globe",{"size":[2]}]]],["p-78a0f095",[[1,"swirl-symbol-groups",{"size":[2]}]]],["p-d79db991",[[1,"swirl-symbol-healing",{"size":[2]}]]],["p-79bf5d73",[[1,"swirl-symbol-health-and-safety",{"size":[2]}]]],["p-97e20f1f",[[1,"swirl-symbol-help",{"size":[2]}]]],["p-f369e0d6",[[1,"swirl-symbol-home-repair-service",{"size":[2]}]]],["p-e8ed8d1b",[[1,"swirl-symbol-home-storage",{"size":[2]}]]],["p-9a5b5139",[[1,"swirl-symbol-id-card",{"size":[2]}]]],["p-cda7585d",[[1,"swirl-symbol-image",{"size":[2]}]]],["p-0a2d2719",[[1,"swirl-symbol-info-menu",{"size":[2]}]]],["p-aeda6b1e",[[1,"swirl-symbol-instagram",{"size":[2]}]]],["p-7b00e4ea",[[1,"swirl-symbol-inventory",{"size":[2]}]]],["p-5b961ce2",[[1,"swirl-symbol-inventory-2",{"size":[2]}]]],["p-f4caf409",[[1,"swirl-symbol-ios",{"size":[2]}]]],["p-349d0f6e",[[1,"swirl-symbol-key",{"size":[2]}]]],["p-e2f9c3f2",[[1,"swirl-symbol-language",{"size":[2]}]]],["p-601e791c",[[1,"swirl-symbol-leaderboard",{"size":[2]}]]],["p-98f375b0",[[1,"swirl-symbol-lightbulb",{"size":[2]}]]],["p-ddab7393",[[1,"swirl-symbol-linkedin",{"size":[2]}]]],["p-6bea301f",[[1,"swirl-symbol-local-shipping",{"size":[2]}]]],["p-ab83387d",[[1,"swirl-symbol-location-on",{"size":[2]}]]],["p-40f19bea",[[1,"swirl-symbol-loyalty",{"size":[2]}]]],["p-e9b66721",[[1,"swirl-symbol-map",{"size":[2]}]]],["p-5fb01673",[[1,"swirl-symbol-maps-home-work",{"size":[2]}]]],["p-cd24b09c",[[1,"swirl-symbol-menu-book",{"size":[2]}]]],["p-41022ddb",[[1,"swirl-symbol-mop",{"size":[2]}]]],["p-ef407990",[[1,"swirl-symbol-nest-eco-leaf",{"size":[2]}]]],["p-e332e440",[[1,"swirl-symbol-notifications",{"size":[2]}]]],["p-2a449bd1",[[1,"swirl-symbol-open-in-new",{"size":[2]}]]],["p-0c2bbbfd",[[1,"swirl-symbol-orders",{"size":[2]}]]],["p-9beea3ae",[[1,"swirl-symbol-package",{"size":[2]}]]],["p-1ade9836",[[1,"swirl-symbol-palette",{"size":[2]}]]],["p-ba25ef7a",[[1,"swirl-symbol-partly-cloudy-day",{"size":[2]}]]],["p-d7c92d75",[[1,"swirl-symbol-pedal-bike",{"size":[2]}]]],["p-936eba91",[[1,"swirl-symbol-percent-discount",{"size":[2]}]]],["p-a47cdc2a",[[1,"swirl-symbol-pets",{"size":[2]}]]],["p-da715fee",[[1,"swirl-symbol-pinterest",{"size":[2]}]]],["p-3308a3d2",[[1,"swirl-symbol-point-of-sale",{"size":[2]}]]],["p-efa6f22d",[[1,"swirl-symbol-policy",{"size":[2]}]]],["p-27476b08",[[1,"swirl-symbol-precision-manufacturing",{"size":[2]}]]],["p-79313b62",[[1,"swirl-symbol-print",{"size":[2]}]]],["p-1fe1217c",[[1,"swirl-symbol-push-pin",{"size":[2]}]]],["p-61a58a12",[[1,"swirl-symbol-recycling",{"size":[2]}]]],["p-155a3f42",[[1,"swirl-symbol-redeem",{"size":[2]}]]],["p-a3ddcfbc",[[1,"swirl-symbol-report-problem",{"size":[2]}]]],["p-59e1bf91",[[1,"swirl-symbol-restaurant",{"size":[2]}]]],["p-da16ced7",[[1,"swirl-symbol-roadmap",{"size":[2]}]]],["p-efbc555c",[[1,"swirl-symbol-rocket-launch",{"size":[2]}]]],["p-e8fca086",[[1,"swirl-symbol-room",{"size":[2]}]]],["p-48a5bc9e",[[1,"swirl-symbol-savings",{"size":[2]}]]],["p-ea5e5c8d",[[1,"swirl-symbol-school",{"size":[2]}]]],["p-391415db",[[1,"swirl-symbol-sell",{"size":[2]}]]],["p-39f217ae",[[1,"swirl-symbol-settings-voice",{"size":[2]}]]],["p-61e09fa2",[[1,"swirl-symbol-shopping-bag",{"size":[2]}]]],["p-d2b98c21",[[1,"swirl-symbol-shopping-cart",{"size":[2]}]]],["p-294b571a",[[1,"swirl-symbol-smartphone",{"size":[2]}]]],["p-4331f0e5",[[1,"swirl-symbol-spa",{"size":[2]}]]],["p-5a47bcb1",[[1,"swirl-symbol-sports-soccer",{"size":[2]}]]],["p-8462932d",[[1,"swirl-symbol-star",{"size":[2]}]]],["p-3f85cfad",[[1,"swirl-symbol-supervisor-account",{"size":[2]}]]],["p-b13ff702",[[1,"swirl-symbol-task",{"size":[2]}]]],["p-4585464c",[[1,"swirl-symbol-tasks",{"size":[2]}]]],["p-e13a5aa2",[[1,"swirl-symbol-thumbs-up-down",{"size":[2]}]]],["p-283c1442",[[1,"swirl-symbol-timer",{"size":[2]}]]],["p-6f507112",[[1,"swirl-symbol-tools-power-drill",{"size":[2]}]]],["p-cbe0fb2a",[[1,"swirl-symbol-train",{"size":[2]}]]],["p-3dbfe1e5",[[1,"swirl-symbol-trophy",{"size":[2]}]]],["p-0eb7c221",[[1,"swirl-symbol-twitter",{"size":[2]}]]],["p-07e71e96",[[1,"swirl-symbol-video",{"size":[2]}]]],["p-b5aa9115",[[1,"swirl-symbol-warehouse",{"size":[2]}]]],["p-e54bb5d1",[[1,"swirl-symbol-water-drop",{"size":[2]}]]],["p-ba9093c3",[[1,"swirl-symbol-wb-sunny",{"size":[2]}]]],["p-62ca9b09",[[1,"swirl-symbol-wechat",{"size":[2]}]]],["p-ad95378d",[[1,"swirl-symbol-weibo",{"size":[2]}]]],["p-9254cff2",[[1,"swirl-symbol-wifi",{"size":[2]}]]],["p-1c8e978f",[[1,"swirl-symbol-work",{"size":[2]}]]],["p-852adf51",[[1,"swirl-symbol-xing",{"size":[2]}]]],["p-2dc90e74",[[1,"swirl-symbol-youtube",{"size":[2]}]]],["p-c3728105",[[1,"swirl-tab",{"active":[4],"icon":[1],"label":[1],"padding":[1],"tabId":[1,"tab-id"]}]]],["p-2208c1ce",[[1,"swirl-table-cell"]]],["p-5fb24cc3",[[1,"swirl-table-row",{"highlighted":[4],"index":[2]}]]],["p-003a1eb5",[[6,"swirl-theme-provider",{"config":[16],"getActiveOSTheme":[64],"getPreferredOSTheme":[64],"setPreferredOSTheme":[64],"resetPreferredOSTheme":[64]},null,{"config":["watchConfig"]}]]],["p-bb1669f0",[[2,"swirl-time-input",{"autoFocus":[4,"auto-focus"],"autoSelect":[4,"auto-select"],"disabled":[4],"format":[1],"inline":[4],"invalid":[4],"placeholder":[1],"required":[4],"swirlAriaDescribedby":[1,"swirl-aria-describedby"],"value":[1537],"readonly":[4],"iconSize":[32]},null,{"format":["watchFormat"],"value":["watchValue"]}]]],["p-c91a6221",[[1,"swirl-tree-navigation",{"label":[1]}]]],["p-bd2901c9",[[2,"swirl-text-input",{"autoComplete":[1,"auto-complete"],"autoFocus":[4,"auto-focus"],"autoGrow":[4,"auto-grow"],"autoSelect":[4,"auto-select"],"characterCounterLabel":[1,"character-counter-label"],"clearable":[4],"clearButtonLabel":[1,"clear-button-label"],"disabled":[4],"disableDynamicWidth":[4,"disable-dynamic-width"],"fontSize":[1,"font-size"],"inline":[4],"invalid":[4],"maxLength":[2,"max-length"],"max":[2],"min":[2],"mode":[1],"inputName":[1,"input-name"],"passwordToggleLabel":[1,"password-toggle-label"],"placeholder":[1],"prefixLabel":[1,"prefix-label"],"required":[4],"rows":[2],"showCharacterCounter":[4,"show-character-counter"],"showCharacterCounterNearLimit":[4,"show-character-counter-near-limit"],"spellCheck":[4,"spell-check"],"suffixLabel":[1,"suffix-label"],"step":[2],"swirlAriaAutocomplete":[1,"swirl-aria-autocomplete"],"swirlAriaControls":[1,"swirl-aria-controls"],"swirlAriaDescribedby":[1,"swirl-aria-describedby"],"swirlAriaExpanded":[1,"swirl-aria-expanded"],"swirlRole":[1,"swirl-role"],"type":[1],"value":[1537],"readonly":[4],"iconSize":[32],"showPassword":[32],"blurInput":[64],"focusInput":[64]},null,{"value":["watchValue"]}]]],["p-63446ff8",[[1,"swirl-badge",{"icon":[1],"intent":[1],"label":[1],"size":[1],"variant":[1]}]]],["p-0dc198ab",[[1,"swirl-toast",{"accessibleDismissLabel":[1,"accessible-dismiss-label"],"content":[1],"dismissLabel":[1,"dismiss-label"],"duration":[2],"icon":[1],"intent":[1],"toastId":[1,"toast-id"]},null,{"duration":["watchDuration"]}]]],["p-709b5620",[[1,"swirl-icon-cloud-upload",{"color":[1],"size":[2]}]]],["p-ba7060f4",[[1,"swirl-icon-open-in-new",{"color":[1],"size":[2]}]]],["p-642d4bec",[[1,"swirl-icon-person",{"color":[1],"size":[2]}]]],["p-2c9ddb49",[[1,"swirl-skeleton-box",{"animated":[4],"aspectRatio":[1,"aspect-ratio"],"borderRadius":[1,"border-radius"],"height":[1],"width":[1]}]]],["p-7b72ee05",[[2,"swirl-tab-bar",{"disableTabSemantics":[4,"disable-tab-semantics"],"label":[1],"justify":[1],"paddingBlockEnd":[1,"padding-block-end"],"paddingBlockStart":[1,"padding-block-start"],"paddingInlineEnd":[1,"padding-inline-end"],"paddingInlineStart":[1,"padding-inline-start"],"tabs":[16],"variant":[1]}]]],["p-80dd097e",[[1,"swirl-date-picker",{"disableDate":[16,"disable-date"],"firstDayOfWeek":[1026,"first-day-of-week"],"fixedMaxWidth":[4,"fixed-max-width"],"labels":[16],"locale":[1],"range":[4],"startDate":[16,"start-date"],"value":[1040]}],[1,"swirl-icon-today",{"color":[1],"size":[2]}]]],["p-f19f91c6",[[1,"swirl-icon-arrow-downward",{"color":[1],"size":[2]}],[1,"swirl-icon-arrow-upward",{"color":[1],"size":[2]}]]],["p-b72faab3",[[1,"swirl-icon-check-circle",{"color":[1],"size":[2]}],[1,"swirl-icon-warning",{"color":[1],"size":[2]}]]],["p-81da9890",[[1,"swirl-icon-chevron-right",{"color":[1],"size":[2]}]]],["p-de117a06",[[1,"swirl-icon-help",{"color":[1],"size":[2]}]]],["p-d996e98b",[[1,"swirl-icon-search",{"color":[1],"size":[2]}]]],["p-3c3a87ff",[[2,"wc-datepicker",{"clearButtonContent":[1,"clear-button-content"],"disabled":[4],"disableDate":[16],"elementClassName":[1,"element-class-name"],"firstDayOfWeek":[2,"first-day-of-week"],"range":[4],"labels":[16],"locale":[1],"nextMonthButtonContent":[1,"next-month-button-content"],"nextYearButtonContent":[1,"next-year-button-content"],"previousMonthButtonContent":[1,"previous-month-button-content"],"previousYearButtonContent":[1,"previous-year-button-content"],"showClearButton":[4,"show-clear-button"],"showMonthStepper":[4,"show-month-stepper"],"showTodayButton":[4,"show-today-button"],"showYearStepper":[4,"show-year-stepper"],"startDate":[1,"start-date"],"todayButtonContent":[1,"today-button-content"],"value":[1040],"currentDate":[32],"hoveredDate":[32],"weekdays":[32]},null,{"firstDayOfWeek":["watchFirstDayOfWeek"],"locale":["watchLocale"],"range":["watchRange"],"startDate":["watchStartDate"],"value":["watchValue"]}]]],["p-d578a11e",[[1,"swirl-tag",{"hideLabel":[4,"hide-label"],"icon":[1],"iconPosition":[1,"icon-position"],"intent":[1],"label":[1],"removable":[4],"bordered":[4],"size":[1],"removalButtonLabel":[1,"removal-button-label"],"variant":[1025]}]]],["p-845088f0",[[1,"swirl-icon-info",{"color":[1],"size":[2]}]]],["p-fcb95c76",[[1,"swirl-progress-indicator",{"label":[1],"size":[1],"value":[2],"variant":[1]}]]],["p-9f9c4e6d",[[1,"swirl-button-group",{"orientation":[1],"segmented":[4],"spacing":[1],"stretch":[4],"wrap":[4]}]]],["p-1cebc74d",[[1,"swirl-thumbnail",{"alt":[1],"editButtonIcon":[1,"edit-button-icon"],"editButtonLabel":[1,"edit-button-label"],"format":[1],"interactive":[4],"progress":[2],"progressLabel":[1,"progress-label"],"removeButtonLabel":[1,"remove-button-label"],"showEditButton":[4,"show-edit-button"],"showRemoveButton":[4,"show-remove-button"],"size":[1],"src":[1],"timestamp":[1]}],[1,"swirl-icon-arrow-left",{"color":[1],"size":[2]}],[1,"swirl-icon-arrow-right",{"color":[1],"size":[2]}],[1,"swirl-icon-more-vertikal",{"color":[1],"size":[2]}]]],["p-aee98e7c",[[6,"swirl-resource-list-item",{"active":[4],"allowDrag":[4,"allow-drag"],"allowHtml":[4,"allow-html"],"checked":[1028],"compact":[4],"description":[1],"descriptionWrap":[4,"description-wrap"],"disabled":[4],"dragging":[4],"dragHandleDescription":[1,"drag-handle-description"],"dragHandleLabel":[1,"drag-handle-label"],"hideDivider":[4,"hide-divider"],"href":[1],"interactive":[4],"label":[1],"labelWeight":[1,"label-weight"],"labelWrap":[4,"label-wrap"],"labelMinHeight":[1,"label-min-height"],"labelTooltip":[1,"label-tooltip"],"labelTooltipPosition":[1,"label-tooltip-position"],"menuTriggerId":[1,"menu-trigger-id"],"menuTriggerLabel":[1,"menu-trigger-label"],"meta":[1],"selectable":[4],"swirlAriaLabel":[1,"swirl-aria-label"],"value":[1],"alignItems":[1,"align-items"],"hasMedia":[32],"iconSize":[32]}],[1,"swirl-empty-state",{"heading":[1],"headingLevel":[2,"heading-level"],"illustration":[1]}],[6,"swirl-resource-list",{"allowDrag":[4,"allow-drag"],"assistiveTextItemGrabbed":[1,"assistive-text-item-grabbed"],"assistiveTextItemMoving":[1,"assistive-text-item-moving"],"assistiveTextItemMoved":[1,"assistive-text-item-moved"],"controllingElement":[16,"controlling-element"],"label":[1],"padding":[1],"paddingBlockEnd":[1,"padding-block-end"],"paddingBlockStart":[1,"padding-block-start"],"paddingInlineEnd":[1,"padding-inline-end"],"paddingInlineStart":[1,"padding-inline-start"],"semantics":[1],"spacing":[1],"assistiveText":[32],"listId":[32]},null,{"allowDrag":["watchAllowDrag"]}],[1,"swirl-app-layout",{"appName":[1,"app-name"],"backToNavigationViewButtonLabel":[1,"back-to-navigation-view-button-label"],"collapsibleNavigation":[4,"collapsible-navigation"],"ctaIcon":[1,"cta-icon"],"ctaLabel":[1,"cta-label"],"hasNavigation":[1028,"has-navigation"],"hideAppBar":[4,"hide-app-bar"],"initialMobileView":[1,"initial-mobile-view"],"navigationBackButtonLabel":[1,"navigation-back-button-label"],"navigationExpansionStateStorageKey":[1,"navigation-expansion-state-storage-key"],"navigationToggleLabel":[1,"navigation-toggle-label"],"navigationOverlayLabel":[1,"navigation-overlay-label"],"navigationLabel":[1,"navigation-label"],"showNavigationBackButton":[4,"show-navigation-back-button"],"sidebarCloseButtonLabel":[1,"sidebar-close-button-label"],"sidebarHeading":[1,"sidebar-heading"],"transitionStyle":[1,"transition-style"],"contentScrollState":[32],"hasCustomAppBarBackButton":[32],"hasSidebar":[32],"isDesktop":[32],"mobileView":[32],"navScrollState":[32],"navExpansionState":[32],"sidebarActive":[32],"sidebarClosing":[32],"sidebarOpening":[32],"sidebarScrollState":[32],"transitioningFrom":[32],"transitioningTo":[32],"showSidebar":[64],"hideSidebar":[64],"toggleSidebar":[64],"getCollapsibleNavigationState":[64],"setCollapsibleNavigationState":[64],"changeMobileView":[64]},[[4,"click","onDocumentClick"],[0,"keydown","onKeyDown"]],{"mobileView":["watchMobileView"]}],[1,"swirl-icon-folder-shared",{"color":[1],"size":[2]}]]],["p-1016f391",[[1,"swirl-icon-arrow-back",{"color":[1],"size":[2]}],[1,"swirl-icon-arrow-forward",{"color":[1],"size":[2]}],[1,"swirl-icon-dock-left-collapse",{"color":[1],"size":[2]}],[1,"swirl-icon-dock-left-expand",{"color":[1],"size":[2]}],[1,"swirl-icon-double-arrow-left",{"color":[1],"size":[2]}]]],["p-711646f2",[[1,"swirl-action-list",{"isInsidePopover":[32]}],[1,"swirl-action-list-item",{"badge":[1],"disabled":[4],"description":[1],"icon":[1],"iconBadge":[1,"icon-badge"],"intent":[1],"label":[1],"size":[1],"swirlAriaExpanded":[1,"swirl-aria-expanded"],"swirlAriaHaspopup":[1,"swirl-aria-haspopup"],"suffix":[1]}]]],["p-2e800b3f",[[1,"swirl-box",{"borderColor":[1,"border-color"],"bordered":[4],"borderedBlockEnd":[4,"bordered-block-end"],"borderedBlockEndWhenScrolled":[4,"bordered-block-end-when-scrolled"],"borderedBlockStart":[4,"bordered-block-start"],"borderedBlockStartWhenScrolled":[4,"bordered-block-start-when-scrolled"],"borderedInlineEnd":[4,"bordered-inline-end"],"borderedInlineStart":[4,"bordered-inline-start"],"bottom":[1],"centerBlock":[4,"center-block"],"centerInline":[4,"center-inline"],"cover":[4],"height":[1],"left":[1],"maxHeight":[1,"max-height"],"minHeight":[1,"min-height"],"maxWidth":[1,"max-width"],"minWidth":[1,"min-width"],"overflow":[1],"padding":[1],"paddingBlockEnd":[1,"padding-block-end"],"paddingBlockStart":[1,"padding-block-start"],"paddingInlineEnd":[1,"padding-inline-end"],"paddingInlineStart":[1,"padding-inline-start"],"position":[1],"right":[1],"basis":[1],"shrink":[1],"grow":[1],"top":[1],"width":[1],"zIndex":[1,"z-index"],"scrollState":[32]}]]],["p-32a0c17e",[[1,"swirl-icon",{"color":[1],"glyph":[1],"size":[2]}]]],["p-fed92590",[[1,"swirl-icon-file",{"color":[1],"size":[2]}]]],["p-f8c6bad2",[[1,"swirl-icon-add",{"color":[1],"size":[2]}],[1,"swirl-icon-file-copy",{"color":[1],"size":[2]}],[1,"swirl-icon-fullscreen",{"color":[1],"size":[2]}],[1,"swirl-icon-fullscreen-exit",{"color":[1],"size":[2]}],[1,"swirl-icon-menu-book",{"color":[1],"size":[2]}],[1,"swirl-icon-remove",{"color":[1],"size":[2]}]]],["p-b965b884",[[1,"swirl-icon-attachment",{"color":[1],"size":[2]}],[1,"swirl-icon-audio-file",{"color":[1],"size":[2]}],[1,"swirl-icon-folder",{"color":[1],"size":[2]}],[1,"swirl-icon-image",{"color":[1],"size":[2]}],[1,"swirl-icon-picture-as-pdf",{"color":[1],"size":[2]}],[1,"swirl-icon-video-player",{"color":[1],"size":[2]}]]],["p-6e87ce2e",[[2,"swirl-heading",{"align":[1],"as":[1],"balance":[4],"headingId":[1,"heading-id"],"level":[2],"lines":[2],"text":[1],"truncate":[4]}]]],["p-da403ce0",[[1,"swirl-icon-expand-more",{"color":[1],"size":[2]}]]],["p-c7febb6b",[[1,"swirl-separator",{"borderColor":[1,"border-color"],"color":[1025],"label":[1],"orientation":[1],"semantics":[1],"spacing":[1]}]]],["p-52e00b59",[[6,"swirl-option-list",{"allowDeselect":[4,"allow-deselect"],"allowDrag":[4,"allow-drag"],"assistiveTextItemGrabbed":[1,"assistive-text-item-grabbed"],"assistiveTextItemMoving":[1,"assistive-text-item-moving"],"assistiveTextItemMoved":[1,"assistive-text-item-moved"],"disabled":[4],"label":[1],"optionListId":[1,"option-list-id"],"multiSelect":[4,"multi-select"],"showSelectAll":[4,"show-select-all"],"selectAllLabel":[1,"select-all-label"],"value":[1040],"assistiveText":[32],"selectAllState":[32]},null,{"allowDrag":["watchAllowDrag"],"disabled":["watchDisabled"],"multiSelect":["watchMultiSelect"],"value":["watchValue"]}],[6,"swirl-option-list-item",{"allowDrag":[4,"allow-drag"],"context":[1025],"description":[1],"disabled":[4],"dragging":[4],"dragHandleDescription":[1,"drag-handle-description"],"dragHandleLabel":[1,"drag-handle-label"],"icon":[1],"iconBadge":[1,"icon-badge"],"label":[1],"selected":[1028],"indeterminate":[4],"swirlAriaRole":[1,"swirl-aria-role"],"value":[1],"iconSize":[32],"focused":[32]}]]],["p-c6bcc010",[[1,"swirl-tooltip",{"active":[4],"content":[1],"delay":[2],"intent":[1],"maxWidth":[1,"max-width"],"position":[1],"positioning":[1],"trigger":[16],"actualPosition":[32],"arrowStyles":[32],"visible":[32],"show":[64],"hide":[64]},[[1,"mouseenter","onMouseEnter"],[1,"mouseleave","onMouseLeave"],[9,"resize","onWindowResize"],[9,"scroll","onWindowScroll"]],{"position":["watchPosition"]}]]],["p-928ef94d",[[1,"swirl-icon-close",{"color":[1],"size":[2]}]]],["p-d02bb6b2",[[1,"swirl-icon-visibility",{"color":[1],"size":[2]}],[1,"swirl-icon-visibility-off",{"color":[1],"size":[2]}],[1,"swirl-icon-cancel",{"color":[1],"size":[2]}],[1,"swirl-icon-expand-less",{"color":[1],"size":[2]}]]],["p-ff81d683",[[6,"swirl-text",{"align":[1],"as":[1],"balance":[4],"color":[1],"fontFamily":[1,"font-family"],"fontStyle":[1,"font-style"],"lines":[2],"responsive":[4],"size":[1],"truncate":[4],"truncateDirection":[1,"truncate-direction"],"weight":[1],"whiteSpace":[1,"white-space"]},[[9,"resize","onWindowResize"]]]]],["p-526ac001",[[1,"swirl-popover",{"animation":[1],"disableScrollLock":[4,"disable-scroll-lock"],"enableFlip":[4,"enable-flip"],"fullscreenBottomSheet":[4,"fullscreen-bottom-sheet"],"label":[1],"maxHeight":[1,"max-height"],"offset":[2],"padded":[4],"popoverId":[1,"popover-id"],"placement":[1],"returnFocusToTrigger":[4,"return-focus-to-trigger"],"transparent":[4],"trigger":[1],"triggerContainer":[16,"trigger-container"],"useContainerWidth":[8,"use-container-width"],"active":[32],"closing":[32],"position":[32],"close":[64],"open":[64],"isOpen":[64],"toggle":[64]},[[8,"focusin","onWindowFocusIn"],[8,"blur","onWindowBlur"],[8,"click","onWindowClick"]]],[6,"swirl-popover-trigger",{"hidePopoverWhenInvisible":[4,"hide-popover-when-invisible"],"parentScrollContainer":[16,"parent-scroll-container"],"setAriaAttributes":[4,"set-aria-attributes"],"swirlPopover":[1,"swirl-popover"],"triggerOnClick":[4,"trigger-on-click"],"triggerOnHover":[4,"trigger-on-hover"],"hoverLingerDuration":[2,"hover-linger-duration"],"hoverDelay":[2,"hover-delay"]},null,{"swirlPopover":["watchPopover"],"triggerOnHover":["watchHover"]}]]],["p-e76577fe",[[1,"swirl-icon-check-small",{"color":[1],"size":[2]}],[1,"swirl-icon-check-strong",{"color":[1],"size":[2]}],[1,"swirl-icon-drag-handle",{"color":[1],"size":[2]}]]],["p-a7fd2d97",[[6,"swirl-button",{"cursor":[1],"disabled":[4],"download":[1],"elevated":[4],"form":[1],"hideLabel":[4,"hide-label"],"href":[1],"icon":[1],"iconPosition":[1,"icon-position"],"intent":[1],"inheritFontSize":[4,"inherit-font-size"],"label":[1],"name":[1],"pill":[4],"pressed":[4],"size":[1],"swirlAriaControls":[1,"swirl-aria-controls"],"swirlAriaCurrent":[1,"swirl-aria-current"],"swirlAriaDescribedby":[1,"swirl-aria-describedby"],"swirlAriaExpanded":[1,"swirl-aria-expanded"],"swirlAriaHaspopup":[1,"swirl-aria-haspopup"],"swirlAriaLabel":[1,"swirl-aria-label"],"target":[1],"textAlign":[1,"text-align"],"type":[1],"value":[1],"variant":[1]}]]],["p-7ab99977",[[1,"swirl-stack",{"align":[1],"as":[1],"height":[1],"justify":[1],"orientation":[1],"columnSpacing":[1,"column-spacing"],"rowSpacing":[1,"row-spacing"],"spacing":[1],"swirlAriaRole":[1,"swirl-aria-role"],"wrap":[4]}]]],["p-fe8e5055",[[6,"swirl-visually-hidden"]]],["p-1f9f4465",[[1,"swirl-inline-error",{"message":[1],"size":[1]}],[1,"swirl-spinner",{"label":[1],"size":[8]}],[1,"swirl-icon-error",{"color":[1],"size":[2]}]]],["p-51294d1d",[[1,"swirl-file-viewer",{"active":[4],"autoplay":[4],"description":[1],"disableDownload":[4,"disable-download"],"disablePrint":[4,"disable-print"],"errorMessage":[1,"error-message"],"file":[1],"fileName":[1,"file-name"],"pdfWorkerSrc":[1,"pdf-worker-src"],"thumbnailUrl":[1,"thumbnail-url"],"type":[1],"typeUnsupportedMessage":[1,"type-unsupported-message"],"viewMode":[1,"view-mode"],"zoom":[8],"skipNativeDownload":[4,"skip-native-download"],"download":[64],"print":[64]}],[1,"swirl-file-viewer-csv",{"errorMessage":[1,"error-message"],"file":[1],"data":[32],"error":[32],"loading":[32]},null,{"file":["updateTable"]}],[1,"swirl-file-viewer-fallback",{"disableDownload":[4,"disable-download"],"downloadButtonLabel":[1,"download-button-label"],"fileName":[1,"file-name"],"file":[1]}],[1,"swirl-file-viewer-image",{"description":[1],"errorMessage":[1,"error-message"],"file":[1],"maxZoom":[2,"max-zoom"],"error":[32],"loading":[32],"getZoom":[64],"resetZoom":[64]},null,{"file":["watchFile"]}],[1,"swirl-file-viewer-pdf",{"errorMessage":[1,"error-message"],"file":[1],"singlePageMode":[4,"single-page-mode"],"viewMode":[1,"view-mode"],"workerSrc":[1,"worker-src"],"zoom":[8],"currentPage":[32],"doc":[32],"error":[32],"loading":[32],"renderedPages":[32],"singlePageModePage":[32],"visiblePages":[32],"getThumbnails":[64],"print":[64],"nextPage":[64],"previousPage":[64],"setPage":[64]},[[9,"resize","onWindowResize"]],{"file":["watchProps"],"viewMode":["watchViewMode"],"zoom":["watchZoom"]}],[1,"swirl-file-viewer-text",{"errorMessage":[1,"error-message"],"file":[1],"error":[32],"loading":[32],"text":[32]},null,{"file":["updateText"]}],[1,"swirl-file-viewer-audio",{"autoplay":[4],"file":[1]}],[1,"swirl-file-viewer-video",{"autoplay":[4],"disableDownload":[4,"disable-download"],"file":[1]},null,{"disableDownload":["watchDisableDownload"]}]]]]'),e))));
1
+ import{p as e,a as i,g as l,b as o}from"./p-PCxIgwX4.js";export{s as setNonce}from"./p-PCxIgwX4.js";var a=e=>{const i=e.cloneNode;e.cloneNode=function(e){if("TEMPLATE"===this.nodeName)return i.call(this,e);const l=i.call(this,!1),o=this.childNodes;if(e)for(let e=0;e<o.length;e++)2!==o[e].nodeType&&l.appendChild(o[e].cloneNode(!0));return l}};(()=>{a(i.prototype);const l=import.meta.url,o={};return""!==l&&(o.resourcesUrl=new URL(".",l).href),e(o)})().then((async e=>(await l(),o(JSON.parse('[["p-63551ec1",[[1,"file-manager",{"selectedDirectory":[32],"selectedFile":[32],"sortMenu":[32]}]]],["p-538a5c90",[[1,"swirl-pdf-reader",{"autoZoomLabel":[1,"auto-zoom-label"],"closeButtonLabel":[1,"close-button-label"],"downloadButtonEnabled":[4,"download-button-enabled"],"downloadButtonLabel":[1,"download-button-label"],"file":[1],"fileName":[1,"file-name"],"fileTypeLabel":[1,"file-type-label"],"label":[1],"menuLabel":[1,"menu-label"],"menuTriggerLabel":[1,"menu-trigger-label"],"pdfWorkerSrc":[1,"pdf-worker-src"],"printButtonEnabled":[4,"print-button-enabled"],"printButtonLabel":[1,"print-button-label"],"sideBySideButtonLabel":[1,"side-by-side-button-label"],"thumbnailButtonLabel":[1,"thumbnail-button-label"],"thumbnailsButtonLabel":[1,"thumbnails-button-label"],"thumbnailsLabel":[1,"thumbnails-label"],"zoomInButtonLabel":[1,"zoom-in-button-label"],"zoomOutButtonLabel":[1,"zoom-out-button-label"],"zoomSelectLabel":[1,"zoom-select-label"],"skipNativeDownload":[4,"skip-native-download"],"active":[32],"closing":[32],"downloading":[32],"loadingThumbnails":[32],"thumbnails":[32],"showThumbnails":[32],"viewMode":[32],"visiblePages":[32],"zoom":[32],"zoomSteps":[32],"open":[64],"close":[64]},[[9,"resize","onWindowResize"]],{"showThumbnails":["watchShowThumbnails"]}]]],["p-9d389078",[[2,"swirl-autocomplete",{"autoSelect":[4,"auto-select"],"clearable":[4],"clearButtonLabel":[1,"clear-button-label"],"disabled":[4],"generateSuggestions":[1040,"generate-suggestions"],"inline":[4],"invalid":[4],"maxLength":[2,"max-length"],"menuLabel":[1,"menu-label"],"mode":[1],"multiSelect":[4,"multi-select"],"placeholder":[1],"required":[4],"spellCheck":[4,"spell-check"],"swirlAriaDescribedby":[1,"swirl-aria-describedby"],"value":[1040],"active":[32],"loading":[32],"position":[32],"suggestions":[32]},[[8,"click","onWindowClick"]],{"multiSelect":["watchMultiSelect"]}]]],["p-b04ceae2",[[6,"swirl-select",{"allowDeselect":[4,"allow-deselect"],"disabled":[4],"emptyListLabel":[1,"empty-list-label"],"inline":[4],"invalid":[4],"label":[1],"multiSelect":[4,"multi-select"],"required":[4],"searchInputLabel":[1,"search-input-label"],"searchLoading":[4,"search-loading"],"searchPlaceholder":[1,"search-placeholder"],"selectId":[1,"select-id"],"standalone":[4],"swirlAriaDescribedby":[1,"swirl-aria-describedby"],"value":[1040],"withSearch":[4,"with-search"],"options":[32],"open":[32],"placement":[32]},[[8,"focusin","onWindowFocusIn"]],{"value":["onValueChange"]}]]],["p-56b25f30",[[1,"swirl-lightbox",{"closeButtonLabel":[1,"close-button-label"],"downloadButtonEnabled":[4,"download-button-enabled"],"downloadButtonLabel":[1,"download-button-label"],"hideMenu":[4,"hide-menu"],"label":[1],"menuLabel":[1,"menu-label"],"menuTriggerLabel":[1,"menu-trigger-label"],"nextSlideButtonLabel":[1,"next-slide-button-label"],"previousSlideButtonLabel":[1,"previous-slide-button-label"],"activeSlideIndex":[32],"closing":[32],"isOpen":[32],"slides":[32],"open":[64],"close":[64],"activateSlide":[64]},[[8,"keydown","onKeyDown"]],{"activeSlideIndex":["watchActiveSlideIndex"]}]]],["p-2b55aed1",[[1,"swirl-file-chip",{"url":[1],"name":[1],"type":[1],"description":[1],"loading":[4],"loadingLabel":[1,"loading-label"],"skipNativeDownload":[4,"skip-native-download"],"showDownloadButton":[4,"show-download-button"],"showPreviewButton":[4,"show-preview-button"],"downloadButtonLabel":[1,"download-button-label"],"previewButtonLabel":[1,"preview-button-label"],"isHovered":[32],"fileType":[32]},null,{"type":["watchType"]}]]],["p-68124bef",[[6,"swirl-shell-layout",{"brandedHeader":[4,"branded-header"],"browserBackButtonLabel":[1,"browser-back-button-label"],"browserForwardButtonLabel":[1,"browser-forward-button-label"],"collapseNavigationButtonLabel":[1,"collapse-navigation-button-label"],"enableSecondaryNavGridLayout":[4,"enable-secondary-nav-grid-layout"],"secondaryNavGridLayoutVariant":[1,"secondary-nav-grid-layout-variant"],"expandNavigationButtonLabel":[1,"expand-navigation-button-label"],"gridNavLayoutToggleLabel":[1,"grid-nav-layout-toggle-label"],"hideMobileNavigationButtonLabel":[1,"hide-mobile-navigation-button-label"],"listNavLayoutToggleLabel":[1,"list-nav-layout-toggle-label"],"navigationLabel":[1,"navigation-label"],"secondaryNavCollapseLabel":[1,"secondary-nav-collapse-label"],"secondaryNavExpandLabel":[1,"secondary-nav-expand-label"],"skipLinkLabel":[1,"skip-link-label"],"isDesktopViewport":[32],"mobileNavigationActive":[32],"navigationCollapsed":[32],"secondaryNavCollapsed":[32],"secondaryNavView":[32],"showMobileNavigation":[64],"hideMobileNavigation":[64]},[[8,"keydown","onWindowKeyDown"],[9,"resize","onWindowResize"]],{"enableSecondaryNavGridLayout":["watchEnableSecondaryNavGridLayout"],"mobileNavigationActive":["watchMobileNavigationState"],"navigationCollapsed":["watchNavigationCollapsed"]}]]],["p-7be30f81",[[1,"swirl-inline-notification",{"heading":[1],"hideHeading":[4,"hide-heading"],"importance":[1],"intent":[1]}]]],["p-94c2d083",[[2,"swirl-date-input",{"autoFocus":[4,"auto-focus"],"autoSelect":[4,"auto-select"],"datePickerDisableDate":[16,"date-picker-disable-date"],"datePickerLabel":[1,"date-picker-label"],"datePickerTriggerLabel":[1,"date-picker-trigger-label"],"disabled":[4],"firstDayOfWeek":[2,"first-day-of-week"],"format":[1],"inline":[4],"invalid":[4],"labels":[16],"locale":[1],"placeholder":[1],"preferredInputMode":[1,"preferred-input-mode"],"required":[4],"swirlAriaDescribedby":[1,"swirl-aria-describedby"],"value":[1537],"readonly":[4],"iconSize":[32],"isInPickOnlyMode":[32],"openPicker":[64]},null,{"format":["watchFormat"],"value":["watchValue"]}]]],["p-aaf79a32",[[6,"swirl-form-control",{"description":[1],"disabled":[4],"errorMessage":[1,"error-message"],"fontSize":[1,"font-size"],"hideLabel":[4,"hide-label"],"icon":[1],"inline":[4],"invalid":[4],"label":[1],"labelPosition":[1,"label-position"],"tooltip":[1],"secondaryLabel":[1,"secondary-label"],"readonly":[4],"hasFocus":[32],"inputValue":[32]},[[8,"click","onWindowClick"]],{"description":["watchDescription"],"errorMessage":["watchErrorMessage"],"disabled":["setInputElementDisabledState"],"readonly":["setInputElementReadonlyState"],"inline":["setInputElementInlineState"],"invalid":["setInputElementInvalidState"],"label":["setInputElementLabel"]}]]],["p-077ba3e1",[[1,"swirl-menu-item",{"description":[1],"disabled":[4],"expanded":[4],"icon":[1],"iconBadge":[1,"icon-badge"],"intent":[1],"label":[1],"suffix":[1],"value":[1],"hasAvatar":[32],"parentMenu":[32],"subMenu":[32],"getSubMenu":[64],"updateValue":[64],"getParentMenu":[64]},null,{"expanded":["watchExpanded"]}]]],["p-66d00797",[[1,"swirl-pagination",{"firstPageButtonLabel":[1,"first-page-button-label"],"lastPageButtonLabel":[1,"last-page-button-label"],"label":[1],"nextButtonLabel":[1,"next-button-label"],"page":[2],"pageLabel":[1,"page-label"],"pages":[2],"pageSelectLabel":[1,"page-select-label"],"pageSize":[2,"page-size"],"pageSizeOptions":[16,"page-size-options"],"pageSizeSelectLabel":[1,"page-size-select-label"],"prevButtonLabel":[1,"prev-button-label"],"showPageSizeSelect":[4,"show-page-size-select"],"variant":[1]}]]],["p-6b01f2e9",[[2,"swirl-resource-list-file-item",{"description":[1],"errorMessage":[1,"error-message"],"icon":[1],"label":[1],"loading":[4],"removable":[4],"removeButtonLabel":[1,"remove-button-label"]}]]],["p-b832b686",[[1,"swirl-shell-navigation-item",{"active":[4],"badgeLabel":[1,"badge-label"],"boxed":[4],"description":[1],"filled":[4],"hideLabel":[4,"hide-label"],"href":[1],"inlineLabel":[4,"inline-label"],"inlineLabelColor":[1,"inline-label-color"],"label":[1],"markAsNew":[4,"mark-as-new"],"markAsNewLabel":[1,"mark-as-new-label"],"useCustomIconSize":[4,"use-custom-icon-size"],"target":[1],"variant":[1],"withGradient":[4,"with-gradient"]}]]],["p-4ec255ce",[[1,"swirl-image-grid-item",{"alt":[1],"gifPauseLabel":[1,"gif-pause-label"],"gifPlayLabel":[1,"gif-play-label"],"icon":[1],"interactive":[4],"loading":[1],"overlay":[1],"showGifControls":[4,"show-gif-controls"],"src":[1],"error":[32],"loaded":[32],"inViewport":[32],"gifPaused":[32],"computedSrc":[32],"play":[64],"pause":[64]},null,{"src":["watchSrcProp"]}]]],["p-4f09a3bf",[[4,"swirl-modal",{"closable":[4],"closeButtonLabel":[1,"close-button-label"],"fullscreenEnableButtonLabel":[1,"fullscreen-enable-button-label"],"fullscreenDisableButtonLabel":[1,"fullscreen-disable-button-label"],"height":[1],"hideCloseButton":[4,"hide-close-button"],"hideLabel":[4,"hide-label"],"label":[1],"maxHeight":[1,"max-height"],"minHeight":[1,"min-height"],"maxWidth":[1,"max-width"],"padded":[4],"primaryActionLabel":[1,"primary-action-label"],"secondaryActionLabel":[1,"secondary-action-label"],"variant":[1],"contentGap":[1,"content-gap"],"hideSecondaryContent":[4,"hide-secondary-content"],"primaryContentMaxWidth":[1,"primary-content-max-width"],"secondaryContentMaxWidth":[1,"secondary-content-max-width"],"primaryContentFlex":[1,"primary-content-flex"],"secondaryContentFlex":[1,"secondary-content-flex"],"hideSecondaryContentBorders":[4,"hide-secondary-content-borders"],"secondaryContentPadding":[1,"secondary-content-padding"],"secondaryContentPaddingBlockEnd":[1,"secondary-content-padding-block-end"],"secondaryContentPaddingBlockStart":[1,"secondary-content-padding-block-start"],"secondaryContentPaddingInlineEnd":[1,"secondary-content-padding-inline-end"],"secondaryContentPaddingInlineStart":[1,"secondary-content-padding-inline-start"],"showFullscreenButton":[4,"show-fullscreen-button"],"sidebarLabel":[1,"sidebar-label"],"sidebarPadded":[4,"sidebar-padded"],"sidebarFooterPadded":[4,"sidebar-footer-padded"],"hideSidebarContent":[1028,"hide-sidebar-content"],"hasSidebarCloseButton":[4,"has-sidebar-close-button"],"sidebarCloseButtonLabel":[1,"sidebar-close-button-label"],"hideScrolledHeaderBorder":[4,"hide-scrolled-header-border"],"isOpen":[32],"isFullscreen":[32],"isFullscreenTransitioning":[32],"closing":[32],"hasCustomHeader":[32],"hasCustomFooter":[32],"hasHeaderTools":[32],"hasSecondaryContent":[32],"scrollable":[32],"scrolled":[32],"scrolledDown":[32],"hasSidebarContent":[32],"hasSidebarFooter":[32],"sidebarScrolled":[32],"sidebarScrolledDown":[32],"sidebarScrollable":[32],"open":[64],"close":[64],"setFullscreen":[64]},[[9,"resize","onWindowResize"]]]]],["p-e56bd878",[[4,"swirl-tree-view-item",{"active":[4],"disableDrag":[4,"disable-drag"],"expandable":[4],"href":[1],"icon":[1],"iconColor":[1,"icon-color"],"itemId":[1,"item-id"],"label":[1],"canDrop":[32],"cannotKeyboardDropInCurrentPosition":[32],"dragDropItemSelector":[32],"enableDragDrop":[32],"expanded":[32],"level":[32],"movingViaKeyboard":[32],"selected":[32],"expand":[64],"collapse":[64],"select":[64],"unselect":[64]}]]],["p-2d1f3696",[[2,"swirl-color-input",{"autoFocus":[4,"auto-focus"],"autoSelect":[4,"auto-select"],"disabled":[4],"swirlAriaDescribedby":[1,"swirl-aria-describedby"],"inline":[4],"invalid":[4],"pickerButtonLabel":[1,"picker-button-label"],"pickerLabel":[1,"picker-label"],"placeholder":[1],"required":[4],"value":[1537],"readonly":[4]},null,{"value":["watchValue"]}]]],["p-049ab4f0",[[1,"swirl-console-layout",{"appName":[1,"app-name"],"backButonLabel":[1,"back-buton-label"],"heading":[1],"helpButonLabel":[1,"help-buton-label"],"hideNavigationButtonLabel":[1,"hide-navigation-button-label"],"logoText":[1,"logo-text"],"navigationLabel":[1,"navigation-label"],"maxContentWidth":[1,"max-content-width"],"showBackButton":[4,"show-back-button"],"showHelpButton":[4,"show-help-button"],"showNavigationButtonLabel":[1,"show-navigation-button-label"],"subheading":[1],"sidebarActive":[32],"contentScrollState":[32],"hasCustomAppBar":[32],"hasFooter":[32],"toggleSidebar":[64],"showSidebar":[64],"hideSidebar":[64]},[[9,"resize","onWindowResize"]]]]],["p-5132a5d3",[[2,"swirl-file-uploader",{"accept":[1],"ctaLabel":[1,"cta-label"],"description":[1],"descriptionAllowHtml":[4,"description-allow-html"],"disabled":[4],"dragDropLabel":[1,"drag-drop-label"],"hideLabel":[4,"hide-label"],"inputId":[1,"input-id"],"inputName":[1,"input-name"],"label":[1],"multiple":[4],"showDropzone":[4,"show-dropzone"],"uploadButtonIcon":[1,"upload-button-icon"],"uploadButtonLabel":[1,"upload-button-label"],"uploadButtonVariant":[1,"upload-button-variant"],"reset":[64]}]]],["p-b7788566",[[2,"swirl-radio",{"checked":[1032],"description":[1],"disabled":[4],"inputId":[1,"input-id"],"inputName":[1,"input-name"],"invalid":[4],"label":[1],"tooltip":[1],"value":[1],"variant":[1]}]]],["p-88debf29",[[1,"swirl-table-row-group",{"label":[1],"tooltip":[1],"collapsible":[4],"collapseButtonLabel":[1,"collapse-button-label"],"isVisible":[32]}]]],["p-dcd2790d",[[1,"swirl-toast-provider",{"globalDuration":[2,"global-duration"],"toasts":[32],"clearAll":[64],"dismiss":[64],"toast":[64]}]]],["p-3b3a7f86",[[1,"swirl-tree-navigation-item",{"active":[4],"href":[1],"icon":[1],"label":[1],"target":[1],"navigationItemId":[1,"navigation-item-id"],"level":[2],"expandable":[4],"external":[4],"expanded":[32],"hasChildren":[32],"childrenHeight":[32],"expand":[64],"collapse":[64]},null,{"expanded":["handleExpandedChange"]}]]],["p-315fb092",[[1,"swirl-accordion-item",{"description":[1],"disabled":[4],"heading":[1],"headingLevel":[2,"heading-level"],"initiallyOpen":[4,"initially-open"],"itemId":[1,"item-id"],"expanded":[32],"collapse":[64],"expand":[64],"toggle":[64]}]]],["p-6890ea2e",[[1,"swirl-action-list-section",{"label":[1],"separatorSpacing":[1,"separator-spacing"],"spacing":[1],"hasSeparator":[4,"has-separator"]}]]],["p-1c4c9910",[[2,"swirl-checkbox",{"checked":[1032],"description":[1],"disabled":[4],"swirlAriaDescribedby":[1,"swirl-aria-describedby"],"swirlAriaLabel":[1,"swirl-aria-label"],"inputId":[1,"input-id"],"inputName":[1,"input-name"],"invalid":[4],"label":[1],"labelWeight":[1,"label-weight"],"value":[1],"variant":[1]}]]],["p-f693aadf",[[6,"swirl-chip",{"borderRadius":[1,"border-radius"],"icon":[1],"iconColor":[1,"icon-color"],"intent":[1],"interactive":[4],"label":[1],"progress":[2],"pressed":[4],"progressBarLabel":[1,"progress-bar-label"],"removable":[4],"removeButtonLabel":[1,"remove-button-label"],"size":[1],"variant":[1]}]]],["p-7279812f",[[1,"swirl-description-list-item",{"bordered":[4],"maxWidth":[1,"max-width"],"term":[1],"tooltip":[1]}]]],["p-e6a3560a",[[1,"swirl-menu",{"active":[1028],"label":[1],"level":[1026],"mobileBackButtonLabel":[1,"mobile-back-button-label"],"mobileCloseMenuButtonLabel":[1,"mobile-close-menu-button-label"],"mobileDoneButtonLabel":[1,"mobile-done-button-label"],"value":[1],"variant":[1],"activeLevel":[32],"mobile":[32],"position":[32],"activateMenuItem":[64],"close":[64],"goBack":[64],"focusFirstItem":[64],"focusItemAtIndex":[64],"updateSelection":[64],"updateActiveItem":[64]},null,{"active":["watchActive"],"value":["watchValue"]}]]],["p-13627a62",[[4,"swirl-modal-shell",{"label":[1],"closeButtonLabel":[1,"close-button-label"],"isClosing":[32],"close":[64]}]]],["p-a99c1a53",[[1,"swirl-option-list-section",{"label":[1],"separatorSpacing":[1,"separator-spacing"],"spacing":[1],"hasSeparator":[4,"has-separator"]}]]],["p-a0d168ea",[[1,"swirl-resource-list-section",{"label":[1],"separatorSpacing":[1,"separator-spacing"],"spacing":[1],"hasSeparator":[4,"has-separator"]}]]],["p-f0209c04",[[2,"swirl-search",{"autoFocus":[4,"auto-focus"],"clearButtonLabel":[1,"clear-button-label"],"disabled":[4],"inputName":[1,"input-name"],"inputId":[1,"input-id"],"label":[1],"placeholder":[1],"value":[1025],"variant":[1],"clearable":[4]},[[8,"keydown","onKeyDown"]]]]],["p-b1955884",[[2,"swirl-switch",{"checked":[1028],"description":[1],"disabled":[4],"hideDescription":[4,"hide-description"],"hideLabel":[4,"hide-label"],"inputId":[1,"input-id"],"inputName":[1,"input-name"],"label":[1],"labelPosition":[1,"label-position"],"value":[1],"swirlAriaLabel":[1,"swirl-aria-label"],"toggle":[64]}]]],["p-d3b89785",[[6,"swirl-table",{"caption":[1],"dragDropHandle":[1,"drag-drop-handle"],"dragDropInstructions":[16,"drag-drop-instructions"],"emptyStateLabel":[1,"empty-state-label"],"enableDragDrop":[4,"enable-drag-drop"],"label":[1],"loading":[4],"empty":[32],"liveRegionText":[32],"scrollable":[32],"scrolled":[32],"scrolledToEnd":[32],"rerender":[64]},[[9,"resize","onWindowResize"]],{"enableDragDrop":["handleEnableDragDropChange"]}]]],["p-5daa992c",[[1,"swirl-table-column",{"sort":[1],"sortable":[4],"maxWidth":[1,"max-width"],"minWidth":[1,"min-width"],"sticky":[4],"width":[1]}]]],["p-11225345",[[1,"swirl-app-bar",{"backButtonLabel":[1,"back-button-label"],"closeButtonIcon":[1,"close-button-icon"],"closeButtonLabel":[1,"close-button-label"],"paddingInlineEnd":[1,"padding-inline-end"],"paddingInlineStart":[1,"padding-inline-start"],"stepUpButtonLabel":[1,"step-up-button-label"],"stepDownButtonLabel":[1,"step-down-button-label"],"showBackButton":[4,"show-back-button"],"showCloseButton":[4,"show-close-button"],"showHeading":[4,"show-heading"],"showStepperControls":[4,"show-stepper-controls"],"hasCta":[32]}]]],["p-04128039",[[1,"swirl-avatar",{"badge":[1],"badgePosition":[1,"badge-position"],"color":[1],"icon":[1],"initials":[1],"interactive":[4],"label":[1],"loading":[1],"showLabel":[4,"show-label"],"size":[1],"src":[1],"toolPosition":[1,"tool-position"],"variant":[1],"loadingError":[32],"loaded":[32],"imageAvailable":[32],"inViewport":[32]},null,{"src":["watchSrcProp"]}]]],["p-3f645bbe",[[1,"swirl-banner",{"actionLabel":[1,"action-label"],"content":[1],"dismissable":[4],"dismissLabel":[1,"dismiss-label"],"importance":[1],"intent":[1],"showIcon":[4,"show-icon"],"icon":[1],"size":[1]}]]],["p-59faa9dc",[[1,"swirl-carousel",{"label":[1],"nextSlideButtonLabel":[1,"next-slide-button-label"],"previousSlideButtonLabel":[1,"previous-slide-button-label"],"fade":[4],"fadeColor":[1,"fade-color"],"loopAround":[4,"loop-around"],"padding":[1],"paddingBlockEnd":[1,"padding-block-end"],"paddingBlockStart":[1,"padding-block-start"],"paddingInlineEnd":[1,"padding-inline-end"],"paddingInlineStart":[1,"padding-inline-start"],"spacing":[1],"isAtEnd":[32],"isAtStart":[32],"isScrollable":[32],"scrollToSlide":[64]},[[9,"resize","onWindowResize"]]]]],["p-89e8556f",[[1,"swirl-dialog",{"hideLabel":[4,"hide-label"],"intent":[1],"label":[1],"primaryActionLabel":[1,"primary-action-label"],"secondaryActionLabel":[1,"secondary-action-label"],"closing":[32],"open":[64],"close":[64]}]]],["p-dc0569fa",[[6,"swirl-tabs",{"initialTab":[1,"initial-tab"],"label":[1],"justifyTabBar":[1,"justify-tab-bar"],"tabBarPaddingBlockEnd":[1,"tab-bar-padding-block-end"],"tabBarPaddingBlockStart":[1,"tab-bar-padding-block-start"],"tabBarPaddingInlineEnd":[1,"tab-bar-padding-inline-end"],"tabBarPaddingInlineStart":[1,"tab-bar-padding-inline-start"],"tabBarVariant":[1,"tab-bar-variant"],"activeTab":[32],"tabBarTabs":[32],"activateTab":[64]}]]],["p-d3b325fd",[[1,"swirl-toggle-button",{"identifier":[1],"label":[1],"icon":[1],"isPressed":[1028,"is-pressed"]}]]],["p-cd565754",[[1,"swirl-toggle-group",{"elevated":[4],"variant":[1],"swirlAriaLabel":[1,"swirl-aria-label"],"selectedToggleId":[1025,"selected-toggle-id"]},[[0,"click","onClick"]],{"selectedToggleId":["watchSelectedToggleId"]}]]],["p-fb8b8e19",[[1,"swirl-toolbar",{"label":[1],"orientation":[1]}]]],["p-281c3f1a",[[4,"swirl-tree-view",{"canDrop":[16,"can-drop"],"dragDropInstructions":[16,"drag-drop-instructions"],"dragDropItemSelector":[1,"drag-drop-item-selector"],"enableDragDrop":[4,"enable-drag-drop"],"initiallyExpandedItemIds":[16,"initially-expanded-item-ids"],"label":[1],"semantics":[1],"liveRegionText":[32],"expandItems":[64]},[[0,"dropTreeViewItem","onItemDrop"],[0,"keydown","onKeyDown"],[0,"itemSelected","onItemSelected"],[0,"expandedChange","onExpandedChange"],[0,"endKeyboardMove","onEndKeyboardMove"],[0,"startKeyboardMove","onStartKeyboardMove"],[0,"keyboardMove","onKeyboardMove"]],{"enableDragDrop":["handleEnableDragDropChange"]}]]],["p-f6bc22a3",[[1,"swirl-video-thumbnail",{"durationLabel":[1,"duration-label"],"duration":[1],"label":[1],"src":[1]}]]],["p-7065b5ea",[[1,"swirl-accordion",{"collapseItem":[64],"expandItem":[64]}]]],["p-32f9dda0",[[1,"swirl-app-icon",{"icon":[1],"src":[1],"imageAvailable":[32]}]]],["p-ca6728d2",[[1,"swirl-avatar-group",{"badge":[1],"label":[1],"layout":[1],"semantics":[1],"avatars":[32]}]]],["p-bd131ffa",[[1,"swirl-card",{"as":[1],"borderRadius":[1,"border-radius"],"customBackgroundColor":[1,"custom-background-color"],"elevated":[4],"elevationLevel":[2,"elevation-level"],"height":[1],"highlighted":[4],"href":[1],"imageAspectRatio":[1,"image-aspect-ratio"],"intent":[1],"isBorderless":[4,"is-borderless"],"interactive":[4],"justifyContent":[1,"justify-content"],"linkTarget":[1,"link-target"],"minHeight":[1,"min-height"],"overflow":[1],"padding":[1],"paddingBlockEnd":[1,"padding-block-end"],"paddingBlockStart":[1,"padding-block-start"],"paddingInlineEnd":[1,"padding-inline-end"],"paddingInlineStart":[1,"padding-inline-start"],"swirlAriaLabel":[1,"swirl-aria-label"],"swirlAriaLabelledby":[1,"swirl-aria-labelledby"],"flashing":[32],"flash":[64]}]]],["p-8ba46416",[[1,"swirl-carousel-slide",{"aspectRatio":[1,"aspect-ratio"],"label":[1],"minHeight":[1,"min-height"],"width":[1]}]]],["p-03f85d17",[[1,"swirl-columns",{"columns":[1],"spacing":[1]}]]],["p-6a5660e0",[[1,"swirl-description-list"]]],["p-9e6c14a5",[[1,"swirl-emoji",{"label":[1],"name":[1],"size":[2]}]]],["p-55b0e9f4",[[1,"swirl-emoji-clap",{"label":[1],"size":[2]}]]],["p-1485855e",[[1,"swirl-emoji-happy",{"label":[1],"size":[2]}]]],["p-87efea07",[[1,"swirl-emoji-idea",{"label":[1],"size":[2]}]]],["p-f4d4e29b",[[1,"swirl-emoji-love",{"label":[1],"size":[2]}]]],["p-27e7f329",[[1,"swirl-emoji-sad",{"label":[1],"size":[2]}]]],["p-3cd4d78c",[[1,"swirl-emoji-thumbs-up",{"label":[1],"size":[2]}]]],["p-f521ea70",[[6,"swirl-form-group",{"orientation":[1]}]]],["p-b4a1d667",[[1,"swirl-icon-add-moderator",{"color":[1],"size":[2]}]]],["p-ec71ce51",[[1,"swirl-icon-add-photo",{"color":[1],"size":[2]}]]],["p-7cd9efd8",[[1,"swirl-icon-add-reaction",{"color":[1],"size":[2]}]]],["p-3e7c946d",[[1,"swirl-icon-admin-panel-settings",{"color":[1],"size":[2]}]]],["p-2f0c0d0f",[[1,"swirl-icon-ai",{"color":[1],"size":[2]}]]],["p-e9f86aae",[[1,"swirl-icon-ai-filled",{"color":[1],"size":[2]}]]],["p-ed66e4e8",[[1,"swirl-icon-apps",{"color":[1],"size":[2]}]]],["p-734c1230",[[1,"swirl-icon-arrow-right-small",{"color":[1],"size":[2]}]]],["p-45f28015",[[1,"swirl-icon-aspect-ratio",{"color":[1],"size":[2]}]]],["p-4299f433",[[1,"swirl-icon-autorenew",{"color":[1],"size":[2]}]]],["p-23bd08c6",[[1,"swirl-icon-bar-chart",{"color":[1],"size":[2]}]]],["p-0963f7e6",[[1,"swirl-icon-beach-access",{"color":[1],"size":[2]}]]],["p-331e6ed8",[[1,"swirl-icon-beach-access-filled",{"color":[1],"size":[2]}]]],["p-b7d44ff9",[[1,"swirl-icon-block",{"color":[1],"size":[2]}]]],["p-f3227d4f",[[1,"swirl-icon-bookmark",{"color":[1],"size":[2]}]]],["p-684c3db9",[[1,"swirl-icon-bookmark-filled",{"color":[1],"size":[2]}]]],["p-52857485",[[1,"swirl-icon-calendar-add-on-filled",{"color":[1],"size":[2]}]]],["p-3fcf0d5a",[[1,"swirl-icon-calendar-respond",{"color":[1],"size":[2]}]]],["p-da1f6d3d",[[1,"swirl-icon-calendar-today",{"color":[1],"size":[2]}]]],["p-9ca53fe0",[[1,"swirl-icon-call",{"color":[1],"size":[2]}]]],["p-bacbe7a6",[[1,"swirl-icon-call-end",{"color":[1],"size":[2]}]]],["p-6f336874",[[1,"swirl-icon-cancel-filled",{"color":[1],"size":[2]}]]],["p-d29ac8dc",[[1,"swirl-icon-cancel-outline",{"color":[1],"size":[2]}]]],["p-089f413b",[[1,"swirl-icon-chat-bubble",{"color":[1],"size":[2]}]]],["p-5d5a5fd4",[[1,"swirl-icon-chats",{"color":[1],"size":[2]}]]],["p-100a6b2c",[[1,"swirl-icon-chats-filled",{"color":[1],"size":[2]}]]],["p-ff1b71b0",[[1,"swirl-icon-check",{"color":[1],"size":[2]}]]],["p-2e20b67c",[[1,"swirl-icon-check-circle-filled",{"color":[1],"size":[2]}]]],["p-46db6f52",[[1,"swirl-icon-chevron-left",{"color":[1],"size":[2]}]]],["p-4d1b06f2",[[1,"swirl-icon-close-fullscreen",{"color":[1],"size":[2]}]]],["p-ec226cc1",[[1,"swirl-icon-close-small",{"color":[1],"size":[2]}]]],["p-60fadd46",[[1,"swirl-icon-column",{"color":[1],"size":[2]}]]],["p-a69d2f57",[[1,"swirl-icon-comment",{"color":[1],"size":[2]}]]],["p-c10ed1e4",[[1,"swirl-icon-contrast",{"color":[1],"size":[2]}]]],["p-6261c2bb",[[1,"swirl-icon-copy",{"color":[1],"size":[2]}]]],["p-297118a1",[[1,"swirl-icon-crop",{"color":[1],"size":[2]}]]],["p-542ddd3a",[[1,"swirl-icon-dark-mode",{"color":[1],"size":[2]}]]],["p-35749705",[[1,"swirl-icon-date-range",{"color":[1],"size":[2]}]]],["p-89502f26",[[1,"swirl-icon-delete",{"color":[1],"size":[2]}]]],["p-864d290d",[[1,"swirl-icon-deployed-code",{"color":[1],"size":[2]}]]],["p-050c850b",[[1,"swirl-icon-description",{"color":[1],"size":[2]}]]],["p-ca9101b3",[[1,"swirl-icon-desktop",{"color":[1],"size":[2]}]]],["p-625db3b0",[[1,"swirl-icon-directory",{"color":[1],"size":[2]}]]],["p-35f3befe",[[1,"swirl-icon-directory-filled",{"color":[1],"size":[2]}]]],["p-8d4101ef",[[1,"swirl-icon-discover",{"color":[1],"size":[2]}]]],["p-ea335c22",[[1,"swirl-icon-dock-left",{"color":[1],"size":[2]}]]],["p-325188c6",[[1,"swirl-icon-door-open",{"color":[1],"size":[2]}]]],["p-d50fc141",[[1,"swirl-icon-dot",{"color":[1],"size":[2]}]]],["p-33bbda7e",[[1,"swirl-icon-double-arrow-right",{"color":[1],"size":[2]}]]],["p-b05fe4fd",[[1,"swirl-icon-download",{"color":[1],"size":[2]}]]],["p-cf95286a",[[1,"swirl-icon-edit",{"color":[1],"size":[2]}]]],["p-8e765a5a",[[1,"swirl-icon-edit-note",{"color":[1],"size":[2]}]]],["p-3cb648a7",[[1,"swirl-icon-emoji-mood",{"color":[1],"size":[2]}]]],["p-92b59a69",[[1,"swirl-icon-emoji-satisfied",{"color":[1],"size":[2]}]]],["p-14123a26",[[1,"swirl-icon-emoji-symbols",{"color":[1],"size":[2]}]]],["p-e9d10f9d",[[1,"swirl-icon-experiment",{"color":[1],"size":[2]}]]],["p-2ba4670f",[[1,"swirl-icon-filter",{"color":[1],"size":[2]}]]],["p-a0ee29e4",[[1,"swirl-icon-format-h-one",{"color":[1],"size":[2]}]]],["p-d54a45c1",[[1,"swirl-icon-format-list-bulleted",{"color":[1],"size":[2]}]]],["p-0e195576",[[1,"swirl-icon-gif",{"color":[1],"size":[2]}]]],["p-26f6fc51",[[1,"swirl-icon-group-add",{"color":[1],"size":[2]}]]],["p-d8e4bc9e",[[1,"swirl-icon-group-assign",{"color":[1],"size":[2]}]]],["p-f2f85e8f",[[1,"swirl-icon-groups",{"color":[1],"size":[2]}]]],["p-37cb08e7",[[1,"swirl-icon-groups-filled",{"color":[1],"size":[2]}]]],["p-75b13715",[[1,"swirl-icon-hamburger-menu",{"color":[1],"size":[2]}]]],["p-9e0f4063",[[1,"swirl-icon-health-and-safety",{"color":[1],"size":[2]}]]],["p-7c070897",[[1,"swirl-icon-help-filled",{"color":[1],"size":[2]}]]],["p-1564a63e",[[1,"swirl-icon-highlight",{"color":[1],"size":[2]}]]],["p-8b6a1401",[[1,"swirl-icon-history",{"color":[1],"size":[2]}]]],["p-3ea61e2f",[[1,"swirl-icon-home",{"color":[1],"size":[2]}]]],["p-c3c96a91",[[1,"swirl-icon-home-filled",{"color":[1],"size":[2]}]]],["p-e4ab510b",[[1,"swirl-icon-hr-resting",{"color":[1],"size":[2]}]]],["p-0974a89b",[[1,"swirl-icon-improve-text",{"color":[1],"size":[2]}]]],["p-3fa07979",[[1,"swirl-icon-insert-below",{"color":[1],"size":[2]}]]],["p-f86f7119",[[1,"swirl-icon-insert-chart",{"color":[1],"size":[2]}]]],["p-cdb636aa",[[1,"swirl-icon-insert-on-top",{"color":[1],"size":[2]}]]],["p-0ba94a99",[[1,"swirl-icon-inventory",{"color":[1],"size":[2]}]]],["p-bd29bd58",[[1,"swirl-icon-inventory-off",{"color":[1],"size":[2]}]]],["p-88a837e1",[[1,"swirl-icon-iphone",{"color":[1],"size":[2]}]]],["p-ada55d60",[[1,"swirl-icon-key",{"color":[1],"size":[2]}]]],["p-320c7160",[[1,"swirl-icon-keyboard",{"color":[1],"size":[2]}]]],["p-bd6bc3b8",[[1,"swirl-icon-keyboard-hide",{"color":[1],"size":[2]}]]],["p-4e9cd349",[[1,"swirl-icon-light-mode",{"color":[1],"size":[2]}]]],["p-2c5ede9e",[[1,"swirl-icon-like",{"color":[1],"size":[2]}]]],["p-b5a92b36",[[1,"swirl-icon-link",{"color":[1],"size":[2]}]]],["p-9c6a6a38",[[1,"swirl-icon-live",{"color":[1],"size":[2]}]]],["p-d9b38516",[[1,"swirl-icon-load",{"color":[1],"size":[2]}]]],["p-4adda6cf",[[1,"swirl-icon-location-on",{"color":[1],"size":[2]}]]],["p-52249fc4",[[1,"swirl-icon-lock",{"color":[1],"size":[2]}]]],["p-f54fa96b",[[1,"swirl-icon-lock-open",{"color":[1],"size":[2]}]]],["p-ea1a8dbb",[[1,"swirl-icon-lock-person",{"color":[1],"size":[2]}]]],["p-6ab7ee6d",[[1,"swirl-icon-login",{"color":[1],"size":[2]}]]],["p-045b843f",[[1,"swirl-icon-logout",{"color":[1],"size":[2]}]]],["p-392eeb2c",[[1,"swirl-icon-long-text",{"color":[1],"size":[2]}]]],["p-62c0028b",[[1,"swirl-icon-mail",{"color":[1],"size":[2]}]]],["p-856eace0",[[1,"swirl-icon-manage-accounts",{"color":[1],"size":[2]}]]],["p-7b89ed38",[[1,"swirl-icon-mark-chat-read",{"color":[1],"size":[2]}]]],["p-f5a02fae",[[1,"swirl-icon-mark-chat-unread",{"color":[1],"size":[2]}]]],["p-9cec681d",[[1,"swirl-icon-mention",{"color":[1],"size":[2]}]]],["p-eb09da6b",[[1,"swirl-icon-menu",{"color":[1],"size":[2]}]]],["p-e4d31c37",[[1,"swirl-icon-menu-book-filled",{"color":[1],"size":[2]}]]],["p-3d6e0e27",[[1,"swirl-icon-menu-filled",{"color":[1],"size":[2]}]]],["p-b3240b1e",[[1,"swirl-icon-message",{"color":[1],"size":[2]}]]],["p-8abc5f30",[[1,"swirl-icon-mic",{"color":[1],"size":[2]}]]],["p-38662de7",[[1,"swirl-icon-mic-off",{"color":[1],"size":[2]}]]],["p-b356a7ba",[[1,"swirl-icon-more-horizontal",{"color":[1],"size":[2]}]]],["p-390d831b",[[1,"swirl-icon-news",{"color":[1],"size":[2]}]]],["p-03899ddf",[[1,"swirl-icon-news-filled",{"color":[1],"size":[2]}]]],["p-f29a9b3c",[[1,"swirl-icon-news-off",{"color":[1],"size":[2]}]]],["p-73fe79ab",[[1,"swirl-icon-next-plan",{"color":[1],"size":[2]}]]],["p-19f0566d",[[1,"swirl-icon-note-stack",{"color":[1],"size":[2]}]]],["p-7a666475",[[1,"swirl-icon-note-stack-filled",{"color":[1],"size":[2]}]]],["p-0e2075e1",[[1,"swirl-icon-notifications",{"color":[1],"size":[2]}]]],["p-a6862348",[[1,"swirl-icon-notifications-active",{"color":[1],"size":[2]}]]],["p-a83a463f",[[1,"swirl-icon-notifications-off",{"color":[1],"size":[2]}]]],["p-50c514fe",[[1,"swirl-icon-open-in-full",{"color":[1],"size":[2]}]]],["p-3cf12848",[[1,"swirl-icon-patient-list",{"color":[1],"size":[2]}]]],["p-a43003ae",[[1,"swirl-icon-pause",{"color":[1],"size":[2]}]]],["p-cdd2ea66",[[1,"swirl-icon-pause-circle",{"color":[1],"size":[2]}]]],["p-5bc5e9a4",[[1,"swirl-icon-people-alt",{"color":[1],"size":[2]}]]],["p-f4c4c26a",[[1,"swirl-icon-person-check",{"color":[1],"size":[2]}]]],["p-71e6d976",[[1,"swirl-icon-person-off",{"color":[1],"size":[2]}]]],["p-d9b72e57",[[1,"swirl-icon-phone",{"color":[1],"size":[2]}]]],["p-3ca68898",[[1,"swirl-icon-photo-camera",{"color":[1],"size":[2]}]]],["p-8d711b4c",[[1,"swirl-icon-picture-in-picture",{"color":[1],"size":[2]}]]],["p-488290c7",[[1,"swirl-icon-pin",{"color":[1],"size":[2]}]]],["p-1a92faec",[[1,"swirl-icon-pin-off",{"color":[1],"size":[2]}]]],["p-0bb465e1",[[1,"swirl-icon-place",{"color":[1],"size":[2]}]]],["p-4a4c7c5a",[[1,"swirl-icon-play-arrow",{"color":[1],"size":[2]}]]],["p-f50965ad",[[1,"swirl-icon-poll",{"color":[1],"size":[2]}]]],["p-04749029",[[1,"swirl-icon-post-approval",{"color":[1],"size":[2]}]]],["p-5d5661f8",[[1,"swirl-icon-present",{"color":[1],"size":[2]}]]],["p-fba2cb66",[[1,"swirl-icon-preview",{"color":[1],"size":[2]}]]],["p-26b6db31",[[1,"swirl-icon-print",{"color":[1],"size":[2]}]]],["p-d9e3b12b",[[1,"swirl-icon-public",{"color":[1],"size":[2]}]]],["p-aafb86a7",[[1,"swirl-icon-public-off",{"color":[1],"size":[2]}]]],["p-5ecc8e21",[[1,"swirl-icon-published-with-changes",{"color":[1],"size":[2]}]]],["p-ea4f1f83",[[1,"swirl-icon-ratio-four-to-three",{"color":[1],"size":[2]}]]],["p-f5ac5edb",[[1,"swirl-icon-ratio-freeform",{"color":[1],"size":[2]}]]],["p-b74ea693",[[1,"swirl-icon-ratio-sixteen-to-nine",{"color":[1],"size":[2]}]]],["p-1e9a1064",[[1,"swirl-icon-ratio-square",{"color":[1],"size":[2]}]]],["p-7f6ef231",[[1,"swirl-icon-ratio-three-to-four",{"color":[1],"size":[2]}]]],["p-642ad834",[[1,"swirl-icon-ratio-three-to-two",{"color":[1],"size":[2]}]]],["p-5d3e065d",[[1,"swirl-icon-recieved",{"color":[1],"size":[2]}]]],["p-98d8153a",[[1,"swirl-icon-refresh",{"color":[1],"size":[2]}]]],["p-2e9107ab",[[1,"swirl-icon-remove-circle",{"color":[1],"size":[2]}]]],["p-669f4273",[[1,"swirl-icon-remove-moderator",{"color":[1],"size":[2]}]]],["p-45282ed3",[[1,"swirl-icon-reply",{"color":[1],"size":[2]}]]],["p-ff076de4",[[1,"swirl-icon-report",{"color":[1],"size":[2]}]]],["p-d5da178c",[[1,"swirl-icon-roadmap",{"color":[1],"size":[2]}]]],["p-f04a9e63",[[1,"swirl-icon-rotate-left",{"color":[1],"size":[2]}]]],["p-0a56e460",[[1,"swirl-icon-rotate-right",{"color":[1],"size":[2]}]]],["p-6e260d82",[[1,"swirl-icon-screenshare",{"color":[1],"size":[2]}]]],["p-9fdfccfb",[[1,"swirl-icon-screenshare-off",{"color":[1],"size":[2]}]]],["p-89879bca",[[1,"swirl-icon-search-strong",{"color":[1],"size":[2]}]]],["p-3da2a805",[[1,"swirl-icon-secure",{"color":[1],"size":[2]}]]],["p-b32e4089",[[1,"swirl-icon-send",{"color":[1],"size":[2]}]]],["p-b5a43e36",[[1,"swirl-icon-settings",{"color":[1],"size":[2]}]]],["p-2bb85ec6",[[1,"swirl-icon-short-text",{"color":[1],"size":[2]}]]],["p-0119f3da",[[1,"swirl-icon-simplify",{"color":[1],"size":[2]}]]],["p-09a04860",[[1,"swirl-icon-spellcheck",{"color":[1],"size":[2]}]]],["p-8a618663",[[1,"swirl-icon-stars",{"color":[1],"size":[2]}]]],["p-3c2f9e58",[[1,"swirl-icon-sticky-note",{"color":[1],"size":[2]}]]],["p-d2228070",[[1,"swirl-icon-stop",{"color":[1],"size":[2]}]]],["p-769044cd",[[1,"swirl-icon-stop-circle",{"color":[1],"size":[2]}]]],["p-4d7a1dbe",[[1,"swirl-icon-sunny",{"color":[1],"size":[2]}]]],["p-bcd2ec01",[[1,"swirl-icon-sync",{"color":[1],"size":[2]}]]],["p-bb32acb4",[[1,"swirl-icon-tasks",{"color":[1],"size":[2]}]]],["p-4cd6416c",[[1,"swirl-icon-tasks-filled",{"color":[1],"size":[2]}]]],["p-87ede314",[[1,"swirl-icon-terminal",{"color":[1],"size":[2]}]]],["p-b62c78d8",[[1,"swirl-icon-time",{"color":[1],"size":[2]}]]],["p-877a5120",[[1,"swirl-icon-time-filled",{"color":[1],"size":[2]}]]],["p-6d6a9d4e",[[1,"swirl-icon-today-filled",{"color":[1],"size":[2]}]]],["p-7df49616",[[1,"swirl-icon-translate",{"color":[1],"size":[2]}]]],["p-601695a7",[[1,"swirl-icon-tree-structure",{"color":[1],"size":[2]}]]],["p-89cb2e42",[[1,"swirl-icon-undo",{"color":[1],"size":[2]}]]],["p-307c0313",[[1,"swirl-icon-unlock-person",{"color":[1],"size":[2]}]]],["p-3db099b4",[[1,"swirl-icon-upload",{"color":[1],"size":[2]}]]],["p-e797cf6b",[[1,"swirl-icon-user-add",{"color":[1],"size":[2]}]]],["p-52eccb33",[[1,"swirl-icon-user-assign",{"color":[1],"size":[2]}]]],["p-0446553a",[[1,"swirl-icon-video-camera",{"color":[1],"size":[2]}]]],["p-db2e1b51",[[1,"swirl-icon-video-camera-off",{"color":[1],"size":[2]}]]],["p-0fce9baa",[[1,"swirl-icon-video-library",{"color":[1],"size":[2]}]]],["p-dd1c31ba",[[1,"swirl-icon-view-agenda",{"color":[1],"size":[2]}]]],["p-5cc3cc48",[[1,"swirl-icon-voice",{"color":[1],"size":[2]}]]],["p-7d477aea",[[1,"swirl-icon-volume-up",{"color":[1],"size":[2]}]]],["p-f8631345",[[1,"swirl-icon-web-asset",{"color":[1],"size":[2]}]]],["p-5e5b25b3",[[1,"swirl-icon-web-asset-off",{"color":[1],"size":[2]}]]],["p-956b7f1f",[[1,"swirl-icon-work",{"color":[1],"size":[2]}]]],["p-32525d65",[[1,"swirl-image-grid",{"aspectRatio":[1,"aspect-ratio"],"borderRadius":[1,"border-radius"],"label":[1],"items":[32]}]]],["p-dd620c91",[[1,"swirl-inline-status",{"icon":[1],"intent":[1],"message":[1],"size":[1],"iconSize":[32]}]]],["p-474b03fd",[[1,"swirl-link",{"color":[1],"href":[1],"label":[1],"target":[1]}]]],["p-b29f3c24",[[4,"swirl-list"]]],["p-ed1a2ac9",[[6,"swirl-radio-group",{"swirlAriaDescribedby":[1,"swirl-aria-describedby"],"value":[1537]}]]],["p-f5b317d0",[[1,"swirl-skeleton-text",{"animated":[4],"lines":[2],"size":[1]}]]],["p-779f7b1f",[[1,"swirl-status-indicator",{"intent":[1],"label":[1]}]]],["p-1fa9a3f5",[[1,"swirl-symbol",{"glyph":[1],"size":[2]}]]],["p-18df1aa2",[[1,"swirl-symbol-ac-unit",{"size":[2]}]]],["p-0f52ff7c",[[1,"swirl-symbol-account-circle",{"size":[2]}]]],["p-5f8b25d7",[[1,"swirl-symbol-alternate-email",{"size":[2]}]]],["p-c4b5063e",[[1,"swirl-symbol-android",{"size":[2]}]]],["p-dd21e47d",[[1,"swirl-symbol-announcement",{"size":[2]}]]],["p-3c44cd04",[[1,"swirl-symbol-autorenew",{"size":[2]}]]],["p-1c0c739e",[[1,"swirl-symbol-backup",{"size":[2]}]]],["p-c758f3a6",[[1,"swirl-symbol-badge",{"size":[2]}]]],["p-27736e41",[[1,"swirl-symbol-barcode-reader",{"size":[2]}]]],["p-fc782b8a",[[1,"swirl-symbol-barcode-scanner",{"size":[2]}]]],["p-289f5e94",[[1,"swirl-symbol-battery-horiz",{"size":[2]}]]],["p-aa6905a7",[[1,"swirl-symbol-beach-access",{"size":[2]}]]],["p-b7d5fe8b",[[1,"swirl-symbol-bolt",{"size":[2]}]]],["p-b9396c94",[[1,"swirl-symbol-bookmark",{"size":[2]}]]],["p-8735e8db",[[1,"swirl-symbol-calendar",{"size":[2]}]]],["p-3f7baf0c",[[1,"swirl-symbol-campaign",{"size":[2]}]]],["p-28199123",[[1,"swirl-symbol-cards-star",{"size":[2]}]]],["p-2a96a8c1",[[1,"swirl-symbol-cloud",{"size":[2]}]]],["p-19eb7da8",[[1,"swirl-symbol-construction",{"size":[2]}]]],["p-dc1697d5",[[1,"swirl-symbol-contacts",{"size":[2]}]]],["p-d3bdd8c7",[[1,"swirl-symbol-coronavirus",{"size":[2]}]]],["p-fe2594c0",[[1,"swirl-symbol-design-services",{"size":[2]}]]],["p-9014c81c",[[1,"swirl-symbol-desktop-windows",{"size":[2]}]]],["p-5494b8ad",[[1,"swirl-symbol-directions-car-filled",{"size":[2]}]]],["p-b1e8f1a6",[[1,"swirl-symbol-diversity",{"size":[2]}]]],["p-3fc8a18a",[[1,"swirl-symbol-draw",{"size":[2]}]]],["p-36656a15",[[1,"swirl-symbol-edit-calendar",{"size":[2]}]]],["p-936744c0",[[1,"swirl-symbol-email",{"size":[2]}]]],["p-7bfcb035",[[1,"swirl-symbol-emergency",{"size":[2]}]]],["p-af4ca1c8",[[1,"swirl-symbol-emoji-food-beverage",{"size":[2]}]]],["p-c4da9f1f",[[1,"swirl-symbol-engineering",{"size":[2]}]]],["p-39cb7ea1",[[1,"swirl-symbol-event-menu",{"size":[2]}]]],["p-8896341e",[[1,"swirl-symbol-explore",{"size":[2]}]]],["p-f0e93f0b",[[1,"swirl-symbol-extension",{"size":[2]}]]],["p-085ab8cd",[[1,"swirl-symbol-facebook",{"size":[2]}]]],["p-ae9f74f1",[[1,"swirl-symbol-favorite",{"size":[2]}]]],["p-cd0e9968",[[1,"swirl-symbol-fitness-center",{"size":[2]}]]],["p-92ad6160",[[1,"swirl-symbol-flag",{"size":[2]}]]],["p-fb8326aa",[[1,"swirl-symbol-flight",{"size":[2]}]]],["p-3a599f85",[[1,"swirl-symbol-folder",{"size":[2]}]]],["p-f2425a08",[[1,"swirl-symbol-globe",{"size":[2]}]]],["p-78a0f095",[[1,"swirl-symbol-groups",{"size":[2]}]]],["p-d79db991",[[1,"swirl-symbol-healing",{"size":[2]}]]],["p-79bf5d73",[[1,"swirl-symbol-health-and-safety",{"size":[2]}]]],["p-97e20f1f",[[1,"swirl-symbol-help",{"size":[2]}]]],["p-f369e0d6",[[1,"swirl-symbol-home-repair-service",{"size":[2]}]]],["p-e8ed8d1b",[[1,"swirl-symbol-home-storage",{"size":[2]}]]],["p-9a5b5139",[[1,"swirl-symbol-id-card",{"size":[2]}]]],["p-cda7585d",[[1,"swirl-symbol-image",{"size":[2]}]]],["p-0a2d2719",[[1,"swirl-symbol-info-menu",{"size":[2]}]]],["p-aeda6b1e",[[1,"swirl-symbol-instagram",{"size":[2]}]]],["p-7b00e4ea",[[1,"swirl-symbol-inventory",{"size":[2]}]]],["p-5b961ce2",[[1,"swirl-symbol-inventory-2",{"size":[2]}]]],["p-f4caf409",[[1,"swirl-symbol-ios",{"size":[2]}]]],["p-349d0f6e",[[1,"swirl-symbol-key",{"size":[2]}]]],["p-e2f9c3f2",[[1,"swirl-symbol-language",{"size":[2]}]]],["p-601e791c",[[1,"swirl-symbol-leaderboard",{"size":[2]}]]],["p-98f375b0",[[1,"swirl-symbol-lightbulb",{"size":[2]}]]],["p-ddab7393",[[1,"swirl-symbol-linkedin",{"size":[2]}]]],["p-6bea301f",[[1,"swirl-symbol-local-shipping",{"size":[2]}]]],["p-ab83387d",[[1,"swirl-symbol-location-on",{"size":[2]}]]],["p-40f19bea",[[1,"swirl-symbol-loyalty",{"size":[2]}]]],["p-e9b66721",[[1,"swirl-symbol-map",{"size":[2]}]]],["p-5fb01673",[[1,"swirl-symbol-maps-home-work",{"size":[2]}]]],["p-cd24b09c",[[1,"swirl-symbol-menu-book",{"size":[2]}]]],["p-41022ddb",[[1,"swirl-symbol-mop",{"size":[2]}]]],["p-ef407990",[[1,"swirl-symbol-nest-eco-leaf",{"size":[2]}]]],["p-e332e440",[[1,"swirl-symbol-notifications",{"size":[2]}]]],["p-2a449bd1",[[1,"swirl-symbol-open-in-new",{"size":[2]}]]],["p-0c2bbbfd",[[1,"swirl-symbol-orders",{"size":[2]}]]],["p-9beea3ae",[[1,"swirl-symbol-package",{"size":[2]}]]],["p-1ade9836",[[1,"swirl-symbol-palette",{"size":[2]}]]],["p-ba25ef7a",[[1,"swirl-symbol-partly-cloudy-day",{"size":[2]}]]],["p-d7c92d75",[[1,"swirl-symbol-pedal-bike",{"size":[2]}]]],["p-936eba91",[[1,"swirl-symbol-percent-discount",{"size":[2]}]]],["p-a47cdc2a",[[1,"swirl-symbol-pets",{"size":[2]}]]],["p-da715fee",[[1,"swirl-symbol-pinterest",{"size":[2]}]]],["p-3308a3d2",[[1,"swirl-symbol-point-of-sale",{"size":[2]}]]],["p-efa6f22d",[[1,"swirl-symbol-policy",{"size":[2]}]]],["p-27476b08",[[1,"swirl-symbol-precision-manufacturing",{"size":[2]}]]],["p-79313b62",[[1,"swirl-symbol-print",{"size":[2]}]]],["p-1fe1217c",[[1,"swirl-symbol-push-pin",{"size":[2]}]]],["p-61a58a12",[[1,"swirl-symbol-recycling",{"size":[2]}]]],["p-155a3f42",[[1,"swirl-symbol-redeem",{"size":[2]}]]],["p-a3ddcfbc",[[1,"swirl-symbol-report-problem",{"size":[2]}]]],["p-59e1bf91",[[1,"swirl-symbol-restaurant",{"size":[2]}]]],["p-da16ced7",[[1,"swirl-symbol-roadmap",{"size":[2]}]]],["p-efbc555c",[[1,"swirl-symbol-rocket-launch",{"size":[2]}]]],["p-e8fca086",[[1,"swirl-symbol-room",{"size":[2]}]]],["p-48a5bc9e",[[1,"swirl-symbol-savings",{"size":[2]}]]],["p-ea5e5c8d",[[1,"swirl-symbol-school",{"size":[2]}]]],["p-391415db",[[1,"swirl-symbol-sell",{"size":[2]}]]],["p-39f217ae",[[1,"swirl-symbol-settings-voice",{"size":[2]}]]],["p-61e09fa2",[[1,"swirl-symbol-shopping-bag",{"size":[2]}]]],["p-d2b98c21",[[1,"swirl-symbol-shopping-cart",{"size":[2]}]]],["p-294b571a",[[1,"swirl-symbol-smartphone",{"size":[2]}]]],["p-4331f0e5",[[1,"swirl-symbol-spa",{"size":[2]}]]],["p-5a47bcb1",[[1,"swirl-symbol-sports-soccer",{"size":[2]}]]],["p-8462932d",[[1,"swirl-symbol-star",{"size":[2]}]]],["p-3f85cfad",[[1,"swirl-symbol-supervisor-account",{"size":[2]}]]],["p-b13ff702",[[1,"swirl-symbol-task",{"size":[2]}]]],["p-4585464c",[[1,"swirl-symbol-tasks",{"size":[2]}]]],["p-e13a5aa2",[[1,"swirl-symbol-thumbs-up-down",{"size":[2]}]]],["p-283c1442",[[1,"swirl-symbol-timer",{"size":[2]}]]],["p-6f507112",[[1,"swirl-symbol-tools-power-drill",{"size":[2]}]]],["p-cbe0fb2a",[[1,"swirl-symbol-train",{"size":[2]}]]],["p-3dbfe1e5",[[1,"swirl-symbol-trophy",{"size":[2]}]]],["p-0eb7c221",[[1,"swirl-symbol-twitter",{"size":[2]}]]],["p-07e71e96",[[1,"swirl-symbol-video",{"size":[2]}]]],["p-b5aa9115",[[1,"swirl-symbol-warehouse",{"size":[2]}]]],["p-e54bb5d1",[[1,"swirl-symbol-water-drop",{"size":[2]}]]],["p-ba9093c3",[[1,"swirl-symbol-wb-sunny",{"size":[2]}]]],["p-62ca9b09",[[1,"swirl-symbol-wechat",{"size":[2]}]]],["p-ad95378d",[[1,"swirl-symbol-weibo",{"size":[2]}]]],["p-9254cff2",[[1,"swirl-symbol-wifi",{"size":[2]}]]],["p-1c8e978f",[[1,"swirl-symbol-work",{"size":[2]}]]],["p-852adf51",[[1,"swirl-symbol-xing",{"size":[2]}]]],["p-2dc90e74",[[1,"swirl-symbol-youtube",{"size":[2]}]]],["p-c3728105",[[1,"swirl-tab",{"active":[4],"icon":[1],"label":[1],"padding":[1],"tabId":[1,"tab-id"]}]]],["p-2208c1ce",[[1,"swirl-table-cell"]]],["p-5fb24cc3",[[1,"swirl-table-row",{"highlighted":[4],"index":[2]}]]],["p-003a1eb5",[[6,"swirl-theme-provider",{"config":[16],"getActiveOSTheme":[64],"getPreferredOSTheme":[64],"setPreferredOSTheme":[64],"resetPreferredOSTheme":[64]},null,{"config":["watchConfig"]}]]],["p-bb1669f0",[[2,"swirl-time-input",{"autoFocus":[4,"auto-focus"],"autoSelect":[4,"auto-select"],"disabled":[4],"format":[1],"inline":[4],"invalid":[4],"placeholder":[1],"required":[4],"swirlAriaDescribedby":[1,"swirl-aria-describedby"],"value":[1537],"readonly":[4],"iconSize":[32]},null,{"format":["watchFormat"],"value":["watchValue"]}]]],["p-c91a6221",[[1,"swirl-tree-navigation",{"label":[1]}]]],["p-bd2901c9",[[2,"swirl-text-input",{"autoComplete":[1,"auto-complete"],"autoFocus":[4,"auto-focus"],"autoGrow":[4,"auto-grow"],"autoSelect":[4,"auto-select"],"characterCounterLabel":[1,"character-counter-label"],"clearable":[4],"clearButtonLabel":[1,"clear-button-label"],"disabled":[4],"disableDynamicWidth":[4,"disable-dynamic-width"],"fontSize":[1,"font-size"],"inline":[4],"invalid":[4],"maxLength":[2,"max-length"],"max":[2],"min":[2],"mode":[1],"inputName":[1,"input-name"],"passwordToggleLabel":[1,"password-toggle-label"],"placeholder":[1],"prefixLabel":[1,"prefix-label"],"required":[4],"rows":[2],"showCharacterCounter":[4,"show-character-counter"],"showCharacterCounterNearLimit":[4,"show-character-counter-near-limit"],"spellCheck":[4,"spell-check"],"suffixLabel":[1,"suffix-label"],"step":[2],"swirlAriaAutocomplete":[1,"swirl-aria-autocomplete"],"swirlAriaControls":[1,"swirl-aria-controls"],"swirlAriaDescribedby":[1,"swirl-aria-describedby"],"swirlAriaExpanded":[1,"swirl-aria-expanded"],"swirlRole":[1,"swirl-role"],"type":[1],"value":[1537],"readonly":[4],"iconSize":[32],"showPassword":[32],"blurInput":[64],"focusInput":[64]},null,{"value":["watchValue"]}]]],["p-63446ff8",[[1,"swirl-badge",{"icon":[1],"intent":[1],"label":[1],"size":[1],"variant":[1]}]]],["p-0dc198ab",[[1,"swirl-toast",{"accessibleDismissLabel":[1,"accessible-dismiss-label"],"content":[1],"dismissLabel":[1,"dismiss-label"],"duration":[2],"icon":[1],"intent":[1],"toastId":[1,"toast-id"]},null,{"duration":["watchDuration"]}]]],["p-709b5620",[[1,"swirl-icon-cloud-upload",{"color":[1],"size":[2]}]]],["p-ba7060f4",[[1,"swirl-icon-open-in-new",{"color":[1],"size":[2]}]]],["p-642d4bec",[[1,"swirl-icon-person",{"color":[1],"size":[2]}]]],["p-2c9ddb49",[[1,"swirl-skeleton-box",{"animated":[4],"aspectRatio":[1,"aspect-ratio"],"borderRadius":[1,"border-radius"],"height":[1],"width":[1]}]]],["p-7b72ee05",[[2,"swirl-tab-bar",{"disableTabSemantics":[4,"disable-tab-semantics"],"label":[1],"justify":[1],"paddingBlockEnd":[1,"padding-block-end"],"paddingBlockStart":[1,"padding-block-start"],"paddingInlineEnd":[1,"padding-inline-end"],"paddingInlineStart":[1,"padding-inline-start"],"tabs":[16],"variant":[1]}]]],["p-80dd097e",[[1,"swirl-date-picker",{"disableDate":[16,"disable-date"],"firstDayOfWeek":[1026,"first-day-of-week"],"fixedMaxWidth":[4,"fixed-max-width"],"labels":[16],"locale":[1],"range":[4],"startDate":[16,"start-date"],"value":[1040]}],[1,"swirl-icon-today",{"color":[1],"size":[2]}]]],["p-f19f91c6",[[1,"swirl-icon-arrow-downward",{"color":[1],"size":[2]}],[1,"swirl-icon-arrow-upward",{"color":[1],"size":[2]}]]],["p-b72faab3",[[1,"swirl-icon-check-circle",{"color":[1],"size":[2]}],[1,"swirl-icon-warning",{"color":[1],"size":[2]}]]],["p-81da9890",[[1,"swirl-icon-chevron-right",{"color":[1],"size":[2]}]]],["p-de117a06",[[1,"swirl-icon-help",{"color":[1],"size":[2]}]]],["p-d996e98b",[[1,"swirl-icon-search",{"color":[1],"size":[2]}]]],["p-3c3a87ff",[[2,"wc-datepicker",{"clearButtonContent":[1,"clear-button-content"],"disabled":[4],"disableDate":[16],"elementClassName":[1,"element-class-name"],"firstDayOfWeek":[2,"first-day-of-week"],"range":[4],"labels":[16],"locale":[1],"nextMonthButtonContent":[1,"next-month-button-content"],"nextYearButtonContent":[1,"next-year-button-content"],"previousMonthButtonContent":[1,"previous-month-button-content"],"previousYearButtonContent":[1,"previous-year-button-content"],"showClearButton":[4,"show-clear-button"],"showMonthStepper":[4,"show-month-stepper"],"showTodayButton":[4,"show-today-button"],"showYearStepper":[4,"show-year-stepper"],"startDate":[1,"start-date"],"todayButtonContent":[1,"today-button-content"],"value":[1040],"currentDate":[32],"hoveredDate":[32],"weekdays":[32]},null,{"firstDayOfWeek":["watchFirstDayOfWeek"],"locale":["watchLocale"],"range":["watchRange"],"startDate":["watchStartDate"],"value":["watchValue"]}]]],["p-d578a11e",[[1,"swirl-tag",{"hideLabel":[4,"hide-label"],"icon":[1],"iconPosition":[1,"icon-position"],"intent":[1],"label":[1],"removable":[4],"bordered":[4],"size":[1],"removalButtonLabel":[1,"removal-button-label"],"variant":[1025]}]]],["p-845088f0",[[1,"swirl-icon-info",{"color":[1],"size":[2]}]]],["p-fcb95c76",[[1,"swirl-progress-indicator",{"label":[1],"size":[1],"value":[2],"variant":[1]}]]],["p-9f9c4e6d",[[1,"swirl-button-group",{"orientation":[1],"segmented":[4],"spacing":[1],"stretch":[4],"wrap":[4]}]]],["p-1cebc74d",[[1,"swirl-thumbnail",{"alt":[1],"editButtonIcon":[1,"edit-button-icon"],"editButtonLabel":[1,"edit-button-label"],"format":[1],"interactive":[4],"progress":[2],"progressLabel":[1,"progress-label"],"removeButtonLabel":[1,"remove-button-label"],"showEditButton":[4,"show-edit-button"],"showRemoveButton":[4,"show-remove-button"],"size":[1],"src":[1],"timestamp":[1]}],[1,"swirl-icon-arrow-left",{"color":[1],"size":[2]}],[1,"swirl-icon-arrow-right",{"color":[1],"size":[2]}],[1,"swirl-icon-more-vertikal",{"color":[1],"size":[2]}]]],["p-aee98e7c",[[6,"swirl-resource-list-item",{"active":[4],"allowDrag":[4,"allow-drag"],"allowHtml":[4,"allow-html"],"checked":[1028],"compact":[4],"description":[1],"descriptionWrap":[4,"description-wrap"],"disabled":[4],"dragging":[4],"dragHandleDescription":[1,"drag-handle-description"],"dragHandleLabel":[1,"drag-handle-label"],"hideDivider":[4,"hide-divider"],"href":[1],"interactive":[4],"label":[1],"labelWeight":[1,"label-weight"],"labelWrap":[4,"label-wrap"],"labelMinHeight":[1,"label-min-height"],"labelTooltip":[1,"label-tooltip"],"labelTooltipPosition":[1,"label-tooltip-position"],"menuTriggerId":[1,"menu-trigger-id"],"menuTriggerLabel":[1,"menu-trigger-label"],"meta":[1],"selectable":[4],"swirlAriaLabel":[1,"swirl-aria-label"],"value":[1],"alignItems":[1,"align-items"],"hasMedia":[32],"iconSize":[32]}],[1,"swirl-empty-state",{"heading":[1],"headingLevel":[2,"heading-level"],"illustration":[1]}],[6,"swirl-resource-list",{"allowDrag":[4,"allow-drag"],"assistiveTextItemGrabbed":[1,"assistive-text-item-grabbed"],"assistiveTextItemMoving":[1,"assistive-text-item-moving"],"assistiveTextItemMoved":[1,"assistive-text-item-moved"],"controllingElement":[16,"controlling-element"],"label":[1],"padding":[1],"paddingBlockEnd":[1,"padding-block-end"],"paddingBlockStart":[1,"padding-block-start"],"paddingInlineEnd":[1,"padding-inline-end"],"paddingInlineStart":[1,"padding-inline-start"],"semantics":[1],"spacing":[1],"assistiveText":[32],"listId":[32]},null,{"allowDrag":["watchAllowDrag"]}],[1,"swirl-app-layout",{"appName":[1,"app-name"],"backToNavigationViewButtonLabel":[1,"back-to-navigation-view-button-label"],"collapsibleNavigation":[4,"collapsible-navigation"],"ctaIcon":[1,"cta-icon"],"ctaLabel":[1,"cta-label"],"hasNavigation":[1028,"has-navigation"],"hideAppBar":[4,"hide-app-bar"],"initialMobileView":[1,"initial-mobile-view"],"navigationBackButtonLabel":[1,"navigation-back-button-label"],"navigationExpansionStateStorageKey":[1,"navigation-expansion-state-storage-key"],"navigationToggleLabel":[1,"navigation-toggle-label"],"navigationOverlayLabel":[1,"navigation-overlay-label"],"navigationLabel":[1,"navigation-label"],"showNavigationBackButton":[4,"show-navigation-back-button"],"sidebarCloseButtonLabel":[1,"sidebar-close-button-label"],"sidebarHeading":[1,"sidebar-heading"],"transitionStyle":[1,"transition-style"],"contentScrollState":[32],"hasCustomAppBarBackButton":[32],"hasSidebar":[32],"isDesktop":[32],"mobileView":[32],"navScrollState":[32],"navExpansionState":[32],"sidebarActive":[32],"sidebarClosing":[32],"sidebarOpening":[32],"sidebarScrollState":[32],"transitioningFrom":[32],"transitioningTo":[32],"showSidebar":[64],"hideSidebar":[64],"toggleSidebar":[64],"getCollapsibleNavigationState":[64],"setCollapsibleNavigationState":[64],"changeMobileView":[64]},[[4,"click","onDocumentClick"],[0,"keydown","onKeyDown"]],{"mobileView":["watchMobileView"]}],[1,"swirl-icon-folder-shared",{"color":[1],"size":[2]}]]],["p-1016f391",[[1,"swirl-icon-arrow-back",{"color":[1],"size":[2]}],[1,"swirl-icon-arrow-forward",{"color":[1],"size":[2]}],[1,"swirl-icon-dock-left-collapse",{"color":[1],"size":[2]}],[1,"swirl-icon-dock-left-expand",{"color":[1],"size":[2]}],[1,"swirl-icon-double-arrow-left",{"color":[1],"size":[2]}]]],["p-711646f2",[[1,"swirl-action-list",{"isInsidePopover":[32]}],[1,"swirl-action-list-item",{"badge":[1],"disabled":[4],"description":[1],"icon":[1],"iconBadge":[1,"icon-badge"],"intent":[1],"label":[1],"size":[1],"swirlAriaExpanded":[1,"swirl-aria-expanded"],"swirlAriaHaspopup":[1,"swirl-aria-haspopup"],"suffix":[1]}]]],["p-2e800b3f",[[1,"swirl-box",{"borderColor":[1,"border-color"],"bordered":[4],"borderedBlockEnd":[4,"bordered-block-end"],"borderedBlockEndWhenScrolled":[4,"bordered-block-end-when-scrolled"],"borderedBlockStart":[4,"bordered-block-start"],"borderedBlockStartWhenScrolled":[4,"bordered-block-start-when-scrolled"],"borderedInlineEnd":[4,"bordered-inline-end"],"borderedInlineStart":[4,"bordered-inline-start"],"bottom":[1],"centerBlock":[4,"center-block"],"centerInline":[4,"center-inline"],"cover":[4],"height":[1],"left":[1],"maxHeight":[1,"max-height"],"minHeight":[1,"min-height"],"maxWidth":[1,"max-width"],"minWidth":[1,"min-width"],"overflow":[1],"padding":[1],"paddingBlockEnd":[1,"padding-block-end"],"paddingBlockStart":[1,"padding-block-start"],"paddingInlineEnd":[1,"padding-inline-end"],"paddingInlineStart":[1,"padding-inline-start"],"position":[1],"right":[1],"basis":[1],"shrink":[1],"grow":[1],"top":[1],"width":[1],"zIndex":[1,"z-index"],"scrollState":[32]}]]],["p-32a0c17e",[[1,"swirl-icon",{"color":[1],"glyph":[1],"size":[2]}]]],["p-fed92590",[[1,"swirl-icon-file",{"color":[1],"size":[2]}]]],["p-f8c6bad2",[[1,"swirl-icon-add",{"color":[1],"size":[2]}],[1,"swirl-icon-file-copy",{"color":[1],"size":[2]}],[1,"swirl-icon-fullscreen",{"color":[1],"size":[2]}],[1,"swirl-icon-fullscreen-exit",{"color":[1],"size":[2]}],[1,"swirl-icon-menu-book",{"color":[1],"size":[2]}],[1,"swirl-icon-remove",{"color":[1],"size":[2]}]]],["p-b965b884",[[1,"swirl-icon-attachment",{"color":[1],"size":[2]}],[1,"swirl-icon-audio-file",{"color":[1],"size":[2]}],[1,"swirl-icon-folder",{"color":[1],"size":[2]}],[1,"swirl-icon-image",{"color":[1],"size":[2]}],[1,"swirl-icon-picture-as-pdf",{"color":[1],"size":[2]}],[1,"swirl-icon-video-player",{"color":[1],"size":[2]}]]],["p-6e87ce2e",[[2,"swirl-heading",{"align":[1],"as":[1],"balance":[4],"headingId":[1,"heading-id"],"level":[2],"lines":[2],"text":[1],"truncate":[4]}]]],["p-da403ce0",[[1,"swirl-icon-expand-more",{"color":[1],"size":[2]}]]],["p-c7febb6b",[[1,"swirl-separator",{"borderColor":[1,"border-color"],"color":[1025],"label":[1],"orientation":[1],"semantics":[1],"spacing":[1]}]]],["p-52e00b59",[[6,"swirl-option-list",{"allowDeselect":[4,"allow-deselect"],"allowDrag":[4,"allow-drag"],"assistiveTextItemGrabbed":[1,"assistive-text-item-grabbed"],"assistiveTextItemMoving":[1,"assistive-text-item-moving"],"assistiveTextItemMoved":[1,"assistive-text-item-moved"],"disabled":[4],"label":[1],"optionListId":[1,"option-list-id"],"multiSelect":[4,"multi-select"],"showSelectAll":[4,"show-select-all"],"selectAllLabel":[1,"select-all-label"],"value":[1040],"assistiveText":[32],"selectAllState":[32]},null,{"allowDrag":["watchAllowDrag"],"disabled":["watchDisabled"],"multiSelect":["watchMultiSelect"],"value":["watchValue"]}],[6,"swirl-option-list-item",{"allowDrag":[4,"allow-drag"],"context":[1025],"description":[1],"disabled":[4],"dragging":[4],"dragHandleDescription":[1,"drag-handle-description"],"dragHandleLabel":[1,"drag-handle-label"],"icon":[1],"iconBadge":[1,"icon-badge"],"label":[1],"selected":[1028],"indeterminate":[4],"swirlAriaRole":[1,"swirl-aria-role"],"value":[1],"iconSize":[32],"focused":[32]}]]],["p-c6bcc010",[[1,"swirl-tooltip",{"active":[4],"content":[1],"delay":[2],"intent":[1],"maxWidth":[1,"max-width"],"position":[1],"positioning":[1],"trigger":[16],"actualPosition":[32],"arrowStyles":[32],"visible":[32],"show":[64],"hide":[64]},[[1,"mouseenter","onMouseEnter"],[1,"mouseleave","onMouseLeave"],[9,"resize","onWindowResize"],[9,"scroll","onWindowScroll"]],{"position":["watchPosition"]}]]],["p-928ef94d",[[1,"swirl-icon-close",{"color":[1],"size":[2]}]]],["p-d02bb6b2",[[1,"swirl-icon-visibility",{"color":[1],"size":[2]}],[1,"swirl-icon-visibility-off",{"color":[1],"size":[2]}],[1,"swirl-icon-cancel",{"color":[1],"size":[2]}],[1,"swirl-icon-expand-less",{"color":[1],"size":[2]}]]],["p-ff81d683",[[6,"swirl-text",{"align":[1],"as":[1],"balance":[4],"color":[1],"fontFamily":[1,"font-family"],"fontStyle":[1,"font-style"],"lines":[2],"responsive":[4],"size":[1],"truncate":[4],"truncateDirection":[1,"truncate-direction"],"weight":[1],"whiteSpace":[1,"white-space"]},[[9,"resize","onWindowResize"]]]]],["p-526ac001",[[1,"swirl-popover",{"animation":[1],"disableScrollLock":[4,"disable-scroll-lock"],"enableFlip":[4,"enable-flip"],"fullscreenBottomSheet":[4,"fullscreen-bottom-sheet"],"label":[1],"maxHeight":[1,"max-height"],"offset":[2],"padded":[4],"popoverId":[1,"popover-id"],"placement":[1],"returnFocusToTrigger":[4,"return-focus-to-trigger"],"transparent":[4],"trigger":[1],"triggerContainer":[16,"trigger-container"],"useContainerWidth":[8,"use-container-width"],"active":[32],"closing":[32],"position":[32],"close":[64],"open":[64],"isOpen":[64],"toggle":[64]},[[8,"focusin","onWindowFocusIn"],[8,"blur","onWindowBlur"],[8,"click","onWindowClick"]]],[6,"swirl-popover-trigger",{"hidePopoverWhenInvisible":[4,"hide-popover-when-invisible"],"parentScrollContainer":[16,"parent-scroll-container"],"setAriaAttributes":[4,"set-aria-attributes"],"swirlPopover":[1,"swirl-popover"],"triggerOnClick":[4,"trigger-on-click"],"triggerOnHover":[4,"trigger-on-hover"],"hoverLingerDuration":[2,"hover-linger-duration"],"hoverDelay":[2,"hover-delay"]},null,{"swirlPopover":["watchPopover"],"triggerOnHover":["watchHover"]}]]],["p-e76577fe",[[1,"swirl-icon-check-small",{"color":[1],"size":[2]}],[1,"swirl-icon-check-strong",{"color":[1],"size":[2]}],[1,"swirl-icon-drag-handle",{"color":[1],"size":[2]}]]],["p-a7fd2d97",[[6,"swirl-button",{"cursor":[1],"disabled":[4],"download":[1],"elevated":[4],"form":[1],"hideLabel":[4,"hide-label"],"href":[1],"icon":[1],"iconPosition":[1,"icon-position"],"intent":[1],"inheritFontSize":[4,"inherit-font-size"],"label":[1],"name":[1],"pill":[4],"pressed":[4],"size":[1],"swirlAriaControls":[1,"swirl-aria-controls"],"swirlAriaCurrent":[1,"swirl-aria-current"],"swirlAriaDescribedby":[1,"swirl-aria-describedby"],"swirlAriaExpanded":[1,"swirl-aria-expanded"],"swirlAriaHaspopup":[1,"swirl-aria-haspopup"],"swirlAriaLabel":[1,"swirl-aria-label"],"target":[1],"textAlign":[1,"text-align"],"type":[1],"value":[1],"variant":[1]}]]],["p-7ab99977",[[1,"swirl-stack",{"align":[1],"as":[1],"height":[1],"justify":[1],"orientation":[1],"columnSpacing":[1,"column-spacing"],"rowSpacing":[1,"row-spacing"],"spacing":[1],"swirlAriaRole":[1,"swirl-aria-role"],"wrap":[4]}]]],["p-fe8e5055",[[6,"swirl-visually-hidden"]]],["p-1f9f4465",[[1,"swirl-inline-error",{"message":[1],"size":[1]}],[1,"swirl-spinner",{"label":[1],"size":[8]}],[1,"swirl-icon-error",{"color":[1],"size":[2]}]]],["p-51294d1d",[[1,"swirl-file-viewer",{"active":[4],"autoplay":[4],"description":[1],"disableDownload":[4,"disable-download"],"disablePrint":[4,"disable-print"],"errorMessage":[1,"error-message"],"file":[1],"fileName":[1,"file-name"],"pdfWorkerSrc":[1,"pdf-worker-src"],"thumbnailUrl":[1,"thumbnail-url"],"type":[1],"typeUnsupportedMessage":[1,"type-unsupported-message"],"viewMode":[1,"view-mode"],"zoom":[8],"skipNativeDownload":[4,"skip-native-download"],"download":[64],"print":[64]}],[1,"swirl-file-viewer-csv",{"errorMessage":[1,"error-message"],"file":[1],"data":[32],"error":[32],"loading":[32]},null,{"file":["updateTable"]}],[1,"swirl-file-viewer-fallback",{"disableDownload":[4,"disable-download"],"downloadButtonLabel":[1,"download-button-label"],"fileName":[1,"file-name"],"file":[1]}],[1,"swirl-file-viewer-image",{"description":[1],"errorMessage":[1,"error-message"],"file":[1],"maxZoom":[2,"max-zoom"],"error":[32],"loading":[32],"getZoom":[64],"resetZoom":[64]},null,{"file":["watchFile"]}],[1,"swirl-file-viewer-pdf",{"errorMessage":[1,"error-message"],"file":[1],"singlePageMode":[4,"single-page-mode"],"viewMode":[1,"view-mode"],"workerSrc":[1,"worker-src"],"zoom":[8],"currentPage":[32],"doc":[32],"error":[32],"loading":[32],"renderedPages":[32],"singlePageModePage":[32],"visiblePages":[32],"getThumbnails":[64],"print":[64],"nextPage":[64],"previousPage":[64],"setPage":[64]},[[9,"resize","onWindowResize"]],{"file":["watchProps"],"viewMode":["watchViewMode"],"zoom":["watchZoom"]}],[1,"swirl-file-viewer-text",{"errorMessage":[1,"error-message"],"file":[1],"error":[32],"loading":[32],"text":[32]},null,{"file":["updateText"]}],[1,"swirl-file-viewer-audio",{"autoplay":[4],"file":[1]}],[1,"swirl-file-viewer-video",{"autoplay":[4],"disableDownload":[4,"disable-download"],"file":[1]},null,{"disableDownload":["watchDisableDownload"]}]]]]'),e))));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@getflip/swirl-components",
3
- "version": "0.411.0",
3
+ "version": "0.411.2",
4
4
  "description": "Swirl Design System Web Component Library",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.js",
package/dist/swirl-components/p-0293252e.entry.js DELETED
@@ -1 +0,0 @@
1
- import{r as n,h as i,H as e,d as a}from"./p-PCxIgwX4.js";import{c as t}from"./p-orsBiyT_.js";const l=class{constructor(i){n(this,i),this.hideLabel=!1,this.inlineLabelColor="default",this.markAsNewLabel="New",this.useCustomIconSize=!1,this.variant="default"}componentWillLoad(){this.forceIconProps()}componentDidRender(){this.forceIconProps()}forceIconProps(){if(this.useCustomIconSize)return;const n=this.el.querySelector("[slot='icon']"),i=this.hideLabel&&"app-icon"===this.variant||"default"===this.variant;n&&(n.tagName.startsWith("SWIRL-ICON")||n.tagName.startsWith("SWIRL-EMOJI")||n.tagName.startsWith("SWIRL-SYMBOL"))&&n.setAttribute("size",i?"20":"32")}render(){const n=Boolean(this.el.querySelector("swirl-app-icon")),a=t("shell-navigation-item",`shell-navigation-item--${this.variant}`,{"shell-navigation-item--active":this.active,"shell-navigation-item--boxed":this.boxed,"shell-navigation-item--filled":this.filled,"shell-navigation-item--inline-label":this.inlineLabel,"shell-navigation-item--gradient":this.withGradient,"shell-navigation-item--hide-label":this.hideLabel,"shell-navigation-item--has-app-icon":n}),l=t("shell-navigation-item__label",{"shell-navigation-item__label--light":"light"===this.inlineLabelColor,"shell-navigation-item__label--dark":"dark"===this.inlineLabelColor,"shell-navigation-item__label--inline":this.inlineLabel}),s=null!=this.badgeLabel,o=!s&&this.markAsNew&&!this.hideLabel&&"default"===this.variant,r=!s&&this.markAsNew&&this.hideLabel&&"default"===this.variant,h=Boolean(this.href);return i(e,{key:"449f8152f3e43b5286253b3cad88b97e7e7511fa"},i("swirl-tooltip",{key:"c38fd294886949488ebb68e44243dedf4b9353cb",active:this.hideLabel,content:this.description?`${this.label} ${this.description}`:this.label,delay:100,position:"right",positioning:"fixed"},i(h?"a":"button",{key:"b109c272afaa8d81406c77f9a383eb0265ba0abe",class:a,href:this.href,target:this.target,type:h?void 0:"button",title:this.hideLabel?void 0:this.label},i("span",{key:"e798c1c7fd44a3f60969649f377dc569ef790d14",class:"shell-navigation-item__icon"},i("slot",{key:"74253d57363c4ab083e1df01bcc8ff3a39dc875b",name:"icon"})),this.hideLabel?i("swirl-visually-hidden",null,i("span",{class:l},this.label)):"default"!==this.variant?i("span",{class:l},this.label):i("div",{class:"shell-navigation-item__text-wrapper"},i("span",{class:l},this.label),this.description&&i("span",{class:"shell-navigation-item__description"},this.description)),s&&i("span",{key:"314a39b2198bc28f55ee94a14eec540ac465924a",class:"shell-navigation-item__badge-wrapper"},i("swirl-badge",{key:"67e82dd1cf4e5097fb8572aefba5c6c43808a0f7","aria-label":this.badgeLabel,class:t("shell-navigation-item__badge",{"shell-navigation-item__badge--dot":""===this.badgeLabel}),label:this.badgeLabel,size:"xs",variant:""===this.badgeLabel?"dot":"default"})),o&&i("swirl-tag",{key:"e4c5c0f2efa1237f658c3a0378046e5c16188228",class:"shell-navigation-item__is-new-tag",intent:"info",label:this.markAsNewLabel.toLocaleUpperCase(),size:"s",variant:"strong"}),r&&i("swirl-badge",{key:"21aac8cdecddb54b7c654d119c5a07eeadf5d216",class:"shell-navigation-item__is-new-badge",intent:"info",label:this.markAsNewLabel.toLocaleUpperCase(),size:"xs",variant:"dot"}))))}get el(){return a(this)}};l.style='/**\n* seems the container query does not work as expected\n*/\n\n:host {\n display: inline-flex;\n width: 100%;\n}\n\n:host * {\n box-sizing: border-box;\n }\n\n.shell-navigation-item {\n --swirl-app-icon-size: 2rem;\n --swirl-shell-navigation-item-gradient: linear-gradient(\n rgba(0, 0, 0, 0),\n rgba(0, 0, 0, 0.8)\n );\n\n position: relative;\n display: flex;\n width: 100%;\n height: 3rem;\n padding: var(--s-space-8);\n flex-shrink: 0;\n justify-content: flex-start;\n align-items: center;\n border: none;\n border-radius: var(--s-border-radius-sm);\n color: var(--s-text-default);\n background-color: var(--s-surface-overlay-default);\n font: inherit;\n font-size: var(--s-font-size-sm);\n font-weight: var(--s-font-weight-medium);\n line-height: var(--s-line-height-sm);\n text-decoration: none;\n cursor: pointer;\n container-type: size;\n gap: var(--s-space-12);\n}\n\n.shell-navigation-item:hover {\n background-color: var(--s-surface-sunken-hovered);\n }\n\n.shell-navigation-item:hover .shell-navigation-item__badge,\n .shell-navigation-item:hover .shell-navigation-item__is-new-badge {\n --swirl-badge-border-color: var(--s-surface-sunken-hovered);\n }\n\n.shell-navigation-item:active {\n background-color: var(--s-surface-sunken-pressed);\n }\n\n.shell-navigation-item:active .shell-navigation-item__badge,\n .shell-navigation-item:active .shell-navigation-item__is-new-badge {\n --swirl-badge-border-color: var(--s-surface-sunken-pressed);\n }\n\n.shell-navigation-item:focus {\n outline: none;\n }\n\n.shell-navigation-item:focus-visible {\n z-index: 1;\n box-shadow: 0 0 0 0.125rem var(--s-focus-default);\n }\n\n.shell-navigation-item.shell-navigation-item--boxed {\n --swirl-app-icon-size: 2rem;\n }\n\n.shell-navigation-item.shell-navigation-item--boxed .shell-navigation-item__icon {\n overflow: hidden;\n border-radius: var(--s-border-radius-sm);\n background-color: var(--s-background-default);\n box-shadow: 0 0 0 var(--s-border-width-default) var(--s-border-default);\n }\n\n.shell-navigation-item.shell-navigation-item--default.shell-navigation-item--filled .shell-navigation-item__icon {\n border-radius: var(--s-border-radius-sm);\n width: 2rem;\n min-width: 2rem;\n height: 2rem;\n min-height: 2rem;\n }\n\n.shell-navigation-item.shell-navigation-item--filled {\n padding: var(--s-space-8);\n }\n\n.shell-navigation-item.shell-navigation-item--filled:not(.shell-navigation-item--has-app-icon) .shell-navigation-item__icon {\n color: var(--s-icon-on-action-primary);\n background-color: var(--s-action-primary-default);\n }\n\n.shell-navigation-item.shell-navigation-item--filled ::slotted(swirl-app-icon) {\n position: inherit;\n width: 100%;\n height: 100%;\n }\n\n.shell-navigation-item.shell-navigation-item--tiled {\n --swirl-app-icon-size: 100%;\n\n height: auto;\n padding: 0;\n align-items: start;\n border-radius: var(--s-border-radius-base);\n flex-direction: column;\n container-type: inline-size;\n gap: var(--s-space-8);\n }\n\n.shell-navigation-item.shell-navigation-item--tiled:hover {\n background-color: transparent;\n }\n\n.shell-navigation-item.shell-navigation-item--tiled:hover .shell-navigation-item__label {\n text-decoration: underline;\n }\n\n.shell-navigation-item.shell-navigation-item--tiled ::slotted(*) {\n position: absolute;\n top: var(--s-space-12);\n left: var(--s-space-12);\n }\n\n.shell-navigation-item.shell-navigation-item--tiled ::slotted(swirl-app-icon) {\n position: inherit;\n width: 100%;\n height: 100%;\n }\n\n.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__icon {\n overflow: hidden;\n width: 100%;\n min-width: 100%;\n height: auto;\n min-height: auto;\n border-radius: var(--s-border-radius-base);\n background-color: var(--s-surface-sunken-hovered);\n aspect-ratio: 1;\n }\n\n.shell-navigation-item.shell-navigation-item--tiled.shell-navigation-item--gradient .shell-navigation-item__icon::after {\n position: absolute;\n display: inline-block;\n width: 100%;\n border-radius: var(--s-border-radius-base);\n background-image: var(--swirl-shell-navigation-item-gradient);\n content: "";\n aspect-ratio: 1;\n }\n\n.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__label {\n color: var(--s-text-default);\n font-weight: var(--s-font-weight-semibold);\n text-align: start;\n }\n\n.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__label--inline {\n position: absolute;\n bottom: var(--s-space-12);\n left: var(--s-space-12);\n margin-right: var(--s-space-12);\n }\n\n.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__label--inline.shell-navigation-item__label--light {\n color: rgba(242, 242, 242, 1);\n }\n\n.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__label--inline.shell-navigation-item__label--dark {\n color: rgb(25, 25, 25);\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon {\n --swirl-app-icon-size: 100%;\n font-size: var(--s-font-size-xs);\n padding: var(--s-space-8) var(--s-space-4);\n align-items: center;\n height: auto;\n border-radius: var(--s-border-radius-sm);\n flex-direction: column;\n container-type: inline-size;\n gap: var(--s-space-8);\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon.shell-navigation-item--hide-label {\n align-items: start;\n padding: var(--s-space-8);\n --swirl-app-icon-size: 2rem;\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon.shell-navigation-item--hide-label .shell-navigation-item__icon {\n border-radius: var(--s-border-radius-sm);\n max-width: 2rem;\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon.shell-navigation-item--hide-label .shell-navigation-item__badge-wrapper {\n max-width: 2rem;\n max-height: 2rem;\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon .shell-navigation-item__icon {\n overflow: hidden;\n width: 100%;\n max-width: 3.5rem;\n height: auto;\n border-radius: var(--s-border-radius-base);\n\n color: var(--s-icon-on-action-primary);\n aspect-ratio: 1;\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon .shell-navigation-item__badge-wrapper {\n max-width: 3.5rem;\n max-height: 3.5rem;\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon .shell-navigation-item__label {\n line-height: var(--s-line-height-xs);\n text-align: center;\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon .shell-navigation-item__badge-wrapper, .shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__badge-wrapper {\n position: absolute;\n width: 100%;\n height: 100%;\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon .shell-navigation-item__label, .shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__label {\n display: -webkit-box;\n overflow: hidden;\n white-space: normal;\n text-overflow: unset;\n overflow-wrap: anywhere;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n }\n\n.shell-navigation-item.shell-navigation-item--app-icon .shell-navigation-item__badge, .shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__badge {\n position: absolute;\n top: -0.375rem;\n right: -0.375rem;\n padding: var(--s-space-2);\n }\n\n.shell-navigation-item.shell-navigation-item--active {\n background-color: var(--s-surface-sunken-hovered);\n }\n\n.shell-navigation-item.shell-navigation-item--active .shell-navigation-item__icon {\n color: var(--s-icon-highlight);\n }\n\n.shell-navigation-item.shell-navigation-item--active .shell-navigation-item__label {\n color: var(--s-text-highlight);\n }\n\n.shell-navigation-item.shell-navigation-item--active .shell-navigation-item__badge {\n --swirl-badge-border-color: var(--s-surface-sunken-hovered);\n }\n\n.shell-navigation-item.shell-navigation-item--active:hover {\n background-color: var(--s-surface-sunken-hovered);\n }\n\n.shell-navigation-item.shell-navigation-item--active:hover .shell-navigation-item__badge {\n --swirl-badge-border-color: var(--s-surface-sunken-hovered);\n }\n\n.shell-navigation-item.shell-navigation-item--active:active {\n background-color: var(--s-surface-sunken-pressed);\n }\n\n.shell-navigation-item.shell-navigation-item--active:active .shell-navigation-item__badge {\n --swirl-badge-border-color: var(--s-surface-sunken-pressed);\n }\n\n@media (min-width: 992px) {\n\n.shell-navigation-item {\n background-color: var(--s-surface-sunken-default)\n}\n }\n\n.shell-navigation-item__icon {\n display: inline-flex;\n width: 2rem;\n min-width: 2rem;\n height: 2rem;\n min-height: 2rem;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n border-radius: var(--s-border-radius-base);\n}\n\n.shell-navigation-item__text-wrapper {\n overflow: hidden;\n min-width: 0;\n flex-grow: 1;\n text-align: start;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n\n.shell-navigation-item__description {\n margin-left: var(--s-space-8);\n font-weight: var(--s-font-weight-normal);\n color: var(--s-text-subdued);\n}\n\n.shell-navigation-item__badge {\n flex-shrink: 0;\n --swirl-badge-border-color: var(--swirl-shell-background);\n}\n\n.shell-navigation-item__is-new-tag {\n flex-shrink: 0;\n}\n\n.shell-navigation-item__is-new-badge {\n position: absolute;\n top: 0.625rem;\n right: 0.625rem;\n flex-shrink: 0;\n --swirl-badge-border-color: var(--swirl-shell-background);\n}\n\n@container (max-width: 4rem) {\n .shell-navigation-item__badge {\n position: absolute;\n top: var(--s-space-4);\n right: var(--s-space-4);\n padding: var(--s-space-2);\n }\n\n .shell-navigation-item--gradient .shell-navigation-item__icon {\n --swirl-shell-navigation-item-gradient: none;\n }\n\n .shell-navigation-item__badge--dot {\n top: var(--s-space-8);\n right: var(--s-space-8);\n }\n}\n\n@container (min-width: 10rem) {\n .shell-navigation-item__badge--dot {\n padding-right: var(--s-space-4);\n }\n}\n';export{l as swirl_shell_navigation_item}