npm - @getflip/swirl-components - Versions diffs - 0.68.0 → 0.68.1 - Mend

@getflip/swirl-components 0.68.0 → 0.68.1

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 (27) hide show

package/components.json CHANGED Viewed

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2023-06-07T13:19:48",
+  "timestamp": "2023-06-12T07:33:10",
   "compiler": {
     "name": "@stencil/core",
     "version": "3.3.1",

package/dist/cjs/swirl-app-layout_7.cjs.entry.js CHANGED Viewed

@@ -477,7 +477,7 @@ const SwirlResourceList = class {
 };
 SwirlResourceList.style = swirlResourceListCss;
-const swirlResourceListItemCss = ".sc-swirl-resource-list-item-h{position:relative;display:block;width:100%}.sc-swirl-resource-list-item-h *.sc-swirl-resource-list-item{box-sizing:border-box}.resource-list-item.sc-swirl-resource-list-item{position:relative;width:100%}.resource-list-item--checked.sc-swirl-resource-list-item .resource-list-item__checkbox.sc-swirl-resource-list-item{border-color:var(--s-icon-highlight);color:var(--s-text-on-status);background-color:var(--s-icon-highlight)}.resource-list-item--has-menu.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item{padding-right:calc(var(--s-space-16) + 2.5rem + var(--s-space-12))}@media (min-width: 768px){.resource-list-item--selectable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-16) + 1.5rem + var(--s-space-12))}}.resource-list-item--selectable.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item{padding-right:calc(var(--s-space-16) + 1.5rem + var(--s-space-12))}@media (min-width: 768px){.resource-list-item--selectable.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item{padding-right:var(--s-space-16)}}.resource-list-item--hide-divider.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item:after{display:none}.resource-list-item--label-weight-medium.sc-swirl-resource-list-item{font-weight:var(--s-font-weight-medium)}.resource-list-item--draggable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-16) * 2 + 1.5rem)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item--draggable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-16) * 2 + 1rem)}}.resource-list-item--dragging.sc-swirl-resource-list-item{z-index:1;border-radius:var(--s-border-radius-s);background-color:var(--s-surface-overlay-pressed);box-shadow:0 0.0625rem 0.125rem rgba(25, 26, 28, 0.08),\n    0 0.25rem 2rem rgba(25, 26, 28, 0.16)}.resource-list-item--dragging.sc-swirl-resource-list-item:hover:not(.resource-list-item--disabled){background-color:var(--s-surface-overlay-pressed)}.resource-list-item__content.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-default);--swirl-badge-border-color:var(--s-background-default);display:flex;width:100%;margin:0;padding-top:var(--s-space-12);padding-right:0;padding-bottom:var(--s-space-12);padding-left:var(--s-space-16);align-items:center;border:none;color:var(--s-text-default);background-color:var(--s-background-default);font:inherit;line-height:var(--s-line-height-base);text-align:left;text-decoration:none;cursor:pointer;gap:var(--s-space-12)}.resource-list-item__content.sc-swirl-resource-list-item:hover:not(:disabled){background-color:var(--s-background-hovered)}.resource-list-item__content.sc-swirl-resource-list-item:hover:not(:disabled) .resource-list-item__media.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-hovered);--swirl-badge-border-color:var(--s-background-hovered)}.resource-list-item__content.sc-swirl-resource-list-item:active:not(:disabled){background-color:var(--s-background-pressed)}.resource-list-item__content.sc-swirl-resource-list-item:active:not(:disabled) .resource-list-item__media.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-pressed);--swirl-badge-border-color:var(--s-background-pressed)}.resource-list-item__content.sc-swirl-resource-list-item:focus{outline:none}.resource-list-item__content.sc-swirl-resource-list-item:focus-visible{background-color:var(--s-background-hovered)}.resource-list-item__content.sc-swirl-resource-list-item:focus-visible .resource-list-item__media.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-hovered);--swirl-badge-border-color:var(--s-background-hovered)}.resource-list-item__content.sc-swirl-resource-list-item:disabled{color:var(--s-text-disabled);background-color:var(--s-background-default);cursor:default}.resource-list-item__content.sc-swirl-resource-list-item:disabled .resource-list-item__description.sc-swirl-resource-list-item{color:var(--s-text-disabled)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item__content.sc-swirl-resource-list-item{padding:var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.resource-list-item__media.sc-swirl-resource-list-item{display:inline-flex}.resource-list-item__label-container.sc-swirl-resource-list-item{position:relative;display:flex;min-width:0;min-height:2.875rem;padding-right:var(--s-space-16);flex-grow:1;justify-content:center;flex-direction:column}.resource-list-item__label-container.sc-swirl-resource-list-item:after{position:absolute;right:0;bottom:calc(-1 * var(--s-space-12));left:0;height:0.0625rem;background-color:var(--s-border-default);content:\"\"}.resource-list-item__label.sc-swirl-resource-list-item{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.resource-list-item__label.sc-swirl-resource-list-item b.sc-swirl-resource-list-item,.resource-list-item__label.sc-swirl-resource-list-item strong.sc-swirl-resource-list-item{font-weight:var(--s-font-weight-semibold)}.resource-list-item__description.sc-swirl-resource-list-item{overflow:hidden;margin-top:var(--s-space-2);color:var(--s-text-subdued);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);white-space:nowrap;text-overflow:ellipsis}.resource-list-item__menu-trigger.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-16);transform:translateY(-50%)}.resource-list-item__checkbox.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-16);display:flex;width:1.25rem;height:1.25rem;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:var(--s-border-radius-s);transform:translateY(-50%);pointer-events:none}@media (min-width: 768px){.resource-list-item__checkbox.sc-swirl-resource-list-item{right:auto;left:var(--s-space-16)}}.resource-list-item__checkbox-icon.sc-swirl-resource-list-item{display:inline-flex;width:1.0625rem;height:1.0625rem}.resource-list-item__checkbox-icon.sc-swirl-resource-list-item>*.sc-swirl-resource-list-item::part(icon){width:1.0625rem;height:1.0625rem}.resource-list-item__meta.sc-swirl-resource-list-item{position:absolute;top:calc(var(--s-space-12) + var(--s-space-4));right:var(--s-space-16);color:var(--s-text-subdued);font-size:var(--s-font-size-sm)}.resource-list-item__drag-handle.sc-swirl-resource-list-item{position:absolute;z-index:1;top:50%;left:var(--s-space-4);display:inline-flex;margin:0;padding:0;padding:var(--s-space-8);flex-shrink:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:grab;transform:translateY(-50%)}.resource-list-item__drag-handle.sc-swirl-resource-list-item:active{cursor:grabbing}.resource-list-item__drag-handle.sc-swirl-resource-list-item:focus:not(:focus-visible){outline:none}.resource-list-item__drag-handle.sc-swirl-resource-list-item:focus-visible{outline-color:var(--s-focus-default)}";
+const swirlResourceListItemCss = ".sc-swirl-resource-list-item-h{position:relative;display:block;width:100%}.sc-swirl-resource-list-item-h *.sc-swirl-resource-list-item{box-sizing:border-box}.resource-list-item.sc-swirl-resource-list-item{position:relative;width:100%}.resource-list-item.sc-swirl-resource-list-item:hover{--swirl-ghost-button-background-default:var(--s-background-hovered)}.resource-list-item--checked.sc-swirl-resource-list-item .resource-list-item__checkbox.sc-swirl-resource-list-item{border-color:var(--s-icon-highlight);color:var(--s-text-on-status);background-color:var(--s-icon-highlight)}.resource-list-item--has-menu.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item{padding-right:calc(var(--s-space-16) + 2.5rem + var(--s-space-12))}@media (min-width: 768px){.resource-list-item--selectable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-16) + 1.5rem + var(--s-space-12))}}.resource-list-item--selectable.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item{padding-right:calc(var(--s-space-16) + 1.5rem + var(--s-space-12))}@media (min-width: 768px){.resource-list-item--selectable.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item{padding-right:var(--s-space-16)}}.resource-list-item--hide-divider.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item:after{display:none}.resource-list-item--label-weight-medium.sc-swirl-resource-list-item{font-weight:var(--s-font-weight-medium)}.resource-list-item--draggable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-16) * 2 + 1.5rem)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item--draggable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-16) * 2 + 1rem)}}.resource-list-item--dragging.sc-swirl-resource-list-item{z-index:1;border-radius:var(--s-border-radius-s);background-color:var(--s-surface-overlay-pressed);box-shadow:0 0.0625rem 0.125rem rgba(25, 26, 28, 0.08),\n    0 0.25rem 2rem rgba(25, 26, 28, 0.16)}.resource-list-item--dragging.sc-swirl-resource-list-item:hover:not(.resource-list-item--disabled){background-color:var(--s-surface-overlay-pressed)}.resource-list-item__content.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-default);--swirl-badge-border-color:var(--s-background-default);display:flex;width:100%;margin:0;padding-top:var(--s-space-12);padding-right:0;padding-bottom:var(--s-space-12);padding-left:var(--s-space-16);align-items:center;border:none;color:var(--s-text-default);background-color:var(--swirl-resource-list-item-background-default);font:inherit;line-height:var(--s-line-height-base);text-align:left;text-decoration:none;cursor:pointer;gap:var(--s-space-12)}.resource-list-item__content.sc-swirl-resource-list-item:hover:not(:disabled){background-color:var(--swirl-resource-list-item-background-hovered)}.resource-list-item__content.sc-swirl-resource-list-item:hover:not(:disabled) .resource-list-item__media.sc-swirl-resource-list-item{--swirl-avatar-background-color:var(--s-surface-raised-hovered);--swirl-avatar-group-border-color:var(--s-background-hovered);--swirl-badge-border-color:var(--s-background-hovered)}.resource-list-item__content.sc-swirl-resource-list-item:active:not(:disabled){background-color:var(--swirl-resource-list-item-background-pressed)}.resource-list-item__content.sc-swirl-resource-list-item:active:not(:disabled) .resource-list-item__media.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-pressed);--swirl-badge-border-color:var(--s-background-pressed)}.resource-list-item__content.sc-swirl-resource-list-item:focus{outline:none}.resource-list-item__content.sc-swirl-resource-list-item:focus-visible{background-color:var(--s-background-hovered)}.resource-list-item__content.sc-swirl-resource-list-item:focus-visible .resource-list-item__media.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-hovered);--swirl-badge-border-color:var(--s-background-hovered)}.resource-list-item__content.sc-swirl-resource-list-item:disabled{color:var(--s-text-disabled);background-color:var(--s-background-default);cursor:default}.resource-list-item__content.sc-swirl-resource-list-item:disabled .resource-list-item__description.sc-swirl-resource-list-item{color:var(--s-text-disabled)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item__content.sc-swirl-resource-list-item{padding:var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.resource-list-item__media.sc-swirl-resource-list-item{display:inline-flex}.resource-list-item__label-container.sc-swirl-resource-list-item{position:relative;display:flex;min-width:0;min-height:2.875rem;padding-right:var(--s-space-16);flex-grow:1;justify-content:center;flex-direction:column}.resource-list-item__label-container.sc-swirl-resource-list-item:after{position:absolute;right:0;bottom:calc(-1 * var(--s-space-12));left:0;height:0.0625rem;background-color:var(--s-border-default);content:\"\"}.resource-list-item__label.sc-swirl-resource-list-item{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.resource-list-item__label.sc-swirl-resource-list-item b.sc-swirl-resource-list-item,.resource-list-item__label.sc-swirl-resource-list-item strong.sc-swirl-resource-list-item{font-weight:var(--s-font-weight-semibold)}.resource-list-item__description.sc-swirl-resource-list-item{overflow:hidden;margin-top:var(--s-space-2);color:var(--s-text-subdued);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);white-space:nowrap;text-overflow:ellipsis}.resource-list-item__menu-trigger.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-16);transform:translateY(-50%)}.resource-list-item__checkbox.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-16);display:flex;width:1.25rem;height:1.25rem;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:var(--s-border-radius-s);transform:translateY(-50%);pointer-events:none}@media (min-width: 768px){.resource-list-item__checkbox.sc-swirl-resource-list-item{right:auto;left:var(--s-space-16)}}.resource-list-item__checkbox-icon.sc-swirl-resource-list-item{display:inline-flex;width:1.0625rem;height:1.0625rem}.resource-list-item__checkbox-icon.sc-swirl-resource-list-item>*.sc-swirl-resource-list-item::part(icon){width:1.0625rem;height:1.0625rem}.resource-list-item__meta.sc-swirl-resource-list-item{position:absolute;top:calc(var(--s-space-12) + var(--s-space-4));right:var(--s-space-16);color:var(--s-text-subdued);font-size:var(--s-font-size-sm)}.resource-list-item__drag-handle.sc-swirl-resource-list-item{position:absolute;z-index:1;top:50%;left:var(--s-space-4);display:inline-flex;margin:0;padding:0;padding:var(--s-space-8);flex-shrink:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:grab;transform:translateY(-50%)}.resource-list-item__drag-handle.sc-swirl-resource-list-item:active{cursor:grabbing}.resource-list-item__drag-handle.sc-swirl-resource-list-item:focus:not(:focus-visible){outline:none}.resource-list-item__drag-handle.sc-swirl-resource-list-item:focus-visible{outline-color:var(--s-focus-default)}";
 const SwirlResourceListItem = class {
   constructor(hostRef) {

package/dist/cjs/swirl-avatar.cjs.entry.js CHANGED Viewed

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-506fe4ea.js');
 const index$1 = require('./index-2ddd0598.js');
-const swirlAvatarCss = ":host{display:inline-flex;flex-shrink:0;align-items:center;flex-direction:column}:host *{box-sizing:border-box}.avatar{position:relative;display:inline-flex;justify-content:center;align-items:center;border-radius:50%}.avatar--has-icon{color:var(--s-icon-default);background-color:var(--s-surface-raised-default)}.avatar--has-initials{padding-right:0;padding-left:0;color:#fff}.avatar--interactive{cursor:pointer}.avatar--interactive:focus:not(:focus-visible){outline:none}.avatar--interactive:focus-visible{outline-color:var(--s-focus-default)}.avatar--size-xs{width:1.75rem;height:1.75rem;font-size:0.75rem}.avatar--size-xs.avatar--has-icon{padding-right:0.4375rem;padding-left:0.4375rem}.avatar--size-xs.avatar--variant-square,.avatar--size-xs.avatar--variant-square .avatar__image,.avatar--size-xs.avatar--variant-square .avatar__initials{border-radius:0.5rem}.avatar--size-s{width:2rem;height:2rem;font-size:0.75rem}.avatar--size-s.avatar--has-icon{padding-right:var(--s-space-8);padding-left:var(--s-space-8)}.avatar--size-s.avatar--variant-square,.avatar--size-s.avatar--variant-square .avatar__image,.avatar--size-s.avatar--variant-square .avatar__initials{border-radius:0.5rem}.avatar--size-m{width:2.5rem;height:2.5rem;font-size:var(--s-font-size-base)}.avatar--size-m.avatar--has-icon{padding-right:0.625rem;padding-left:0.625rem}.avatar--size-m.avatar--variant-square,.avatar--size-m.avatar--variant-square .avatar__image,.avatar--size-m.avatar--variant-square .avatar__initials{border-radius:0.625rem}.avatar--size-l{width:3rem;height:3rem;font-size:var(--s-font-size-lg)}.avatar--size-l.avatar--has-icon{padding-right:var(--s-space-12);padding-left:var(--s-space-12)}.avatar--size-l.avatar--variant-square,.avatar--size-l.avatar--variant-square .avatar__image,.avatar--size-l.avatar--variant-square .avatar__initials{border-radius:0.75rem}.avatar--size-xl{width:4rem;height:4rem;font-size:var(--s-font-size-xl)}.avatar--size-xl.avatar--has-icon{padding-right:var(--s-space-16);padding-left:var(--s-space-16)}.avatar--size-xl.avatar--variant-square,.avatar--size-xl.avatar--variant-square .avatar__image,.avatar--size-xl.avatar--variant-square .avatar__initials{border-radius:1rem}.avatar--size-2xl{width:9rem;height:9rem;font-size:3.375rem}.avatar--size-2xl.avatar--has-icon{padding-right:var(--s-space-32);padding-left:var(--s-space-32)}.avatar--size-2xl.avatar--variant-square,.avatar--size-2xl.avatar--variant-square .avatar__image,.avatar--size-2xl.avatar--variant-square .avatar__initials{border-radius:2.25rem}.avatar--color-banana .avatar__initials{color:var(--s-decorative-banana-text);background-color:var(--s-decorative-banana-surface-subdued)}.avatar--color-blueberry .avatar__initials{color:var(--s-decorative-blueberry-text);background-color:var(--s-decorative-blueberry-surface-subdued)}.avatar--color-chilli .avatar__initials{color:var(--s-decorative-chilli-text);background-color:var(--s-decorative-chilli-surface-subdued)}.avatar--color-grape .avatar__initials{color:var(--s-decorative-grape-text);background-color:var(--s-decorative-grape-surface-subdued)}.avatar--color-kiwi .avatar__initials{color:var(--s-decorative-kiwi-text);background-color:var(--s-decorative-kiwi-surface-subdued)}.avatar--color-pumpkin .avatar__initials{color:var(--s-decorative-pumpkin-text);background-color:var(--s-decorative-pumpkin-surface-subdued)}.avatar--color-radish .avatar__initials{color:var(--s-decorative-radish-text);background-color:var(--s-decorative-radish-surface-subdued)}.avatar__image{overflow:hidden;width:100%;height:100%;border-radius:50%}.avatar__image>img{width:100%;height:100%}.avatar__icon{display:inline-flex}.avatar__icon>*{width:100%;height:100%}.avatar__icon>*::part(icon){width:100%;height:100%}.avatar__initials{display:inline-flex;width:100%;min-width:0;height:100%;padding-right:0.0625rem;padding-left:0.0625rem;justify-content:center;align-items:center;border-radius:50%;font-weight:var(--s-font-weight-medium)}.avatar__initials>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.avatar__badge{position:absolute;bottom:0;left:55%;display:inline-flex;min-width:1.5rem;height:1.5rem;transform:translate3d(0, 25%, 0)}.avatar__badge--position-top{top:0;bottom:auto;transform:translate3d(0, -25%, 0)}.avatar__label{margin-top:var(--s-space-4);color:var(--s-icon-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);text-align:center}";
+const swirlAvatarCss = ":host{display:inline-flex;flex-shrink:0;align-items:center;flex-direction:column}:host *{box-sizing:border-box}.avatar{position:relative;display:inline-flex;justify-content:center;align-items:center;border-radius:50%}.avatar--has-icon{color:var(--s-icon-default);background-color:var(--swirl-avatar-background-color)}.avatar--has-initials{padding-right:0;padding-left:0;color:#fff}.avatar--interactive{cursor:pointer}.avatar--interactive:focus:not(:focus-visible){outline:none}.avatar--interactive:focus-visible{outline-color:var(--s-focus-default)}.avatar--size-xs{width:1.75rem;height:1.75rem;font-size:0.75rem}.avatar--size-xs.avatar--has-icon{padding-right:0.4375rem;padding-left:0.4375rem}.avatar--size-xs.avatar--variant-square,.avatar--size-xs.avatar--variant-square .avatar__image,.avatar--size-xs.avatar--variant-square .avatar__initials{border-radius:0.5rem}.avatar--size-s{width:2rem;height:2rem;font-size:0.75rem}.avatar--size-s.avatar--has-icon{padding-right:var(--s-space-8);padding-left:var(--s-space-8)}.avatar--size-s.avatar--variant-square,.avatar--size-s.avatar--variant-square .avatar__image,.avatar--size-s.avatar--variant-square .avatar__initials{border-radius:0.5rem}.avatar--size-m{width:2.5rem;height:2.5rem;font-size:var(--s-font-size-base)}.avatar--size-m.avatar--has-icon{padding-right:0.625rem;padding-left:0.625rem}.avatar--size-m.avatar--variant-square,.avatar--size-m.avatar--variant-square .avatar__image,.avatar--size-m.avatar--variant-square .avatar__initials{border-radius:0.625rem}.avatar--size-l{width:3rem;height:3rem;font-size:var(--s-font-size-lg)}.avatar--size-l.avatar--has-icon{padding-right:var(--s-space-12);padding-left:var(--s-space-12)}.avatar--size-l.avatar--variant-square,.avatar--size-l.avatar--variant-square .avatar__image,.avatar--size-l.avatar--variant-square .avatar__initials{border-radius:0.75rem}.avatar--size-xl{width:4rem;height:4rem;font-size:var(--s-font-size-xl)}.avatar--size-xl.avatar--has-icon{padding-right:var(--s-space-16);padding-left:var(--s-space-16)}.avatar--size-xl.avatar--variant-square,.avatar--size-xl.avatar--variant-square .avatar__image,.avatar--size-xl.avatar--variant-square .avatar__initials{border-radius:1rem}.avatar--size-2xl{width:9rem;height:9rem;font-size:3.375rem}.avatar--size-2xl.avatar--has-icon{padding-right:var(--s-space-32);padding-left:var(--s-space-32)}.avatar--size-2xl.avatar--variant-square,.avatar--size-2xl.avatar--variant-square .avatar__image,.avatar--size-2xl.avatar--variant-square .avatar__initials{border-radius:2.25rem}.avatar--color-banana .avatar__initials{color:var(--s-decorative-banana-text);background-color:var(--s-decorative-banana-surface-subdued)}.avatar--color-blueberry .avatar__initials{color:var(--s-decorative-blueberry-text);background-color:var(--s-decorative-blueberry-surface-subdued)}.avatar--color-chilli .avatar__initials{color:var(--s-decorative-chilli-text);background-color:var(--s-decorative-chilli-surface-subdued)}.avatar--color-grape .avatar__initials{color:var(--s-decorative-grape-text);background-color:var(--s-decorative-grape-surface-subdued)}.avatar--color-kiwi .avatar__initials{color:var(--s-decorative-kiwi-text);background-color:var(--s-decorative-kiwi-surface-subdued)}.avatar--color-pumpkin .avatar__initials{color:var(--s-decorative-pumpkin-text);background-color:var(--s-decorative-pumpkin-surface-subdued)}.avatar--color-radish .avatar__initials{color:var(--s-decorative-radish-text);background-color:var(--s-decorative-radish-surface-subdued)}.avatar__image{overflow:hidden;width:100%;height:100%;border-radius:50%}.avatar__image>img{width:100%;height:100%}.avatar__icon{display:inline-flex}.avatar__icon>*{width:100%;height:100%}.avatar__icon>*::part(icon){width:100%;height:100%}.avatar__initials{display:inline-flex;width:100%;min-width:0;height:100%;padding-right:0.0625rem;padding-left:0.0625rem;justify-content:center;align-items:center;border-radius:50%;font-weight:var(--s-font-weight-medium)}.avatar__initials>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.avatar__badge{position:absolute;bottom:0;left:55%;display:inline-flex;min-width:1.5rem;height:1.5rem;transform:translate3d(0, 25%, 0)}.avatar__badge--position-top{top:0;bottom:auto;transform:translate3d(0, -25%, 0)}.avatar__label{margin-top:var(--s-space-4);color:var(--s-icon-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);text-align:center}";
 const swirlAvatarSizeMappings = {
   xs: 28,

package/dist/cjs/swirl-card.cjs.entry.js CHANGED Viewed

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-506fe4ea.js');
 const index$1 = require('./index-2ddd0598.js');
-const swirlCardCss = ":host{display:block}:host *{box-sizing:border-box}.card{display:flex;overflow:hidden;width:100%;margin:0;padding:0;border:var(--s-border-width-default) solid var(--s-border-default);border-radius:var(--s-border-radius-base);color:var(--s-text-default);background-color:var(--s-surface-default);font:inherit;text-decoration:none;flex-direction:column;--swirl-ghost-button-background-default:var(--s-surface-default);--swirl-ghost-button-background-hovered:var(--s-surface-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-pressed)}a.card,button.card,.card--interactive{cursor:pointer}a.card:hover,button.card:hover,.card--interactive:hover{background-color:var(--s-surface-hovered)}a.card:active,button.card:active,.card--interactive:active{background-color:var(--s-surface-pressed)}a.card:focus:not(:focus-visible),button.card:focus:not(:focus-visible),.card--interactive:focus:not(:focus-visible){outline:none}a.card:focus-visible,button.card:focus-visible,.card--interactive:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-4)}.card--is--borderless{border:0}.card--elevated{border-color:transparent;box-shadow:0 0.75rem 1rem rgba(25, 26, 28, 0.12),\n    0 0.25rem 0.75rem rgba(25, 26, 28, 0.08)}.card--highlighted{border-width:0.1875rem;border-color:var(--s-border-highlight)}.card--justify-content-start .card__body{justify-content:flex-start}.card--justify-content-center .card__body{justify-content:center}.card--justify-content-end .card__body{justify-content:flex-end}:not(.card--has-image) .card__image{overflow:hidden;height:0}.card--intent-critical-subdued{background-color:var(--s-surface-critical-subdued)}.card--intent-info-subdued{background-color:var(--s-surface-info-subdued)}.card--intent-success-subdued{background-color:var(--s-surface-success-subdued)}.card--intent-warning-subdued{background-color:var(--s-surface-warning-subdued)}.content-section{padding:0 var(--s-space-16)}.card__image{overflow:hidden;min-height:0}.card__image ::slotted(img){display:inline-flex;width:100%;max-height:100%;-o-object-fit:cover;object-fit:cover}.card__body{display:flex;min-height:0;padding:var(--s-space-12) var(--s-space-16) var(--s-space-16);flex-grow:1;flex-direction:column;gap:var(--s-space-16)}";
+const swirlCardCss = ":host{display:block}:host *{box-sizing:border-box}.card{display:flex;overflow:hidden;width:100%;margin:0;padding:0;border:var(--s-border-width-default) solid var(--s-border-default);border-radius:var(--s-border-radius-base);color:var(--s-text-default);background-color:var(--s-surface-default);font:inherit;text-decoration:none;flex-direction:column;--swirl-ghost-button-background-default:var(--s-surface-default);--swirl-ghost-button-background-hovered:var(--s-surface-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-pressed);--swirl-resource-list-item-background-default:var(--s-surface-default);--swirl-resource-list-item-background-hovered:var(--s-surface-hovered);--swirl-resource-list-item-background-pressed:var(--s-surface-pressed)}a.card,button.card,.card--interactive{cursor:pointer}a.card:hover,button.card:hover,.card--interactive:hover{background-color:var(--s-surface-hovered)}a.card:active,button.card:active,.card--interactive:active{background-color:var(--s-surface-pressed)}a.card:focus:not(:focus-visible),button.card:focus:not(:focus-visible),.card--interactive:focus:not(:focus-visible){outline:none}a.card:focus-visible,button.card:focus-visible,.card--interactive:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-4)}.card--is--borderless{border:0}.card--elevated{border-color:transparent;box-shadow:0 0.75rem 1rem rgba(25, 26, 28, 0.12),\n    0 0.25rem 0.75rem rgba(25, 26, 28, 0.08)}.card--highlighted{border-width:0.1875rem;border-color:var(--s-border-highlight)}.card--justify-content-start .card__body{justify-content:flex-start}.card--justify-content-center .card__body{justify-content:center}.card--justify-content-end .card__body{justify-content:flex-end}:not(.card--has-image) .card__image{overflow:hidden;height:0}.card--intent-critical-subdued{background-color:var(--s-surface-critical-subdued)}.card--intent-info-subdued{background-color:var(--s-surface-info-subdued)}.card--intent-success-subdued{background-color:var(--s-surface-success-subdued)}.card--intent-warning-subdued{background-color:var(--s-surface-warning-subdued)}.content-section{padding:0 var(--s-space-16)}.card__image{overflow:hidden;min-height:0}.card__image ::slotted(img){display:inline-flex;width:100%;max-height:100%;-o-object-fit:cover;object-fit:cover}.card__body{display:flex;min-height:0;padding:var(--s-space-12) var(--s-space-16) var(--s-space-16);flex-grow:1;flex-direction:column;gap:var(--s-space-16)}";
 const swirlCardBorderRadiusTokens = ["xs", "sm", "base", "l", "xl"];
 const SwirlCard = class {

package/dist/cjs/swirl-modal.cjs.entry.js CHANGED Viewed

@@ -1148,7 +1148,7 @@ var createFocusTrap = function createFocusTrap(elements, userOptions) {
   return trap;
 };
-const swirlModalCss = ":host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghost-button-background-default:var(--s-surface-overlay-default);--swirl-ghost-button-background-hovered:var(--s-surface-overlay-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-overlay-pressed);position:fixed;z-index:var(--s-z-40);display:flex;justify-content:center;align-items:center;inset:0}.modal[aria-hidden=\"true\"]{display:none}.modal--variant-default.modal--closing{animation:0.15s modal-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.modal--variant-default.modal--closing{animation:none}}.modal--variant-default:not(.modal--closing) .modal__backdrop{animation:0.15s modal-backdrop-fade-in}@media (prefers-reduced-motion){.modal--variant-default:not(.modal--closing) .modal__backdrop{animation:none}}.modal--variant-default:not(.modal--closing) .modal__body{animation:0.15s modal-scale-in}@media (prefers-reduced-motion){.modal--variant-default:not(.modal--closing) .modal__body{animation:none}}.modal--variant-drawer{justify-content:end;align-items:stretch}.modal--variant-drawer.modal--closing{animation:0.15s modal-drawer-slide-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.modal--variant-drawer.modal--closing{animation:none}}.modal--variant-drawer.modal--hide-label .modal__content{padding-top:calc(3.5rem + var(--s-space-8))}.modal--variant-drawer .modal__backdrop{background-color:transparent;animation:none}.modal--variant-drawer .modal__body{height:100%;max-height:none;border-radius:0;animation:0.15s modal-drawer-slide-in;box-shadow:var(--s-shadow-level-3)}@media (prefers-reduced-motion){.modal--variant-drawer .modal__body{animation:none}}.modal--variant-drawer .modal__close-button{right:auto;left:var(--s-space-8)}@media (min-width: 768px){.modal--variant-drawer .modal__close-button{left:var(--s-space-16)}}.modal--variant-drawer .modal__header{padding-right:var(--s-space-16);padding-left:calc(var(--s-space-8) + 2.5rem + var(--s-space-8))}@media (min-width: 768px){.modal--variant-drawer .modal__header{padding-top:var(--s-space-16);padding-right:var(--s-space-24);padding-left:calc(var(--s-space-16) + 2.5rem + var(--s-space-8))}}.modal--padded .modal__content{padding-top:var(--s-space-24);padding-right:var(--s-space-16);padding-bottom:var(--s-space-24);padding-left:var(--s-space-16)}@media (min-width: 768px){.modal--padded .modal__content{padding-top:0;padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24)}}@media (min-width: 768px){.modal--scrollable .modal__content{padding-bottom:0}}.modal--scrollable:not(.modal--scrolled-down).modal--has-custom-footer .modal__custom-footer{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--scrollable:not(.modal--scrolled-down):not(.modal--has-custom-footer) .modal__controls{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--has-custom-header .modal__content{padding-top:var(--s-space-16)}.modal--has-custom-footer .modal__custom-footer{padding-top:var(--s-space-16);padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24)}@media (min-width: 768px){.modal--scrolled .modal__header{border-bottom-color:var(--s-border-default)}}.modal__backdrop{position:fixed;background-color:rgba(0, 0, 0, 0.2);inset:0}.modal__body{position:relative;z-index:var(--s-z-40);display:flex;overflow:hidden;width:100vw;max-width:40rem;height:100vh;background-color:var(--s-surface-overlay-default);flex-direction:column}@media (min-width: 768px){.modal__body{width:90vw;height:auto;max-height:90vh;border-radius:var(--s-border-radius-base);box-shadow:var(--s-shadow-level-3)}}.modal__close-button{position:absolute;z-index:1;top:var(--s-space-8);left:var(--s-space-8)}@media (min-width: 768px){.modal__close-button{top:var(--s-space-16);right:var(--s-space-16);left:auto}}.modal__header{display:flex;height:3.5rem;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:calc(var(--s-space-8) + 2.5rem + var(--s-space-8));flex-shrink:0;align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);gap:var(--s-space-16)}@media (min-width: 768px){.modal__header{height:4.125rem;padding-top:var(--s-space-24);padding-right:calc(var(--s-space-16) + 2.5rem + var(--s-space-8));padding-bottom:var(--s-space-16);padding-left:var(--s-space-24);border-bottom:var(--s-border-width-default) solid transparent}}.modal__custom-header{flex-shrink:0;border-bottom:var(--s-border-width-default) solid var(--s-border-default)}.modal__heading{overflow:hidden}.modal__heading .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.modal__content{overflow-x:hidden;overflow-y:auto;flex-grow:1;line-height:var(--s-line-height-base)}.modal__content ::slotted(*){margin:0}.modal__custom-footer{flex-shrink:0}.modal__controls{display:flex;padding-top:var(--s-space-16);padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24);flex-shrink:0;justify-content:flex-end}@keyframes modal-scale-in{from{transform:scale(0)}to{transform:scale(1)}}@keyframes modal-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes modal-fade-out{from{opacity:1}to{opacity:0}}@keyframes modal-drawer-slide-in{from{transform:translate3d(100%, 0, 0)}to{transform:translate3d(0, 0, 0)}}@keyframes modal-drawer-slide-out{from{transform:translate3d(0, 0, 0)}to{transform:translate3d(100%, 0, 0)}}";
+const swirlModalCss = ":host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghost-button-background-default:var(--s-surface-overlay-default);--swirl-ghost-button-background-hovered:var(--s-surface-overlay-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-overlay-pressed);--swirl-resource-list-item-background-default:var(\n    --s-surface-overlay-default\n  );--swirl-resource-list-item-background-hovered:var(\n    --s-surface-overlay-hovered\n  );--swirl-resource-list-item-background-pressed:var(\n    --s-surface-overlay-pressed\n  );position:fixed;z-index:var(--s-z-40);display:flex;justify-content:center;align-items:center;inset:0}.modal[aria-hidden=\"true\"]{display:none}.modal--variant-default.modal--closing{animation:0.15s modal-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.modal--variant-default.modal--closing{animation:none}}.modal--variant-default:not(.modal--closing) .modal__backdrop{animation:0.15s modal-backdrop-fade-in}@media (prefers-reduced-motion){.modal--variant-default:not(.modal--closing) .modal__backdrop{animation:none}}.modal--variant-default:not(.modal--closing) .modal__body{animation:0.15s modal-scale-in}@media (prefers-reduced-motion){.modal--variant-default:not(.modal--closing) .modal__body{animation:none}}.modal--variant-drawer{justify-content:end;align-items:stretch}.modal--variant-drawer.modal--closing{animation:0.15s modal-drawer-slide-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.modal--variant-drawer.modal--closing{animation:none}}.modal--variant-drawer.modal--hide-label .modal__content{padding-top:calc(3.5rem + var(--s-space-8))}.modal--variant-drawer .modal__backdrop{background-color:transparent;animation:none}.modal--variant-drawer .modal__body{height:100%;max-height:none;border-radius:0;animation:0.15s modal-drawer-slide-in;box-shadow:var(--s-shadow-level-3)}@media (prefers-reduced-motion){.modal--variant-drawer .modal__body{animation:none}}.modal--variant-drawer .modal__close-button{right:auto;left:var(--s-space-8)}@media (min-width: 768px){.modal--variant-drawer .modal__close-button{left:var(--s-space-16)}}.modal--variant-drawer .modal__header{padding-right:var(--s-space-16);padding-left:calc(var(--s-space-8) + 2.5rem + var(--s-space-8))}@media (min-width: 768px){.modal--variant-drawer .modal__header{padding-top:var(--s-space-16);padding-right:var(--s-space-24);padding-left:calc(var(--s-space-16) + 2.5rem + var(--s-space-8))}}.modal--padded .modal__content{padding-top:var(--s-space-24);padding-right:var(--s-space-16);padding-bottom:var(--s-space-24);padding-left:var(--s-space-16)}@media (min-width: 768px){.modal--padded .modal__content{padding-top:0;padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24)}}@media (min-width: 768px){.modal--scrollable .modal__content{padding-bottom:0}}.modal--scrollable:not(.modal--scrolled-down).modal--has-custom-footer .modal__custom-footer{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--scrollable:not(.modal--scrolled-down):not(.modal--has-custom-footer) .modal__controls{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--has-custom-header .modal__content{padding-top:var(--s-space-16)}.modal--has-custom-footer .modal__custom-footer{padding-top:var(--s-space-16);padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24)}@media (min-width: 768px){.modal--scrolled .modal__header{border-bottom-color:var(--s-border-default)}}.modal__backdrop{position:fixed;background-color:rgba(0, 0, 0, 0.2);inset:0}.modal__body{position:relative;z-index:var(--s-z-40);display:flex;overflow:hidden;width:100vw;max-width:40rem;height:100vh;background-color:var(--s-surface-overlay-default);flex-direction:column}@media (min-width: 768px){.modal__body{width:90vw;height:auto;max-height:90vh;border-radius:var(--s-border-radius-base);box-shadow:var(--s-shadow-level-3)}}.modal__close-button{position:absolute;z-index:1;top:var(--s-space-8);left:var(--s-space-8)}@media (min-width: 768px){.modal__close-button{top:var(--s-space-16);right:var(--s-space-16);left:auto}}.modal__header{display:flex;height:3.5rem;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:calc(var(--s-space-8) + 2.5rem + var(--s-space-8));flex-shrink:0;align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);gap:var(--s-space-16)}@media (min-width: 768px){.modal__header{height:4.125rem;padding-top:var(--s-space-24);padding-right:calc(var(--s-space-16) + 2.5rem + var(--s-space-8));padding-bottom:var(--s-space-16);padding-left:var(--s-space-24);border-bottom:var(--s-border-width-default) solid transparent}}.modal__custom-header{flex-shrink:0;border-bottom:var(--s-border-width-default) solid var(--s-border-default)}.modal__heading{overflow:hidden}.modal__heading .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.modal__content{overflow-x:hidden;overflow-y:auto;flex-grow:1;line-height:var(--s-line-height-base)}.modal__content ::slotted(*){margin:0}.modal__custom-footer{flex-shrink:0}.modal__controls{display:flex;padding-top:var(--s-space-16);padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24);flex-shrink:0;justify-content:flex-end}@keyframes modal-scale-in{from{transform:scale(0)}to{transform:scale(1)}}@keyframes modal-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes modal-fade-out{from{opacity:1}to{opacity:0}}@keyframes modal-drawer-slide-in{from{transform:translate3d(100%, 0, 0)}to{transform:translate3d(0, 0, 0)}}@keyframes modal-drawer-slide-out{from{transform:translate3d(0, 0, 0)}to{transform:translate3d(100%, 0, 0)}}";
 const SwirlModal = class {
   constructor(hostRef) {

package/dist/collection/components/swirl-avatar/swirl-avatar.css CHANGED Viewed

@@ -19,7 +19,7 @@
 .avatar--has-icon {
   color: var(--s-icon-default);
-  background-color: var(--s-surface-raised-default);
+  background-color: var(--swirl-avatar-background-color);
 }
 .avatar--has-initials {

package/dist/collection/components/swirl-card/swirl-card.css CHANGED Viewed

@@ -23,6 +23,9 @@
   --swirl-ghost-button-background-default: var(--s-surface-default);
   --swirl-ghost-button-background-hovered: var(--s-surface-hovered);
   --swirl-ghost-button-background-pressed: var(--s-surface-pressed);
+  --swirl-resource-list-item-background-default: var(--s-surface-default);
+  --swirl-resource-list-item-background-hovered: var(--s-surface-hovered);
+  --swirl-resource-list-item-background-pressed: var(--s-surface-pressed);
 }
 a.card,

package/dist/collection/components/swirl-modal/swirl-modal.css CHANGED Viewed

@@ -10,6 +10,15 @@
   --swirl-ghost-button-background-default: var(--s-surface-overlay-default);
   --swirl-ghost-button-background-hovered: var(--s-surface-overlay-hovered);
   --swirl-ghost-button-background-pressed: var(--s-surface-overlay-pressed);
+  --swirl-resource-list-item-background-default: var(
+    --s-surface-overlay-default
+  );
+  --swirl-resource-list-item-background-hovered: var(
+    --s-surface-overlay-hovered
+  );
+  --swirl-resource-list-item-background-pressed: var(
+    --s-surface-overlay-pressed
+  );
   position: fixed;
   z-index: var(--s-z-40);

package/dist/collection/components/swirl-resource-list-item/swirl-resource-list-item.css CHANGED Viewed

@@ -13,6 +13,10 @@
   width: 100%;
 }
+.resource-list-item:hover {
+    --swirl-ghost-button-background-default: var(--s-background-hovered);
+  }
 .resource-list-item--checked .resource-list-item__checkbox {
     border-color: var(--s-icon-highlight);
     color: var(--s-text-on-status);
@@ -86,7 +90,7 @@
   align-items: center;
   border: none;
   color: var(--s-text-default);
-  background-color: var(--s-background-default);
+  background-color: var(--swirl-resource-list-item-background-default);
   font: inherit;
   line-height: var(--s-line-height-base);
   text-align: left;
@@ -96,16 +100,17 @@
 }
 .resource-list-item__content:hover:not(:disabled) {
-    background-color: var(--s-background-hovered);
+    background-color: var(--swirl-resource-list-item-background-hovered);
   }
 .resource-list-item__content:hover:not(:disabled) .resource-list-item__media {
+      --swirl-avatar-background-color: var(--s-surface-raised-hovered);
       --swirl-avatar-group-border-color: var(--s-background-hovered);
       --swirl-badge-border-color: var(--s-background-hovered);
     }
 .resource-list-item__content:active:not(:disabled) {
-    background-color: var(--s-background-pressed);
+    background-color: var(--swirl-resource-list-item-background-pressed);
   }
 .resource-list-item__content:active:not(:disabled) .resource-list-item__media {

package/dist/components/swirl-avatar.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal
 import { c as classnames } from './index2.js';
 import { d as defineCustomElement$2 } from './swirl-icon-person2.js';
-const swirlAvatarCss = ":host{display:inline-flex;flex-shrink:0;align-items:center;flex-direction:column}:host *{box-sizing:border-box}.avatar{position:relative;display:inline-flex;justify-content:center;align-items:center;border-radius:50%}.avatar--has-icon{color:var(--s-icon-default);background-color:var(--s-surface-raised-default)}.avatar--has-initials{padding-right:0;padding-left:0;color:#fff}.avatar--interactive{cursor:pointer}.avatar--interactive:focus:not(:focus-visible){outline:none}.avatar--interactive:focus-visible{outline-color:var(--s-focus-default)}.avatar--size-xs{width:1.75rem;height:1.75rem;font-size:0.75rem}.avatar--size-xs.avatar--has-icon{padding-right:0.4375rem;padding-left:0.4375rem}.avatar--size-xs.avatar--variant-square,.avatar--size-xs.avatar--variant-square .avatar__image,.avatar--size-xs.avatar--variant-square .avatar__initials{border-radius:0.5rem}.avatar--size-s{width:2rem;height:2rem;font-size:0.75rem}.avatar--size-s.avatar--has-icon{padding-right:var(--s-space-8);padding-left:var(--s-space-8)}.avatar--size-s.avatar--variant-square,.avatar--size-s.avatar--variant-square .avatar__image,.avatar--size-s.avatar--variant-square .avatar__initials{border-radius:0.5rem}.avatar--size-m{width:2.5rem;height:2.5rem;font-size:var(--s-font-size-base)}.avatar--size-m.avatar--has-icon{padding-right:0.625rem;padding-left:0.625rem}.avatar--size-m.avatar--variant-square,.avatar--size-m.avatar--variant-square .avatar__image,.avatar--size-m.avatar--variant-square .avatar__initials{border-radius:0.625rem}.avatar--size-l{width:3rem;height:3rem;font-size:var(--s-font-size-lg)}.avatar--size-l.avatar--has-icon{padding-right:var(--s-space-12);padding-left:var(--s-space-12)}.avatar--size-l.avatar--variant-square,.avatar--size-l.avatar--variant-square .avatar__image,.avatar--size-l.avatar--variant-square .avatar__initials{border-radius:0.75rem}.avatar--size-xl{width:4rem;height:4rem;font-size:var(--s-font-size-xl)}.avatar--size-xl.avatar--has-icon{padding-right:var(--s-space-16);padding-left:var(--s-space-16)}.avatar--size-xl.avatar--variant-square,.avatar--size-xl.avatar--variant-square .avatar__image,.avatar--size-xl.avatar--variant-square .avatar__initials{border-radius:1rem}.avatar--size-2xl{width:9rem;height:9rem;font-size:3.375rem}.avatar--size-2xl.avatar--has-icon{padding-right:var(--s-space-32);padding-left:var(--s-space-32)}.avatar--size-2xl.avatar--variant-square,.avatar--size-2xl.avatar--variant-square .avatar__image,.avatar--size-2xl.avatar--variant-square .avatar__initials{border-radius:2.25rem}.avatar--color-banana .avatar__initials{color:var(--s-decorative-banana-text);background-color:var(--s-decorative-banana-surface-subdued)}.avatar--color-blueberry .avatar__initials{color:var(--s-decorative-blueberry-text);background-color:var(--s-decorative-blueberry-surface-subdued)}.avatar--color-chilli .avatar__initials{color:var(--s-decorative-chilli-text);background-color:var(--s-decorative-chilli-surface-subdued)}.avatar--color-grape .avatar__initials{color:var(--s-decorative-grape-text);background-color:var(--s-decorative-grape-surface-subdued)}.avatar--color-kiwi .avatar__initials{color:var(--s-decorative-kiwi-text);background-color:var(--s-decorative-kiwi-surface-subdued)}.avatar--color-pumpkin .avatar__initials{color:var(--s-decorative-pumpkin-text);background-color:var(--s-decorative-pumpkin-surface-subdued)}.avatar--color-radish .avatar__initials{color:var(--s-decorative-radish-text);background-color:var(--s-decorative-radish-surface-subdued)}.avatar__image{overflow:hidden;width:100%;height:100%;border-radius:50%}.avatar__image>img{width:100%;height:100%}.avatar__icon{display:inline-flex}.avatar__icon>*{width:100%;height:100%}.avatar__icon>*::part(icon){width:100%;height:100%}.avatar__initials{display:inline-flex;width:100%;min-width:0;height:100%;padding-right:0.0625rem;padding-left:0.0625rem;justify-content:center;align-items:center;border-radius:50%;font-weight:var(--s-font-weight-medium)}.avatar__initials>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.avatar__badge{position:absolute;bottom:0;left:55%;display:inline-flex;min-width:1.5rem;height:1.5rem;transform:translate3d(0, 25%, 0)}.avatar__badge--position-top{top:0;bottom:auto;transform:translate3d(0, -25%, 0)}.avatar__label{margin-top:var(--s-space-4);color:var(--s-icon-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);text-align:center}";
+const swirlAvatarCss = ":host{display:inline-flex;flex-shrink:0;align-items:center;flex-direction:column}:host *{box-sizing:border-box}.avatar{position:relative;display:inline-flex;justify-content:center;align-items:center;border-radius:50%}.avatar--has-icon{color:var(--s-icon-default);background-color:var(--swirl-avatar-background-color)}.avatar--has-initials{padding-right:0;padding-left:0;color:#fff}.avatar--interactive{cursor:pointer}.avatar--interactive:focus:not(:focus-visible){outline:none}.avatar--interactive:focus-visible{outline-color:var(--s-focus-default)}.avatar--size-xs{width:1.75rem;height:1.75rem;font-size:0.75rem}.avatar--size-xs.avatar--has-icon{padding-right:0.4375rem;padding-left:0.4375rem}.avatar--size-xs.avatar--variant-square,.avatar--size-xs.avatar--variant-square .avatar__image,.avatar--size-xs.avatar--variant-square .avatar__initials{border-radius:0.5rem}.avatar--size-s{width:2rem;height:2rem;font-size:0.75rem}.avatar--size-s.avatar--has-icon{padding-right:var(--s-space-8);padding-left:var(--s-space-8)}.avatar--size-s.avatar--variant-square,.avatar--size-s.avatar--variant-square .avatar__image,.avatar--size-s.avatar--variant-square .avatar__initials{border-radius:0.5rem}.avatar--size-m{width:2.5rem;height:2.5rem;font-size:var(--s-font-size-base)}.avatar--size-m.avatar--has-icon{padding-right:0.625rem;padding-left:0.625rem}.avatar--size-m.avatar--variant-square,.avatar--size-m.avatar--variant-square .avatar__image,.avatar--size-m.avatar--variant-square .avatar__initials{border-radius:0.625rem}.avatar--size-l{width:3rem;height:3rem;font-size:var(--s-font-size-lg)}.avatar--size-l.avatar--has-icon{padding-right:var(--s-space-12);padding-left:var(--s-space-12)}.avatar--size-l.avatar--variant-square,.avatar--size-l.avatar--variant-square .avatar__image,.avatar--size-l.avatar--variant-square .avatar__initials{border-radius:0.75rem}.avatar--size-xl{width:4rem;height:4rem;font-size:var(--s-font-size-xl)}.avatar--size-xl.avatar--has-icon{padding-right:var(--s-space-16);padding-left:var(--s-space-16)}.avatar--size-xl.avatar--variant-square,.avatar--size-xl.avatar--variant-square .avatar__image,.avatar--size-xl.avatar--variant-square .avatar__initials{border-radius:1rem}.avatar--size-2xl{width:9rem;height:9rem;font-size:3.375rem}.avatar--size-2xl.avatar--has-icon{padding-right:var(--s-space-32);padding-left:var(--s-space-32)}.avatar--size-2xl.avatar--variant-square,.avatar--size-2xl.avatar--variant-square .avatar__image,.avatar--size-2xl.avatar--variant-square .avatar__initials{border-radius:2.25rem}.avatar--color-banana .avatar__initials{color:var(--s-decorative-banana-text);background-color:var(--s-decorative-banana-surface-subdued)}.avatar--color-blueberry .avatar__initials{color:var(--s-decorative-blueberry-text);background-color:var(--s-decorative-blueberry-surface-subdued)}.avatar--color-chilli .avatar__initials{color:var(--s-decorative-chilli-text);background-color:var(--s-decorative-chilli-surface-subdued)}.avatar--color-grape .avatar__initials{color:var(--s-decorative-grape-text);background-color:var(--s-decorative-grape-surface-subdued)}.avatar--color-kiwi .avatar__initials{color:var(--s-decorative-kiwi-text);background-color:var(--s-decorative-kiwi-surface-subdued)}.avatar--color-pumpkin .avatar__initials{color:var(--s-decorative-pumpkin-text);background-color:var(--s-decorative-pumpkin-surface-subdued)}.avatar--color-radish .avatar__initials{color:var(--s-decorative-radish-text);background-color:var(--s-decorative-radish-surface-subdued)}.avatar__image{overflow:hidden;width:100%;height:100%;border-radius:50%}.avatar__image>img{width:100%;height:100%}.avatar__icon{display:inline-flex}.avatar__icon>*{width:100%;height:100%}.avatar__icon>*::part(icon){width:100%;height:100%}.avatar__initials{display:inline-flex;width:100%;min-width:0;height:100%;padding-right:0.0625rem;padding-left:0.0625rem;justify-content:center;align-items:center;border-radius:50%;font-weight:var(--s-font-weight-medium)}.avatar__initials>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.avatar__badge{position:absolute;bottom:0;left:55%;display:inline-flex;min-width:1.5rem;height:1.5rem;transform:translate3d(0, 25%, 0)}.avatar__badge--position-top{top:0;bottom:auto;transform:translate3d(0, -25%, 0)}.avatar__label{margin-top:var(--s-space-4);color:var(--s-icon-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);text-align:center}";
 const swirlAvatarSizeMappings = {
   xs: 28,

package/dist/components/swirl-card.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { c as classnames } from './index2.js';
-const swirlCardCss = ":host{display:block}:host *{box-sizing:border-box}.card{display:flex;overflow:hidden;width:100%;margin:0;padding:0;border:var(--s-border-width-default) solid var(--s-border-default);border-radius:var(--s-border-radius-base);color:var(--s-text-default);background-color:var(--s-surface-default);font:inherit;text-decoration:none;flex-direction:column;--swirl-ghost-button-background-default:var(--s-surface-default);--swirl-ghost-button-background-hovered:var(--s-surface-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-pressed)}a.card,button.card,.card--interactive{cursor:pointer}a.card:hover,button.card:hover,.card--interactive:hover{background-color:var(--s-surface-hovered)}a.card:active,button.card:active,.card--interactive:active{background-color:var(--s-surface-pressed)}a.card:focus:not(:focus-visible),button.card:focus:not(:focus-visible),.card--interactive:focus:not(:focus-visible){outline:none}a.card:focus-visible,button.card:focus-visible,.card--interactive:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-4)}.card--is--borderless{border:0}.card--elevated{border-color:transparent;box-shadow:0 0.75rem 1rem rgba(25, 26, 28, 0.12),\n    0 0.25rem 0.75rem rgba(25, 26, 28, 0.08)}.card--highlighted{border-width:0.1875rem;border-color:var(--s-border-highlight)}.card--justify-content-start .card__body{justify-content:flex-start}.card--justify-content-center .card__body{justify-content:center}.card--justify-content-end .card__body{justify-content:flex-end}:not(.card--has-image) .card__image{overflow:hidden;height:0}.card--intent-critical-subdued{background-color:var(--s-surface-critical-subdued)}.card--intent-info-subdued{background-color:var(--s-surface-info-subdued)}.card--intent-success-subdued{background-color:var(--s-surface-success-subdued)}.card--intent-warning-subdued{background-color:var(--s-surface-warning-subdued)}.content-section{padding:0 var(--s-space-16)}.card__image{overflow:hidden;min-height:0}.card__image ::slotted(img){display:inline-flex;width:100%;max-height:100%;-o-object-fit:cover;object-fit:cover}.card__body{display:flex;min-height:0;padding:var(--s-space-12) var(--s-space-16) var(--s-space-16);flex-grow:1;flex-direction:column;gap:var(--s-space-16)}";
+const swirlCardCss = ":host{display:block}:host *{box-sizing:border-box}.card{display:flex;overflow:hidden;width:100%;margin:0;padding:0;border:var(--s-border-width-default) solid var(--s-border-default);border-radius:var(--s-border-radius-base);color:var(--s-text-default);background-color:var(--s-surface-default);font:inherit;text-decoration:none;flex-direction:column;--swirl-ghost-button-background-default:var(--s-surface-default);--swirl-ghost-button-background-hovered:var(--s-surface-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-pressed);--swirl-resource-list-item-background-default:var(--s-surface-default);--swirl-resource-list-item-background-hovered:var(--s-surface-hovered);--swirl-resource-list-item-background-pressed:var(--s-surface-pressed)}a.card,button.card,.card--interactive{cursor:pointer}a.card:hover,button.card:hover,.card--interactive:hover{background-color:var(--s-surface-hovered)}a.card:active,button.card:active,.card--interactive:active{background-color:var(--s-surface-pressed)}a.card:focus:not(:focus-visible),button.card:focus:not(:focus-visible),.card--interactive:focus:not(:focus-visible){outline:none}a.card:focus-visible,button.card:focus-visible,.card--interactive:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-4)}.card--is--borderless{border:0}.card--elevated{border-color:transparent;box-shadow:0 0.75rem 1rem rgba(25, 26, 28, 0.12),\n    0 0.25rem 0.75rem rgba(25, 26, 28, 0.08)}.card--highlighted{border-width:0.1875rem;border-color:var(--s-border-highlight)}.card--justify-content-start .card__body{justify-content:flex-start}.card--justify-content-center .card__body{justify-content:center}.card--justify-content-end .card__body{justify-content:flex-end}:not(.card--has-image) .card__image{overflow:hidden;height:0}.card--intent-critical-subdued{background-color:var(--s-surface-critical-subdued)}.card--intent-info-subdued{background-color:var(--s-surface-info-subdued)}.card--intent-success-subdued{background-color:var(--s-surface-success-subdued)}.card--intent-warning-subdued{background-color:var(--s-surface-warning-subdued)}.content-section{padding:0 var(--s-space-16)}.card__image{overflow:hidden;min-height:0}.card__image ::slotted(img){display:inline-flex;width:100%;max-height:100%;-o-object-fit:cover;object-fit:cover}.card__body{display:flex;min-height:0;padding:var(--s-space-12) var(--s-space-16) var(--s-space-16);flex-grow:1;flex-direction:column;gap:var(--s-space-16)}";
 const swirlCardBorderRadiusTokens = ["xs", "sm", "base", "l", "xl"];
 const SwirlCard$1 = /*@__PURE__*/ proxyCustomElement(class SwirlCard extends HTMLElement {

package/dist/components/swirl-modal.js CHANGED Viewed

@@ -1148,7 +1148,7 @@ var createFocusTrap = function createFocusTrap(elements, userOptions) {
   return trap;
 };
-const swirlModalCss = ":host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghost-button-background-default:var(--s-surface-overlay-default);--swirl-ghost-button-background-hovered:var(--s-surface-overlay-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-overlay-pressed);position:fixed;z-index:var(--s-z-40);display:flex;justify-content:center;align-items:center;inset:0}.modal[aria-hidden=\"true\"]{display:none}.modal--variant-default.modal--closing{animation:0.15s modal-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.modal--variant-default.modal--closing{animation:none}}.modal--variant-default:not(.modal--closing) .modal__backdrop{animation:0.15s modal-backdrop-fade-in}@media (prefers-reduced-motion){.modal--variant-default:not(.modal--closing) .modal__backdrop{animation:none}}.modal--variant-default:not(.modal--closing) .modal__body{animation:0.15s modal-scale-in}@media (prefers-reduced-motion){.modal--variant-default:not(.modal--closing) .modal__body{animation:none}}.modal--variant-drawer{justify-content:end;align-items:stretch}.modal--variant-drawer.modal--closing{animation:0.15s modal-drawer-slide-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.modal--variant-drawer.modal--closing{animation:none}}.modal--variant-drawer.modal--hide-label .modal__content{padding-top:calc(3.5rem + var(--s-space-8))}.modal--variant-drawer .modal__backdrop{background-color:transparent;animation:none}.modal--variant-drawer .modal__body{height:100%;max-height:none;border-radius:0;animation:0.15s modal-drawer-slide-in;box-shadow:var(--s-shadow-level-3)}@media (prefers-reduced-motion){.modal--variant-drawer .modal__body{animation:none}}.modal--variant-drawer .modal__close-button{right:auto;left:var(--s-space-8)}@media (min-width: 768px){.modal--variant-drawer .modal__close-button{left:var(--s-space-16)}}.modal--variant-drawer .modal__header{padding-right:var(--s-space-16);padding-left:calc(var(--s-space-8) + 2.5rem + var(--s-space-8))}@media (min-width: 768px){.modal--variant-drawer .modal__header{padding-top:var(--s-space-16);padding-right:var(--s-space-24);padding-left:calc(var(--s-space-16) + 2.5rem + var(--s-space-8))}}.modal--padded .modal__content{padding-top:var(--s-space-24);padding-right:var(--s-space-16);padding-bottom:var(--s-space-24);padding-left:var(--s-space-16)}@media (min-width: 768px){.modal--padded .modal__content{padding-top:0;padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24)}}@media (min-width: 768px){.modal--scrollable .modal__content{padding-bottom:0}}.modal--scrollable:not(.modal--scrolled-down).modal--has-custom-footer .modal__custom-footer{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--scrollable:not(.modal--scrolled-down):not(.modal--has-custom-footer) .modal__controls{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--has-custom-header .modal__content{padding-top:var(--s-space-16)}.modal--has-custom-footer .modal__custom-footer{padding-top:var(--s-space-16);padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24)}@media (min-width: 768px){.modal--scrolled .modal__header{border-bottom-color:var(--s-border-default)}}.modal__backdrop{position:fixed;background-color:rgba(0, 0, 0, 0.2);inset:0}.modal__body{position:relative;z-index:var(--s-z-40);display:flex;overflow:hidden;width:100vw;max-width:40rem;height:100vh;background-color:var(--s-surface-overlay-default);flex-direction:column}@media (min-width: 768px){.modal__body{width:90vw;height:auto;max-height:90vh;border-radius:var(--s-border-radius-base);box-shadow:var(--s-shadow-level-3)}}.modal__close-button{position:absolute;z-index:1;top:var(--s-space-8);left:var(--s-space-8)}@media (min-width: 768px){.modal__close-button{top:var(--s-space-16);right:var(--s-space-16);left:auto}}.modal__header{display:flex;height:3.5rem;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:calc(var(--s-space-8) + 2.5rem + var(--s-space-8));flex-shrink:0;align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);gap:var(--s-space-16)}@media (min-width: 768px){.modal__header{height:4.125rem;padding-top:var(--s-space-24);padding-right:calc(var(--s-space-16) + 2.5rem + var(--s-space-8));padding-bottom:var(--s-space-16);padding-left:var(--s-space-24);border-bottom:var(--s-border-width-default) solid transparent}}.modal__custom-header{flex-shrink:0;border-bottom:var(--s-border-width-default) solid var(--s-border-default)}.modal__heading{overflow:hidden}.modal__heading .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.modal__content{overflow-x:hidden;overflow-y:auto;flex-grow:1;line-height:var(--s-line-height-base)}.modal__content ::slotted(*){margin:0}.modal__custom-footer{flex-shrink:0}.modal__controls{display:flex;padding-top:var(--s-space-16);padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24);flex-shrink:0;justify-content:flex-end}@keyframes modal-scale-in{from{transform:scale(0)}to{transform:scale(1)}}@keyframes modal-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes modal-fade-out{from{opacity:1}to{opacity:0}}@keyframes modal-drawer-slide-in{from{transform:translate3d(100%, 0, 0)}to{transform:translate3d(0, 0, 0)}}@keyframes modal-drawer-slide-out{from{transform:translate3d(0, 0, 0)}to{transform:translate3d(100%, 0, 0)}}";
+const swirlModalCss = ":host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghost-button-background-default:var(--s-surface-overlay-default);--swirl-ghost-button-background-hovered:var(--s-surface-overlay-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-overlay-pressed);--swirl-resource-list-item-background-default:var(\n    --s-surface-overlay-default\n  );--swirl-resource-list-item-background-hovered:var(\n    --s-surface-overlay-hovered\n  );--swirl-resource-list-item-background-pressed:var(\n    --s-surface-overlay-pressed\n  );position:fixed;z-index:var(--s-z-40);display:flex;justify-content:center;align-items:center;inset:0}.modal[aria-hidden=\"true\"]{display:none}.modal--variant-default.modal--closing{animation:0.15s modal-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.modal--variant-default.modal--closing{animation:none}}.modal--variant-default:not(.modal--closing) .modal__backdrop{animation:0.15s modal-backdrop-fade-in}@media (prefers-reduced-motion){.modal--variant-default:not(.modal--closing) .modal__backdrop{animation:none}}.modal--variant-default:not(.modal--closing) .modal__body{animation:0.15s modal-scale-in}@media (prefers-reduced-motion){.modal--variant-default:not(.modal--closing) .modal__body{animation:none}}.modal--variant-drawer{justify-content:end;align-items:stretch}.modal--variant-drawer.modal--closing{animation:0.15s modal-drawer-slide-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.modal--variant-drawer.modal--closing{animation:none}}.modal--variant-drawer.modal--hide-label .modal__content{padding-top:calc(3.5rem + var(--s-space-8))}.modal--variant-drawer .modal__backdrop{background-color:transparent;animation:none}.modal--variant-drawer .modal__body{height:100%;max-height:none;border-radius:0;animation:0.15s modal-drawer-slide-in;box-shadow:var(--s-shadow-level-3)}@media (prefers-reduced-motion){.modal--variant-drawer .modal__body{animation:none}}.modal--variant-drawer .modal__close-button{right:auto;left:var(--s-space-8)}@media (min-width: 768px){.modal--variant-drawer .modal__close-button{left:var(--s-space-16)}}.modal--variant-drawer .modal__header{padding-right:var(--s-space-16);padding-left:calc(var(--s-space-8) + 2.5rem + var(--s-space-8))}@media (min-width: 768px){.modal--variant-drawer .modal__header{padding-top:var(--s-space-16);padding-right:var(--s-space-24);padding-left:calc(var(--s-space-16) + 2.5rem + var(--s-space-8))}}.modal--padded .modal__content{padding-top:var(--s-space-24);padding-right:var(--s-space-16);padding-bottom:var(--s-space-24);padding-left:var(--s-space-16)}@media (min-width: 768px){.modal--padded .modal__content{padding-top:0;padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24)}}@media (min-width: 768px){.modal--scrollable .modal__content{padding-bottom:0}}.modal--scrollable:not(.modal--scrolled-down).modal--has-custom-footer .modal__custom-footer{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--scrollable:not(.modal--scrolled-down):not(.modal--has-custom-footer) .modal__controls{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--has-custom-header .modal__content{padding-top:var(--s-space-16)}.modal--has-custom-footer .modal__custom-footer{padding-top:var(--s-space-16);padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24)}@media (min-width: 768px){.modal--scrolled .modal__header{border-bottom-color:var(--s-border-default)}}.modal__backdrop{position:fixed;background-color:rgba(0, 0, 0, 0.2);inset:0}.modal__body{position:relative;z-index:var(--s-z-40);display:flex;overflow:hidden;width:100vw;max-width:40rem;height:100vh;background-color:var(--s-surface-overlay-default);flex-direction:column}@media (min-width: 768px){.modal__body{width:90vw;height:auto;max-height:90vh;border-radius:var(--s-border-radius-base);box-shadow:var(--s-shadow-level-3)}}.modal__close-button{position:absolute;z-index:1;top:var(--s-space-8);left:var(--s-space-8)}@media (min-width: 768px){.modal__close-button{top:var(--s-space-16);right:var(--s-space-16);left:auto}}.modal__header{display:flex;height:3.5rem;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:calc(var(--s-space-8) + 2.5rem + var(--s-space-8));flex-shrink:0;align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);gap:var(--s-space-16)}@media (min-width: 768px){.modal__header{height:4.125rem;padding-top:var(--s-space-24);padding-right:calc(var(--s-space-16) + 2.5rem + var(--s-space-8));padding-bottom:var(--s-space-16);padding-left:var(--s-space-24);border-bottom:var(--s-border-width-default) solid transparent}}.modal__custom-header{flex-shrink:0;border-bottom:var(--s-border-width-default) solid var(--s-border-default)}.modal__heading{overflow:hidden}.modal__heading .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.modal__content{overflow-x:hidden;overflow-y:auto;flex-grow:1;line-height:var(--s-line-height-base)}.modal__content ::slotted(*){margin:0}.modal__custom-footer{flex-shrink:0}.modal__controls{display:flex;padding-top:var(--s-space-16);padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24);flex-shrink:0;justify-content:flex-end}@keyframes modal-scale-in{from{transform:scale(0)}to{transform:scale(1)}}@keyframes modal-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes modal-fade-out{from{opacity:1}to{opacity:0}}@keyframes modal-drawer-slide-in{from{transform:translate3d(100%, 0, 0)}to{transform:translate3d(0, 0, 0)}}@keyframes modal-drawer-slide-out{from{transform:translate3d(0, 0, 0)}to{transform:translate3d(100%, 0, 0)}}";
 const SwirlModal$1 = /*@__PURE__*/ proxyCustomElement(class SwirlModal extends HTMLElement {
   constructor() {

package/dist/components/swirl-resource-list-item2.js CHANGED Viewed

@@ -5,7 +5,7 @@ import { d as defineCustomElement$3 } from './swirl-button2.js';
 import { d as defineCustomElement$2 } from './swirl-icon-check-strong2.js';
 import { d as defineCustomElement$1 } from './swirl-icon-drag-handle2.js';
-const swirlResourceListItemCss = ".sc-swirl-resource-list-item-h{position:relative;display:block;width:100%}.sc-swirl-resource-list-item-h *.sc-swirl-resource-list-item{box-sizing:border-box}.resource-list-item.sc-swirl-resource-list-item{position:relative;width:100%}.resource-list-item--checked.sc-swirl-resource-list-item .resource-list-item__checkbox.sc-swirl-resource-list-item{border-color:var(--s-icon-highlight);color:var(--s-text-on-status);background-color:var(--s-icon-highlight)}.resource-list-item--has-menu.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item{padding-right:calc(var(--s-space-16) + 2.5rem + var(--s-space-12))}@media (min-width: 768px){.resource-list-item--selectable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-16) + 1.5rem + var(--s-space-12))}}.resource-list-item--selectable.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item{padding-right:calc(var(--s-space-16) + 1.5rem + var(--s-space-12))}@media (min-width: 768px){.resource-list-item--selectable.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item{padding-right:var(--s-space-16)}}.resource-list-item--hide-divider.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item:after{display:none}.resource-list-item--label-weight-medium.sc-swirl-resource-list-item{font-weight:var(--s-font-weight-medium)}.resource-list-item--draggable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-16) * 2 + 1.5rem)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item--draggable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-16) * 2 + 1rem)}}.resource-list-item--dragging.sc-swirl-resource-list-item{z-index:1;border-radius:var(--s-border-radius-s);background-color:var(--s-surface-overlay-pressed);box-shadow:0 0.0625rem 0.125rem rgba(25, 26, 28, 0.08),\n    0 0.25rem 2rem rgba(25, 26, 28, 0.16)}.resource-list-item--dragging.sc-swirl-resource-list-item:hover:not(.resource-list-item--disabled){background-color:var(--s-surface-overlay-pressed)}.resource-list-item__content.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-default);--swirl-badge-border-color:var(--s-background-default);display:flex;width:100%;margin:0;padding-top:var(--s-space-12);padding-right:0;padding-bottom:var(--s-space-12);padding-left:var(--s-space-16);align-items:center;border:none;color:var(--s-text-default);background-color:var(--s-background-default);font:inherit;line-height:var(--s-line-height-base);text-align:left;text-decoration:none;cursor:pointer;gap:var(--s-space-12)}.resource-list-item__content.sc-swirl-resource-list-item:hover:not(:disabled){background-color:var(--s-background-hovered)}.resource-list-item__content.sc-swirl-resource-list-item:hover:not(:disabled) .resource-list-item__media.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-hovered);--swirl-badge-border-color:var(--s-background-hovered)}.resource-list-item__content.sc-swirl-resource-list-item:active:not(:disabled){background-color:var(--s-background-pressed)}.resource-list-item__content.sc-swirl-resource-list-item:active:not(:disabled) .resource-list-item__media.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-pressed);--swirl-badge-border-color:var(--s-background-pressed)}.resource-list-item__content.sc-swirl-resource-list-item:focus{outline:none}.resource-list-item__content.sc-swirl-resource-list-item:focus-visible{background-color:var(--s-background-hovered)}.resource-list-item__content.sc-swirl-resource-list-item:focus-visible .resource-list-item__media.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-hovered);--swirl-badge-border-color:var(--s-background-hovered)}.resource-list-item__content.sc-swirl-resource-list-item:disabled{color:var(--s-text-disabled);background-color:var(--s-background-default);cursor:default}.resource-list-item__content.sc-swirl-resource-list-item:disabled .resource-list-item__description.sc-swirl-resource-list-item{color:var(--s-text-disabled)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item__content.sc-swirl-resource-list-item{padding:var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.resource-list-item__media.sc-swirl-resource-list-item{display:inline-flex}.resource-list-item__label-container.sc-swirl-resource-list-item{position:relative;display:flex;min-width:0;min-height:2.875rem;padding-right:var(--s-space-16);flex-grow:1;justify-content:center;flex-direction:column}.resource-list-item__label-container.sc-swirl-resource-list-item:after{position:absolute;right:0;bottom:calc(-1 * var(--s-space-12));left:0;height:0.0625rem;background-color:var(--s-border-default);content:\"\"}.resource-list-item__label.sc-swirl-resource-list-item{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.resource-list-item__label.sc-swirl-resource-list-item b.sc-swirl-resource-list-item,.resource-list-item__label.sc-swirl-resource-list-item strong.sc-swirl-resource-list-item{font-weight:var(--s-font-weight-semibold)}.resource-list-item__description.sc-swirl-resource-list-item{overflow:hidden;margin-top:var(--s-space-2);color:var(--s-text-subdued);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);white-space:nowrap;text-overflow:ellipsis}.resource-list-item__menu-trigger.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-16);transform:translateY(-50%)}.resource-list-item__checkbox.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-16);display:flex;width:1.25rem;height:1.25rem;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:var(--s-border-radius-s);transform:translateY(-50%);pointer-events:none}@media (min-width: 768px){.resource-list-item__checkbox.sc-swirl-resource-list-item{right:auto;left:var(--s-space-16)}}.resource-list-item__checkbox-icon.sc-swirl-resource-list-item{display:inline-flex;width:1.0625rem;height:1.0625rem}.resource-list-item__checkbox-icon.sc-swirl-resource-list-item>*.sc-swirl-resource-list-item::part(icon){width:1.0625rem;height:1.0625rem}.resource-list-item__meta.sc-swirl-resource-list-item{position:absolute;top:calc(var(--s-space-12) + var(--s-space-4));right:var(--s-space-16);color:var(--s-text-subdued);font-size:var(--s-font-size-sm)}.resource-list-item__drag-handle.sc-swirl-resource-list-item{position:absolute;z-index:1;top:50%;left:var(--s-space-4);display:inline-flex;margin:0;padding:0;padding:var(--s-space-8);flex-shrink:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:grab;transform:translateY(-50%)}.resource-list-item__drag-handle.sc-swirl-resource-list-item:active{cursor:grabbing}.resource-list-item__drag-handle.sc-swirl-resource-list-item:focus:not(:focus-visible){outline:none}.resource-list-item__drag-handle.sc-swirl-resource-list-item:focus-visible{outline-color:var(--s-focus-default)}";
+const swirlResourceListItemCss = ".sc-swirl-resource-list-item-h{position:relative;display:block;width:100%}.sc-swirl-resource-list-item-h *.sc-swirl-resource-list-item{box-sizing:border-box}.resource-list-item.sc-swirl-resource-list-item{position:relative;width:100%}.resource-list-item.sc-swirl-resource-list-item:hover{--swirl-ghost-button-background-default:var(--s-background-hovered)}.resource-list-item--checked.sc-swirl-resource-list-item .resource-list-item__checkbox.sc-swirl-resource-list-item{border-color:var(--s-icon-highlight);color:var(--s-text-on-status);background-color:var(--s-icon-highlight)}.resource-list-item--has-menu.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item{padding-right:calc(var(--s-space-16) + 2.5rem + var(--s-space-12))}@media (min-width: 768px){.resource-list-item--selectable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-16) + 1.5rem + var(--s-space-12))}}.resource-list-item--selectable.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item{padding-right:calc(var(--s-space-16) + 1.5rem + var(--s-space-12))}@media (min-width: 768px){.resource-list-item--selectable.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item{padding-right:var(--s-space-16)}}.resource-list-item--hide-divider.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item:after{display:none}.resource-list-item--label-weight-medium.sc-swirl-resource-list-item{font-weight:var(--s-font-weight-medium)}.resource-list-item--draggable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-16) * 2 + 1.5rem)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item--draggable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-16) * 2 + 1rem)}}.resource-list-item--dragging.sc-swirl-resource-list-item{z-index:1;border-radius:var(--s-border-radius-s);background-color:var(--s-surface-overlay-pressed);box-shadow:0 0.0625rem 0.125rem rgba(25, 26, 28, 0.08),\n    0 0.25rem 2rem rgba(25, 26, 28, 0.16)}.resource-list-item--dragging.sc-swirl-resource-list-item:hover:not(.resource-list-item--disabled){background-color:var(--s-surface-overlay-pressed)}.resource-list-item__content.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-default);--swirl-badge-border-color:var(--s-background-default);display:flex;width:100%;margin:0;padding-top:var(--s-space-12);padding-right:0;padding-bottom:var(--s-space-12);padding-left:var(--s-space-16);align-items:center;border:none;color:var(--s-text-default);background-color:var(--swirl-resource-list-item-background-default);font:inherit;line-height:var(--s-line-height-base);text-align:left;text-decoration:none;cursor:pointer;gap:var(--s-space-12)}.resource-list-item__content.sc-swirl-resource-list-item:hover:not(:disabled){background-color:var(--swirl-resource-list-item-background-hovered)}.resource-list-item__content.sc-swirl-resource-list-item:hover:not(:disabled) .resource-list-item__media.sc-swirl-resource-list-item{--swirl-avatar-background-color:var(--s-surface-raised-hovered);--swirl-avatar-group-border-color:var(--s-background-hovered);--swirl-badge-border-color:var(--s-background-hovered)}.resource-list-item__content.sc-swirl-resource-list-item:active:not(:disabled){background-color:var(--swirl-resource-list-item-background-pressed)}.resource-list-item__content.sc-swirl-resource-list-item:active:not(:disabled) .resource-list-item__media.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-pressed);--swirl-badge-border-color:var(--s-background-pressed)}.resource-list-item__content.sc-swirl-resource-list-item:focus{outline:none}.resource-list-item__content.sc-swirl-resource-list-item:focus-visible{background-color:var(--s-background-hovered)}.resource-list-item__content.sc-swirl-resource-list-item:focus-visible .resource-list-item__media.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-hovered);--swirl-badge-border-color:var(--s-background-hovered)}.resource-list-item__content.sc-swirl-resource-list-item:disabled{color:var(--s-text-disabled);background-color:var(--s-background-default);cursor:default}.resource-list-item__content.sc-swirl-resource-list-item:disabled .resource-list-item__description.sc-swirl-resource-list-item{color:var(--s-text-disabled)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item__content.sc-swirl-resource-list-item{padding:var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.resource-list-item__media.sc-swirl-resource-list-item{display:inline-flex}.resource-list-item__label-container.sc-swirl-resource-list-item{position:relative;display:flex;min-width:0;min-height:2.875rem;padding-right:var(--s-space-16);flex-grow:1;justify-content:center;flex-direction:column}.resource-list-item__label-container.sc-swirl-resource-list-item:after{position:absolute;right:0;bottom:calc(-1 * var(--s-space-12));left:0;height:0.0625rem;background-color:var(--s-border-default);content:\"\"}.resource-list-item__label.sc-swirl-resource-list-item{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.resource-list-item__label.sc-swirl-resource-list-item b.sc-swirl-resource-list-item,.resource-list-item__label.sc-swirl-resource-list-item strong.sc-swirl-resource-list-item{font-weight:var(--s-font-weight-semibold)}.resource-list-item__description.sc-swirl-resource-list-item{overflow:hidden;margin-top:var(--s-space-2);color:var(--s-text-subdued);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);white-space:nowrap;text-overflow:ellipsis}.resource-list-item__menu-trigger.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-16);transform:translateY(-50%)}.resource-list-item__checkbox.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-16);display:flex;width:1.25rem;height:1.25rem;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:var(--s-border-radius-s);transform:translateY(-50%);pointer-events:none}@media (min-width: 768px){.resource-list-item__checkbox.sc-swirl-resource-list-item{right:auto;left:var(--s-space-16)}}.resource-list-item__checkbox-icon.sc-swirl-resource-list-item{display:inline-flex;width:1.0625rem;height:1.0625rem}.resource-list-item__checkbox-icon.sc-swirl-resource-list-item>*.sc-swirl-resource-list-item::part(icon){width:1.0625rem;height:1.0625rem}.resource-list-item__meta.sc-swirl-resource-list-item{position:absolute;top:calc(var(--s-space-12) + var(--s-space-4));right:var(--s-space-16);color:var(--s-text-subdued);font-size:var(--s-font-size-sm)}.resource-list-item__drag-handle.sc-swirl-resource-list-item{position:absolute;z-index:1;top:50%;left:var(--s-space-4);display:inline-flex;margin:0;padding:0;padding:var(--s-space-8);flex-shrink:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:grab;transform:translateY(-50%)}.resource-list-item__drag-handle.sc-swirl-resource-list-item:active{cursor:grabbing}.resource-list-item__drag-handle.sc-swirl-resource-list-item:focus:not(:focus-visible){outline:none}.resource-list-item__drag-handle.sc-swirl-resource-list-item:focus-visible{outline-color:var(--s-focus-default)}";
 const SwirlResourceListItem = /*@__PURE__*/ proxyCustomElement(class SwirlResourceListItem extends HTMLElement {
   constructor() {

package/dist/esm/swirl-app-layout_7.entry.js CHANGED Viewed

@@ -473,7 +473,7 @@ const SwirlResourceList = class {
 };
 SwirlResourceList.style = swirlResourceListCss;
-const swirlResourceListItemCss = ".sc-swirl-resource-list-item-h{position:relative;display:block;width:100%}.sc-swirl-resource-list-item-h *.sc-swirl-resource-list-item{box-sizing:border-box}.resource-list-item.sc-swirl-resource-list-item{position:relative;width:100%}.resource-list-item--checked.sc-swirl-resource-list-item .resource-list-item__checkbox.sc-swirl-resource-list-item{border-color:var(--s-icon-highlight);color:var(--s-text-on-status);background-color:var(--s-icon-highlight)}.resource-list-item--has-menu.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item{padding-right:calc(var(--s-space-16) + 2.5rem + var(--s-space-12))}@media (min-width: 768px){.resource-list-item--selectable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-16) + 1.5rem + var(--s-space-12))}}.resource-list-item--selectable.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item{padding-right:calc(var(--s-space-16) + 1.5rem + var(--s-space-12))}@media (min-width: 768px){.resource-list-item--selectable.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item{padding-right:var(--s-space-16)}}.resource-list-item--hide-divider.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item:after{display:none}.resource-list-item--label-weight-medium.sc-swirl-resource-list-item{font-weight:var(--s-font-weight-medium)}.resource-list-item--draggable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-16) * 2 + 1.5rem)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item--draggable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-16) * 2 + 1rem)}}.resource-list-item--dragging.sc-swirl-resource-list-item{z-index:1;border-radius:var(--s-border-radius-s);background-color:var(--s-surface-overlay-pressed);box-shadow:0 0.0625rem 0.125rem rgba(25, 26, 28, 0.08),\n    0 0.25rem 2rem rgba(25, 26, 28, 0.16)}.resource-list-item--dragging.sc-swirl-resource-list-item:hover:not(.resource-list-item--disabled){background-color:var(--s-surface-overlay-pressed)}.resource-list-item__content.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-default);--swirl-badge-border-color:var(--s-background-default);display:flex;width:100%;margin:0;padding-top:var(--s-space-12);padding-right:0;padding-bottom:var(--s-space-12);padding-left:var(--s-space-16);align-items:center;border:none;color:var(--s-text-default);background-color:var(--s-background-default);font:inherit;line-height:var(--s-line-height-base);text-align:left;text-decoration:none;cursor:pointer;gap:var(--s-space-12)}.resource-list-item__content.sc-swirl-resource-list-item:hover:not(:disabled){background-color:var(--s-background-hovered)}.resource-list-item__content.sc-swirl-resource-list-item:hover:not(:disabled) .resource-list-item__media.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-hovered);--swirl-badge-border-color:var(--s-background-hovered)}.resource-list-item__content.sc-swirl-resource-list-item:active:not(:disabled){background-color:var(--s-background-pressed)}.resource-list-item__content.sc-swirl-resource-list-item:active:not(:disabled) .resource-list-item__media.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-pressed);--swirl-badge-border-color:var(--s-background-pressed)}.resource-list-item__content.sc-swirl-resource-list-item:focus{outline:none}.resource-list-item__content.sc-swirl-resource-list-item:focus-visible{background-color:var(--s-background-hovered)}.resource-list-item__content.sc-swirl-resource-list-item:focus-visible .resource-list-item__media.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-hovered);--swirl-badge-border-color:var(--s-background-hovered)}.resource-list-item__content.sc-swirl-resource-list-item:disabled{color:var(--s-text-disabled);background-color:var(--s-background-default);cursor:default}.resource-list-item__content.sc-swirl-resource-list-item:disabled .resource-list-item__description.sc-swirl-resource-list-item{color:var(--s-text-disabled)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item__content.sc-swirl-resource-list-item{padding:var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.resource-list-item__media.sc-swirl-resource-list-item{display:inline-flex}.resource-list-item__label-container.sc-swirl-resource-list-item{position:relative;display:flex;min-width:0;min-height:2.875rem;padding-right:var(--s-space-16);flex-grow:1;justify-content:center;flex-direction:column}.resource-list-item__label-container.sc-swirl-resource-list-item:after{position:absolute;right:0;bottom:calc(-1 * var(--s-space-12));left:0;height:0.0625rem;background-color:var(--s-border-default);content:\"\"}.resource-list-item__label.sc-swirl-resource-list-item{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.resource-list-item__label.sc-swirl-resource-list-item b.sc-swirl-resource-list-item,.resource-list-item__label.sc-swirl-resource-list-item strong.sc-swirl-resource-list-item{font-weight:var(--s-font-weight-semibold)}.resource-list-item__description.sc-swirl-resource-list-item{overflow:hidden;margin-top:var(--s-space-2);color:var(--s-text-subdued);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);white-space:nowrap;text-overflow:ellipsis}.resource-list-item__menu-trigger.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-16);transform:translateY(-50%)}.resource-list-item__checkbox.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-16);display:flex;width:1.25rem;height:1.25rem;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:var(--s-border-radius-s);transform:translateY(-50%);pointer-events:none}@media (min-width: 768px){.resource-list-item__checkbox.sc-swirl-resource-list-item{right:auto;left:var(--s-space-16)}}.resource-list-item__checkbox-icon.sc-swirl-resource-list-item{display:inline-flex;width:1.0625rem;height:1.0625rem}.resource-list-item__checkbox-icon.sc-swirl-resource-list-item>*.sc-swirl-resource-list-item::part(icon){width:1.0625rem;height:1.0625rem}.resource-list-item__meta.sc-swirl-resource-list-item{position:absolute;top:calc(var(--s-space-12) + var(--s-space-4));right:var(--s-space-16);color:var(--s-text-subdued);font-size:var(--s-font-size-sm)}.resource-list-item__drag-handle.sc-swirl-resource-list-item{position:absolute;z-index:1;top:50%;left:var(--s-space-4);display:inline-flex;margin:0;padding:0;padding:var(--s-space-8);flex-shrink:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:grab;transform:translateY(-50%)}.resource-list-item__drag-handle.sc-swirl-resource-list-item:active{cursor:grabbing}.resource-list-item__drag-handle.sc-swirl-resource-list-item:focus:not(:focus-visible){outline:none}.resource-list-item__drag-handle.sc-swirl-resource-list-item:focus-visible{outline-color:var(--s-focus-default)}";
+const swirlResourceListItemCss = ".sc-swirl-resource-list-item-h{position:relative;display:block;width:100%}.sc-swirl-resource-list-item-h *.sc-swirl-resource-list-item{box-sizing:border-box}.resource-list-item.sc-swirl-resource-list-item{position:relative;width:100%}.resource-list-item.sc-swirl-resource-list-item:hover{--swirl-ghost-button-background-default:var(--s-background-hovered)}.resource-list-item--checked.sc-swirl-resource-list-item .resource-list-item__checkbox.sc-swirl-resource-list-item{border-color:var(--s-icon-highlight);color:var(--s-text-on-status);background-color:var(--s-icon-highlight)}.resource-list-item--has-menu.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item{padding-right:calc(var(--s-space-16) + 2.5rem + var(--s-space-12))}@media (min-width: 768px){.resource-list-item--selectable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-16) + 1.5rem + var(--s-space-12))}}.resource-list-item--selectable.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item{padding-right:calc(var(--s-space-16) + 1.5rem + var(--s-space-12))}@media (min-width: 768px){.resource-list-item--selectable.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item{padding-right:var(--s-space-16)}}.resource-list-item--hide-divider.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item:after{display:none}.resource-list-item--label-weight-medium.sc-swirl-resource-list-item{font-weight:var(--s-font-weight-medium)}.resource-list-item--draggable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-16) * 2 + 1.5rem)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item--draggable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-16) * 2 + 1rem)}}.resource-list-item--dragging.sc-swirl-resource-list-item{z-index:1;border-radius:var(--s-border-radius-s);background-color:var(--s-surface-overlay-pressed);box-shadow:0 0.0625rem 0.125rem rgba(25, 26, 28, 0.08),\n    0 0.25rem 2rem rgba(25, 26, 28, 0.16)}.resource-list-item--dragging.sc-swirl-resource-list-item:hover:not(.resource-list-item--disabled){background-color:var(--s-surface-overlay-pressed)}.resource-list-item__content.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-default);--swirl-badge-border-color:var(--s-background-default);display:flex;width:100%;margin:0;padding-top:var(--s-space-12);padding-right:0;padding-bottom:var(--s-space-12);padding-left:var(--s-space-16);align-items:center;border:none;color:var(--s-text-default);background-color:var(--swirl-resource-list-item-background-default);font:inherit;line-height:var(--s-line-height-base);text-align:left;text-decoration:none;cursor:pointer;gap:var(--s-space-12)}.resource-list-item__content.sc-swirl-resource-list-item:hover:not(:disabled){background-color:var(--swirl-resource-list-item-background-hovered)}.resource-list-item__content.sc-swirl-resource-list-item:hover:not(:disabled) .resource-list-item__media.sc-swirl-resource-list-item{--swirl-avatar-background-color:var(--s-surface-raised-hovered);--swirl-avatar-group-border-color:var(--s-background-hovered);--swirl-badge-border-color:var(--s-background-hovered)}.resource-list-item__content.sc-swirl-resource-list-item:active:not(:disabled){background-color:var(--swirl-resource-list-item-background-pressed)}.resource-list-item__content.sc-swirl-resource-list-item:active:not(:disabled) .resource-list-item__media.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-pressed);--swirl-badge-border-color:var(--s-background-pressed)}.resource-list-item__content.sc-swirl-resource-list-item:focus{outline:none}.resource-list-item__content.sc-swirl-resource-list-item:focus-visible{background-color:var(--s-background-hovered)}.resource-list-item__content.sc-swirl-resource-list-item:focus-visible .resource-list-item__media.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-hovered);--swirl-badge-border-color:var(--s-background-hovered)}.resource-list-item__content.sc-swirl-resource-list-item:disabled{color:var(--s-text-disabled);background-color:var(--s-background-default);cursor:default}.resource-list-item__content.sc-swirl-resource-list-item:disabled .resource-list-item__description.sc-swirl-resource-list-item{color:var(--s-text-disabled)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item__content.sc-swirl-resource-list-item{padding:var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.resource-list-item__media.sc-swirl-resource-list-item{display:inline-flex}.resource-list-item__label-container.sc-swirl-resource-list-item{position:relative;display:flex;min-width:0;min-height:2.875rem;padding-right:var(--s-space-16);flex-grow:1;justify-content:center;flex-direction:column}.resource-list-item__label-container.sc-swirl-resource-list-item:after{position:absolute;right:0;bottom:calc(-1 * var(--s-space-12));left:0;height:0.0625rem;background-color:var(--s-border-default);content:\"\"}.resource-list-item__label.sc-swirl-resource-list-item{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.resource-list-item__label.sc-swirl-resource-list-item b.sc-swirl-resource-list-item,.resource-list-item__label.sc-swirl-resource-list-item strong.sc-swirl-resource-list-item{font-weight:var(--s-font-weight-semibold)}.resource-list-item__description.sc-swirl-resource-list-item{overflow:hidden;margin-top:var(--s-space-2);color:var(--s-text-subdued);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);white-space:nowrap;text-overflow:ellipsis}.resource-list-item__menu-trigger.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-16);transform:translateY(-50%)}.resource-list-item__checkbox.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-16);display:flex;width:1.25rem;height:1.25rem;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:var(--s-border-radius-s);transform:translateY(-50%);pointer-events:none}@media (min-width: 768px){.resource-list-item__checkbox.sc-swirl-resource-list-item{right:auto;left:var(--s-space-16)}}.resource-list-item__checkbox-icon.sc-swirl-resource-list-item{display:inline-flex;width:1.0625rem;height:1.0625rem}.resource-list-item__checkbox-icon.sc-swirl-resource-list-item>*.sc-swirl-resource-list-item::part(icon){width:1.0625rem;height:1.0625rem}.resource-list-item__meta.sc-swirl-resource-list-item{position:absolute;top:calc(var(--s-space-12) + var(--s-space-4));right:var(--s-space-16);color:var(--s-text-subdued);font-size:var(--s-font-size-sm)}.resource-list-item__drag-handle.sc-swirl-resource-list-item{position:absolute;z-index:1;top:50%;left:var(--s-space-4);display:inline-flex;margin:0;padding:0;padding:var(--s-space-8);flex-shrink:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:grab;transform:translateY(-50%)}.resource-list-item__drag-handle.sc-swirl-resource-list-item:active{cursor:grabbing}.resource-list-item__drag-handle.sc-swirl-resource-list-item:focus:not(:focus-visible){outline:none}.resource-list-item__drag-handle.sc-swirl-resource-list-item:focus-visible{outline-color:var(--s-focus-default)}";
 const SwirlResourceListItem = class {
   constructor(hostRef) {

package/dist/esm/swirl-avatar.entry.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-99d0060d.js';
 import { c as classnames } from './index-d280dafb.js';
-const swirlAvatarCss = ":host{display:inline-flex;flex-shrink:0;align-items:center;flex-direction:column}:host *{box-sizing:border-box}.avatar{position:relative;display:inline-flex;justify-content:center;align-items:center;border-radius:50%}.avatar--has-icon{color:var(--s-icon-default);background-color:var(--s-surface-raised-default)}.avatar--has-initials{padding-right:0;padding-left:0;color:#fff}.avatar--interactive{cursor:pointer}.avatar--interactive:focus:not(:focus-visible){outline:none}.avatar--interactive:focus-visible{outline-color:var(--s-focus-default)}.avatar--size-xs{width:1.75rem;height:1.75rem;font-size:0.75rem}.avatar--size-xs.avatar--has-icon{padding-right:0.4375rem;padding-left:0.4375rem}.avatar--size-xs.avatar--variant-square,.avatar--size-xs.avatar--variant-square .avatar__image,.avatar--size-xs.avatar--variant-square .avatar__initials{border-radius:0.5rem}.avatar--size-s{width:2rem;height:2rem;font-size:0.75rem}.avatar--size-s.avatar--has-icon{padding-right:var(--s-space-8);padding-left:var(--s-space-8)}.avatar--size-s.avatar--variant-square,.avatar--size-s.avatar--variant-square .avatar__image,.avatar--size-s.avatar--variant-square .avatar__initials{border-radius:0.5rem}.avatar--size-m{width:2.5rem;height:2.5rem;font-size:var(--s-font-size-base)}.avatar--size-m.avatar--has-icon{padding-right:0.625rem;padding-left:0.625rem}.avatar--size-m.avatar--variant-square,.avatar--size-m.avatar--variant-square .avatar__image,.avatar--size-m.avatar--variant-square .avatar__initials{border-radius:0.625rem}.avatar--size-l{width:3rem;height:3rem;font-size:var(--s-font-size-lg)}.avatar--size-l.avatar--has-icon{padding-right:var(--s-space-12);padding-left:var(--s-space-12)}.avatar--size-l.avatar--variant-square,.avatar--size-l.avatar--variant-square .avatar__image,.avatar--size-l.avatar--variant-square .avatar__initials{border-radius:0.75rem}.avatar--size-xl{width:4rem;height:4rem;font-size:var(--s-font-size-xl)}.avatar--size-xl.avatar--has-icon{padding-right:var(--s-space-16);padding-left:var(--s-space-16)}.avatar--size-xl.avatar--variant-square,.avatar--size-xl.avatar--variant-square .avatar__image,.avatar--size-xl.avatar--variant-square .avatar__initials{border-radius:1rem}.avatar--size-2xl{width:9rem;height:9rem;font-size:3.375rem}.avatar--size-2xl.avatar--has-icon{padding-right:var(--s-space-32);padding-left:var(--s-space-32)}.avatar--size-2xl.avatar--variant-square,.avatar--size-2xl.avatar--variant-square .avatar__image,.avatar--size-2xl.avatar--variant-square .avatar__initials{border-radius:2.25rem}.avatar--color-banana .avatar__initials{color:var(--s-decorative-banana-text);background-color:var(--s-decorative-banana-surface-subdued)}.avatar--color-blueberry .avatar__initials{color:var(--s-decorative-blueberry-text);background-color:var(--s-decorative-blueberry-surface-subdued)}.avatar--color-chilli .avatar__initials{color:var(--s-decorative-chilli-text);background-color:var(--s-decorative-chilli-surface-subdued)}.avatar--color-grape .avatar__initials{color:var(--s-decorative-grape-text);background-color:var(--s-decorative-grape-surface-subdued)}.avatar--color-kiwi .avatar__initials{color:var(--s-decorative-kiwi-text);background-color:var(--s-decorative-kiwi-surface-subdued)}.avatar--color-pumpkin .avatar__initials{color:var(--s-decorative-pumpkin-text);background-color:var(--s-decorative-pumpkin-surface-subdued)}.avatar--color-radish .avatar__initials{color:var(--s-decorative-radish-text);background-color:var(--s-decorative-radish-surface-subdued)}.avatar__image{overflow:hidden;width:100%;height:100%;border-radius:50%}.avatar__image>img{width:100%;height:100%}.avatar__icon{display:inline-flex}.avatar__icon>*{width:100%;height:100%}.avatar__icon>*::part(icon){width:100%;height:100%}.avatar__initials{display:inline-flex;width:100%;min-width:0;height:100%;padding-right:0.0625rem;padding-left:0.0625rem;justify-content:center;align-items:center;border-radius:50%;font-weight:var(--s-font-weight-medium)}.avatar__initials>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.avatar__badge{position:absolute;bottom:0;left:55%;display:inline-flex;min-width:1.5rem;height:1.5rem;transform:translate3d(0, 25%, 0)}.avatar__badge--position-top{top:0;bottom:auto;transform:translate3d(0, -25%, 0)}.avatar__label{margin-top:var(--s-space-4);color:var(--s-icon-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);text-align:center}";
+const swirlAvatarCss = ":host{display:inline-flex;flex-shrink:0;align-items:center;flex-direction:column}:host *{box-sizing:border-box}.avatar{position:relative;display:inline-flex;justify-content:center;align-items:center;border-radius:50%}.avatar--has-icon{color:var(--s-icon-default);background-color:var(--swirl-avatar-background-color)}.avatar--has-initials{padding-right:0;padding-left:0;color:#fff}.avatar--interactive{cursor:pointer}.avatar--interactive:focus:not(:focus-visible){outline:none}.avatar--interactive:focus-visible{outline-color:var(--s-focus-default)}.avatar--size-xs{width:1.75rem;height:1.75rem;font-size:0.75rem}.avatar--size-xs.avatar--has-icon{padding-right:0.4375rem;padding-left:0.4375rem}.avatar--size-xs.avatar--variant-square,.avatar--size-xs.avatar--variant-square .avatar__image,.avatar--size-xs.avatar--variant-square .avatar__initials{border-radius:0.5rem}.avatar--size-s{width:2rem;height:2rem;font-size:0.75rem}.avatar--size-s.avatar--has-icon{padding-right:var(--s-space-8);padding-left:var(--s-space-8)}.avatar--size-s.avatar--variant-square,.avatar--size-s.avatar--variant-square .avatar__image,.avatar--size-s.avatar--variant-square .avatar__initials{border-radius:0.5rem}.avatar--size-m{width:2.5rem;height:2.5rem;font-size:var(--s-font-size-base)}.avatar--size-m.avatar--has-icon{padding-right:0.625rem;padding-left:0.625rem}.avatar--size-m.avatar--variant-square,.avatar--size-m.avatar--variant-square .avatar__image,.avatar--size-m.avatar--variant-square .avatar__initials{border-radius:0.625rem}.avatar--size-l{width:3rem;height:3rem;font-size:var(--s-font-size-lg)}.avatar--size-l.avatar--has-icon{padding-right:var(--s-space-12);padding-left:var(--s-space-12)}.avatar--size-l.avatar--variant-square,.avatar--size-l.avatar--variant-square .avatar__image,.avatar--size-l.avatar--variant-square .avatar__initials{border-radius:0.75rem}.avatar--size-xl{width:4rem;height:4rem;font-size:var(--s-font-size-xl)}.avatar--size-xl.avatar--has-icon{padding-right:var(--s-space-16);padding-left:var(--s-space-16)}.avatar--size-xl.avatar--variant-square,.avatar--size-xl.avatar--variant-square .avatar__image,.avatar--size-xl.avatar--variant-square .avatar__initials{border-radius:1rem}.avatar--size-2xl{width:9rem;height:9rem;font-size:3.375rem}.avatar--size-2xl.avatar--has-icon{padding-right:var(--s-space-32);padding-left:var(--s-space-32)}.avatar--size-2xl.avatar--variant-square,.avatar--size-2xl.avatar--variant-square .avatar__image,.avatar--size-2xl.avatar--variant-square .avatar__initials{border-radius:2.25rem}.avatar--color-banana .avatar__initials{color:var(--s-decorative-banana-text);background-color:var(--s-decorative-banana-surface-subdued)}.avatar--color-blueberry .avatar__initials{color:var(--s-decorative-blueberry-text);background-color:var(--s-decorative-blueberry-surface-subdued)}.avatar--color-chilli .avatar__initials{color:var(--s-decorative-chilli-text);background-color:var(--s-decorative-chilli-surface-subdued)}.avatar--color-grape .avatar__initials{color:var(--s-decorative-grape-text);background-color:var(--s-decorative-grape-surface-subdued)}.avatar--color-kiwi .avatar__initials{color:var(--s-decorative-kiwi-text);background-color:var(--s-decorative-kiwi-surface-subdued)}.avatar--color-pumpkin .avatar__initials{color:var(--s-decorative-pumpkin-text);background-color:var(--s-decorative-pumpkin-surface-subdued)}.avatar--color-radish .avatar__initials{color:var(--s-decorative-radish-text);background-color:var(--s-decorative-radish-surface-subdued)}.avatar__image{overflow:hidden;width:100%;height:100%;border-radius:50%}.avatar__image>img{width:100%;height:100%}.avatar__icon{display:inline-flex}.avatar__icon>*{width:100%;height:100%}.avatar__icon>*::part(icon){width:100%;height:100%}.avatar__initials{display:inline-flex;width:100%;min-width:0;height:100%;padding-right:0.0625rem;padding-left:0.0625rem;justify-content:center;align-items:center;border-radius:50%;font-weight:var(--s-font-weight-medium)}.avatar__initials>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.avatar__badge{position:absolute;bottom:0;left:55%;display:inline-flex;min-width:1.5rem;height:1.5rem;transform:translate3d(0, 25%, 0)}.avatar__badge--position-top{top:0;bottom:auto;transform:translate3d(0, -25%, 0)}.avatar__label{margin-top:var(--s-space-4);color:var(--s-icon-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);text-align:center}";
 const swirlAvatarSizeMappings = {
   xs: 28,

package/dist/esm/swirl-card.entry.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-99d0060d.js';
 import { c as classnames } from './index-d280dafb.js';
-const swirlCardCss = ":host{display:block}:host *{box-sizing:border-box}.card{display:flex;overflow:hidden;width:100%;margin:0;padding:0;border:var(--s-border-width-default) solid var(--s-border-default);border-radius:var(--s-border-radius-base);color:var(--s-text-default);background-color:var(--s-surface-default);font:inherit;text-decoration:none;flex-direction:column;--swirl-ghost-button-background-default:var(--s-surface-default);--swirl-ghost-button-background-hovered:var(--s-surface-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-pressed)}a.card,button.card,.card--interactive{cursor:pointer}a.card:hover,button.card:hover,.card--interactive:hover{background-color:var(--s-surface-hovered)}a.card:active,button.card:active,.card--interactive:active{background-color:var(--s-surface-pressed)}a.card:focus:not(:focus-visible),button.card:focus:not(:focus-visible),.card--interactive:focus:not(:focus-visible){outline:none}a.card:focus-visible,button.card:focus-visible,.card--interactive:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-4)}.card--is--borderless{border:0}.card--elevated{border-color:transparent;box-shadow:0 0.75rem 1rem rgba(25, 26, 28, 0.12),\n    0 0.25rem 0.75rem rgba(25, 26, 28, 0.08)}.card--highlighted{border-width:0.1875rem;border-color:var(--s-border-highlight)}.card--justify-content-start .card__body{justify-content:flex-start}.card--justify-content-center .card__body{justify-content:center}.card--justify-content-end .card__body{justify-content:flex-end}:not(.card--has-image) .card__image{overflow:hidden;height:0}.card--intent-critical-subdued{background-color:var(--s-surface-critical-subdued)}.card--intent-info-subdued{background-color:var(--s-surface-info-subdued)}.card--intent-success-subdued{background-color:var(--s-surface-success-subdued)}.card--intent-warning-subdued{background-color:var(--s-surface-warning-subdued)}.content-section{padding:0 var(--s-space-16)}.card__image{overflow:hidden;min-height:0}.card__image ::slotted(img){display:inline-flex;width:100%;max-height:100%;-o-object-fit:cover;object-fit:cover}.card__body{display:flex;min-height:0;padding:var(--s-space-12) var(--s-space-16) var(--s-space-16);flex-grow:1;flex-direction:column;gap:var(--s-space-16)}";
+const swirlCardCss = ":host{display:block}:host *{box-sizing:border-box}.card{display:flex;overflow:hidden;width:100%;margin:0;padding:0;border:var(--s-border-width-default) solid var(--s-border-default);border-radius:var(--s-border-radius-base);color:var(--s-text-default);background-color:var(--s-surface-default);font:inherit;text-decoration:none;flex-direction:column;--swirl-ghost-button-background-default:var(--s-surface-default);--swirl-ghost-button-background-hovered:var(--s-surface-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-pressed);--swirl-resource-list-item-background-default:var(--s-surface-default);--swirl-resource-list-item-background-hovered:var(--s-surface-hovered);--swirl-resource-list-item-background-pressed:var(--s-surface-pressed)}a.card,button.card,.card--interactive{cursor:pointer}a.card:hover,button.card:hover,.card--interactive:hover{background-color:var(--s-surface-hovered)}a.card:active,button.card:active,.card--interactive:active{background-color:var(--s-surface-pressed)}a.card:focus:not(:focus-visible),button.card:focus:not(:focus-visible),.card--interactive:focus:not(:focus-visible){outline:none}a.card:focus-visible,button.card:focus-visible,.card--interactive:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-4)}.card--is--borderless{border:0}.card--elevated{border-color:transparent;box-shadow:0 0.75rem 1rem rgba(25, 26, 28, 0.12),\n    0 0.25rem 0.75rem rgba(25, 26, 28, 0.08)}.card--highlighted{border-width:0.1875rem;border-color:var(--s-border-highlight)}.card--justify-content-start .card__body{justify-content:flex-start}.card--justify-content-center .card__body{justify-content:center}.card--justify-content-end .card__body{justify-content:flex-end}:not(.card--has-image) .card__image{overflow:hidden;height:0}.card--intent-critical-subdued{background-color:var(--s-surface-critical-subdued)}.card--intent-info-subdued{background-color:var(--s-surface-info-subdued)}.card--intent-success-subdued{background-color:var(--s-surface-success-subdued)}.card--intent-warning-subdued{background-color:var(--s-surface-warning-subdued)}.content-section{padding:0 var(--s-space-16)}.card__image{overflow:hidden;min-height:0}.card__image ::slotted(img){display:inline-flex;width:100%;max-height:100%;-o-object-fit:cover;object-fit:cover}.card__body{display:flex;min-height:0;padding:var(--s-space-12) var(--s-space-16) var(--s-space-16);flex-grow:1;flex-direction:column;gap:var(--s-space-16)}";
 const swirlCardBorderRadiusTokens = ["xs", "sm", "base", "l", "xl"];
 const SwirlCard = class {

package/dist/esm/swirl-modal.entry.js CHANGED Viewed

@@ -1144,7 +1144,7 @@ var createFocusTrap = function createFocusTrap(elements, userOptions) {
   return trap;
 };
-const swirlModalCss = ":host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghost-button-background-default:var(--s-surface-overlay-default);--swirl-ghost-button-background-hovered:var(--s-surface-overlay-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-overlay-pressed);position:fixed;z-index:var(--s-z-40);display:flex;justify-content:center;align-items:center;inset:0}.modal[aria-hidden=\"true\"]{display:none}.modal--variant-default.modal--closing{animation:0.15s modal-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.modal--variant-default.modal--closing{animation:none}}.modal--variant-default:not(.modal--closing) .modal__backdrop{animation:0.15s modal-backdrop-fade-in}@media (prefers-reduced-motion){.modal--variant-default:not(.modal--closing) .modal__backdrop{animation:none}}.modal--variant-default:not(.modal--closing) .modal__body{animation:0.15s modal-scale-in}@media (prefers-reduced-motion){.modal--variant-default:not(.modal--closing) .modal__body{animation:none}}.modal--variant-drawer{justify-content:end;align-items:stretch}.modal--variant-drawer.modal--closing{animation:0.15s modal-drawer-slide-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.modal--variant-drawer.modal--closing{animation:none}}.modal--variant-drawer.modal--hide-label .modal__content{padding-top:calc(3.5rem + var(--s-space-8))}.modal--variant-drawer .modal__backdrop{background-color:transparent;animation:none}.modal--variant-drawer .modal__body{height:100%;max-height:none;border-radius:0;animation:0.15s modal-drawer-slide-in;box-shadow:var(--s-shadow-level-3)}@media (prefers-reduced-motion){.modal--variant-drawer .modal__body{animation:none}}.modal--variant-drawer .modal__close-button{right:auto;left:var(--s-space-8)}@media (min-width: 768px){.modal--variant-drawer .modal__close-button{left:var(--s-space-16)}}.modal--variant-drawer .modal__header{padding-right:var(--s-space-16);padding-left:calc(var(--s-space-8) + 2.5rem + var(--s-space-8))}@media (min-width: 768px){.modal--variant-drawer .modal__header{padding-top:var(--s-space-16);padding-right:var(--s-space-24);padding-left:calc(var(--s-space-16) + 2.5rem + var(--s-space-8))}}.modal--padded .modal__content{padding-top:var(--s-space-24);padding-right:var(--s-space-16);padding-bottom:var(--s-space-24);padding-left:var(--s-space-16)}@media (min-width: 768px){.modal--padded .modal__content{padding-top:0;padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24)}}@media (min-width: 768px){.modal--scrollable .modal__content{padding-bottom:0}}.modal--scrollable:not(.modal--scrolled-down).modal--has-custom-footer .modal__custom-footer{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--scrollable:not(.modal--scrolled-down):not(.modal--has-custom-footer) .modal__controls{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--has-custom-header .modal__content{padding-top:var(--s-space-16)}.modal--has-custom-footer .modal__custom-footer{padding-top:var(--s-space-16);padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24)}@media (min-width: 768px){.modal--scrolled .modal__header{border-bottom-color:var(--s-border-default)}}.modal__backdrop{position:fixed;background-color:rgba(0, 0, 0, 0.2);inset:0}.modal__body{position:relative;z-index:var(--s-z-40);display:flex;overflow:hidden;width:100vw;max-width:40rem;height:100vh;background-color:var(--s-surface-overlay-default);flex-direction:column}@media (min-width: 768px){.modal__body{width:90vw;height:auto;max-height:90vh;border-radius:var(--s-border-radius-base);box-shadow:var(--s-shadow-level-3)}}.modal__close-button{position:absolute;z-index:1;top:var(--s-space-8);left:var(--s-space-8)}@media (min-width: 768px){.modal__close-button{top:var(--s-space-16);right:var(--s-space-16);left:auto}}.modal__header{display:flex;height:3.5rem;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:calc(var(--s-space-8) + 2.5rem + var(--s-space-8));flex-shrink:0;align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);gap:var(--s-space-16)}@media (min-width: 768px){.modal__header{height:4.125rem;padding-top:var(--s-space-24);padding-right:calc(var(--s-space-16) + 2.5rem + var(--s-space-8));padding-bottom:var(--s-space-16);padding-left:var(--s-space-24);border-bottom:var(--s-border-width-default) solid transparent}}.modal__custom-header{flex-shrink:0;border-bottom:var(--s-border-width-default) solid var(--s-border-default)}.modal__heading{overflow:hidden}.modal__heading .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.modal__content{overflow-x:hidden;overflow-y:auto;flex-grow:1;line-height:var(--s-line-height-base)}.modal__content ::slotted(*){margin:0}.modal__custom-footer{flex-shrink:0}.modal__controls{display:flex;padding-top:var(--s-space-16);padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24);flex-shrink:0;justify-content:flex-end}@keyframes modal-scale-in{from{transform:scale(0)}to{transform:scale(1)}}@keyframes modal-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes modal-fade-out{from{opacity:1}to{opacity:0}}@keyframes modal-drawer-slide-in{from{transform:translate3d(100%, 0, 0)}to{transform:translate3d(0, 0, 0)}}@keyframes modal-drawer-slide-out{from{transform:translate3d(0, 0, 0)}to{transform:translate3d(100%, 0, 0)}}";
+const swirlModalCss = ":host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghost-button-background-default:var(--s-surface-overlay-default);--swirl-ghost-button-background-hovered:var(--s-surface-overlay-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-overlay-pressed);--swirl-resource-list-item-background-default:var(\n    --s-surface-overlay-default\n  );--swirl-resource-list-item-background-hovered:var(\n    --s-surface-overlay-hovered\n  );--swirl-resource-list-item-background-pressed:var(\n    --s-surface-overlay-pressed\n  );position:fixed;z-index:var(--s-z-40);display:flex;justify-content:center;align-items:center;inset:0}.modal[aria-hidden=\"true\"]{display:none}.modal--variant-default.modal--closing{animation:0.15s modal-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.modal--variant-default.modal--closing{animation:none}}.modal--variant-default:not(.modal--closing) .modal__backdrop{animation:0.15s modal-backdrop-fade-in}@media (prefers-reduced-motion){.modal--variant-default:not(.modal--closing) .modal__backdrop{animation:none}}.modal--variant-default:not(.modal--closing) .modal__body{animation:0.15s modal-scale-in}@media (prefers-reduced-motion){.modal--variant-default:not(.modal--closing) .modal__body{animation:none}}.modal--variant-drawer{justify-content:end;align-items:stretch}.modal--variant-drawer.modal--closing{animation:0.15s modal-drawer-slide-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.modal--variant-drawer.modal--closing{animation:none}}.modal--variant-drawer.modal--hide-label .modal__content{padding-top:calc(3.5rem + var(--s-space-8))}.modal--variant-drawer .modal__backdrop{background-color:transparent;animation:none}.modal--variant-drawer .modal__body{height:100%;max-height:none;border-radius:0;animation:0.15s modal-drawer-slide-in;box-shadow:var(--s-shadow-level-3)}@media (prefers-reduced-motion){.modal--variant-drawer .modal__body{animation:none}}.modal--variant-drawer .modal__close-button{right:auto;left:var(--s-space-8)}@media (min-width: 768px){.modal--variant-drawer .modal__close-button{left:var(--s-space-16)}}.modal--variant-drawer .modal__header{padding-right:var(--s-space-16);padding-left:calc(var(--s-space-8) + 2.5rem + var(--s-space-8))}@media (min-width: 768px){.modal--variant-drawer .modal__header{padding-top:var(--s-space-16);padding-right:var(--s-space-24);padding-left:calc(var(--s-space-16) + 2.5rem + var(--s-space-8))}}.modal--padded .modal__content{padding-top:var(--s-space-24);padding-right:var(--s-space-16);padding-bottom:var(--s-space-24);padding-left:var(--s-space-16)}@media (min-width: 768px){.modal--padded .modal__content{padding-top:0;padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24)}}@media (min-width: 768px){.modal--scrollable .modal__content{padding-bottom:0}}.modal--scrollable:not(.modal--scrolled-down).modal--has-custom-footer .modal__custom-footer{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--scrollable:not(.modal--scrolled-down):not(.modal--has-custom-footer) .modal__controls{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--has-custom-header .modal__content{padding-top:var(--s-space-16)}.modal--has-custom-footer .modal__custom-footer{padding-top:var(--s-space-16);padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24)}@media (min-width: 768px){.modal--scrolled .modal__header{border-bottom-color:var(--s-border-default)}}.modal__backdrop{position:fixed;background-color:rgba(0, 0, 0, 0.2);inset:0}.modal__body{position:relative;z-index:var(--s-z-40);display:flex;overflow:hidden;width:100vw;max-width:40rem;height:100vh;background-color:var(--s-surface-overlay-default);flex-direction:column}@media (min-width: 768px){.modal__body{width:90vw;height:auto;max-height:90vh;border-radius:var(--s-border-radius-base);box-shadow:var(--s-shadow-level-3)}}.modal__close-button{position:absolute;z-index:1;top:var(--s-space-8);left:var(--s-space-8)}@media (min-width: 768px){.modal__close-button{top:var(--s-space-16);right:var(--s-space-16);left:auto}}.modal__header{display:flex;height:3.5rem;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:calc(var(--s-space-8) + 2.5rem + var(--s-space-8));flex-shrink:0;align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);gap:var(--s-space-16)}@media (min-width: 768px){.modal__header{height:4.125rem;padding-top:var(--s-space-24);padding-right:calc(var(--s-space-16) + 2.5rem + var(--s-space-8));padding-bottom:var(--s-space-16);padding-left:var(--s-space-24);border-bottom:var(--s-border-width-default) solid transparent}}.modal__custom-header{flex-shrink:0;border-bottom:var(--s-border-width-default) solid var(--s-border-default)}.modal__heading{overflow:hidden}.modal__heading .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.modal__content{overflow-x:hidden;overflow-y:auto;flex-grow:1;line-height:var(--s-line-height-base)}.modal__content ::slotted(*){margin:0}.modal__custom-footer{flex-shrink:0}.modal__controls{display:flex;padding-top:var(--s-space-16);padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24);flex-shrink:0;justify-content:flex-end}@keyframes modal-scale-in{from{transform:scale(0)}to{transform:scale(1)}}@keyframes modal-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes modal-fade-out{from{opacity:1}to{opacity:0}}@keyframes modal-drawer-slide-in{from{transform:translate3d(100%, 0, 0)}to{transform:translate3d(0, 0, 0)}}@keyframes modal-drawer-slide-out{from{transform:translate3d(0, 0, 0)}to{transform:translate3d(100%, 0, 0)}}";
 const SwirlModal = class {
   constructor(hostRef) {

package/dist/swirl-components/{p-61e97cc5.entry.js → p-192d2465.entry.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{r as i,c as t,h as a,H as o,g as e,F as s}from"./p-3fca9a05.js";import{c as r}from"./p-b7898321.js";import{i as l,g as n}from"./p-646e00de.js";import{S as p}from"./p-1486d7ea.js";const d=class{constructor(a){i(this,a),this.ctaClick=t(this,"ctaClick",7),this.mobileViewChange=t(this,"mobileViewChange",7),this.navigationBackButtonClick=t(this,"navigationBackButtonClick",7),this.sidebarToggle=t(this,"sidebarToggle",7),this.onBackToNavigationViewButtonClick=()=>{this.changeMobileView("navigation")},this.onCtaClick=i=>{this.ctaClick.emit(i)},this.onNavigationBackButtonClick=i=>{this.navigationBackButtonClick.emit(i)},this.onSidebarCloseButtonClick=()=>{this.hideSidebar()},this.appName=void 0,this.backToNavigationViewButtonLabel="Back to navigation",this.ctaIcon=void 0,this.ctaLabel=void 0,this.navigationBackButtonLabel="Go back",this.navigationLabel=void 0,this.showNavigationBackButton=void 0,this.sidebarCloseButtonLabel="Close sidebar",this.sidebarHeading=void 0,this.transitionStyle="slides",this.hasNavigation=void 0,this.hasSidebar=void 0,this.mobileView="navigation",this.sidebarActive=void 0,this.sidebarClosing=void 0,this.transitioningFrom=void 0,this.transitioningTo=void 0}componentWillLoad(){this.mutationObserver=new MutationObserver((()=>{this.updateNavigationStatus(),this.updateSidebarStatus()})),this.mutationObserver.observe(this.el,{childList:!0}),queueMicrotask((()=>{this.updateSidebarStatus(),this.updateNavigationStatus(),this.checkMobileView()}))}disconnectedCallback(){var i;null===(i=this.mutationObserver)\|\|void 0===i\|\|i.disconnect()}watchMobileView(){this.checkMobileView()}async showSidebar(){!this.sidebarActive&&this.hasSidebar&&(this.sidebarActive=!0,this.changeMobileView("sidebar"),this.sidebarToggle.emit(!0))}async hideSidebar(){if(!this.sidebarActive\|\|!this.hasSidebar)return;Boolean(this.sidebarClosingTimeout)&&clearTimeout(this.sidebarClosingTimeout),this.sidebarClosing=!0;const i=l()?0:300;this.sidebarClosingTimeout=setTimeout((()=>{this.sidebarActive=!1,this.sidebarClosing=!1,this.changeMobileView("body"),this.sidebarToggle.emit(!1)}),i)}async toggleSidebar(){this.hasSidebar&&(this.sidebarActive?this.hideSidebar():this.showSidebar())}async changeMobileView(i,t=!0){if(this.mobileView===i\|\|"navigation"===i&&!this.hasNavigation\|\|"sidebar"===i&&!this.hasSidebar)return;if(!l()\|\|!t)return this.mobileView=i,void this.mobileViewChange.emit(this.mobileView);Boolean(this.transitionTimeout)&&clearTimeout(this.transitionTimeout),this.transitioningFrom=this.mobileView,this.transitioningTo=i;let a=0;"slides"===this.transitionStyle?a=400:"dialog"===this.transitionStyle&&(a=300),this.transitionTimeout=setTimeout((()=>{this.mobileView=i,this.transitioningFrom=void 0,this.transitioningTo=void 0,this.mobileViewChange.emit(this.mobileView)}),a)}checkMobileView(){if("navigation"===this.mobileView&&!this.hasNavigation\|\|"sidebar"===this.mobileView&&!this.hasSidebar)return void(this.mobileView="body");const i="sidebar"===this.mobileView\|\|this.sidebarActive;i!==this.sidebarActive&&(i?this.showSidebar():this.hideSidebar())}updateNavigationStatus(){this.hasNavigation=Boolean(this.el.querySelector('[slot="navigation"]'))}updateSidebarStatus(){this.hasSidebar=Boolean(this.el.querySelector('[slot="sidebar"]'))}render(){const i=("body"===this.mobileView\|\|this.transitioningTo)&&this.hasNavigation,t=Boolean(this.el.querySelector('[slot="app-bar-controls"]')),e=r("app-layout",`app-layout--mobile-view-${this.mobileView}`,`app-layout--transitioning-from-${this.transitioningFrom}`,`app-layout--transitioning-to-${this.transitioningTo}`,`app-layout--transition-style-${this.transitionStyle}`,{"app-layout--has-app-bar-controls":t,"app-layout--has-navigation":this.hasNavigation,"app-layout--has-sidebar":this.hasSidebar,"app-layout--sidebar-active":"sidebar"===this.mobileView\|\|this.sidebarActive,"app-layout--sidebar-closing":this.sidebarClosing});return a(o,null,a("section",{"aria-labelledby":"app-name",class:e,role:"document",tabIndex:0},a("div",{class:"app-layout__grid"},a("header",{class:"app-layout__header"},a("span",{class:"app-layout__navigation-mobile-menu-button"},a("slot",{name:"navigation-mobile-menu-button"})),this.showNavigationBackButton&&a("span",{class:"app-layout__navigation-back-button"},a("swirl-button",{hideLabel:!0,icon:"<swirl-icon-arrow-back></swirl-icon-arrow-back>",label:this.navigationBackButtonLabel,onClick:this.onNavigationBackButtonClick})),a("swirl-heading",{as:"h1",class:"app-layout__app-name",headingId:"app-name",level:3,text:this.appName}),this.hasNavigation&&a("span",{class:"app-layout__navigation-controls"},a("slot",{name:"navigation-controls"}))),a("nav",{"aria-label":this.navigationLabel,class:"app-layout__navigation"},a("slot",{name:"navigation"})),a("section",{"aria-labelledby":"app-name",class:"app-layout__body"},a("header",{class:"app-layout__app-bar"},a("span",{class:"app-layout__app-bar-mobile-menu-button"},a("slot",{name:"app-bar-mobile-menu-button"})),i&&a("span",{class:"app-layout__back-to-navigation-button"},a("swirl-button",{hideLabel:!0,icon:"dialog"===this.transitionStyle?"<swirl-icon-close></swirl-icon-close>":"<swirl-icon-arrow-back></swirl-icon-arrow-back>",label:this.backToNavigationViewButtonLabel,onClick:this.onBackToNavigationViewButtonClick})),a("div",{class:"app-layout__app-bar-content"},a("slot",{name:"app-bar"})),a("div",{class:"app-layout__app-bar-controls"},a("slot",{name:"app-bar-controls"}))),a("div",{class:"app-layout__banner"},a("slot",{name:"banner"})),a("div",{class:"app-layout__content"},a("slot",{name:"content"}))),a("aside",{class:"app-layout__sidebar"},a("header",{class:"app-layout__sidebar-header"},a("swirl-button",{class:"app-layout__sidebar-close-button",hideLabel:!0,icon:"<swirl-icon-close></swirl-icon-close>",label:this.sidebarCloseButtonLabel,onClick:this.onSidebarCloseButtonClick}),a("swirl-heading",{as:"h3",class:"app-layout__sidebar-heading",headingId:"sidebar-heading",level:3,text:this.sidebarHeading})),a("div",{class:"app-layout__sidebar-content"},a("slot",{name:"sidebar"}))),this.ctaLabel&&a("span",{class:"app-layout__floating-cta"},a("swirl-button",{hideLabel:Boolean(this.ctaIcon),icon:this.ctaIcon,intent:"primary",label:this.ctaLabel,onClick:this.onCtaClick,variant:"floating"})))))}get el(){return e(this)}static get watchers(){return{mobileView:["watchMobileView"]}}};d.style=':host{position:relative;z-index:1;display:flex;width:100%;height:100%}:host {box-sizing:border-box}.app-layout{display:flex;overflow:hidden;width:100%;height:100%;margin-right:auto;margin-left:auto}.app-layout__grid{position:relative;display:grid;width:100%;height:100%;grid-template-columns:100%;grid-template-rows:3.5625rem 1fr;grid-template-areas:"body"\n "body"}.app-layout:not(.app-layout--has-navigation) .app-layout__header,.app-layout:not(.app-layout--has-navigation) .app-layout__navigation{display:none}.app-layout:not(.app-layout--has-sidebar) .app-layout__sidebar{display:none}@media (max-width: 767px){.app-layout:not(.app-layout--mobile-view-body) .app-layout__body{display:none}}@media (max-width: 767px){.app-layout:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar{display:none}}.app-layout--has-navigation .app-layout__grid{grid-template-columns:100%;grid-template-areas:"header"\n "navigation"}@media (min-width: 768px){.app-layout--has-navigation .app-layout__grid{grid-template-columns:min(50%, 25rem) 1fr;grid-template-areas:"header body"\n "navigation body"}}@media (min-width: 768px){.app-layout--has-navigation .app-layout__app-bar-mobile-menu-button{display:none}}@media (min-width: 768px){.app-layout--has-sidebar.app-layout--sidebar-active .app-layout__grid{grid-template-columns:1fr min(50%, 25rem);grid-template-areas:"body sidebar"\n "body sidebar"}}.app-layout--has-sidebar .app-layout__grid{grid-template-columns:100%;grid-template-areas:"body"\n "body"}@media (min-width: 1440px){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-active .app-layout__grid{animation:app-layout-sidebar-slide-in 0.3s;grid-template-columns:25rem 1fr 25rem;grid-template-areas:"header body sidebar"\n "navigation body sidebar"}}@media (min-width: 1440px){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-closing .app-layout__grid{animation:app-layout-sidebar-slide-out 0.3s}}@media (min-width: 768px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__grid{grid-template-columns:min(50%, 25rem) 1fr;grid-template-areas:"header body"\n "navigation body"}}@media (min-width: 992px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__grid{grid-template-columns:25rem 1fr;grid-template-areas:"header body"\n "navigation body"}}@media (min-width: 768px) and (max-width: 1439px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__sidebar{position:absolute;top:0;right:0;bottom:0;width:min(40%, 25rem);border-left:var(--s-border-width-default) solid var(--s-border-default);box-shadow:var(--s-shadow-level-3)}}@media (max-width: 767px){.app-layout--mobile-view-navigation .app-layout__grid{grid-template-areas:"header"\n "navigation"}.app-layout--mobile-view-navigation .app-layout__body,.app-layout--mobile-view-navigation .app-layout__sidebar{display:none}}@media (max-width: 767px){.app-layout--mobile-view-body .app-layout__grid{grid-template-areas:"body"\n "body"}.app-layout--mobile-view-body .app-layout__header,.app-layout--mobile-view-body .app-layout__navigation,.app-layout--mobile-view-body .app-layout__sidebar{display:none}}@media (max-width: 767px){.app-layout--mobile-view-sidebar .app-layout__grid{grid-template-areas:"sidebar"\n "sidebar"}.app-layout--mobile-view-sidebar .app-layout__header,.app-layout--mobile-view-sidebar .app-layout__navigation,.app-layout--mobile-view-sidebar .app-layout__body{display:none}}.app-layout--has-sidebar:not(.app-layout--sidebar-active) .app-layout__sidebar{display:none}@media (min-width: 768px){.app-layout--sidebar-closing .app-layout__sidebar{animation:app-layout-sidebar-overlay-slide-out 0.3s}}@media (min-width: 1440px){.app-layout--sidebar-closing .app-layout__sidebar{animation:none}}.app-layout--has-app-bar-controls .app-layout__app-bar-controls{display:block}.app-layout__header{z-index:1;display:flex;min-width:0;padding-top:var(--s-space-12);padding-right:var(--s-space-16);padding-bottom:var(--s-space-12);padding-left:var(--s-space-16);align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:header;will-change:transform;gap:var(--s-space-8)}@media (min-width: 768px){.app-layout__header{border-right:var(--s-border-width-default) solid var(--s-border-default)}}.app-layout__app-name{min-width:0}.app-layout__app-name .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-layout__app-bar-mobile-menu-button,.app-layout__navigation-mobile-menu-button{flex-shrink:0}@media (min-width: 992px){.app-layout__app-bar-mobile-menu-button,.app-layout__navigation-mobile-menu-button{display:none}}.app-layout__navigation-back-button{margin-left:calc(-1 var(--s-space-4))}.app-layout__floating-cta{position:absolute;z-index:4;right:var(--s-space-16);bottom:var(--s-space-16)}.app-layout__navigation-controls{flex-shrink:0}.app-layout__navigation{z-index:1;overflow-y:auto;border-right:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:navigation;will-change:transform}.app-layout__body{z-index:2;display:grid;width:100%;height:100%;grid-area:body;grid-template-rows:minmax(3.5rem, auto) auto 1fr;grid-template-areas:"app-bar"\n "banner"\n "content";will-change:transform}.app-layout__app-bar{display:flex;min-width:0;align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:app-bar;gap:var(--s-space-8);--swirl-tab-bar-border-width:0;--swirl-tab-bar-height:3.5rem}.app-layout__back-to-navigation-button{margin-left:calc(-1 * var(--s-space-4))}@media (min-width: 768px){.app-layout__back-to-navigation-button{display:none}}.app-layout__banner{grid-area:banner}.app-layout__app-bar-content{min-width:0;flex-grow:1}.app-layout__app-bar-controls{display:none;padding-right:var(--s-space-16)}.app-layout__content{overflow:auto;background-color:var(--s-background-default);grid-area:content}.app-layout__sidebar{z-index:3;display:grid;width:100%;height:100%;border-left:var(--s-border-width-default) solid var(--s-border-default);will-change:transform;grid-area:sidebar;grid-template-rows:3.5625rem 1fr;grid-template-areas:"sidebar-header"\n "sidebar-content"}@media (min-width: 768px){.app-layout__sidebar{animation:app-layout-slide-in 0.3s}}@media (min-width: 1440px){.app-layout__sidebar{width:25rem;animation:none}}.app-layout__sidebar-header{display:flex;min-width:0;padding-top:var(--s-space-12);padding-right:var(--s-space-16);padding-bottom:var(--s-space-12);padding-left:var(--s-space-16);align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:sidebar-header;gap:var(--s-space-8)}@media (min-width: 992px){.app-layout__sidebar-header{padding-left:var(--s-space-16)}}.app-layout__sidebar-heading{min-width:0;flex-grow:1}.app-layout__sidebar-heading .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-layout__sidebar-close-button{margin-left:calc(-1 * var(--s-space-4))}.app-layout__sidebar-content{overflow-y:auto;background-color:var(--s-background-default);grid-area:sidebar-content}@media (max-width: 767px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__grid,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__grid{grid-template-columns:100%;grid-template-areas:"header"\n "navigation"}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{position:absolute;top:0;left:0;display:grid;width:100%;transform:translate3d(100%, 0, 0)}}@media (max-width: 767px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{display:flex}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{display:block}}@media (max-width: 991px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__grid,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__grid{grid-template-columns:100%;grid-template-areas:"body"\n "body"}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{position:absolute;top:0;left:0;display:grid;border-left:var(--s-border-width-default) solid var(--s-border-default)}}@media (max-width: 991px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{display:grid}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{display:grid}}@media (max-width: 767px){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__navigation,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation:app-layout-slide-out 0.4s}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:app-layout-slide-in 0.4s}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body:after,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body:after{position:absolute;top:0;right:100%;bottom:0;display:block;width:100%;background-color:rgba(0, 0, 0, 0.3);content:"";animation:app-layout-fade-in 0.4s}}@media (max-width: 767px){.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body:after{animation-direction:reverse}}@media (max-width: 991px){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation:app-layout-slide-out 0.4s}.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:app-layout-slide-in 0.4s}.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar:after,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar:after{position:absolute;top:0;right:100%;bottom:0;display:block;width:100%;background-color:rgba(0, 0, 0, 0.3);content:"";animation:app-layout-fade-in 0.4s}}@media (max-width: 991px){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar:after{animation-direction:reverse}}@media (max-width: 767px){.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:app-layout-scale-in 0.3s}}@media (max-width: 767px){.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation-direction:reverse}}@media (max-width: 991px){.app-layout--transition-style-dialog.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:app-layout-scale-in 0.3s}}@media (max-width: 991px){.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation-direction:reverse}}@keyframes app-layout-sidebar-overlay-slide-out{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(100%, 0, 0)}}@keyframes app-layout-slide-in{0%{transform:translate3d(100%, 0, 0)}100%{transform:translate3d(0, 0, 0)}}@keyframes app-layout-slide-out{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(-20%, 0, 0)}}@keyframes app-layout-fade-in{0%{opacity:0}100%{opacity:1}}@keyframes app-layout-scale-in{from{transform:scale(0);box-shadow:0 0 0 100rem rgba(0, 0, 0, 0)}to{transform:scale(1);box-shadow:0 0 0 100rem rgba(0, 0, 0, 0.25)}}@keyframes app-layout-sidebar-slide-in{from{overflow:hidden;grid-template-columns:25rem 1fr 0}to{overflow:hidden;grid-template-columns:25rem 1fr 25rem}}@keyframes app-layout-sidebar-slide-out{from{overflow:hidden;grid-template-columns:25rem 1fr 25rem}to{overflow:hidden;grid-template-columns:25rem 1fr 0}}';const u=class{constructor(t){i(this,t),this.bordered=void 0,this.centerBlock=void 0,this.centerInline=void 0,this.cover=void 0,this.maxWidth=void 0,this.overflow="visible",this.padding="0",this.paddingBlockEnd=void 0,this.paddingBlockStart=void 0,this.paddingInlineEnd=void 0,this.paddingInlineStart=void 0}render(){const i={alignItems:this.centerBlock?"center":void 0,display:this.centerBlock\|\|this.centerInline?"flex":void 0,height:this.cover?"100%":void 0,justifyContent:this.centerInline?"center":void 0,overflow:this.overflow,padding:`var(--s-space-${this.padding})`,paddingBlockEnd:Boolean(this.paddingBlockEnd)?`var(--s-space-${this.paddingBlockEnd})`:void 0,paddingBlockStart:Boolean(this.paddingBlockStart)?`var(--s-space-${this.paddingBlockStart})`:void 0,paddingInlineEnd:Boolean(this.paddingInlineEnd)?`var(--s-space-${this.paddingInlineEnd})`:void 0,paddingInlineStart:Boolean(this.paddingInlineStart)?`var(--s-space-${this.paddingInlineStart})`:void 0,position:Boolean(this.overflow)?"relative":"",maxWidth:this.maxWidth,width:this.cover?"100%":void 0},t=r("box",{"box--bordered":this.bordered,"box--cover":this.cover});return a(o,{class:t,style:i},a("slot",null))}};u.style=":host{display:block;width:100%}:host(.box--bordered){border:var(--s-border-width-default) solid var(--s-border-default)}:host(.box--cover){width:100%;height:100%}:host {box-sizing:border-box}";const c=class{constructor(t){i(this,t),this.heading=void 0,this.illustration=void 0}render(){return a(o,null,a("div",{class:"empty-state"},this.illustration&&a("img",{alt:"",class:"empty-state__illustration",src:this.illustration}),a("div",{class:"empty-state__body"},this.heading&&a("swirl-heading",{align:"center",as:"p",text:this.heading}),a("div",{class:"empty-state__content"},a("swirl-text",{align:"center",color:"subdued"},a("slot",null))))))}};c.style=":host{display:block}:host {box-sizing:border-box}.empty-state{display:flex;max-width:28rem;align-items:center;flex-direction:column;gap:var(--s-space-16)}.empty-state__illustration{max-width:16rem}.empty-state__body{display:flex;align-items:center;flex-direction:column;gap:var(--s-space-8)}";const h=class{constructor(t){i(this,t),this.size=24}render(){const i=20===this.size?24:this.size,t=r("swirl-icon",`swirl-icon--size-${this.size}`);return a("svg",{class:t,fill:"none",height:this.size,part:"icon",viewBox:`0 0 ${i} ${i}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},16===this.size&&a(s,null,a("path",{d:"M3.99999 1.33334C3.26666 1.33334 2.67332 1.93334 2.67332 2.66668L2.66666 13.3333C2.66666 14.0667 3.25999 14.6667 3.99332 14.6667H12C12.7333 14.6667 13.3333 14.0667 13.3333 13.3333V5.88668C13.3333 5.53334 13.1933 5.19334 12.94 4.94668L9.71999 1.72668C9.47332 1.47334 9.13332 1.33334 8.77999 1.33334H3.99999ZM8.66666 5.33334V2.33334L12.3333 6.00001H9.33332C8.96666 6.00001 8.66666 5.70001 8.66666 5.33334Z",fill:"currentColor"})),(20===this.size\|\|24===this.size)&&a(s,null,a("path",{d:"M6 2C4.9 2 4.01 2.9 4.01 4L4 20C4 21.1 4.89 22 5.99 22H18C19.1 22 20 21.1 20 20V8.83C20 8.3 19.79 7.79 19.41 7.42L14.58 2.59C14.21 2.21 13.7 2 13.17 2H6ZM13 8V3.5L18.5 9H14C13.45 9 13 8.55 13 8Z",fill:"currentColor"})),28===this.size&&a(s,null,a("path",{d:"M6.99999 2.33334C5.71666 2.33334 4.67832 3.38334 4.67832 4.66668L4.66666 23.3333C4.66666 24.6167 5.70499 25.6667 6.98832 25.6667H21C22.2833 25.6667 23.3333 24.6167 23.3333 23.3333V10.3017C23.3333 9.68334 23.0883 9.08834 22.645 8.65668L17.01 3.02168C16.5783 2.57834 15.9833 2.33334 15.365 2.33334H6.99999ZM15.1667 9.33334V4.08334L21.5833 10.5H16.3333C15.6917 10.5 15.1667 9.97501 15.1667 9.33334Z",fill:"currentColor"})))}};h.style=":host{display:inline-flex}";const m=class{constructor(t){i(this,t),this.size=24}render(){const i=20===this.size?24:this.size,t=r("swirl-icon",`swirl-icon--size-${this.size}`);return a("svg",{class:t,fill:"none",height:this.size,part:"icon",viewBox:`0 0 ${i} ${i}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},16===this.size&&a(s,null,a("path",{d:"M13.3333 3.99996H8.00001L7.06001 3.05996C6.80668 2.80663 6.46668 2.66663 6.11334 2.66663H2.66668C1.93334 2.66663 1.34001 3.26663 1.34001 3.99996L1.33334 12C1.33334 12.7333 1.93334 13.3333 2.66668 13.3333H13.3333C14.0667 13.3333 14.6667 12.7333 14.6667 12V5.33329C14.6667 4.59996 14.0667 3.99996 13.3333 3.99996ZM10 5.99996C10.7333 5.99996 11.3333 6.59996 11.3333 7.33329C11.3333 8.06663 10.7333 8.66663 10 8.66663C9.26668 8.66663 8.66668 8.06663 8.66668 7.33329C8.66668 6.59996 9.26668 5.99996 10 5.99996ZM12.6667 11.3333H7.33334V10.6666C7.33334 9.77996 9.11334 9.33329 10 9.33329C10.8867 9.33329 12.6667 9.77996 12.6667 10.6666V11.3333Z",fill:"currentColor"})),(20===this.size\|\|24===this.size)&&a(s,null,a("path",{d:"M20 6H12L10.59 4.59C10.21 4.21 9.7 4 9.17 4H4C2.9 4 2.01 4.9 2.01 6L2 18C2 19.1 2.9 20 4 20H20C21.1 20 22 19.1 22 18V8C22 6.9 21.1 6 20 6ZM15 9C16.1 9 17 9.9 17 11C17 12.1 16.1 13 15 13C13.9 13 13 12.1 13 11C13 9.9 13.9 9 15 9ZM19 17H11V16C11 14.67 13.67 14 15 14C16.33 14 19 14.67 19 16V17Z",fill:"currentColor"})),28===this.size&&a(s,null,a("path",{d:"M23.3333 6.99996H14L12.355 5.35496C11.9117 4.91163 11.3167 4.66663 10.6983 4.66663H4.66668C3.38334 4.66663 2.34501 5.71663 2.34501 6.99996L2.33334 21C2.33334 22.2833 3.38334 23.3333 4.66668 23.3333H23.3333C24.6167 23.3333 25.6667 22.2833 25.6667 21V9.33329C25.6667 8.04996 24.6167 6.99996 23.3333 6.99996ZM17.5 10.5C18.7833 10.5 19.8333 11.55 19.8333 12.8333C19.8333 14.1166 18.7833 15.1666 17.5 15.1666C16.2167 15.1666 15.1667 14.1166 15.1667 12.8333C15.1667 11.55 16.2167 10.5 17.5 10.5ZM22.1667 19.8333H12.8333V18.6666C12.8333 17.115 15.9483 16.3333 17.5 16.3333C19.0517 16.3333 22.1667 17.115 22.1667 18.6666V19.8333Z",fill:"currentColor"})))}};m.style=":host{display:inline-flex}";const y=class{constructor(a){i(this,a),this.itemDrop=t(this,"itemDrop",7),this.focusedIndex=0,this.toggleDrag=i=>{const t=i.detail;Boolean(this.dragging)?this.stopDrag(t):this.startDrag(t)},this.startDrag=i=>{this.dragging=i,this.draggingStartIndex=this.getItemIndex(this.dragging),i.setAttribute("dragging","true");const t=this.getItemIndex(this.dragging);this.focusItemAtIndex(t),this.assistiveText=this.assistiveTextItemGrabbed},this.stopDrag=i=>{const t=this.getItemIndex(this.dragging);this.dragging=void 0,i.removeAttribute("dragging"),this.assistiveText=`${this.assistiveTextItemMoved} ${t+1}`,this.itemDrop.emit({item:i,oldIndex:this.draggingStartIndex,newIndex:t}),this.draggingStartIndex=void 0},this.onKeyDown=i=>{if("ArrowDown"===i.key)i.preventDefault(),Boolean(this.dragging)?this.moveDraggedItemDown():this.focusItemAtIndex((this.focusedIndex+1)%this.items.length);else if("ArrowUp"===i.key)i.preventDefault(),Boolean(this.dragging)?this.moveDraggedItemUp():this.focusItemAtIndex(0===this.focusedIndex?this.items.length-1:this.focusedIndex-1);else if("Space"===i.key\|\|"Enter"===i.key){const t=i.composedPath()[0];Boolean(this.dragging)&&!(null==t?void 0:t.classList.contains("resource-list-item__drag-handle"))&&(i.preventDefault(),this.stopDrag(this.dragging))}else"Home"===i.key?(i.preventDefault(),this.focusItemAtIndex(0)):"End"===i.key&&(i.preventDefault(),this.focusItemAtIndex(this.items.length-1))},this.onSlotChange=()=>{this.collectItems()},this.allowDrag=void 0,this.assistiveTextItemGrabbed="Item grabbed. Use arrow keys to move item up or down. Use spacebar to save position.",this.assistiveTextItemMoving="Current position:",this.assistiveTextItemMoved="Item moved. New position:",this.label=void 0,this.assistiveText=void 0}componentDidLoad(){this.collectItems(),this.setItemAllowDragState(),this.setupDragDrop()}disconnectedCallback(){var i;null===(i=this.sortable)\|\|void 0===i\|\|i.destroy()}watchAllowDrag(){this.setItemAllowDragState(),this.setupDragDrop()}collectItems(){this.items=Array.from(this.el.querySelectorAll("swirl-resource-list-item, swirl-resource-list-file-item")).filter((i=>i.isConnected)),this.removeItemsFromTabOrder(),this.enableItemFocus(this.items[this.focusedIndex])}getItemIndex(i){return this.items.map((i=>i)).findIndex((t=>t===i))}removeItemsFromTabOrder(){this.items.forEach((i=>{var t;return null===(t=null==i?void 0:i.querySelector(".resource-list-item__content, .resource-list-file-item"))\|\|void 0===t?void 0:t.setAttribute("tabIndex","-1")}))}setItemAllowDragState(){this.items.forEach(this.allowDrag?i=>{i.setAttribute("allow-drag","true"),i.addEventListener("toggleDrag",this.toggleDrag)}:i=>{i.removeAttribute("allow-drag"),i.removeEventListener("toggleDrag",this.toggleDrag)})}setupDragDrop(){Boolean(this.sortable)&&this.sortable.destroy(),this.allowDrag&&(this.sortable=p.create(this.gridEl,{animation:150,draggable:"swirl-resource-list-item",handle:".resource-list-item__drag-handle",onEnd:i=>{this.itemDrop.emit({item:i.item,oldIndex:i.oldIndex,newIndex:i.newIndex})}}))}enableItemFocus(i,t){if(!Boolean(i))return;const a=i.querySelector(".resource-list-item__content, .resource-list-file-item");Boolean(a)&&(a.setAttribute("tabIndex","0"),t&&a.focus())}focusItemAtIndex(i){this.removeItemsFromTabOrder();const t=this.items[i];Boolean(t)&&t.isConnected&&(this.enableItemFocus(t,!0),this.focusedIndex=i)}moveDraggedItemDown(){const i=this.dragging.nextElementSibling;Boolean(i)&&(i.after(this.dragging),this.collectItems(),this.focusItemAtIndex(this.getItemIndex(this.dragging)),this.assistiveText=`${this.assistiveTextItemMoving} ${this.getItemIndex(this.dragging)+1}`)}moveDraggedItemUp(){const i=this.dragging.previousElementSibling;Boolean(i)&&(i.before(this.dragging),this.collectItems(),this.focusItemAtIndex(this.getItemIndex(this.dragging)),this.assistiveText=`${this.assistiveTextItemMoving} ${this.getItemIndex(this.dragging)+1}`)}render(){return a(o,{onKeyDown:this.onKeyDown},a("swirl-visually-hidden",{role:"alert"},this.assistiveText),a("swirl-stack",{"aria-label":this.label,class:"resource-list",ref:i=>this.gridEl=i,role:"grid"},a("slot",{onSlotchange:this.onSlotChange})))}get el(){return e(this)}static get watchers(){return{allowDrag:["watchAllowDrag"]}}};y.style=".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource-list-h .sc-swirl-resource-list{box-sizing:border-box}";const b=class{constructor(a){i(this,a),this.toggleDrag=t(this,"toggleDrag",7),this.valueChange=t(this,"valueChange",7),this.desktopMediaQuery=n(),this.desktopMediaQueryHandler=i=>{this.forceIconProps(i.matches),this.updateIconSize(i.matches)},this.onClick=()=>{this.selectable&&(this.checked=!this.checked,this.valueChange.emit(this.checked))},this.onMenuTriggerClick=i=>{this.disabled&&!Boolean(this.href)&&i.stopPropagation()},this.onDragHandleKeyDown=i=>{"Space"!==i.code&&"Enter"!==i.code\|\|(i.preventDefault(),this.toggleDrag.emit(this.el))},this.allowDrag=void 0,this.checked=!1,this.description=void 0,this.disabled=void 0,this.dragging=void 0,this.dragHandleDescription="Press spacebar to toggle grab",this.dragHandleLabel="Move item",this.hideDivider=void 0,this.href=void 0,this.label=void 0,this.labelWeight="medium",this.menuTriggerId=void 0,this.menuTriggerLabel="Options",this.meta=void 0,this.selectable=void 0,this.value=void 0,this.hasMedia=!1,this.iconSize=24}async componentWillLoad(){this.updateMediaState()}componentDidLoad(){this.forceIconProps(this.desktopMediaQuery.matches),this.updateIconSize(this.desktopMediaQuery.matches),this.desktopMediaQuery.onchange=this.desktopMediaQueryHandler}disconnectedCallback(){var i,t;null===(t=(i=this.desktopMediaQuery).removeEventListener)\|\|void 0===t\|\|t.call(i,"change",this.desktopMediaQueryHandler)}forceIconProps(i){var t;const a=null===(t=this.iconEl)\|\|void 0===t?void 0:t.children[0];null==a\|\|a.setAttribute("size",i?"20":"24")}updateIconSize(i){this.iconSize=i?20:24}updateMediaState(){const i=this.el.querySelector('[slot="media"]'),t=Boolean(i);t!==this.hasMedia&&(this.hasMedia=t)}render(){const i=Boolean(this.href)&&!this.selectable?"a":"button",t=this.disabled&&!Boolean(this.href),e=Boolean(this.menuTriggerId),s=e&&!Boolean(this.meta)&&!this.selectable,l=Boolean(this.meta)&&!this.selectable,n=this.selectable?String(this.checked):void 0,p=this.selectable?"checkbox":void 0,d=r("resource-list-item",`resource-list-item--label-weight-${this.labelWeight}`,{"resource-list-item--checked":this.checked,"resource-list-item--draggable":this.allowDrag,"resource-list-item--dragging":this.dragging,"resource-list-item--has-menu":e,"resource-list-item--hide-divider":this.hideDivider,"resource-list-item--selectable":this.selectable});return a(o,{role:"row"},a("div",{class:d,role:"gridcell"},a(i,{"aria-checked":n,"aria-disabled":t?"true":void 0,"aria-labelledby":"label",class:"resource-list-item__content",href:this.href,disabled:t,onClick:this.onClick,part:"resource-list-item__content",role:p,tabIndex:0},this.hasMedia&&a("span",{class:"resource-list-item__media"},a("slot",{name:"media"})),a("span",{class:"resource-list-item__label-container"},a("span",{class:"resource-list-item__label",id:"label",innerHTML:this.label}),this.description&&a("span",{class:"resource-list-item__description"},this.description))),this.selectable&&a("span",{"aria-hidden":"true",class:"resource-list-item__checkbox"},a("span",{class:"resource-list-item__checkbox-icon"},this.checked&&a("swirl-icon-check-strong",null))),l&&a("span",{class:"resource-list-item__meta"},this.meta),s&&a("swirl-button",{"aria-disabled":t?"true":void 0,class:"resource-list-item__menu-trigger",disabled:t,hideLabel:!0,icon:"<swirl-icon-more-horizontal></swirl-icon-more-horizontal>",id:this.menuTriggerId,intent:"primary",label:this.menuTriggerLabel,onClick:this.onMenuTriggerClick})),this.allowDrag&&a("button",{"aria-describedby":this.dragHandleDescription,"aria-label":`${this.dragHandleLabel} "${this.label}"`,class:"resource-list-item__drag-handle",onKeyDown:this.onDragHandleKeyDown,type:"button"},a("swirl-icon-drag-handle",{size:this.iconSize})))}get el(){return e(this)}};b.style='.sc-swirl-resource-list-item-h{position:relative;display:block;width:100%}.sc-swirl-resource-list-item-h .sc-swirl-resource-list-item{box-sizing:border-box}.resource-list-item.sc-swirl-resource-list-item{position:relative;width:100%}.resource-list-item--checked.sc-swirl-resource-list-item .resource-list-item__checkbox.sc-swirl-resource-list-item{border-color:var(--s-icon-highlight);color:var(--s-text-on-status);background-color:var(--s-icon-highlight)}.resource-list-item--has-menu.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item{padding-right:calc(var(--s-space-16) + 2.5rem + var(--s-space-12))}@media (min-width: 768px){.resource-list-item--selectable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-16) + 1.5rem + var(--s-space-12))}}.resource-list-item--selectable.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item{padding-right:calc(var(--s-space-16) + 1.5rem + var(--s-space-12))}@media (min-width: 768px){.resource-list-item--selectable.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item{padding-right:var(--s-space-16)}}.resource-list-item--hide-divider.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item:after{display:none}.resource-list-item--label-weight-medium.sc-swirl-resource-list-item{font-weight:var(--s-font-weight-medium)}.resource-list-item--draggable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-16) * 2 + 1.5rem)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item--draggable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-16) * 2 + 1rem)}}.resource-list-item--dragging.sc-swirl-resource-list-item{z-index:1;border-radius:var(--s-border-radius-s);background-color:var(--s-surface-overlay-pressed);box-shadow:0 0.0625rem 0.125rem rgba(25, 26, 28, 0.08),\n 0 0.25rem 2rem rgba(25, 26, 28, 0.16)}.resource-list-item--dragging.sc-swirl-resource-list-item:hover:not(.resource-list-item--disabled){background-color:var(--s-surface-overlay-pressed)}.resource-list-item__content.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-default);--swirl-badge-border-color:var(--s-background-default);display:flex;width:100%;margin:0;padding-top:var(--s-space-12);padding-right:0;padding-bottom:var(--s-space-12);padding-left:var(--s-space-16);align-items:center;border:none;color:var(--s-text-default);background-color:var(--s-background-default);font:inherit;line-height:var(--s-line-height-base);text-align:left;text-decoration:none;cursor:pointer;gap:var(--s-space-12)}.resource-list-item__content.sc-swirl-resource-list-item:hover:not(:disabled){background-color:var(--s-background-hovered)}.resource-list-item__content.sc-swirl-resource-list-item:hover:not(:disabled) .resource-list-item__media.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-hovered);--swirl-badge-border-color:var(--s-background-hovered)}.resource-list-item__content.sc-swirl-resource-list-item:active:not(:disabled){background-color:var(--s-background-pressed)}.resource-list-item__content.sc-swirl-resource-list-item:active:not(:disabled) .resource-list-item__media.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-pressed);--swirl-badge-border-color:var(--s-background-pressed)}.resource-list-item__content.sc-swirl-resource-list-item:focus{outline:none}.resource-list-item__content.sc-swirl-resource-list-item:focus-visible{background-color:var(--s-background-hovered)}.resource-list-item__content.sc-swirl-resource-list-item:focus-visible .resource-list-item__media.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-hovered);--swirl-badge-border-color:var(--s-background-hovered)}.resource-list-item__content.sc-swirl-resource-list-item:disabled{color:var(--s-text-disabled);background-color:var(--s-background-default);cursor:default}.resource-list-item__content.sc-swirl-resource-list-item:disabled .resource-list-item__description.sc-swirl-resource-list-item{color:var(--s-text-disabled)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item__content.sc-swirl-resource-list-item{padding:var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.resource-list-item__media.sc-swirl-resource-list-item{display:inline-flex}.resource-list-item__label-container.sc-swirl-resource-list-item{position:relative;display:flex;min-width:0;min-height:2.875rem;padding-right:var(--s-space-16);flex-grow:1;justify-content:center;flex-direction:column}.resource-list-item__label-container.sc-swirl-resource-list-item:after{position:absolute;right:0;bottom:calc(-1 * var(--s-space-12));left:0;height:0.0625rem;background-color:var(--s-border-default);content:""}.resource-list-item__label.sc-swirl-resource-list-item{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.resource-list-item__label.sc-swirl-resource-list-item b.sc-swirl-resource-list-item,.resource-list-item__label.sc-swirl-resource-list-item strong.sc-swirl-resource-list-item{font-weight:var(--s-font-weight-semibold)}.resource-list-item__description.sc-swirl-resource-list-item{overflow:hidden;margin-top:var(--s-space-2);color:var(--s-text-subdued);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);white-space:nowrap;text-overflow:ellipsis}.resource-list-item__menu-trigger.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-16);transform:translateY(-50%)}.resource-list-item__checkbox.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-16);display:flex;width:1.25rem;height:1.25rem;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:var(--s-border-radius-s);transform:translateY(-50%);pointer-events:none}@media (min-width: 768px){.resource-list-item__checkbox.sc-swirl-resource-list-item{right:auto;left:var(--s-space-16)}}.resource-list-item__checkbox-icon.sc-swirl-resource-list-item{display:inline-flex;width:1.0625rem;height:1.0625rem}.resource-list-item__checkbox-icon.sc-swirl-resource-list-item>*.sc-swirl-resource-list-item::part(icon){width:1.0625rem;height:1.0625rem}.resource-list-item__meta.sc-swirl-resource-list-item{position:absolute;top:calc(var(--s-space-12) + var(--s-space-4));right:var(--s-space-16);color:var(--s-text-subdued);font-size:var(--s-font-size-sm)}.resource-list-item__drag-handle.sc-swirl-resource-list-item{position:absolute;z-index:1;top:50%;left:var(--s-space-4);display:inline-flex;margin:0;padding:0;padding:var(--s-space-8);flex-shrink:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:grab;transform:translateY(-50%)}.resource-list-item__drag-handle.sc-swirl-resource-list-item:active{cursor:grabbing}.resource-list-item__drag-handle.sc-swirl-resource-list-item:focus:not(:focus-visible){outline:none}.resource-list-item__drag-handle.sc-swirl-resource-list-item:focus-visible{outline-color:var(--s-focus-default)}';export{d as swirl_app_layout,u as swirl_box,c as swirl_empty_state,h as swirl_icon_file,m as swirl_icon_folder_shared,y as swirl_resource_list,b as swirl_resource_list_item}
1	+ import{r as i,c as t,h as a,H as o,g as e,F as s}from"./p-3fca9a05.js";import{c as r}from"./p-b7898321.js";import{i as l,g as n}from"./p-646e00de.js";import{S as p}from"./p-1486d7ea.js";const d=class{constructor(a){i(this,a),this.ctaClick=t(this,"ctaClick",7),this.mobileViewChange=t(this,"mobileViewChange",7),this.navigationBackButtonClick=t(this,"navigationBackButtonClick",7),this.sidebarToggle=t(this,"sidebarToggle",7),this.onBackToNavigationViewButtonClick=()=>{this.changeMobileView("navigation")},this.onCtaClick=i=>{this.ctaClick.emit(i)},this.onNavigationBackButtonClick=i=>{this.navigationBackButtonClick.emit(i)},this.onSidebarCloseButtonClick=()=>{this.hideSidebar()},this.appName=void 0,this.backToNavigationViewButtonLabel="Back to navigation",this.ctaIcon=void 0,this.ctaLabel=void 0,this.navigationBackButtonLabel="Go back",this.navigationLabel=void 0,this.showNavigationBackButton=void 0,this.sidebarCloseButtonLabel="Close sidebar",this.sidebarHeading=void 0,this.transitionStyle="slides",this.hasNavigation=void 0,this.hasSidebar=void 0,this.mobileView="navigation",this.sidebarActive=void 0,this.sidebarClosing=void 0,this.transitioningFrom=void 0,this.transitioningTo=void 0}componentWillLoad(){this.mutationObserver=new MutationObserver((()=>{this.updateNavigationStatus(),this.updateSidebarStatus()})),this.mutationObserver.observe(this.el,{childList:!0}),queueMicrotask((()=>{this.updateSidebarStatus(),this.updateNavigationStatus(),this.checkMobileView()}))}disconnectedCallback(){var i;null===(i=this.mutationObserver)\|\|void 0===i\|\|i.disconnect()}watchMobileView(){this.checkMobileView()}async showSidebar(){!this.sidebarActive&&this.hasSidebar&&(this.sidebarActive=!0,this.changeMobileView("sidebar"),this.sidebarToggle.emit(!0))}async hideSidebar(){if(!this.sidebarActive\|\|!this.hasSidebar)return;Boolean(this.sidebarClosingTimeout)&&clearTimeout(this.sidebarClosingTimeout),this.sidebarClosing=!0;const i=l()?0:300;this.sidebarClosingTimeout=setTimeout((()=>{this.sidebarActive=!1,this.sidebarClosing=!1,this.changeMobileView("body"),this.sidebarToggle.emit(!1)}),i)}async toggleSidebar(){this.hasSidebar&&(this.sidebarActive?this.hideSidebar():this.showSidebar())}async changeMobileView(i,t=!0){if(this.mobileView===i\|\|"navigation"===i&&!this.hasNavigation\|\|"sidebar"===i&&!this.hasSidebar)return;if(!l()\|\|!t)return this.mobileView=i,void this.mobileViewChange.emit(this.mobileView);Boolean(this.transitionTimeout)&&clearTimeout(this.transitionTimeout),this.transitioningFrom=this.mobileView,this.transitioningTo=i;let a=0;"slides"===this.transitionStyle?a=400:"dialog"===this.transitionStyle&&(a=300),this.transitionTimeout=setTimeout((()=>{this.mobileView=i,this.transitioningFrom=void 0,this.transitioningTo=void 0,this.mobileViewChange.emit(this.mobileView)}),a)}checkMobileView(){if("navigation"===this.mobileView&&!this.hasNavigation\|\|"sidebar"===this.mobileView&&!this.hasSidebar)return void(this.mobileView="body");const i="sidebar"===this.mobileView\|\|this.sidebarActive;i!==this.sidebarActive&&(i?this.showSidebar():this.hideSidebar())}updateNavigationStatus(){this.hasNavigation=Boolean(this.el.querySelector('[slot="navigation"]'))}updateSidebarStatus(){this.hasSidebar=Boolean(this.el.querySelector('[slot="sidebar"]'))}render(){const i=("body"===this.mobileView\|\|this.transitioningTo)&&this.hasNavigation,t=Boolean(this.el.querySelector('[slot="app-bar-controls"]')),e=r("app-layout",`app-layout--mobile-view-${this.mobileView}`,`app-layout--transitioning-from-${this.transitioningFrom}`,`app-layout--transitioning-to-${this.transitioningTo}`,`app-layout--transition-style-${this.transitionStyle}`,{"app-layout--has-app-bar-controls":t,"app-layout--has-navigation":this.hasNavigation,"app-layout--has-sidebar":this.hasSidebar,"app-layout--sidebar-active":"sidebar"===this.mobileView\|\|this.sidebarActive,"app-layout--sidebar-closing":this.sidebarClosing});return a(o,null,a("section",{"aria-labelledby":"app-name",class:e,role:"document",tabIndex:0},a("div",{class:"app-layout__grid"},a("header",{class:"app-layout__header"},a("span",{class:"app-layout__navigation-mobile-menu-button"},a("slot",{name:"navigation-mobile-menu-button"})),this.showNavigationBackButton&&a("span",{class:"app-layout__navigation-back-button"},a("swirl-button",{hideLabel:!0,icon:"<swirl-icon-arrow-back></swirl-icon-arrow-back>",label:this.navigationBackButtonLabel,onClick:this.onNavigationBackButtonClick})),a("swirl-heading",{as:"h1",class:"app-layout__app-name",headingId:"app-name",level:3,text:this.appName}),this.hasNavigation&&a("span",{class:"app-layout__navigation-controls"},a("slot",{name:"navigation-controls"}))),a("nav",{"aria-label":this.navigationLabel,class:"app-layout__navigation"},a("slot",{name:"navigation"})),a("section",{"aria-labelledby":"app-name",class:"app-layout__body"},a("header",{class:"app-layout__app-bar"},a("span",{class:"app-layout__app-bar-mobile-menu-button"},a("slot",{name:"app-bar-mobile-menu-button"})),i&&a("span",{class:"app-layout__back-to-navigation-button"},a("swirl-button",{hideLabel:!0,icon:"dialog"===this.transitionStyle?"<swirl-icon-close></swirl-icon-close>":"<swirl-icon-arrow-back></swirl-icon-arrow-back>",label:this.backToNavigationViewButtonLabel,onClick:this.onBackToNavigationViewButtonClick})),a("div",{class:"app-layout__app-bar-content"},a("slot",{name:"app-bar"})),a("div",{class:"app-layout__app-bar-controls"},a("slot",{name:"app-bar-controls"}))),a("div",{class:"app-layout__banner"},a("slot",{name:"banner"})),a("div",{class:"app-layout__content"},a("slot",{name:"content"}))),a("aside",{class:"app-layout__sidebar"},a("header",{class:"app-layout__sidebar-header"},a("swirl-button",{class:"app-layout__sidebar-close-button",hideLabel:!0,icon:"<swirl-icon-close></swirl-icon-close>",label:this.sidebarCloseButtonLabel,onClick:this.onSidebarCloseButtonClick}),a("swirl-heading",{as:"h3",class:"app-layout__sidebar-heading",headingId:"sidebar-heading",level:3,text:this.sidebarHeading})),a("div",{class:"app-layout__sidebar-content"},a("slot",{name:"sidebar"}))),this.ctaLabel&&a("span",{class:"app-layout__floating-cta"},a("swirl-button",{hideLabel:Boolean(this.ctaIcon),icon:this.ctaIcon,intent:"primary",label:this.ctaLabel,onClick:this.onCtaClick,variant:"floating"})))))}get el(){return e(this)}static get watchers(){return{mobileView:["watchMobileView"]}}};d.style=':host{position:relative;z-index:1;display:flex;width:100%;height:100%}:host {box-sizing:border-box}.app-layout{display:flex;overflow:hidden;width:100%;height:100%;margin-right:auto;margin-left:auto}.app-layout__grid{position:relative;display:grid;width:100%;height:100%;grid-template-columns:100%;grid-template-rows:3.5625rem 1fr;grid-template-areas:"body"\n "body"}.app-layout:not(.app-layout--has-navigation) .app-layout__header,.app-layout:not(.app-layout--has-navigation) .app-layout__navigation{display:none}.app-layout:not(.app-layout--has-sidebar) .app-layout__sidebar{display:none}@media (max-width: 767px){.app-layout:not(.app-layout--mobile-view-body) .app-layout__body{display:none}}@media (max-width: 767px){.app-layout:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar{display:none}}.app-layout--has-navigation .app-layout__grid{grid-template-columns:100%;grid-template-areas:"header"\n "navigation"}@media (min-width: 768px){.app-layout--has-navigation .app-layout__grid{grid-template-columns:min(50%, 25rem) 1fr;grid-template-areas:"header body"\n "navigation body"}}@media (min-width: 768px){.app-layout--has-navigation .app-layout__app-bar-mobile-menu-button{display:none}}@media (min-width: 768px){.app-layout--has-sidebar.app-layout--sidebar-active .app-layout__grid{grid-template-columns:1fr min(50%, 25rem);grid-template-areas:"body sidebar"\n "body sidebar"}}.app-layout--has-sidebar .app-layout__grid{grid-template-columns:100%;grid-template-areas:"body"\n "body"}@media (min-width: 1440px){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-active .app-layout__grid{animation:app-layout-sidebar-slide-in 0.3s;grid-template-columns:25rem 1fr 25rem;grid-template-areas:"header body sidebar"\n "navigation body sidebar"}}@media (min-width: 1440px){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-closing .app-layout__grid{animation:app-layout-sidebar-slide-out 0.3s}}@media (min-width: 768px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__grid{grid-template-columns:min(50%, 25rem) 1fr;grid-template-areas:"header body"\n "navigation body"}}@media (min-width: 992px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__grid{grid-template-columns:25rem 1fr;grid-template-areas:"header body"\n "navigation body"}}@media (min-width: 768px) and (max-width: 1439px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__sidebar{position:absolute;top:0;right:0;bottom:0;width:min(40%, 25rem);border-left:var(--s-border-width-default) solid var(--s-border-default);box-shadow:var(--s-shadow-level-3)}}@media (max-width: 767px){.app-layout--mobile-view-navigation .app-layout__grid{grid-template-areas:"header"\n "navigation"}.app-layout--mobile-view-navigation .app-layout__body,.app-layout--mobile-view-navigation .app-layout__sidebar{display:none}}@media (max-width: 767px){.app-layout--mobile-view-body .app-layout__grid{grid-template-areas:"body"\n "body"}.app-layout--mobile-view-body .app-layout__header,.app-layout--mobile-view-body .app-layout__navigation,.app-layout--mobile-view-body .app-layout__sidebar{display:none}}@media (max-width: 767px){.app-layout--mobile-view-sidebar .app-layout__grid{grid-template-areas:"sidebar"\n "sidebar"}.app-layout--mobile-view-sidebar .app-layout__header,.app-layout--mobile-view-sidebar .app-layout__navigation,.app-layout--mobile-view-sidebar .app-layout__body{display:none}}.app-layout--has-sidebar:not(.app-layout--sidebar-active) .app-layout__sidebar{display:none}@media (min-width: 768px){.app-layout--sidebar-closing .app-layout__sidebar{animation:app-layout-sidebar-overlay-slide-out 0.3s}}@media (min-width: 1440px){.app-layout--sidebar-closing .app-layout__sidebar{animation:none}}.app-layout--has-app-bar-controls .app-layout__app-bar-controls{display:block}.app-layout__header{z-index:1;display:flex;min-width:0;padding-top:var(--s-space-12);padding-right:var(--s-space-16);padding-bottom:var(--s-space-12);padding-left:var(--s-space-16);align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:header;will-change:transform;gap:var(--s-space-8)}@media (min-width: 768px){.app-layout__header{border-right:var(--s-border-width-default) solid var(--s-border-default)}}.app-layout__app-name{min-width:0}.app-layout__app-name .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-layout__app-bar-mobile-menu-button,.app-layout__navigation-mobile-menu-button{flex-shrink:0}@media (min-width: 992px){.app-layout__app-bar-mobile-menu-button,.app-layout__navigation-mobile-menu-button{display:none}}.app-layout__navigation-back-button{margin-left:calc(-1 var(--s-space-4))}.app-layout__floating-cta{position:absolute;z-index:4;right:var(--s-space-16);bottom:var(--s-space-16)}.app-layout__navigation-controls{flex-shrink:0}.app-layout__navigation{z-index:1;overflow-y:auto;border-right:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:navigation;will-change:transform}.app-layout__body{z-index:2;display:grid;width:100%;height:100%;grid-area:body;grid-template-rows:minmax(3.5rem, auto) auto 1fr;grid-template-areas:"app-bar"\n "banner"\n "content";will-change:transform}.app-layout__app-bar{display:flex;min-width:0;align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:app-bar;gap:var(--s-space-8);--swirl-tab-bar-border-width:0;--swirl-tab-bar-height:3.5rem}.app-layout__back-to-navigation-button{margin-left:calc(-1 * var(--s-space-4))}@media (min-width: 768px){.app-layout__back-to-navigation-button{display:none}}.app-layout__banner{grid-area:banner}.app-layout__app-bar-content{min-width:0;flex-grow:1}.app-layout__app-bar-controls{display:none;padding-right:var(--s-space-16)}.app-layout__content{overflow:auto;background-color:var(--s-background-default);grid-area:content}.app-layout__sidebar{z-index:3;display:grid;width:100%;height:100%;border-left:var(--s-border-width-default) solid var(--s-border-default);will-change:transform;grid-area:sidebar;grid-template-rows:3.5625rem 1fr;grid-template-areas:"sidebar-header"\n "sidebar-content"}@media (min-width: 768px){.app-layout__sidebar{animation:app-layout-slide-in 0.3s}}@media (min-width: 1440px){.app-layout__sidebar{width:25rem;animation:none}}.app-layout__sidebar-header{display:flex;min-width:0;padding-top:var(--s-space-12);padding-right:var(--s-space-16);padding-bottom:var(--s-space-12);padding-left:var(--s-space-16);align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:sidebar-header;gap:var(--s-space-8)}@media (min-width: 992px){.app-layout__sidebar-header{padding-left:var(--s-space-16)}}.app-layout__sidebar-heading{min-width:0;flex-grow:1}.app-layout__sidebar-heading .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-layout__sidebar-close-button{margin-left:calc(-1 * var(--s-space-4))}.app-layout__sidebar-content{overflow-y:auto;background-color:var(--s-background-default);grid-area:sidebar-content}@media (max-width: 767px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__grid,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__grid{grid-template-columns:100%;grid-template-areas:"header"\n "navigation"}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{position:absolute;top:0;left:0;display:grid;width:100%;transform:translate3d(100%, 0, 0)}}@media (max-width: 767px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{display:flex}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{display:block}}@media (max-width: 991px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__grid,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__grid{grid-template-columns:100%;grid-template-areas:"body"\n "body"}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{position:absolute;top:0;left:0;display:grid;border-left:var(--s-border-width-default) solid var(--s-border-default)}}@media (max-width: 991px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{display:grid}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{display:grid}}@media (max-width: 767px){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__navigation,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation:app-layout-slide-out 0.4s}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:app-layout-slide-in 0.4s}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body:after,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body:after{position:absolute;top:0;right:100%;bottom:0;display:block;width:100%;background-color:rgba(0, 0, 0, 0.3);content:"";animation:app-layout-fade-in 0.4s}}@media (max-width: 767px){.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body:after{animation-direction:reverse}}@media (max-width: 991px){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation:app-layout-slide-out 0.4s}.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:app-layout-slide-in 0.4s}.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar:after,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar:after{position:absolute;top:0;right:100%;bottom:0;display:block;width:100%;background-color:rgba(0, 0, 0, 0.3);content:"";animation:app-layout-fade-in 0.4s}}@media (max-width: 991px){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar:after{animation-direction:reverse}}@media (max-width: 767px){.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:app-layout-scale-in 0.3s}}@media (max-width: 767px){.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation-direction:reverse}}@media (max-width: 991px){.app-layout--transition-style-dialog.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:app-layout-scale-in 0.3s}}@media (max-width: 991px){.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation-direction:reverse}}@keyframes app-layout-sidebar-overlay-slide-out{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(100%, 0, 0)}}@keyframes app-layout-slide-in{0%{transform:translate3d(100%, 0, 0)}100%{transform:translate3d(0, 0, 0)}}@keyframes app-layout-slide-out{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(-20%, 0, 0)}}@keyframes app-layout-fade-in{0%{opacity:0}100%{opacity:1}}@keyframes app-layout-scale-in{from{transform:scale(0);box-shadow:0 0 0 100rem rgba(0, 0, 0, 0)}to{transform:scale(1);box-shadow:0 0 0 100rem rgba(0, 0, 0, 0.25)}}@keyframes app-layout-sidebar-slide-in{from{overflow:hidden;grid-template-columns:25rem 1fr 0}to{overflow:hidden;grid-template-columns:25rem 1fr 25rem}}@keyframes app-layout-sidebar-slide-out{from{overflow:hidden;grid-template-columns:25rem 1fr 25rem}to{overflow:hidden;grid-template-columns:25rem 1fr 0}}';const u=class{constructor(t){i(this,t),this.bordered=void 0,this.centerBlock=void 0,this.centerInline=void 0,this.cover=void 0,this.maxWidth=void 0,this.overflow="visible",this.padding="0",this.paddingBlockEnd=void 0,this.paddingBlockStart=void 0,this.paddingInlineEnd=void 0,this.paddingInlineStart=void 0}render(){const i={alignItems:this.centerBlock?"center":void 0,display:this.centerBlock\|\|this.centerInline?"flex":void 0,height:this.cover?"100%":void 0,justifyContent:this.centerInline?"center":void 0,overflow:this.overflow,padding:`var(--s-space-${this.padding})`,paddingBlockEnd:Boolean(this.paddingBlockEnd)?`var(--s-space-${this.paddingBlockEnd})`:void 0,paddingBlockStart:Boolean(this.paddingBlockStart)?`var(--s-space-${this.paddingBlockStart})`:void 0,paddingInlineEnd:Boolean(this.paddingInlineEnd)?`var(--s-space-${this.paddingInlineEnd})`:void 0,paddingInlineStart:Boolean(this.paddingInlineStart)?`var(--s-space-${this.paddingInlineStart})`:void 0,position:Boolean(this.overflow)?"relative":"",maxWidth:this.maxWidth,width:this.cover?"100%":void 0},t=r("box",{"box--bordered":this.bordered,"box--cover":this.cover});return a(o,{class:t,style:i},a("slot",null))}};u.style=":host{display:block;width:100%}:host(.box--bordered){border:var(--s-border-width-default) solid var(--s-border-default)}:host(.box--cover){width:100%;height:100%}:host {box-sizing:border-box}";const c=class{constructor(t){i(this,t),this.heading=void 0,this.illustration=void 0}render(){return a(o,null,a("div",{class:"empty-state"},this.illustration&&a("img",{alt:"",class:"empty-state__illustration",src:this.illustration}),a("div",{class:"empty-state__body"},this.heading&&a("swirl-heading",{align:"center",as:"p",text:this.heading}),a("div",{class:"empty-state__content"},a("swirl-text",{align:"center",color:"subdued"},a("slot",null))))))}};c.style=":host{display:block}:host {box-sizing:border-box}.empty-state{display:flex;max-width:28rem;align-items:center;flex-direction:column;gap:var(--s-space-16)}.empty-state__illustration{max-width:16rem}.empty-state__body{display:flex;align-items:center;flex-direction:column;gap:var(--s-space-8)}";const h=class{constructor(t){i(this,t),this.size=24}render(){const i=20===this.size?24:this.size,t=r("swirl-icon",`swirl-icon--size-${this.size}`);return a("svg",{class:t,fill:"none",height:this.size,part:"icon",viewBox:`0 0 ${i} ${i}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},16===this.size&&a(s,null,a("path",{d:"M3.99999 1.33334C3.26666 1.33334 2.67332 1.93334 2.67332 2.66668L2.66666 13.3333C2.66666 14.0667 3.25999 14.6667 3.99332 14.6667H12C12.7333 14.6667 13.3333 14.0667 13.3333 13.3333V5.88668C13.3333 5.53334 13.1933 5.19334 12.94 4.94668L9.71999 1.72668C9.47332 1.47334 9.13332 1.33334 8.77999 1.33334H3.99999ZM8.66666 5.33334V2.33334L12.3333 6.00001H9.33332C8.96666 6.00001 8.66666 5.70001 8.66666 5.33334Z",fill:"currentColor"})),(20===this.size\|\|24===this.size)&&a(s,null,a("path",{d:"M6 2C4.9 2 4.01 2.9 4.01 4L4 20C4 21.1 4.89 22 5.99 22H18C19.1 22 20 21.1 20 20V8.83C20 8.3 19.79 7.79 19.41 7.42L14.58 2.59C14.21 2.21 13.7 2 13.17 2H6ZM13 8V3.5L18.5 9H14C13.45 9 13 8.55 13 8Z",fill:"currentColor"})),28===this.size&&a(s,null,a("path",{d:"M6.99999 2.33334C5.71666 2.33334 4.67832 3.38334 4.67832 4.66668L4.66666 23.3333C4.66666 24.6167 5.70499 25.6667 6.98832 25.6667H21C22.2833 25.6667 23.3333 24.6167 23.3333 23.3333V10.3017C23.3333 9.68334 23.0883 9.08834 22.645 8.65668L17.01 3.02168C16.5783 2.57834 15.9833 2.33334 15.365 2.33334H6.99999ZM15.1667 9.33334V4.08334L21.5833 10.5H16.3333C15.6917 10.5 15.1667 9.97501 15.1667 9.33334Z",fill:"currentColor"})))}};h.style=":host{display:inline-flex}";const m=class{constructor(t){i(this,t),this.size=24}render(){const i=20===this.size?24:this.size,t=r("swirl-icon",`swirl-icon--size-${this.size}`);return a("svg",{class:t,fill:"none",height:this.size,part:"icon",viewBox:`0 0 ${i} ${i}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},16===this.size&&a(s,null,a("path",{d:"M13.3333 3.99996H8.00001L7.06001 3.05996C6.80668 2.80663 6.46668 2.66663 6.11334 2.66663H2.66668C1.93334 2.66663 1.34001 3.26663 1.34001 3.99996L1.33334 12C1.33334 12.7333 1.93334 13.3333 2.66668 13.3333H13.3333C14.0667 13.3333 14.6667 12.7333 14.6667 12V5.33329C14.6667 4.59996 14.0667 3.99996 13.3333 3.99996ZM10 5.99996C10.7333 5.99996 11.3333 6.59996 11.3333 7.33329C11.3333 8.06663 10.7333 8.66663 10 8.66663C9.26668 8.66663 8.66668 8.06663 8.66668 7.33329C8.66668 6.59996 9.26668 5.99996 10 5.99996ZM12.6667 11.3333H7.33334V10.6666C7.33334 9.77996 9.11334 9.33329 10 9.33329C10.8867 9.33329 12.6667 9.77996 12.6667 10.6666V11.3333Z",fill:"currentColor"})),(20===this.size\|\|24===this.size)&&a(s,null,a("path",{d:"M20 6H12L10.59 4.59C10.21 4.21 9.7 4 9.17 4H4C2.9 4 2.01 4.9 2.01 6L2 18C2 19.1 2.9 20 4 20H20C21.1 20 22 19.1 22 18V8C22 6.9 21.1 6 20 6ZM15 9C16.1 9 17 9.9 17 11C17 12.1 16.1 13 15 13C13.9 13 13 12.1 13 11C13 9.9 13.9 9 15 9ZM19 17H11V16C11 14.67 13.67 14 15 14C16.33 14 19 14.67 19 16V17Z",fill:"currentColor"})),28===this.size&&a(s,null,a("path",{d:"M23.3333 6.99996H14L12.355 5.35496C11.9117 4.91163 11.3167 4.66663 10.6983 4.66663H4.66668C3.38334 4.66663 2.34501 5.71663 2.34501 6.99996L2.33334 21C2.33334 22.2833 3.38334 23.3333 4.66668 23.3333H23.3333C24.6167 23.3333 25.6667 22.2833 25.6667 21V9.33329C25.6667 8.04996 24.6167 6.99996 23.3333 6.99996ZM17.5 10.5C18.7833 10.5 19.8333 11.55 19.8333 12.8333C19.8333 14.1166 18.7833 15.1666 17.5 15.1666C16.2167 15.1666 15.1667 14.1166 15.1667 12.8333C15.1667 11.55 16.2167 10.5 17.5 10.5ZM22.1667 19.8333H12.8333V18.6666C12.8333 17.115 15.9483 16.3333 17.5 16.3333C19.0517 16.3333 22.1667 17.115 22.1667 18.6666V19.8333Z",fill:"currentColor"})))}};m.style=":host{display:inline-flex}";const y=class{constructor(a){i(this,a),this.itemDrop=t(this,"itemDrop",7),this.focusedIndex=0,this.toggleDrag=i=>{const t=i.detail;Boolean(this.dragging)?this.stopDrag(t):this.startDrag(t)},this.startDrag=i=>{this.dragging=i,this.draggingStartIndex=this.getItemIndex(this.dragging),i.setAttribute("dragging","true");const t=this.getItemIndex(this.dragging);this.focusItemAtIndex(t),this.assistiveText=this.assistiveTextItemGrabbed},this.stopDrag=i=>{const t=this.getItemIndex(this.dragging);this.dragging=void 0,i.removeAttribute("dragging"),this.assistiveText=`${this.assistiveTextItemMoved} ${t+1}`,this.itemDrop.emit({item:i,oldIndex:this.draggingStartIndex,newIndex:t}),this.draggingStartIndex=void 0},this.onKeyDown=i=>{if("ArrowDown"===i.key)i.preventDefault(),Boolean(this.dragging)?this.moveDraggedItemDown():this.focusItemAtIndex((this.focusedIndex+1)%this.items.length);else if("ArrowUp"===i.key)i.preventDefault(),Boolean(this.dragging)?this.moveDraggedItemUp():this.focusItemAtIndex(0===this.focusedIndex?this.items.length-1:this.focusedIndex-1);else if("Space"===i.key\|\|"Enter"===i.key){const t=i.composedPath()[0];Boolean(this.dragging)&&!(null==t?void 0:t.classList.contains("resource-list-item__drag-handle"))&&(i.preventDefault(),this.stopDrag(this.dragging))}else"Home"===i.key?(i.preventDefault(),this.focusItemAtIndex(0)):"End"===i.key&&(i.preventDefault(),this.focusItemAtIndex(this.items.length-1))},this.onSlotChange=()=>{this.collectItems()},this.allowDrag=void 0,this.assistiveTextItemGrabbed="Item grabbed. Use arrow keys to move item up or down. Use spacebar to save position.",this.assistiveTextItemMoving="Current position:",this.assistiveTextItemMoved="Item moved. New position:",this.label=void 0,this.assistiveText=void 0}componentDidLoad(){this.collectItems(),this.setItemAllowDragState(),this.setupDragDrop()}disconnectedCallback(){var i;null===(i=this.sortable)\|\|void 0===i\|\|i.destroy()}watchAllowDrag(){this.setItemAllowDragState(),this.setupDragDrop()}collectItems(){this.items=Array.from(this.el.querySelectorAll("swirl-resource-list-item, swirl-resource-list-file-item")).filter((i=>i.isConnected)),this.removeItemsFromTabOrder(),this.enableItemFocus(this.items[this.focusedIndex])}getItemIndex(i){return this.items.map((i=>i)).findIndex((t=>t===i))}removeItemsFromTabOrder(){this.items.forEach((i=>{var t;return null===(t=null==i?void 0:i.querySelector(".resource-list-item__content, .resource-list-file-item"))\|\|void 0===t?void 0:t.setAttribute("tabIndex","-1")}))}setItemAllowDragState(){this.items.forEach(this.allowDrag?i=>{i.setAttribute("allow-drag","true"),i.addEventListener("toggleDrag",this.toggleDrag)}:i=>{i.removeAttribute("allow-drag"),i.removeEventListener("toggleDrag",this.toggleDrag)})}setupDragDrop(){Boolean(this.sortable)&&this.sortable.destroy(),this.allowDrag&&(this.sortable=p.create(this.gridEl,{animation:150,draggable:"swirl-resource-list-item",handle:".resource-list-item__drag-handle",onEnd:i=>{this.itemDrop.emit({item:i.item,oldIndex:i.oldIndex,newIndex:i.newIndex})}}))}enableItemFocus(i,t){if(!Boolean(i))return;const a=i.querySelector(".resource-list-item__content, .resource-list-file-item");Boolean(a)&&(a.setAttribute("tabIndex","0"),t&&a.focus())}focusItemAtIndex(i){this.removeItemsFromTabOrder();const t=this.items[i];Boolean(t)&&t.isConnected&&(this.enableItemFocus(t,!0),this.focusedIndex=i)}moveDraggedItemDown(){const i=this.dragging.nextElementSibling;Boolean(i)&&(i.after(this.dragging),this.collectItems(),this.focusItemAtIndex(this.getItemIndex(this.dragging)),this.assistiveText=`${this.assistiveTextItemMoving} ${this.getItemIndex(this.dragging)+1}`)}moveDraggedItemUp(){const i=this.dragging.previousElementSibling;Boolean(i)&&(i.before(this.dragging),this.collectItems(),this.focusItemAtIndex(this.getItemIndex(this.dragging)),this.assistiveText=`${this.assistiveTextItemMoving} ${this.getItemIndex(this.dragging)+1}`)}render(){return a(o,{onKeyDown:this.onKeyDown},a("swirl-visually-hidden",{role:"alert"},this.assistiveText),a("swirl-stack",{"aria-label":this.label,class:"resource-list",ref:i=>this.gridEl=i,role:"grid"},a("slot",{onSlotchange:this.onSlotChange})))}get el(){return e(this)}static get watchers(){return{allowDrag:["watchAllowDrag"]}}};y.style=".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource-list-h .sc-swirl-resource-list{box-sizing:border-box}";const b=class{constructor(a){i(this,a),this.toggleDrag=t(this,"toggleDrag",7),this.valueChange=t(this,"valueChange",7),this.desktopMediaQuery=n(),this.desktopMediaQueryHandler=i=>{this.forceIconProps(i.matches),this.updateIconSize(i.matches)},this.onClick=()=>{this.selectable&&(this.checked=!this.checked,this.valueChange.emit(this.checked))},this.onMenuTriggerClick=i=>{this.disabled&&!Boolean(this.href)&&i.stopPropagation()},this.onDragHandleKeyDown=i=>{"Space"!==i.code&&"Enter"!==i.code\|\|(i.preventDefault(),this.toggleDrag.emit(this.el))},this.allowDrag=void 0,this.checked=!1,this.description=void 0,this.disabled=void 0,this.dragging=void 0,this.dragHandleDescription="Press spacebar to toggle grab",this.dragHandleLabel="Move item",this.hideDivider=void 0,this.href=void 0,this.label=void 0,this.labelWeight="medium",this.menuTriggerId=void 0,this.menuTriggerLabel="Options",this.meta=void 0,this.selectable=void 0,this.value=void 0,this.hasMedia=!1,this.iconSize=24}async componentWillLoad(){this.updateMediaState()}componentDidLoad(){this.forceIconProps(this.desktopMediaQuery.matches),this.updateIconSize(this.desktopMediaQuery.matches),this.desktopMediaQuery.onchange=this.desktopMediaQueryHandler}disconnectedCallback(){var i,t;null===(t=(i=this.desktopMediaQuery).removeEventListener)\|\|void 0===t\|\|t.call(i,"change",this.desktopMediaQueryHandler)}forceIconProps(i){var t;const a=null===(t=this.iconEl)\|\|void 0===t?void 0:t.children[0];null==a\|\|a.setAttribute("size",i?"20":"24")}updateIconSize(i){this.iconSize=i?20:24}updateMediaState(){const i=this.el.querySelector('[slot="media"]'),t=Boolean(i);t!==this.hasMedia&&(this.hasMedia=t)}render(){const i=Boolean(this.href)&&!this.selectable?"a":"button",t=this.disabled&&!Boolean(this.href),e=Boolean(this.menuTriggerId),s=e&&!Boolean(this.meta)&&!this.selectable,l=Boolean(this.meta)&&!this.selectable,n=this.selectable?String(this.checked):void 0,p=this.selectable?"checkbox":void 0,d=r("resource-list-item",`resource-list-item--label-weight-${this.labelWeight}`,{"resource-list-item--checked":this.checked,"resource-list-item--draggable":this.allowDrag,"resource-list-item--dragging":this.dragging,"resource-list-item--has-menu":e,"resource-list-item--hide-divider":this.hideDivider,"resource-list-item--selectable":this.selectable});return a(o,{role:"row"},a("div",{class:d,role:"gridcell"},a(i,{"aria-checked":n,"aria-disabled":t?"true":void 0,"aria-labelledby":"label",class:"resource-list-item__content",href:this.href,disabled:t,onClick:this.onClick,part:"resource-list-item__content",role:p,tabIndex:0},this.hasMedia&&a("span",{class:"resource-list-item__media"},a("slot",{name:"media"})),a("span",{class:"resource-list-item__label-container"},a("span",{class:"resource-list-item__label",id:"label",innerHTML:this.label}),this.description&&a("span",{class:"resource-list-item__description"},this.description))),this.selectable&&a("span",{"aria-hidden":"true",class:"resource-list-item__checkbox"},a("span",{class:"resource-list-item__checkbox-icon"},this.checked&&a("swirl-icon-check-strong",null))),l&&a("span",{class:"resource-list-item__meta"},this.meta),s&&a("swirl-button",{"aria-disabled":t?"true":void 0,class:"resource-list-item__menu-trigger",disabled:t,hideLabel:!0,icon:"<swirl-icon-more-horizontal></swirl-icon-more-horizontal>",id:this.menuTriggerId,intent:"primary",label:this.menuTriggerLabel,onClick:this.onMenuTriggerClick})),this.allowDrag&&a("button",{"aria-describedby":this.dragHandleDescription,"aria-label":`${this.dragHandleLabel} "${this.label}"`,class:"resource-list-item__drag-handle",onKeyDown:this.onDragHandleKeyDown,type:"button"},a("swirl-icon-drag-handle",{size:this.iconSize})))}get el(){return e(this)}};b.style='.sc-swirl-resource-list-item-h{position:relative;display:block;width:100%}.sc-swirl-resource-list-item-h .sc-swirl-resource-list-item{box-sizing:border-box}.resource-list-item.sc-swirl-resource-list-item{position:relative;width:100%}.resource-list-item.sc-swirl-resource-list-item:hover{--swirl-ghost-button-background-default:var(--s-background-hovered)}.resource-list-item--checked.sc-swirl-resource-list-item .resource-list-item__checkbox.sc-swirl-resource-list-item{border-color:var(--s-icon-highlight);color:var(--s-text-on-status);background-color:var(--s-icon-highlight)}.resource-list-item--has-menu.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item{padding-right:calc(var(--s-space-16) + 2.5rem + var(--s-space-12))}@media (min-width: 768px){.resource-list-item--selectable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-16) + 1.5rem + var(--s-space-12))}}.resource-list-item--selectable.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item{padding-right:calc(var(--s-space-16) + 1.5rem + var(--s-space-12))}@media (min-width: 768px){.resource-list-item--selectable.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item{padding-right:var(--s-space-16)}}.resource-list-item--hide-divider.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item:after{display:none}.resource-list-item--label-weight-medium.sc-swirl-resource-list-item{font-weight:var(--s-font-weight-medium)}.resource-list-item--draggable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-16) * 2 + 1.5rem)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item--draggable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-16) * 2 + 1rem)}}.resource-list-item--dragging.sc-swirl-resource-list-item{z-index:1;border-radius:var(--s-border-radius-s);background-color:var(--s-surface-overlay-pressed);box-shadow:0 0.0625rem 0.125rem rgba(25, 26, 28, 0.08),\n 0 0.25rem 2rem rgba(25, 26, 28, 0.16)}.resource-list-item--dragging.sc-swirl-resource-list-item:hover:not(.resource-list-item--disabled){background-color:var(--s-surface-overlay-pressed)}.resource-list-item__content.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-default);--swirl-badge-border-color:var(--s-background-default);display:flex;width:100%;margin:0;padding-top:var(--s-space-12);padding-right:0;padding-bottom:var(--s-space-12);padding-left:var(--s-space-16);align-items:center;border:none;color:var(--s-text-default);background-color:var(--swirl-resource-list-item-background-default);font:inherit;line-height:var(--s-line-height-base);text-align:left;text-decoration:none;cursor:pointer;gap:var(--s-space-12)}.resource-list-item__content.sc-swirl-resource-list-item:hover:not(:disabled){background-color:var(--swirl-resource-list-item-background-hovered)}.resource-list-item__content.sc-swirl-resource-list-item:hover:not(:disabled) .resource-list-item__media.sc-swirl-resource-list-item{--swirl-avatar-background-color:var(--s-surface-raised-hovered);--swirl-avatar-group-border-color:var(--s-background-hovered);--swirl-badge-border-color:var(--s-background-hovered)}.resource-list-item__content.sc-swirl-resource-list-item:active:not(:disabled){background-color:var(--swirl-resource-list-item-background-pressed)}.resource-list-item__content.sc-swirl-resource-list-item:active:not(:disabled) .resource-list-item__media.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-pressed);--swirl-badge-border-color:var(--s-background-pressed)}.resource-list-item__content.sc-swirl-resource-list-item:focus{outline:none}.resource-list-item__content.sc-swirl-resource-list-item:focus-visible{background-color:var(--s-background-hovered)}.resource-list-item__content.sc-swirl-resource-list-item:focus-visible .resource-list-item__media.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-hovered);--swirl-badge-border-color:var(--s-background-hovered)}.resource-list-item__content.sc-swirl-resource-list-item:disabled{color:var(--s-text-disabled);background-color:var(--s-background-default);cursor:default}.resource-list-item__content.sc-swirl-resource-list-item:disabled .resource-list-item__description.sc-swirl-resource-list-item{color:var(--s-text-disabled)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item__content.sc-swirl-resource-list-item{padding:var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.resource-list-item__media.sc-swirl-resource-list-item{display:inline-flex}.resource-list-item__label-container.sc-swirl-resource-list-item{position:relative;display:flex;min-width:0;min-height:2.875rem;padding-right:var(--s-space-16);flex-grow:1;justify-content:center;flex-direction:column}.resource-list-item__label-container.sc-swirl-resource-list-item:after{position:absolute;right:0;bottom:calc(-1 * var(--s-space-12));left:0;height:0.0625rem;background-color:var(--s-border-default);content:""}.resource-list-item__label.sc-swirl-resource-list-item{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.resource-list-item__label.sc-swirl-resource-list-item b.sc-swirl-resource-list-item,.resource-list-item__label.sc-swirl-resource-list-item strong.sc-swirl-resource-list-item{font-weight:var(--s-font-weight-semibold)}.resource-list-item__description.sc-swirl-resource-list-item{overflow:hidden;margin-top:var(--s-space-2);color:var(--s-text-subdued);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);white-space:nowrap;text-overflow:ellipsis}.resource-list-item__menu-trigger.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-16);transform:translateY(-50%)}.resource-list-item__checkbox.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-16);display:flex;width:1.25rem;height:1.25rem;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:var(--s-border-radius-s);transform:translateY(-50%);pointer-events:none}@media (min-width: 768px){.resource-list-item__checkbox.sc-swirl-resource-list-item{right:auto;left:var(--s-space-16)}}.resource-list-item__checkbox-icon.sc-swirl-resource-list-item{display:inline-flex;width:1.0625rem;height:1.0625rem}.resource-list-item__checkbox-icon.sc-swirl-resource-list-item>*.sc-swirl-resource-list-item::part(icon){width:1.0625rem;height:1.0625rem}.resource-list-item__meta.sc-swirl-resource-list-item{position:absolute;top:calc(var(--s-space-12) + var(--s-space-4));right:var(--s-space-16);color:var(--s-text-subdued);font-size:var(--s-font-size-sm)}.resource-list-item__drag-handle.sc-swirl-resource-list-item{position:absolute;z-index:1;top:50%;left:var(--s-space-4);display:inline-flex;margin:0;padding:0;padding:var(--s-space-8);flex-shrink:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:grab;transform:translateY(-50%)}.resource-list-item__drag-handle.sc-swirl-resource-list-item:active{cursor:grabbing}.resource-list-item__drag-handle.sc-swirl-resource-list-item:focus:not(:focus-visible){outline:none}.resource-list-item__drag-handle.sc-swirl-resource-list-item:focus-visible{outline-color:var(--s-focus-default)}';export{d as swirl_app_layout,u as swirl_box,c as swirl_empty_state,h as swirl_icon_file,m as swirl_icon_folder_shared,y as swirl_resource_list,b as swirl_resource_list_item}

package/dist/swirl-components/p-8d01c725.entry.js ADDED Viewed

@@ -0,0 +1,10 @@
+import{r as t,c as a,h as o,H as e,g as r}from"./p-3fca9a05.js";import{d as n,e as i}from"./p-33c168b3.js";import{c as s}from"./p-b7898321.js";
+/*!
+* tabbable 6.0.1
+* @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
+*/var d=["input","select","textarea","a[href]","button","[tabindex]:not(slot)","audio[controls]","video[controls]",'[contenteditable]:not([contenteditable="false"])',"details>summary:first-of-type","details"],l=d.join(","),c="undefined"==typeof Element,u=c?function(){}:Element.prototype.matches||Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector,f=!c&&Element.prototype.getRootNode?function(t){return t.getRootNode()}:function(t){return t.ownerDocument},m=function(t,a,o){var e=Array.prototype.slice.apply(t.querySelectorAll(l));return a&&u.call(t,l)&&e.unshift(t),e.filter(o)},h=function t(a,o,e){for(var r=[],n=Array.from(a);n.length;){var i=n.shift();if("SLOT"===i.tagName){var s=i.assignedElements(),d=t(s.length?s:i.children,!0,e);e.flatten?r.push.apply(r,d):r.push({scopeParent:i,candidates:d})}else{u.call(i,l)&&e.filter(i)&&(o||!a.includes(i))&&r.push(i);var c=i.shadowRoot||"function"==typeof e.getShadowRoot&&e.getShadowRoot(i),f=!e.shadowRootFilter||e.shadowRootFilter(i);if(c&&f){var m=t(!0===c?i.children:c.children,!0,e);e.flatten?r.push.apply(r,m):r.push({scopeParent:i,candidates:m})}else n.unshift.apply(n,i.children)}}return r},v=function(t,a){return t.tabIndex<0&&(a||/^(AUDIO|VIDEO|DETAILS)$/.test(t.tagName)||t.isContentEditable)&&isNaN(parseInt(t.getAttribute("tabindex"),10))?0:t.tabIndex},p=function(t,a){return t.tabIndex===a.tabIndex?t.documentOrder-a.documentOrder:t.tabIndex-a.tabIndex},b=function(t){return"INPUT"===t.tagName},w=function(t){var a=t.getBoundingClientRect();return 0===a.width&&0===a.height},g=function(t,a){return!(a.disabled||function(t){return b(t)&&"hidden"===t.type}(a)||function(t,a){var o=a.displayCheck,e=a.getShadowRoot;if("hidden"===getComputedStyle(t).visibility)return!0;var r=u.call(t,"details>summary:first-of-type");if(u.call(r?t.parentElement:t,"details:not([open]) *"))return!0;if(o&&"full"!==o&&"legacy-full"!==o){if("non-zero-area"===o)return w(t)}else{if("function"==typeof e){for(var n=t;t;){var i=t.parentElement,s=f(t);if(i&&!i.shadowRoot&&!0===e(i))return w(t);t=t.assignedSlot?t.assignedSlot:i||s===t.ownerDocument?i:s.host}t=n}if(function(t){for(var a,o=f(t).host,e=!!(null!==(a=o)&&void 0!==a&&a.ownerDocument.contains(o)||t.ownerDocument.contains(t));!e&&o;){var r;e=!(null===(r=o=f(o).host)||void 0===r||!r.ownerDocument.contains(o))}return e}(t))return!t.getClientRects().length;if("legacy-full"!==o)return!0}return!1}(a,t)||function(t){return"DETAILS"===t.tagName&&Array.prototype.slice.apply(t.children).some((function(t){return"SUMMARY"===t.tagName}))}(a)||function(t){if(/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(t.tagName))for(var a=t.parentElement;a;){if("FIELDSET"===a.tagName&&a.disabled){for(var o=0;o<a.children.length;o++){var e=a.children.item(o);if("LEGEND"===e.tagName)return!!u.call(a,"fieldset[disabled] *")||!e.contains(t)}return!0}a=a.parentElement}return!1}(a))},_=function(t,a){return!(function(t){return function(t){return b(t)&&"radio"===t.type}(t)&&!function(t){if(!t.name)return!0;var a,o=t.form||f(t),e=function(t){return o.querySelectorAll('input[type="radio"][name="'+t+'"]')};if("undefined"!=typeof window&&void 0!==window.CSS&&"function"==typeof window.CSS.escape)a=e(window.CSS.escape(t.name));else try{a=e(t.name)}catch(t){return console.error("Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s",t.message),!1}var r=function(t,a){for(var o=0;o<t.length;o++)if(t[o].checked&&t[o].form===a)return t[o]}(a,t.form);return!r||r===t}(t)}(a)||v(a)<0||!g(t,a))},y=function(t){var a=parseInt(t.getAttribute("tabindex"),10);return!!(isNaN(a)||a>=0)},k=function t(a){var o=[],e=[];return a.forEach((function(a,r){var n=!!a.scopeParent,i=n?a.scopeParent:a,s=v(i,n),d=n?t(a.candidates):i;0===s?n?o.push.apply(o,d):o.push(i):e.push({documentOrder:r,tabIndex:s,item:a,isScope:n,content:d})})),e.sort(p).reduce((function(t,a){return a.isScope?t.push.apply(t,a.content):t.push(a.content),t}),[]).concat(o)},x=function(t,a){var o;return o=(a=a||{}).getShadowRoot?h([t],a.includeContainer,{filter:_.bind(null,a),flatten:!1,getShadowRoot:a.getShadowRoot,shadowRootFilter:y}):m(t,a.includeContainer,_.bind(null,a)),k(o)},E=function(t,a){if(a=a||{},!t)throw new Error("No node provided");return!1!==u.call(t,l)&&_(a,t)},O=d.concat("iframe").join(","),S=function(t,a){if(a=a||{},!t)throw new Error("No node provided");return!1!==u.call(t,O)&&g(a,t)};
+/*!
+* focus-trap 7.1.0
+* @license MIT, https://github.com/focus-trap/focus-trap/blob/master/LICENSE
+*/
+function T(t,a){var o=Object.keys(t);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(t);a&&(e=e.filter((function(a){return Object.getOwnPropertyDescriptor(t,a).enumerable}))),o.push.apply(o,e)}return o}function F(t){for(var a=1;a<arguments.length;a++){var o=null!=arguments[a]?arguments[a]:{};a%2?T(Object(o),!0).forEach((function(a){j(t,a,o[a])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):T(Object(o)).forEach((function(a){Object.defineProperty(t,a,Object.getOwnPropertyDescriptor(o,a))}))}return t}function j(t,a,o){return a in t?Object.defineProperty(t,a,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[a]=o,t}var C=[],A=function(t){return setTimeout(t,0)},D=function(t,a){var o=-1;return t.every((function(t,e){return!a(t)||(o=e,!1)})),o},N=function(t){for(var a=arguments.length,o=new Array(a>1?a-1:0),e=1;e<a;e++)o[e-1]=arguments[e];return"function"==typeof t?t.apply(void 0,o):t},I=function(t){return t.target.shadowRoot&&"function"==typeof t.composedPath?t.composedPath()[0]:t.target};const R=class{constructor(o){t(this,o),this.modalClose=a(this,"modalClose",7),this.modalOpen=a(this,"modalOpen",7),this.primaryAction=a(this,"primaryAction",7),this.secondaryAction=a(this,"secondaryAction",7),this.onKeyDown=t=>{"Escape"===t.code&&this.close()},this.onBackdropClick=()=>{this.close()},this.onCloseButtonClick=()=>{this.close()},this.onPrimaryAction=t=>{this.primaryAction.emit(t)},this.onSecondaryAction=t=>{this.secondaryAction.emit(t)},this.determineScrollStatus=()=>{var t,a,o,e,r,n;const i=(null===(t=this.scrollContainer)||void 0===t?void 0:t.scrollTop)>0,s=Math.ceil((null===(a=this.scrollContainer)||void 0===a?void 0:a.scrollTop)+(null===(o=this.scrollContainer)||void 0===o?void 0:o.offsetHeight))>=(null===(e=this.scrollContainer)||void 0===e?void 0:e.scrollHeight),d=(null===(r=this.scrollContainer)||void 0===r?void 0:r.scrollHeight)>(null===(n=this.scrollContainer)||void 0===n?void 0:n.offsetHeight);i!==this.scrolled&&(this.scrolled=i),s!==this.scrolledDown&&(this.scrolledDown=s),d!==this.scrollable&&(this.scrollable=d)},this.closeButtonLabel="Close modal",this.hideCloseButton=void 0,this.hideLabel=void 0,this.label=void 0,this.maxWidth=void 0,this.padded=!0,this.primaryActionLabel=void 0,this.secondaryActionLabel=void 0,this.variant="default",this.isOpen=!1,this.closing=!1,this.hasCustomHeader=void 0,this.hasCustomFooter=void 0,this.scrollable=!1,this.scrolled=!1,this.scrolledDown=!1}componentDidLoad(){var t,a,o,e,r,n,i,s,d,l,c,u,f,v,p,b,w,_,y,k;this.focusTrap=(t=this.modalEl,e=(null==(a={allowOutsideClick:!0,tabbableOptions:{getShadowRoot:t=>t.shadowRoot}})?void 0:a.document)||document,r=(null==a?void 0:a.trapStack)||C,n=F({returnFocusOnDeactivate:!0,escapeDeactivates:!0,delayInitialFocus:!0},a),i={containers:[],containerGroups:[],tabbableGroups:[],nodeFocusedBeforeActivation:null,mostRecentlyFocusedNode:null,active:!1,paused:!1,delayInitialFocusTimer:void 0},s=function(t,a,o){return t&&void 0!==t[a]?t[a]:n[o||a]},d=function(t){return i.containerGroups.findIndex((function(a){var o=a.tabbableNodes;return a.container.contains(t)||o.find((function(a){return a===t}))}))},l=function(t){var a=n[t];if("function"==typeof a){for(var o=arguments.length,r=new Array(o>1?o-1:0),i=1;i<o;i++)r[i-1]=arguments[i];a=a.apply(void 0,r)}if(!0===a&&(a=void 0),!a){if(void 0===a||!1===a)return a;throw new Error("`".concat(t,"` was specified but was not a node, or did not return a node"))}var s=a;if("string"==typeof a&&!(s=e.querySelector(a)))throw new Error("`".concat(t,"` as selector refers to no known node"));return s},c=function(){var t=l("initialFocus");if(!1===t)return!1;if(void 0===t)if(d(e.activeElement)>=0)t=e.activeElement;else{var a=i.tabbableGroups[0];t=a&&a.firstTabbableNode||l("fallbackFocus")}if(!t)throw new Error("Your focus-trap needs to have at least one focusable element");return t},u=function(){if(i.containerGroups=i.containers.map((function(t){var a,o,e=x(t,n.tabbableOptions),r=(a=t,(o=(o=n.tabbableOptions)||{}).getShadowRoot?h([a],o.includeContainer,{filter:g.bind(null,o),flatten:!0,getShadowRoot:o.getShadowRoot}):m(a,o.includeContainer,g.bind(null,o)));return{container:t,tabbableNodes:e,focusableNodes:r,firstTabbableNode:e.length>0?e[0]:null,lastTabbableNode:e.length>0?e[e.length-1]:null,nextTabbableNode:function(t){var a=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],o=r.findIndex((function(a){return a===t}));if(!(o<0))return a?r.slice(o+1).find((function(t){return E(t,n.tabbableOptions)})):r.slice(0,o).reverse().find((function(t){return E(t,n.tabbableOptions)}))}}})),i.tabbableGroups=i.containerGroups.filter((function(t){return t.tabbableNodes.length>0})),i.tabbableGroups.length<=0&&!l("fallbackFocus"))throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times")},f=function t(a){!1!==a&&a!==e.activeElement&&(a&&a.focus?(a.focus({preventScroll:!!n.preventScroll}),i.mostRecentlyFocusedNode=a,function(t){return t.tagName&&"input"===t.tagName.toLowerCase()&&"function"==typeof t.select}(a)&&a.select()):t(c()))},v=function(t){var a=l("setReturnFocus",t);return a||!1!==a&&t},p=function(t){var a=I(t);d(a)>=0||(N(n.clickOutsideDeactivates,t)?o.deactivate({returnFocus:n.returnFocusOnDeactivate&&!S(a,n.tabbableOptions)}):N(n.allowOutsideClick,t)||t.preventDefault())},b=function(t){var a=I(t),o=d(a)>=0;o||a instanceof Document?o&&(i.mostRecentlyFocusedNode=a):(t.stopImmediatePropagation(),f(i.mostRecentlyFocusedNode||c()))},w=function(t){if(function(t){return"Escape"===t.key||"Esc"===t.key||27===t.keyCode}(t)&&!1!==N(n.escapeDeactivates,t))return t.preventDefault(),void o.deactivate();(function(t){return"Tab"===t.key||9===t.keyCode})(t)&&function(t){var a=I(t);u();var o=null;if(i.tabbableGroups.length>0){var e=d(a),r=e>=0?i.containerGroups[e]:void 0;if(e<0)o=t.shiftKey?i.tabbableGroups[i.tabbableGroups.length-1].lastTabbableNode:i.tabbableGroups[0].firstTabbableNode;else if(t.shiftKey){var s=D(i.tabbableGroups,(function(t){return a===t.firstTabbableNode}));s<0&&(r.container===a||S(a,n.tabbableOptions)&&!E(a,n.tabbableOptions)&&!r.nextTabbableNode(a,!1))&&(s=e),s>=0&&(o=i.tabbableGroups[0===s?i.tabbableGroups.length-1:s-1].lastTabbableNode)}else{var c=D(i.tabbableGroups,(function(t){return a===t.lastTabbableNode}));c<0&&(r.container===a||S(a,n.tabbableOptions)&&!E(a,n.tabbableOptions)&&!r.nextTabbableNode(a))&&(c=e),c>=0&&(o=i.tabbableGroups[c===i.tabbableGroups.length-1?0:c+1].firstTabbableNode)}}else o=l("fallbackFocus");o&&(t.preventDefault(),f(o))}(t)},_=function(t){var a=I(t);d(a)>=0||N(n.clickOutsideDeactivates,t)||N(n.allowOutsideClick,t)||(t.preventDefault(),t.stopImmediatePropagation())},y=function(){if(i.active)return function(t,a){if(t.length>0){var o=t[t.length-1];o!==a&&o.pause()}var e=t.indexOf(a);-1===e||t.splice(e,1),t.push(a)}(r,o),i.delayInitialFocusTimer=n.delayInitialFocus?A((function(){f(c())})):f(c()),e.addEventListener("focusin",b,!0),e.addEventListener("mousedown",p,{capture:!0,passive:!1}),e.addEventListener("touchstart",p,{capture:!0,passive:!1}),e.addEventListener("click",_,{capture:!0,passive:!1}),e.addEventListener("keydown",w,{capture:!0,passive:!1}),o},k=function(){if(i.active)return e.removeEventListener("focusin",b,!0),e.removeEventListener("mousedown",p,!0),e.removeEventListener("touchstart",p,!0),e.removeEventListener("click",_,!0),e.removeEventListener("keydown",w,!0),o},(o={get active(){return i.active},get paused(){return i.paused},activate:function(t){if(i.active)return this;var a=s(t,"onActivate"),o=s(t,"onPostActivate"),r=s(t,"checkCanFocusTrap");r||u(),i.active=!0,i.paused=!1,i.nodeFocusedBeforeActivation=e.activeElement,a&&a();var n=function(){r&&u(),y(),o&&o()};return r?(r(i.containers.concat()).then(n,n),this):(n(),this)},deactivate:function(t){if(!i.active)return this;var a=F({onDeactivate:n.onDeactivate,onPostDeactivate:n.onPostDeactivate,checkCanReturnFocus:n.checkCanReturnFocus},t);clearTimeout(i.delayInitialFocusTimer),i.delayInitialFocusTimer=void 0,k(),i.active=!1,i.paused=!1,function(t,a){var o=t.indexOf(a);-1!==o&&t.splice(o,1),t.length>0&&t[t.length-1].unpause()}(r,o);var e=s(a,"onDeactivate"),d=s(a,"onPostDeactivate"),l=s(a,"checkCanReturnFocus"),c=s(a,"returnFocus","returnFocusOnDeactivate");e&&e();var u=function(){A((function(){c&&f(v(i.nodeFocusedBeforeActivation)),d&&d()}))};return c&&l?(l(v(i.nodeFocusedBeforeActivation)).then(u,u),this):(u(),this)},pause:function(){return i.paused||!i.active||(i.paused=!0,k()),this},unpause:function(){return i.paused&&i.active?(i.paused=!1,u(),y(),this):this},updateContainerElements:function(t){var a=[].concat(t).filter(Boolean);return i.containers=a.map((function(t){return"string"==typeof t?e.querySelector(t):t})),i.active&&u(),this}}).updateContainerElements(t),o),this.determineScrollStatus(),queueMicrotask((()=>{this.updateCustomFooterStatus(),this.updateCustomHeaderStatus()}))}disconnectedCallback(){this.focusTrap.deactivate(),this.unlockBodyScroll()}onWindowResize(){this.determineScrollStatus()}watchIsOpen(){this.isOpen?setTimeout((()=>{this.focusTrap.activate()}),200):this.focusTrap.deactivate()}async open(){this.isOpen=!0,this.modalOpen.emit(),this.lockBodyScroll(),this.determineScrollStatus()}async close(){this.closing||(this.closing=!0,this.unlockBodyScroll(),setTimeout((()=>{this.isOpen=!1,this.modalClose.emit(),this.closing=!1}),150))}updateCustomFooterStatus(){this.hasCustomFooter=Boolean(this.el.querySelector('[slot="custom-footer"]'))}updateCustomHeaderStatus(){this.hasCustomHeader=Boolean(this.el.querySelector('[slot="custom-header"]'))}lockBodyScroll(){n(this.scrollContainer)}unlockBodyScroll(){i(this.scrollContainer)}render(){const t=Boolean(this.primaryActionLabel)||Boolean(this.secondaryActionLabel),a=s("modal",`modal--variant-${this.variant}`,{"modal--closing":this.closing,"modal--has-custom-footer":this.hasCustomFooter,"modal--has-custom-header":this.hasCustomHeader,"modal--hide-label":this.hideLabel,"modal--padded":this.padded,"modal--scrollable":this.scrollable,"modal--scrolled":this.scrolled,"modal--scrolled-down":this.scrolledDown});return o(e,null,o("section",{"aria-hidden":String(!this.isOpen),"aria-label":this.label,"aria-modal":"true",class:a,onKeyDown:this.onKeyDown,role:"dialog",ref:t=>this.modalEl=t},o("div",{class:"modal__backdrop",onClick:this.onBackdropClick}),o("div",{class:"modal__body",style:{maxWidth:this.maxWidth}},!this.hideCloseButton&&o("swirl-button",{class:"modal__close-button",hideLabel:!0,icon:"default"===this.variant?"<swirl-icon-close></swirl-icon-close>":"<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>",label:this.closeButtonLabel,onClick:this.onCloseButtonClick}),o("header",{class:"modal__custom-header"},o("slot",{name:"custom-header"})),!this.hideLabel&&o("header",{class:"modal__header"},o("swirl-heading",{as:"h2",class:"modal__heading",level:3,text:this.label})),o("div",{class:"modal__content",onScroll:this.determineScrollStatus,ref:t=>this.scrollContainer=t},o("slot",null)),o("div",{class:"modal__custom-footer"},o("slot",{name:"custom-footer"})),t&&o("footer",{class:"modal__controls"},o("swirl-button-group",{wrap:!0},this.secondaryActionLabel&&o("swirl-button",{label:this.secondaryActionLabel,onClick:this.onSecondaryAction}),this.primaryActionLabel&&o("swirl-button",{intent:"primary",label:this.primaryActionLabel,onClick:this.onPrimaryAction,variant:"flat"}))))))}get el(){return r(this)}static get watchers(){return{isOpen:["watchIsOpen"]}}};R.style=':host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghost-button-background-default:var(--s-surface-overlay-default);--swirl-ghost-button-background-hovered:var(--s-surface-overlay-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-overlay-pressed);--swirl-resource-list-item-background-default:var(\n    --s-surface-overlay-default\n  );--swirl-resource-list-item-background-hovered:var(\n    --s-surface-overlay-hovered\n  );--swirl-resource-list-item-background-pressed:var(\n    --s-surface-overlay-pressed\n  );position:fixed;z-index:var(--s-z-40);display:flex;justify-content:center;align-items:center;inset:0}.modal[aria-hidden="true"]{display:none}.modal--variant-default.modal--closing{animation:0.15s modal-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.modal--variant-default.modal--closing{animation:none}}.modal--variant-default:not(.modal--closing) .modal__backdrop{animation:0.15s modal-backdrop-fade-in}@media (prefers-reduced-motion){.modal--variant-default:not(.modal--closing) .modal__backdrop{animation:none}}.modal--variant-default:not(.modal--closing) .modal__body{animation:0.15s modal-scale-in}@media (prefers-reduced-motion){.modal--variant-default:not(.modal--closing) .modal__body{animation:none}}.modal--variant-drawer{justify-content:end;align-items:stretch}.modal--variant-drawer.modal--closing{animation:0.15s modal-drawer-slide-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.modal--variant-drawer.modal--closing{animation:none}}.modal--variant-drawer.modal--hide-label .modal__content{padding-top:calc(3.5rem + var(--s-space-8))}.modal--variant-drawer .modal__backdrop{background-color:transparent;animation:none}.modal--variant-drawer .modal__body{height:100%;max-height:none;border-radius:0;animation:0.15s modal-drawer-slide-in;box-shadow:var(--s-shadow-level-3)}@media (prefers-reduced-motion){.modal--variant-drawer .modal__body{animation:none}}.modal--variant-drawer .modal__close-button{right:auto;left:var(--s-space-8)}@media (min-width: 768px){.modal--variant-drawer .modal__close-button{left:var(--s-space-16)}}.modal--variant-drawer .modal__header{padding-right:var(--s-space-16);padding-left:calc(var(--s-space-8) + 2.5rem + var(--s-space-8))}@media (min-width: 768px){.modal--variant-drawer .modal__header{padding-top:var(--s-space-16);padding-right:var(--s-space-24);padding-left:calc(var(--s-space-16) + 2.5rem + var(--s-space-8))}}.modal--padded .modal__content{padding-top:var(--s-space-24);padding-right:var(--s-space-16);padding-bottom:var(--s-space-24);padding-left:var(--s-space-16)}@media (min-width: 768px){.modal--padded .modal__content{padding-top:0;padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24)}}@media (min-width: 768px){.modal--scrollable .modal__content{padding-bottom:0}}.modal--scrollable:not(.modal--scrolled-down).modal--has-custom-footer .modal__custom-footer{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--scrollable:not(.modal--scrolled-down):not(.modal--has-custom-footer) .modal__controls{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--has-custom-header .modal__content{padding-top:var(--s-space-16)}.modal--has-custom-footer .modal__custom-footer{padding-top:var(--s-space-16);padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24)}@media (min-width: 768px){.modal--scrolled .modal__header{border-bottom-color:var(--s-border-default)}}.modal__backdrop{position:fixed;background-color:rgba(0, 0, 0, 0.2);inset:0}.modal__body{position:relative;z-index:var(--s-z-40);display:flex;overflow:hidden;width:100vw;max-width:40rem;height:100vh;background-color:var(--s-surface-overlay-default);flex-direction:column}@media (min-width: 768px){.modal__body{width:90vw;height:auto;max-height:90vh;border-radius:var(--s-border-radius-base);box-shadow:var(--s-shadow-level-3)}}.modal__close-button{position:absolute;z-index:1;top:var(--s-space-8);left:var(--s-space-8)}@media (min-width: 768px){.modal__close-button{top:var(--s-space-16);right:var(--s-space-16);left:auto}}.modal__header{display:flex;height:3.5rem;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:calc(var(--s-space-8) + 2.5rem + var(--s-space-8));flex-shrink:0;align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);gap:var(--s-space-16)}@media (min-width: 768px){.modal__header{height:4.125rem;padding-top:var(--s-space-24);padding-right:calc(var(--s-space-16) + 2.5rem + var(--s-space-8));padding-bottom:var(--s-space-16);padding-left:var(--s-space-24);border-bottom:var(--s-border-width-default) solid transparent}}.modal__custom-header{flex-shrink:0;border-bottom:var(--s-border-width-default) solid var(--s-border-default)}.modal__heading{overflow:hidden}.modal__heading .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.modal__content{overflow-x:hidden;overflow-y:auto;flex-grow:1;line-height:var(--s-line-height-base)}.modal__content ::slotted(*){margin:0}.modal__custom-footer{flex-shrink:0}.modal__controls{display:flex;padding-top:var(--s-space-16);padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24);flex-shrink:0;justify-content:flex-end}@keyframes modal-scale-in{from{transform:scale(0)}to{transform:scale(1)}}@keyframes modal-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes modal-fade-out{from{opacity:1}to{opacity:0}}@keyframes modal-drawer-slide-in{from{transform:translate3d(100%, 0, 0)}to{transform:translate3d(0, 0, 0)}}@keyframes modal-drawer-slide-out{from{transform:translate3d(0, 0, 0)}to{transform:translate3d(100%, 0, 0)}}';export{R as swirl_modal}

package/dist/swirl-components/p-b0131a2e.entry.js ADDED Viewed

@@ -0,0 +1 @@

+ import{r as a,h as r,H as i,g as t}from"./p-3fca9a05.js";import{c as e}from"./p-b7898321.js";const s={xs:28,s:32,m:40,l:48,xl:64,"2xl":144},o=class{constructor(r){a(this,r),this.setImageAvailable=()=>{this.imageAvailable=!0},this.setImageUnavailable=()=>{this.imageAvailable=!1},this.onKeydown=a=>{"Space"===a.code?a.preventDefault():"Enter"===a.code&&(a.preventDefault(),this.element.click())},this.onKeyup=a=>{"Space"===a.code&&(a.preventDefault(),this.element.click())},this.badge=void 0,this.badgePosition="bottom",this.color="kiwi",this.icon=void 0,this.initials=void 0,this.interactive=!1,this.label=void 0,this.showLabel=!1,this.size="m",this.src=void 0,this.variant="round",this.imageAvailable=void 0}componentDidLoad(){this.forceBadgeProps()}watchSrcProp(){this.imageAvailable=void 0}forceBadgeProps(){if(!Boolean(this.badge))return;const a=this.badgeEl.querySelector("swirl-badge");null==a||a.setAttribute("size","m")}render(){const a=Boolean(this.src)&&(this.imageAvailable||void 0===this.imageAvailable),t=!a&&Boolean(this.initials),o=!a&&!t&&Boolean(this.icon),n=!a&&!t&&!o,v=Boolean(this.badge)&&"m"===this.size,l=this.interactive?"button":"img",d=e("avatar",`avatar--color-${this.color}`,`avatar--size-${this.size}`,`avatar--variant-${this.variant}`,{"avatar--has-icon":o||n,"avatar--has-initials":t,"avatar--interactive":this.interactive}),h=e("avatar__badge",`avatar__badge--position-${this.badgePosition}`);return r(i,{"aria-label":this.label,onKeydown:this.interactive?this.onKeydown:void 0,onKeyup:this.interactive?this.onKeyup:void 0,role:l,tabIndex:this.interactive?0:void 0},r("span",{class:d,part:"avatar"},a&&r("span",{class:"avatar__image"},r("img",{alt:"",height:s[this.size],onError:this.setImageUnavailable,onLoad:this.setImageAvailable,src:this.src,width:s[this.size]})),t&&r("span",{class:"avatar__initials"},r("span",null,this.initials)),o&&r("span",{class:"avatar__icon",innerHTML:this.icon}),n&&r("span",{class:"avatar__icon"},r("swirl-icon-person",null)),v&&r("span",{class:h,innerHTML:this.badge,ref:a=>this.badgeEl=a})),this.showLabel&&r("span",{"aria-hidden":!0,class:"avatar__label"},this.label))}get element(){return t(this)}static get watchers(){return{src:["watchSrcProp"]}}};o.style=":host{display:inline-flex;flex-shrink:0;align-items:center;flex-direction:column}:host *{box-sizing:border-box}.avatar{position:relative;display:inline-flex;justify-content:center;align-items:center;border-radius:50%}.avatar--has-icon{color:var(--s-icon-default);background-color:var(--swirl-avatar-background-color)}.avatar--has-initials{padding-right:0;padding-left:0;color:#fff}.avatar--interactive{cursor:pointer}.avatar--interactive:focus:not(:focus-visible){outline:none}.avatar--interactive:focus-visible{outline-color:var(--s-focus-default)}.avatar--size-xs{width:1.75rem;height:1.75rem;font-size:0.75rem}.avatar--size-xs.avatar--has-icon{padding-right:0.4375rem;padding-left:0.4375rem}.avatar--size-xs.avatar--variant-square,.avatar--size-xs.avatar--variant-square .avatar__image,.avatar--size-xs.avatar--variant-square .avatar__initials{border-radius:0.5rem}.avatar--size-s{width:2rem;height:2rem;font-size:0.75rem}.avatar--size-s.avatar--has-icon{padding-right:var(--s-space-8);padding-left:var(--s-space-8)}.avatar--size-s.avatar--variant-square,.avatar--size-s.avatar--variant-square .avatar__image,.avatar--size-s.avatar--variant-square .avatar__initials{border-radius:0.5rem}.avatar--size-m{width:2.5rem;height:2.5rem;font-size:var(--s-font-size-base)}.avatar--size-m.avatar--has-icon{padding-right:0.625rem;padding-left:0.625rem}.avatar--size-m.avatar--variant-square,.avatar--size-m.avatar--variant-square .avatar__image,.avatar--size-m.avatar--variant-square .avatar__initials{border-radius:0.625rem}.avatar--size-l{width:3rem;height:3rem;font-size:var(--s-font-size-lg)}.avatar--size-l.avatar--has-icon{padding-right:var(--s-space-12);padding-left:var(--s-space-12)}.avatar--size-l.avatar--variant-square,.avatar--size-l.avatar--variant-square .avatar__image,.avatar--size-l.avatar--variant-square .avatar__initials{border-radius:0.75rem}.avatar--size-xl{width:4rem;height:4rem;font-size:var(--s-font-size-xl)}.avatar--size-xl.avatar--has-icon{padding-right:var(--s-space-16);padding-left:var(--s-space-16)}.avatar--size-xl.avatar--variant-square,.avatar--size-xl.avatar--variant-square .avatar__image,.avatar--size-xl.avatar--variant-square .avatar__initials{border-radius:1rem}.avatar--size-2xl{width:9rem;height:9rem;font-size:3.375rem}.avatar--size-2xl.avatar--has-icon{padding-right:var(--s-space-32);padding-left:var(--s-space-32)}.avatar--size-2xl.avatar--variant-square,.avatar--size-2xl.avatar--variant-square .avatar__image,.avatar--size-2xl.avatar--variant-square .avatar__initials{border-radius:2.25rem}.avatar--color-banana .avatar__initials{color:var(--s-decorative-banana-text);background-color:var(--s-decorative-banana-surface-subdued)}.avatar--color-blueberry .avatar__initials{color:var(--s-decorative-blueberry-text);background-color:var(--s-decorative-blueberry-surface-subdued)}.avatar--color-chilli .avatar__initials{color:var(--s-decorative-chilli-text);background-color:var(--s-decorative-chilli-surface-subdued)}.avatar--color-grape .avatar__initials{color:var(--s-decorative-grape-text);background-color:var(--s-decorative-grape-surface-subdued)}.avatar--color-kiwi .avatar__initials{color:var(--s-decorative-kiwi-text);background-color:var(--s-decorative-kiwi-surface-subdued)}.avatar--color-pumpkin .avatar__initials{color:var(--s-decorative-pumpkin-text);background-color:var(--s-decorative-pumpkin-surface-subdued)}.avatar--color-radish .avatar__initials{color:var(--s-decorative-radish-text);background-color:var(--s-decorative-radish-surface-subdued)}.avatar__image{overflow:hidden;width:100%;height:100%;border-radius:50%}.avatar__image>img{width:100%;height:100%}.avatar__icon{display:inline-flex}.avatar__icon>*{width:100%;height:100%}.avatar__icon>*::part(icon){width:100%;height:100%}.avatar__initials{display:inline-flex;width:100%;min-width:0;height:100%;padding-right:0.0625rem;padding-left:0.0625rem;justify-content:center;align-items:center;border-radius:50%;font-weight:var(--s-font-weight-medium)}.avatar__initials>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.avatar__badge{position:absolute;bottom:0;left:55%;display:inline-flex;min-width:1.5rem;height:1.5rem;transform:translate3d(0, 25%, 0)}.avatar__badge--position-top{top:0;bottom:auto;transform:translate3d(0, -25%, 0)}.avatar__label{margin-top:var(--s-space-4);color:var(--s-icon-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);text-align:center}";export{o as swirl_avatar}

package/dist/swirl-components/p-fbc7f835.entry.js ADDED Viewed

@@ -0,0 +1 @@

+ import{r,h as s,H as e,g as a}from"./p-3fca9a05.js";import{c as t}from"./p-b7898321.js";const i=["xs","sm","base","l","xl"],o=class{constructor(s){r(this,s),this.as="div",this.borderRadius="base",this.elevated=void 0,this.height=void 0,this.highlighted=void 0,this.href=void 0,this.imageAspectRatio=void 0,this.intent="default",this.isBorderless=void 0,this.interactive=void 0,this.justifyContent="start",this.linkTarget=void 0,this.padding=void 0,this.paddingBlockEnd=void 0,this.paddingBlockStart=void 0,this.paddingInlineEnd=void 0,this.paddingInlineStart=void 0,this.swirlAriaLabel=void 0}render(){const r=Boolean(this.href)?"a":this.as,a=Boolean(this.el.querySelector('[slot="image"]')),o={borderRadius:i.includes(this.borderRadius)?`var(--s-border-radius-${this.borderRadius})`:this.borderRadius,height:this.height},d={padding:Boolean(this.padding)?`var(--s-space-${this.padding})`:void 0,paddingBlockEnd:Boolean(this.paddingBlockEnd)?`var(--s-space-${this.paddingBlockEnd})`:void 0,paddingBlockStart:Boolean(this.paddingBlockStart)?`var(--s-space-${this.paddingBlockStart})`:void 0,paddingInlineEnd:Boolean(this.paddingInlineEnd)?`var(--s-space-${this.paddingInlineEnd})`:void 0,paddingInlineStart:Boolean(this.paddingInlineStart)?`var(--s-space-${this.paddingInlineStart})`:void 0},c=t("card",`card--intent-${this.intent}`,`card--justify-content-${this.justifyContent}`,{"card--elevated":this.elevated,"card--has-image":a,"card--highlighted":this.highlighted,"card--interactive":this.interactive||this.href,"card--is--borderless":this.isBorderless});return s(e,{styles:{height:this.height}},s(r,{"aria-label":this.swirlAriaLabel,class:c,href:this.href,rel:Boolean(this.href)&&"_blank"===this.linkTarget?"noreferrer":void 0,style:o,target:this.linkTarget},s("div",{class:"card__image",style:{aspectRatio:this.imageAspectRatio}},s("slot",{name:"image"})),s("div",{class:"card__body",style:d},s("div",{class:"card__content"},s("slot",{name:"content"})))))}get el(){return a(this)}};o.style=":host{display:block}:host *{box-sizing:border-box}.card{display:flex;overflow:hidden;width:100%;margin:0;padding:0;border:var(--s-border-width-default) solid var(--s-border-default);border-radius:var(--s-border-radius-base);color:var(--s-text-default);background-color:var(--s-surface-default);font:inherit;text-decoration:none;flex-direction:column;--swirl-ghost-button-background-default:var(--s-surface-default);--swirl-ghost-button-background-hovered:var(--s-surface-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-pressed);--swirl-resource-list-item-background-default:var(--s-surface-default);--swirl-resource-list-item-background-hovered:var(--s-surface-hovered);--swirl-resource-list-item-background-pressed:var(--s-surface-pressed)}a.card,button.card,.card--interactive{cursor:pointer}a.card:hover,button.card:hover,.card--interactive:hover{background-color:var(--s-surface-hovered)}a.card:active,button.card:active,.card--interactive:active{background-color:var(--s-surface-pressed)}a.card:focus:not(:focus-visible),button.card:focus:not(:focus-visible),.card--interactive:focus:not(:focus-visible){outline:none}a.card:focus-visible,button.card:focus-visible,.card--interactive:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-4)}.card--is--borderless{border:0}.card--elevated{border-color:transparent;box-shadow:0 0.75rem 1rem rgba(25, 26, 28, 0.12),\n 0 0.25rem 0.75rem rgba(25, 26, 28, 0.08)}.card--highlighted{border-width:0.1875rem;border-color:var(--s-border-highlight)}.card--justify-content-start .card__body{justify-content:flex-start}.card--justify-content-center .card__body{justify-content:center}.card--justify-content-end .card__body{justify-content:flex-end}:not(.card--has-image) .card__image{overflow:hidden;height:0}.card--intent-critical-subdued{background-color:var(--s-surface-critical-subdued)}.card--intent-info-subdued{background-color:var(--s-surface-info-subdued)}.card--intent-success-subdued{background-color:var(--s-surface-success-subdued)}.card--intent-warning-subdued{background-color:var(--s-surface-warning-subdued)}.content-section{padding:0 var(--s-space-16)}.card__image{overflow:hidden;min-height:0}.card__image ::slotted(img){display:inline-flex;width:100%;max-height:100%;-o-object-fit:cover;object-fit:cover}.card__body{display:flex;min-height:0;padding:var(--s-space-12) var(--s-space-16) var(--s-space-16);flex-grow:1;flex-direction:column;gap:var(--s-space-16)}";export{o as swirl_card}

package/dist/swirl-components/swirl-components.css CHANGED Viewed

@@ -9,4 +9,4 @@
         )}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){html.disable-desktop-style-tweaks ::part(skeleton-text--size-2xl){--skeleton-text-line-padding:calc(
           (var(--s-line-height-2xl) - var(--s-font-size-2xl)) / 2
         )}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){html.disable-desktop-style-tweaks ::part(skeleton-text__line--size-sm){height:var(--s-line-height-sm)}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){html.disable-desktop-style-tweaks ::part(skeleton-text__line--size-base){height:var(--s-line-height-base)}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){html.disable-desktop-style-tweaks ::part(skeleton-text__line--size-lg){height:var(--s-line-height-lg)}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){html.disable-desktop-style-tweaks ::part(skeleton-text__line--size-xl){height:var(--s-line-height-xl)}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){html.disable-desktop-style-tweaks ::part(skeleton-text__line--size-2xl){height:var(--s-line-height-2xl)}}html.disable-desktop-style-tweaks .text--size-lg{font-size:var(--s-font-size-lg);line-height:var(--s-line-height-lg)}html.disable-desktop-style-tweaks .text--size-xl{font-size:var(--s-font-size-xl);line-height:var(--s-line-height-xl)}html.disable-desktop-style-tweaks .text--size-2xl{font-size:var(--s-font-size-2xl);line-height:var(--s-line-height-2xl)}html.disable-desktop-style-tweaks .text-input__clear-button,html.disable-desktop-style-tweaks .text-input__password-toggle{top:calc(-1 * var(--s-space-12))}html.disable-desktop-style-tweaks .text-input__stepper{top:-1.4375rem}html.disable-desktop-style-tweaks ::part(toast__icon){margin-top:calc(-1 * var(--s-space-2))}}@font-face{font-family:"Inter var experimental";font-weight:100 900;font-display:swap;src:url("/fonts/Inter.var.woff2") format("woff2-variations"),
-    url("/fonts/Inter.var.woff2") format("woff2")}:root{--swirl-avatar-group-border-color:var(--s-background-default);--swirl-badge-border-color:var(--s-background-default);--swirl-button-border-top-right-radius:var(--s-border-radius-base);--swirl-button-border-top-left-radius:var(--s-border-radius-base);--swirl-button-border-bottom-right-radius:var(--s-border-radius-base);--swirl-button-border-bottom-left-radius:var(--s-border-radius-base);--swirl-carousel-gradient:255, 255, 255;--swirl-icon-button-border-top-right-radius:50%;--swirl-icon-button-border-top-left-radius:50%;--swirl-icon-button-border-bottom-right-radius:50%;--swirl-icon-button-border-bottom-left-radius:50%;--swirl-ghost-button-background-default:var(--s-background-default);--swirl-ghost-button-background-hovered:var(--s-background-hovered);--swirl-ghost-button-background-pressed:var(--s-background-pressed);--swirl-table-sticky-left-shadow:none;--swirl-table-sticky-right-shadow:none;--swirl-tab-bar-border-width:var(--s-border-width-default);--swirl-tab-bar-height:auto}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){:root{--swirl-button-border-top-right-radius:var(--s-border-radius-sm);--swirl-button-border-top-left-radius:var(--s-border-radius-sm);--swirl-button-border-bottom-right-radius:var(--s-border-radius-sm);--swirl-button-border-bottom-left-radius:var(--s-border-radius-sm)}}*,*::before,*::after{box-sizing:border-box}html.theme-dark{color-scheme:dark;--swirl-carousel-gradient:25, 26, 28}body{background-color:var(--s-background-default);font-family:var(--s-font-family-text);font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-normal);color:var(--s-text-default);-webkit-font-smoothing:antialiased}
+    url("/fonts/Inter.var.woff2") format("woff2")}:root{--swirl-avatar-group-border-color:var(--s-background-default);--swirl-avatar-background-color:var(--s-surface-raised-default);--swirl-badge-border-color:var(--s-background-default);--swirl-button-border-top-right-radius:var(--s-border-radius-base);--swirl-button-border-top-left-radius:var(--s-border-radius-base);--swirl-button-border-bottom-right-radius:var(--s-border-radius-base);--swirl-button-border-bottom-left-radius:var(--s-border-radius-base);--swirl-carousel-gradient:255, 255, 255;--swirl-icon-button-border-top-right-radius:50%;--swirl-icon-button-border-top-left-radius:50%;--swirl-icon-button-border-bottom-right-radius:50%;--swirl-icon-button-border-bottom-left-radius:50%;--swirl-ghost-button-background-default:var(--s-background-default);--swirl-ghost-button-background-hovered:var(--s-background-hovered);--swirl-ghost-button-background-pressed:var(--s-background-pressed);--swirl-resource-list-item-background-default:var(--s-background-default);--swirl-resource-list-item-background-hovered:var(--s-background-hovered);--swirl-resource-list-item-background-pressed:var(--s-background-pressed);--swirl-table-sticky-left-shadow:none;--swirl-table-sticky-right-shadow:none;--swirl-tab-bar-border-width:var(--s-border-width-default);--swirl-tab-bar-height:auto}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){:root{--swirl-button-border-top-right-radius:var(--s-border-radius-sm);--swirl-button-border-top-left-radius:var(--s-border-radius-sm);--swirl-button-border-bottom-right-radius:var(--s-border-radius-sm);--swirl-button-border-bottom-left-radius:var(--s-border-radius-sm)}}*,*::before,*::after{box-sizing:border-box}html.theme-dark{color-scheme:dark;--swirl-carousel-gradient:25, 26, 28}body{background-color:var(--s-background-default);font-family:var(--s-font-family-text);font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-normal);color:var(--s-text-default);-webkit-font-smoothing:antialiased}

package/dist/swirl-components/swirl-components.esm.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as e,b as i}from"./p-3fca9a05.js";export{s as setNonce}from"./p-3fca9a05.js";(()=>{const i=import.meta.url,l={};return""!==i&&(l.resourcesUrl=new URL(".",i).href),e(l)})().then((e=>i(JSON.parse('[["p-d98edc75",[[1,"file-manager",{"selectedDirectory":[32],"selectedFile":[32]}]]],["p-ef50db1d",[[1,"swirl-pdf-reader",{"autoZoomLabel":[1,"auto-zoom-label"],"closeButtonLabel":[1,"close-button-label"],"downloadButtonLabel":[1,"download-button-label"],"file":[1],"fileTypeLabel":[1,"file-type-label"],"label":[1],"menuLabel":[1,"menu-label"],"menuTriggerLabel":[1,"menu-trigger-label"],"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"],"active":[32],"closing":[32],"downloading":[32],"thumbnails":[32],"showThumbnails":[32],"viewMode":[32],"visiblePages":[32],"zoom":[32],"zoomSteps":[32],"open":[64],"close":[64]},[[9,"resize","onWindowResize"]]]]],["p-dd83db88",[[2,"swirl-autocomplete",{"autoSelect":[4,"auto-select"],"clearable":[4],"clearButtonLabel":[1,"clear-button-label"],"disabled":[4],"generateSuggestions":[1040],"inline":[4],"invalid":[4],"maxLength":[2,"max-length"],"menuLabel":[1,"menu-label"],"mode":[1],"required":[4],"spellCheck":[4,"spell-check"],"swirlAriaDescribedby":[1,"swirl-aria-describedby"],"value":[1537],"active":[32],"loading":[32],"position":[32],"suggestions":[32]},[[8,"click","onWindowClick"]]]]],["p-f990566c",[[1,"swirl-lightbox",{"closeButtonLabel":[1,"close-button-label"],"downloadButtonLabel":[1,"download-button-label"],"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],"slides":[32],"open":[64],"close":[64],"activateSlide":[64]}]]],["p-b30e36e0",[[1,"swirl-inline-notification",{"heading":[1],"importance":[1],"intent":[1]}]]],["p-f6a11841",[[1,"swirl-menu-item",{"description":[1],"disabled":[4],"expanded":[4],"icon":[1],"intent":[1],"label":[1],"value":[1],"parentMenu":[32],"subMenu":[32],"getSubMenu":[64],"getParentMenu":[64]}]]],["p-8cd7b164",[[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],"pageSizeSelectLabel":[1,"page-size-select-label"],"prevButtonLabel":[1,"prev-button-label"],"showPageSizeSelect":[4,"show-page-size-select"],"variant":[1]}]]],["p-687f534e",[[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-058621f1",[[6,"swirl-select",{"disabled":[4],"inline":[4],"invalid":[4],"label":[1],"multiSelect":[4,"multi-select"],"required":[4],"selectId":[1,"select-id"],"swirlAriaDescribedby":[1,"swirl-aria-describedby"],"value":[1040],"options":[32],"open":[32],"placement":[32]},[[8,"focusin","onWindowFocusIn"]]]]],["p-b28fadcf",[[2,"swirl-date-input",{"autoFocus":[4,"auto-focus"],"autoSelect":[4,"auto-select"],"datePickerLabel":[1,"date-picker-label"],"datePickerTriggerLabel":[1,"date-picker-trigger-label"],"disabled":[4],"format":[1],"inline":[4],"invalid":[4],"labels":[16],"locale":[1],"placeholder":[1],"required":[4],"swirlAriaDescribedby":[1,"swirl-aria-describedby"],"value":[1537],"iconSize":[32]}]]],["p-49a2e41e",[[4,"swirl-modal",{"closeButtonLabel":[1,"close-button-label"],"hideCloseButton":[4,"hide-close-button"],"hideLabel":[4,"hide-label"],"label":[1],"maxWidth":[1,"max-width"],"padded":[4],"primaryActionLabel":[1,"primary-action-label"],"secondaryActionLabel":[1,"secondary-action-label"],"variant":[1],"isOpen":[32],"closing":[32],"hasCustomHeader":[32],"hasCustomFooter":[32],"scrollable":[32],"scrolled":[32],"scrolledDown":[32],"open":[64],"close":[64]},[[9,"resize","onWindowResize"]]]]],["p-2fb83beb",[[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],"toggleSidebar":[64],"showSidebar":[64],"hideSidebar":[64]},[[9,"resize","onWindowResize"]]]]],["p-75d85160",[[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-af46650d",[[1,"swirl-toast-provider",{"globalDuration":[2,"global-duration"],"toasts":[32],"clearAll":[64],"dismiss":[64],"toast":[64]}]]],["p-109b5857",[[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],"value":[1]}]]],["p-6d57eb56",[[2,"swirl-file-uploader",{"accept":[1],"ctaLabel":[1,"cta-label"],"description":[1],"disabled":[4],"dragDropLabel":[1,"drag-drop-label"],"inputId":[1,"input-id"],"inputName":[1,"input-name"],"label":[1],"multiple":[4],"showDropzone":[4,"show-dropzone"],"uploadButtonLabel":[1,"upload-button-label"],"reset":[64]}]]],["p-71c6c311",[[6,"swirl-form-control",{"description":[1],"disabled":[4],"errorMessage":[1,"error-message"],"hideLabel":[4,"hide-label"],"inline":[4],"invalid":[4],"label":[1],"labelPosition":[1,"label-position"],"hasFocus":[32],"inputValue":[32]},[[8,"click","onWindowClick"]]]]],["p-34edf304",[[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]}]]],["p-2d5438ae",[[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]},[[8,"keydown","onKeyDown"]]]]],["p-4e8d7333",[[1,"swirl-table",{"caption":[1],"emptyStateLabel":[1,"empty-state-label"],"label":[1],"empty":[32],"scrollable":[32],"scrolled":[32],"scrolledToEnd":[32],"rerender":[64]},[[9,"resize","onWindowResize"]]]]],["p-209e85c5",[[1,"swirl-table-column",{"sort":[1],"sortable":[4],"maxWidth":[1,"max-width"],"minWidth":[1,"min-width"],"sticky":[4],"width":[1]}]]],["p-8d92436f",[[1,"swirl-app-bar",{"backButtonLabel":[1,"back-button-label"],"closeButtonLabel":[1,"close-button-label"],"stepUpButtonLabel":[1,"step-up-button-label"],"stepDownButtonLabel":[1,"step-down-button-label"],"showBackButton":[4,"show-back-button"],"showCloseButton":[4,"show-close-button"],"showStepperControls":[4,"show-stepper-controls"],"hasCta":[32]}]]],["p-78c61caf",[[1,"swirl-avatar",{"badge":[1],"badgePosition":[1,"badge-position"],"color":[1],"icon":[1],"initials":[1],"interactive":[4],"label":[1],"showLabel":[4,"show-label"],"size":[1],"src":[1],"variant":[1],"imageAvailable":[32]}]]],["p-059f706f",[[1,"swirl-banner",{"actionLabel":[1,"action-label"],"content":[1],"dismissable":[4],"dismissLabel":[1,"dismiss-label"],"importance":[1],"intent":[1],"showIcon":[4,"show-icon"],"size":[1]}]]],["p-017fc399",[[1,"swirl-carousel",{"label":[1],"nextSlideButtonLabel":[1,"next-slide-button-label"],"previousSlideButtonLabel":[1,"previous-slide-button-label"],"loopAround":[4,"loop-around"],"isAtEnd":[32],"isAtStart":[32],"isScrollable":[32],"scrollToSlide":[64]},[[9,"resize","onWindowResize"]]]]],["p-7b9f754f",[[2,"swirl-radio",{"checked":[1032],"description":[1],"disabled":[4],"inputId":[1,"input-id"],"inputName":[1,"input-name"],"invalid":[4],"label":[1],"value":[1]}]]],["p-873a1d91",[[1,"swirl-shell-layout",{"hideSidebar":[4,"hide-sidebar"],"mainNavigationLabel":[1,"main-navigation-label"],"sidebarToggleLabel":[1,"sidebar-toggle-label"],"collapsedSidebar":[32],"collapsing":[32],"sidebarHovered":[32],"collapseSidebar":[64],"extendSidebar":[64]}]]],["p-ca78767e",[[1,"swirl-shell-navigation-item",{"active":[4],"badgeLabel":[1,"badge-label"],"label":[1]}]]],["p-4867b806",[[2,"swirl-switch",{"checked":[1028],"disabled":[4],"inputId":[1,"input-id"],"inputName":[1,"input-name"],"label":[1],"size":[1],"value":[1]},[[9,"pointerup","onWindowPointerUp"]]]]],["p-97ac3d63",[[6,"swirl-tabs",{"initialTab":[1,"initial-tab"],"label":[1],"activeTab":[32],"tabBarTabs":[32],"activateTab":[64]}]]],["p-317f16d1",[[1,"swirl-tag",{"intent":[1],"label":[1],"removable":[4],"removalButtonLabel":[1,"removal-button-label"]}]]],["p-9d9427ab",[[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],"iconSize":[32]}]]],["p-1540a826",[[1,"swirl-video-thumbnail",{"durationLabel":[1,"duration-label"],"duration":[1],"label":[1],"src":[1]}]]],["p-f262d020",[[1,"swirl-action-list-section",{"label":[1]}]]],["p-97668c59",[[1,"swirl-app-icon",{"icon":[1],"src":[1],"hideBorder":[4,"hide-border"],"imageAvailable":[32]}]]],["p-3d7a911b",[[1,"swirl-avatar-group",{"badge":[1]}]]],["p-66abd436",[[1,"swirl-card",{"as":[1],"borderRadius":[1,"border-radius"],"elevated":[4],"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"],"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"]}]]],["p-06464dcf",[[1,"swirl-carousel-slide",{"label":[1],"minHeight":[1,"min-height"],"width":[1]}]]],["p-22c58025",[[1,"swirl-chip",{"icon":[1],"intent":[1],"interactive":[4],"label":[1],"variant":[1]}]]],["p-7a3ac3f0",[[1,"swirl-columns",{"columns":[1],"spacing":[1]}]]],["p-6cf1cf56",[[1,"swirl-description-list"]]],["p-4febb614",[[1,"swirl-description-list-item",{"bordered":[4],"orientation":[1],"term":[1]}]]],["p-0a0579a1",[[6,"swirl-form-group",{"orientation":[1]}]]],["p-e0ed9959",[[1,"swirl-icon",{"glyph":[1],"size":[2]}]]],["p-41b0e3c6",[[1,"swirl-icon-add-photo",{"size":[2]}]]],["p-604ad286",[[1,"swirl-icon-admin-panel-settings",{"size":[2]}]]],["p-51197252",[[1,"swirl-icon-ai",{"size":[2]}]]],["p-be2cf7ee",[[1,"swirl-icon-arrow-back",{"size":[2]}]]],["p-54e4ff0b",[[1,"swirl-icon-arrow-forward",{"size":[2]}]]],["p-139ba3c3",[[1,"swirl-icon-arrow-right-small",{"size":[2]}]]],["p-727138c7",[[1,"swirl-icon-attachment",{"size":[2]}]]],["p-23d65342",[[1,"swirl-icon-bar-chart",{"size":[2]}]]],["p-5c715462",[[1,"swirl-icon-block",{"size":[2]}]]],["p-ddb7d14a",[[1,"swirl-icon-bookmark",{"size":[2]}]]],["p-3bc109d8",[[1,"swirl-icon-chat-bubble",{"size":[2]}]]],["p-7703719d",[[1,"swirl-icon-chats-filled",{"size":[2]}]]],["p-5ca498c5",[[1,"swirl-icon-chats-outlined",{"size":[2]}]]],["p-f5211f9f",[[1,"swirl-icon-check",{"size":[2]}]]],["p-f24cdd03",[[1,"swirl-icon-chevron-left",{"size":[2]}]]],["p-e5719add",[[1,"swirl-icon-chevron-right",{"size":[2]}]]],["p-0fe425c2",[[1,"swirl-icon-close-small",{"size":[2]}]]],["p-95d11a66",[[1,"swirl-icon-column",{"size":[2]}]]],["p-785957ad",[[1,"swirl-icon-comment",{"size":[2]}]]],["p-d650f1ea",[[1,"swirl-icon-copy",{"size":[2]}]]],["p-a68fdc2b",[[1,"swirl-icon-date-range",{"size":[2]}]]],["p-91ceb19a",[[1,"swirl-icon-delete",{"size":[2]}]]],["p-e217fb71",[[1,"swirl-icon-description",{"size":[2]}]]],["p-5da3a9a8",[[1,"swirl-icon-double-arrow-left",{"size":[2]}]]],["p-f83a0b0f",[[1,"swirl-icon-double-arrow-right",{"size":[2]}]]],["p-18b02f63",[[1,"swirl-icon-download",{"size":[2]}]]],["p-3f489eb8",[[1,"swirl-icon-edit",{"size":[2]}]]],["p-ed6e8f91",[[1,"swirl-icon-emoji-mood",{"size":[2]}]]],["p-ddcaea53",[[1,"swirl-icon-emoji-satisfied",{"size":[2]}]]],["p-7faaefc8",[[1,"swirl-icon-filter",{"size":[2]}]]],["p-ceef4a6c",[[1,"swirl-icon-folder",{"size":[2]}]]],["p-d20e7ee0",[[1,"swirl-icon-gif",{"size":[2]}]]],["p-e998142c",[[1,"swirl-icon-group-assign",{"size":[2]}]]],["p-03bb0b1d",[[1,"swirl-icon-groups",{"size":[2]}]]],["p-ba65fbe6",[[1,"swirl-icon-groups-custom",{"size":[2]}]]],["p-d2438d40",[[1,"swirl-icon-groups-filled",{"size":[2]}]]],["p-109c3cb9",[[1,"swirl-icon-groups-outlined",{"size":[2]}]]],["p-4c083b59",[[1,"swirl-icon-help",{"size":[2]}]]],["p-5e27f39b",[[1,"swirl-icon-highlight",{"size":[2]}]]],["p-ce7bae0f",[[1,"swirl-icon-home",{"size":[2]}]]],["p-330c11dc",[[1,"swirl-icon-image",{"size":[2]}]]],["p-7acd49ab",[[1,"swirl-icon-improve-text",{"size":[2]}]]],["p-bbe849b2",[[1,"swirl-icon-insert-below",{"size":[2]}]]],["p-859205f2",[[1,"swirl-icon-insert-on-top",{"size":[2]}]]],["p-d42d7db3",[[1,"swirl-icon-inventory",{"size":[2]}]]],["p-505c51dc",[[1,"swirl-icon-like",{"size":[2]}]]],["p-9d85109d",[[1,"swirl-icon-link",{"size":[2]}]]],["p-39d295f9",[[1,"swirl-icon-lock",{"size":[2]}]]],["p-52e07ada",[[1,"swirl-icon-lock-person",{"size":[2]}]]],["p-b4871661",[[1,"swirl-icon-logout",{"size":[2]}]]],["p-fc101b66",[[1,"swirl-icon-long-text",{"size":[2]}]]],["p-1831c9c8",[[1,"swirl-icon-mail",{"size":[2]}]]],["p-33b9e68a",[[1,"swirl-icon-manage-accounts",{"size":[2]}]]],["p-439091ac",[[1,"swirl-icon-mark-chat-read",{"size":[2]}]]],["p-7e8add69",[[1,"swirl-icon-mark-chat-unread",{"size":[2]}]]],["p-ff6f4d39",[[1,"swirl-icon-mention",{"size":[2]}]]],["p-3a2abee9",[[1,"swirl-icon-menu",{"size":[2]}]]],["p-4e3bd9d6",[[1,"swirl-icon-menu-filled",{"size":[2]}]]],["p-7fc5ff4d",[[1,"swirl-icon-menu-outlined",{"size":[2]}]]],["p-2c6100ac",[[1,"swirl-icon-message",{"size":[2]}]]],["p-1d12f61c",[[1,"swirl-icon-more-horizontal",{"size":[2]}]]],["p-5195b896",[[1,"swirl-icon-news-filled",{"size":[2]}]]],["p-087e391f",[[1,"swirl-icon-news-outlined",{"size":[2]}]]],["p-04cd78a8",[[1,"swirl-icon-notifications",{"size":[2]}]]],["p-343790d2",[[1,"swirl-icon-notifications-active",{"size":[2]}]]],["p-f9bc902e",[[1,"swirl-icon-notifications-off",{"size":[2]}]]],["p-907fd135",[[1,"swirl-icon-open-in-new",{"size":[2]}]]],["p-ad41b229",[[1,"swirl-icon-people-alt",{"size":[2]}]]],["p-51a5ed48",[[1,"swirl-icon-person-off",{"size":[2]}]]],["p-b029dd03",[[1,"swirl-icon-phone",{"size":[2]}]]],["p-fbda1d9c",[[1,"swirl-icon-play-arrow",{"size":[2]}]]],["p-1e200dcb",[[1,"swirl-icon-poll",{"size":[2]}]]],["p-af1145c9",[[1,"swirl-icon-print",{"size":[2]}]]],["p-b69bae24",[[1,"swirl-icon-recieved",{"size":[2]}]]],["p-3aa690fc",[[1,"swirl-icon-reply",{"size":[2]}]]],["p-0b639fd8",[[1,"swirl-icon-roadmap",{"size":[2]}]]],["p-6bbe4989",[[1,"swirl-icon-search-strong",{"size":[2]}]]],["p-5c1b3721",[[1,"swirl-icon-send",{"size":[2]}]]],["p-d4550c07",[[1,"swirl-icon-settings",{"size":[2]}]]],["p-48c6e06f",[[1,"swirl-icon-short-text",{"size":[2]}]]],["p-69f7cb0f",[[1,"swirl-icon-simplify",{"size":[2]}]]],["p-ef0cc35b",[[1,"swirl-icon-spellcheck",{"size":[2]}]]],["p-d4b74b0e",[[1,"swirl-icon-sync",{"size":[2]}]]],["p-658a97e5",[[1,"swirl-icon-tasks-filled",{"size":[2]}]]],["p-8b57359c",[[1,"swirl-icon-tasks-outlined",{"size":[2]}]]],["p-7d934fc3",[[1,"swirl-icon-time-filled",{"size":[2]}]]],["p-c7567d2c",[[1,"swirl-icon-undo",{"size":[2]}]]],["p-bb1d6075",[[1,"swirl-icon-unlock-person",{"size":[2]}]]],["p-de789313",[[1,"swirl-icon-user-assign",{"size":[2]}]]],["p-dacec55b",[[1,"swirl-icon-video-camera",{"size":[2]}]]],["p-886142ab",[[1,"swirl-icon-video-library",{"size":[2]}]]],["p-b6731f4a",[[1,"swirl-icon-voice",{"size":[2]}]]],["p-5875e90e",[[1,"swirl-inline-status",{"icon":[1],"intent":[1],"message":[1],"size":[1],"iconSize":[32]}]]],["p-3295936c",[[1,"swirl-link",{"color":[1],"href":[1],"label":[1],"target":[1]}]]],["p-3d7cfd21",[[4,"swirl-list"]]],["p-45bdead7",[[1,"swirl-option-list-section",{"label":[1]}]]],["p-2662de85",[[1,"swirl-progress-indicator",{"label":[1],"size":[1],"value":[2],"variant":[1]}]]],["p-19268db2",[[6,"swirl-radio-group",{"swirlAriaDescribedby":[1,"swirl-aria-describedby"],"value":[1537]}]]],["p-0165bc2c",[[1,"swirl-skeleton-box",{"animated":[4],"aspectRatio":[1,"aspect-ratio"],"borderRadius":[1,"border-radius"],"height":[1],"width":[1]}]]],["p-2d0559a4",[[1,"swirl-skeleton-text",{"animated":[4],"lines":[2],"size":[1]}]]],["p-577b93b8",[[1,"swirl-status-indicator",{"intent":[1],"label":[1]}]]],["p-b86c0a97",[[1,"swirl-tab",{"active":[4],"label":[1],"tabId":[1,"tab-id"]}]]],["p-2e9a07ae",[[1,"swirl-table-cell"]]],["p-d56358aa",[[1,"swirl-table-row",{"highlighted":[4],"index":[2]}]]],["p-670ef40a",[[1,"swirl-table-row-group",{"label":[1]}]]],["p-1d92561c",[[6,"swirl-theme-provider",{"config":[16],"getActiveTheme":[64],"getPreferredTheme":[64],"setPreferredTheme":[64],"resetPreferredTheme":[64]}]]],["p-062a4329",[[1,"swirl-tooltip",{"content":[1],"delay":[2],"position":[1],"actualPosition":[32],"visible":[32]},[[1,"mouseenter","onMouseEnter"],[1,"mouseleave","onMouseLeave"],[9,"resize","onWindowResize"],[9,"scroll","onWindowScroll"]]]]],["p-3329ccf7",[[1,"swirl-tree-navigation-item",{"active":[4],"icon":[1],"label":[1]}]]],["p-3e3b59a3",[[2,"swirl-text-input",{"autoComplete":[1,"auto-complete"],"autoFocus":[4,"auto-focus"],"autoGrow":[4,"auto-grow"],"autoSelect":[4,"auto-select"],"clearable":[4],"clearButtonLabel":[1,"clear-button-label"],"disabled":[4],"disableDynamicWidth":[4,"disable-dynamic-width"],"swirlAriaAutocomplete":[1,"swirl-aria-autocomplete"],"swirlAriaControls":[1,"swirl-aria-controls"],"swirlAriaDescribedby":[1,"swirl-aria-describedby"],"swirlAriaExpanded":[1,"swirl-aria-expanded"],"swirlRole":[1,"swirl-role"],"inline":[4],"invalid":[4],"maxLength":[2,"max-length"],"max":[2],"min":[2],"mode":[1],"placeholder":[1],"prefixLabel":[1,"prefix-label"],"required":[4],"rows":[2],"showCharacterCounter":[4,"show-character-counter"],"spellCheck":[4,"spell-check"],"suffixLabel":[1,"suffix-label"],"step":[2],"passwordToggleLabel":[1,"password-toggle-label"],"type":[1],"value":[1537],"iconSize":[32],"showPassword":[32]}]]],["p-70db5c75",[[1,"swirl-toast",{"accessibleDismissLabel":[1,"accessible-dismiss-label"],"content":[1],"dismissLabel":[1,"dismiss-label"],"duration":[2],"icon":[1],"intent":[1],"toastId":[1,"toast-id"]}]]],["p-8338dd80",[[1,"swirl-badge",{"icon":[1],"intent":[1],"label":[1],"size":[1],"variant":[1]}]]],["p-0e96e546",[[1,"swirl-icon-cloud-upload",{"size":[2]}]]],["p-96ec37c9",[[1,"swirl-icon-person",{"size":[2]}]]],["p-408910d8",[[1,"swirl-icon-search",{"size":[2]}]]],["p-61832d88",[[1,"swirl-icon-time-outlined",{"size":[2]}]]],["p-06012b5a",[[2,"swirl-tab-bar",{"disableTabSemantics":[4,"disable-tab-semantics"],"label":[1],"tabs":[16]}]]],["p-b54bfdd6",[[1,"swirl-date-picker",{"labels":[16],"locale":[1],"range":[4],"startDate":[16],"value":[1040]}],[1,"swirl-icon-today",{"size":[2]}]]],["p-dc7c3fec",[[1,"swirl-button-group",{"orientation":[1],"segmented":[4],"stretch":[4],"wrap":[4]}]]],["p-37785348",[[1,"swirl-icon-arrow-downward",{"size":[2]}],[1,"swirl-icon-arrow-upward",{"size":[2]}]]],["p-6e72e129",[[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]}]]],["p-8c62e1d4",[[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"],"value":[1040],"assistiveText":[32]}]]],["p-28e0f48a",[[1,"swirl-icon-check-circle",{"size":[2]}],[1,"swirl-icon-info",{"size":[2]}],[1,"swirl-icon-warning",{"size":[2]}]]],["p-7c2e9a36",[[1,"swirl-icon-arrow-left",{"size":[2]}],[1,"swirl-icon-arrow-right",{"size":[2]}],[1,"swirl-icon-more-vertikal",{"size":[2]}],[1,"swirl-thumbnail",{"alt":[1],"format":[1],"size":[1],"src":[1]}]]],["p-1047e988",[[1,"swirl-icon-close",{"size":[2]}]]],["p-90456714",[[1,"swirl-icon-expand-more",{"size":[2]}]]],["p-7c057999",[[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],"placement":[1],"popoverId":[1,"popover-id"],"trigger":[1],"useContainerWidth":[8,"use-container-width"],"active":[32],"closing":[32],"position":[32],"close":[64],"open":[64]},[[8,"focusin","onWindowFocusIn"],[8,"click","onWindowClick"]]]]],["p-b4066441",[[1,"swirl-icon-add",{"size":[2]}],[1,"swirl-icon-file-copy",{"size":[2]}],[1,"swirl-icon-fullscreen",{"size":[2]}],[1,"swirl-icon-fullscreen-exit",{"size":[2]}],[1,"swirl-icon-menu-book",{"size":[2]}],[1,"swirl-icon-remove",{"size":[2]}]]],["p-d7af31e3",[[2,"swirl-heading",{"align":[1],"as":[1],"balance":[4],"headingId":[1,"heading-id"],"level":[2],"lines":[2],"text":[1],"truncate":[4]},[[9,"resize","onWindowResize"]]]]],["p-c8503c60",[[1,"swirl-icon-check-strong",{"size":[2]}]]],["p-27bdb25e",[[1,"swirl-action-list"],[1,"swirl-separator",{"orientation":[1],"spacing":[1]}],[1,"swirl-action-list-item",{"badge":[1],"disabled":[4],"description":[1],"icon":[1],"intent":[1],"label":[1],"size":[1],"swirlAriaExpanded":[1,"swirl-aria-expanded"],"swirlAriaHaspopup":[1,"swirl-aria-haspopup"],"suffix":[1]}]]],["p-7a957c85",[[6,"swirl-text",{"align":[1],"as":[1],"balance":[4],"color":[1],"fontFamily":[1,"font-family"],"fontStyle":[1,"font-style"],"lines":[2],"size":[1],"truncate":[4],"weight":[1]},[[9,"resize","onWindowResize"]]]]],["p-e9d96bc0",[[1,"swirl-stack",{"align":[1],"as":[1],"justify":[1],"orientation":[1],"spacing":[1],"wrap":[4]}]]],["p-04ced452",[[1,"swirl-icon-visibility",{"size":[2]}],[1,"swirl-icon-visibility-off",{"size":[2]}],[1,"swirl-icon-cancel",{"size":[2]}],[1,"swirl-icon-expand-less",{"size":[2]}]]],["p-29147daa",[[2,"swirl-option-list-item",{"allowDrag":[4,"allow-drag"],"context":[1025],"disabled":[4],"dragging":[4],"dragHandleDescription":[1,"drag-handle-description"],"dragHandleLabel":[1,"drag-handle-label"],"icon":[1],"label":[1],"selected":[1028],"swirlAriaRole":[1,"swirl-aria-role"],"value":[1],"iconSize":[32]}],[1,"swirl-icon-check-small",{"size":[2]}],[1,"swirl-icon-drag-handle",{"size":[2]}]]],["p-84d89f53",[[2,"swirl-button",{"disabled":[4],"download":[1],"swirlAriaDescribedby":[1,"swirl-aria-describedby"],"swirlAriaExpanded":[1,"swirl-aria-expanded"],"swirlAriaLabel":[1,"swirl-aria-label"],"form":[1],"hideLabel":[4,"hide-label"],"href":[1],"icon":[1],"iconPosition":[1,"icon-position"],"intent":[1],"label":[1],"name":[1],"pill":[4],"size":[1],"target":[1],"type":[1],"value":[1],"variant":[1]}]]],["p-645a878c",[[1,"swirl-visually-hidden"]]],["p-61e97cc5",[[6,"swirl-resource-list-item",{"allowDrag":[4,"allow-drag"],"checked":[1028],"description":[1],"disabled":[4],"dragging":[4],"dragHandleDescription":[1,"drag-handle-description"],"dragHandleLabel":[1,"drag-handle-label"],"hideDivider":[4,"hide-divider"],"href":[1],"label":[1],"labelWeight":[1,"label-weight"],"menuTriggerId":[1,"menu-trigger-id"],"menuTriggerLabel":[1,"menu-trigger-label"],"meta":[1],"selectable":[4],"value":[1],"hasMedia":[32],"iconSize":[32]}],[1,"swirl-app-layout",{"appName":[1,"app-name"],"backToNavigationViewButtonLabel":[1,"back-to-navigation-view-button-label"],"ctaIcon":[1,"cta-icon"],"ctaLabel":[1,"cta-label"],"navigationBackButtonLabel":[1,"navigation-back-button-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"],"hasNavigation":[32],"hasSidebar":[32],"mobileView":[32],"sidebarActive":[32],"sidebarClosing":[32],"transitioningFrom":[32],"transitioningTo":[32],"showSidebar":[64],"hideSidebar":[64],"toggleSidebar":[64],"changeMobileView":[64]}],[1,"swirl-empty-state",{"heading":[1],"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"],"label":[1],"assistiveText":[32]}],[1,"swirl-box",{"bordered":[4],"centerBlock":[4,"center-block"],"centerInline":[4,"center-inline"],"cover":[4],"maxWidth":[1,"max-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"]}],[1,"swirl-icon-file",{"size":[2]}],[1,"swirl-icon-folder-shared",{"size":[2]}]]],["p-ab7f6735",[[1,"swirl-inline-error",{"message":[1],"size":[1]}],[1,"swirl-spinner",{"label":[1],"size":[8]}],[1,"swirl-icon-error",{"size":[2]}]]],["p-bd0ba465",[[1,"swirl-file-viewer",{"active":[4],"autoplay":[4],"description":[1],"errorMessage":[1,"error-message"],"file":[1],"thumbnailUrl":[1,"thumbnail-url"],"type":[1],"typeUnsupportedMessage":[1,"type-unsupported-message"],"viewMode":[1,"view-mode"],"zoom":[8],"download":[64],"print":[64]}],[1,"swirl-file-viewer-csv",{"errorMessage":[1,"error-message"],"file":[1],"data":[32],"error":[32],"loading":[32]}],[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]}],[1,"swirl-file-viewer-pdf",{"errorMessage":[1,"error-message"],"file":[1],"singlePageMode":[4,"single-page-mode"],"viewMode":[1,"view-mode"],"zoom":[8],"doc":[32],"error":[32],"loading":[32],"renderedPages":[32],"scrolledDown":[32],"singlePageModePage":[32],"visiblePages":[32],"getThumbnails":[64],"print":[64],"nextPage":[64],"previousPage":[64],"setPage":[64]},[[9,"resize","onWindowResize"]]],[1,"swirl-file-viewer-text",{"errorMessage":[1,"error-message"],"file":[1],"error":[32],"loading":[32],"text":[32]}],[1,"swirl-file-viewer-audio",{"autoplay":[4],"file":[1],"type":[1]}],[1,"swirl-file-viewer-video",{"autoplay":[4],"file":[1],"type":[1]}]]]]'),e)));
1	+ import{p as e,b as i}from"./p-3fca9a05.js";export{s as setNonce}from"./p-3fca9a05.js";(()=>{const i=import.meta.url,l={};return""!==i&&(l.resourcesUrl=new URL(".",i).href),e(l)})().then((e=>i(JSON.parse('[["p-d98edc75",[[1,"file-manager",{"selectedDirectory":[32],"selectedFile":[32]}]]],["p-ef50db1d",[[1,"swirl-pdf-reader",{"autoZoomLabel":[1,"auto-zoom-label"],"closeButtonLabel":[1,"close-button-label"],"downloadButtonLabel":[1,"download-button-label"],"file":[1],"fileTypeLabel":[1,"file-type-label"],"label":[1],"menuLabel":[1,"menu-label"],"menuTriggerLabel":[1,"menu-trigger-label"],"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"],"active":[32],"closing":[32],"downloading":[32],"thumbnails":[32],"showThumbnails":[32],"viewMode":[32],"visiblePages":[32],"zoom":[32],"zoomSteps":[32],"open":[64],"close":[64]},[[9,"resize","onWindowResize"]]]]],["p-dd83db88",[[2,"swirl-autocomplete",{"autoSelect":[4,"auto-select"],"clearable":[4],"clearButtonLabel":[1,"clear-button-label"],"disabled":[4],"generateSuggestions":[1040],"inline":[4],"invalid":[4],"maxLength":[2,"max-length"],"menuLabel":[1,"menu-label"],"mode":[1],"required":[4],"spellCheck":[4,"spell-check"],"swirlAriaDescribedby":[1,"swirl-aria-describedby"],"value":[1537],"active":[32],"loading":[32],"position":[32],"suggestions":[32]},[[8,"click","onWindowClick"]]]]],["p-f990566c",[[1,"swirl-lightbox",{"closeButtonLabel":[1,"close-button-label"],"downloadButtonLabel":[1,"download-button-label"],"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],"slides":[32],"open":[64],"close":[64],"activateSlide":[64]}]]],["p-b30e36e0",[[1,"swirl-inline-notification",{"heading":[1],"importance":[1],"intent":[1]}]]],["p-f6a11841",[[1,"swirl-menu-item",{"description":[1],"disabled":[4],"expanded":[4],"icon":[1],"intent":[1],"label":[1],"value":[1],"parentMenu":[32],"subMenu":[32],"getSubMenu":[64],"getParentMenu":[64]}]]],["p-8cd7b164",[[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],"pageSizeSelectLabel":[1,"page-size-select-label"],"prevButtonLabel":[1,"prev-button-label"],"showPageSizeSelect":[4,"show-page-size-select"],"variant":[1]}]]],["p-687f534e",[[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-058621f1",[[6,"swirl-select",{"disabled":[4],"inline":[4],"invalid":[4],"label":[1],"multiSelect":[4,"multi-select"],"required":[4],"selectId":[1,"select-id"],"swirlAriaDescribedby":[1,"swirl-aria-describedby"],"value":[1040],"options":[32],"open":[32],"placement":[32]},[[8,"focusin","onWindowFocusIn"]]]]],["p-b28fadcf",[[2,"swirl-date-input",{"autoFocus":[4,"auto-focus"],"autoSelect":[4,"auto-select"],"datePickerLabel":[1,"date-picker-label"],"datePickerTriggerLabel":[1,"date-picker-trigger-label"],"disabled":[4],"format":[1],"inline":[4],"invalid":[4],"labels":[16],"locale":[1],"placeholder":[1],"required":[4],"swirlAriaDescribedby":[1,"swirl-aria-describedby"],"value":[1537],"iconSize":[32]}]]],["p-8d01c725",[[4,"swirl-modal",{"closeButtonLabel":[1,"close-button-label"],"hideCloseButton":[4,"hide-close-button"],"hideLabel":[4,"hide-label"],"label":[1],"maxWidth":[1,"max-width"],"padded":[4],"primaryActionLabel":[1,"primary-action-label"],"secondaryActionLabel":[1,"secondary-action-label"],"variant":[1],"isOpen":[32],"closing":[32],"hasCustomHeader":[32],"hasCustomFooter":[32],"scrollable":[32],"scrolled":[32],"scrolledDown":[32],"open":[64],"close":[64]},[[9,"resize","onWindowResize"]]]]],["p-2fb83beb",[[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],"toggleSidebar":[64],"showSidebar":[64],"hideSidebar":[64]},[[9,"resize","onWindowResize"]]]]],["p-75d85160",[[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-af46650d",[[1,"swirl-toast-provider",{"globalDuration":[2,"global-duration"],"toasts":[32],"clearAll":[64],"dismiss":[64],"toast":[64]}]]],["p-109b5857",[[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],"value":[1]}]]],["p-6d57eb56",[[2,"swirl-file-uploader",{"accept":[1],"ctaLabel":[1,"cta-label"],"description":[1],"disabled":[4],"dragDropLabel":[1,"drag-drop-label"],"inputId":[1,"input-id"],"inputName":[1,"input-name"],"label":[1],"multiple":[4],"showDropzone":[4,"show-dropzone"],"uploadButtonLabel":[1,"upload-button-label"],"reset":[64]}]]],["p-71c6c311",[[6,"swirl-form-control",{"description":[1],"disabled":[4],"errorMessage":[1,"error-message"],"hideLabel":[4,"hide-label"],"inline":[4],"invalid":[4],"label":[1],"labelPosition":[1,"label-position"],"hasFocus":[32],"inputValue":[32]},[[8,"click","onWindowClick"]]]]],["p-34edf304",[[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]}]]],["p-2d5438ae",[[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]},[[8,"keydown","onKeyDown"]]]]],["p-4e8d7333",[[1,"swirl-table",{"caption":[1],"emptyStateLabel":[1,"empty-state-label"],"label":[1],"empty":[32],"scrollable":[32],"scrolled":[32],"scrolledToEnd":[32],"rerender":[64]},[[9,"resize","onWindowResize"]]]]],["p-209e85c5",[[1,"swirl-table-column",{"sort":[1],"sortable":[4],"maxWidth":[1,"max-width"],"minWidth":[1,"min-width"],"sticky":[4],"width":[1]}]]],["p-8d92436f",[[1,"swirl-app-bar",{"backButtonLabel":[1,"back-button-label"],"closeButtonLabel":[1,"close-button-label"],"stepUpButtonLabel":[1,"step-up-button-label"],"stepDownButtonLabel":[1,"step-down-button-label"],"showBackButton":[4,"show-back-button"],"showCloseButton":[4,"show-close-button"],"showStepperControls":[4,"show-stepper-controls"],"hasCta":[32]}]]],["p-b0131a2e",[[1,"swirl-avatar",{"badge":[1],"badgePosition":[1,"badge-position"],"color":[1],"icon":[1],"initials":[1],"interactive":[4],"label":[1],"showLabel":[4,"show-label"],"size":[1],"src":[1],"variant":[1],"imageAvailable":[32]}]]],["p-059f706f",[[1,"swirl-banner",{"actionLabel":[1,"action-label"],"content":[1],"dismissable":[4],"dismissLabel":[1,"dismiss-label"],"importance":[1],"intent":[1],"showIcon":[4,"show-icon"],"size":[1]}]]],["p-017fc399",[[1,"swirl-carousel",{"label":[1],"nextSlideButtonLabel":[1,"next-slide-button-label"],"previousSlideButtonLabel":[1,"previous-slide-button-label"],"loopAround":[4,"loop-around"],"isAtEnd":[32],"isAtStart":[32],"isScrollable":[32],"scrollToSlide":[64]},[[9,"resize","onWindowResize"]]]]],["p-7b9f754f",[[2,"swirl-radio",{"checked":[1032],"description":[1],"disabled":[4],"inputId":[1,"input-id"],"inputName":[1,"input-name"],"invalid":[4],"label":[1],"value":[1]}]]],["p-873a1d91",[[1,"swirl-shell-layout",{"hideSidebar":[4,"hide-sidebar"],"mainNavigationLabel":[1,"main-navigation-label"],"sidebarToggleLabel":[1,"sidebar-toggle-label"],"collapsedSidebar":[32],"collapsing":[32],"sidebarHovered":[32],"collapseSidebar":[64],"extendSidebar":[64]}]]],["p-ca78767e",[[1,"swirl-shell-navigation-item",{"active":[4],"badgeLabel":[1,"badge-label"],"label":[1]}]]],["p-4867b806",[[2,"swirl-switch",{"checked":[1028],"disabled":[4],"inputId":[1,"input-id"],"inputName":[1,"input-name"],"label":[1],"size":[1],"value":[1]},[[9,"pointerup","onWindowPointerUp"]]]]],["p-97ac3d63",[[6,"swirl-tabs",{"initialTab":[1,"initial-tab"],"label":[1],"activeTab":[32],"tabBarTabs":[32],"activateTab":[64]}]]],["p-317f16d1",[[1,"swirl-tag",{"intent":[1],"label":[1],"removable":[4],"removalButtonLabel":[1,"removal-button-label"]}]]],["p-9d9427ab",[[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],"iconSize":[32]}]]],["p-1540a826",[[1,"swirl-video-thumbnail",{"durationLabel":[1,"duration-label"],"duration":[1],"label":[1],"src":[1]}]]],["p-f262d020",[[1,"swirl-action-list-section",{"label":[1]}]]],["p-97668c59",[[1,"swirl-app-icon",{"icon":[1],"src":[1],"hideBorder":[4,"hide-border"],"imageAvailable":[32]}]]],["p-3d7a911b",[[1,"swirl-avatar-group",{"badge":[1]}]]],["p-fbc7f835",[[1,"swirl-card",{"as":[1],"borderRadius":[1,"border-radius"],"elevated":[4],"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"],"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"]}]]],["p-06464dcf",[[1,"swirl-carousel-slide",{"label":[1],"minHeight":[1,"min-height"],"width":[1]}]]],["p-22c58025",[[1,"swirl-chip",{"icon":[1],"intent":[1],"interactive":[4],"label":[1],"variant":[1]}]]],["p-7a3ac3f0",[[1,"swirl-columns",{"columns":[1],"spacing":[1]}]]],["p-6cf1cf56",[[1,"swirl-description-list"]]],["p-4febb614",[[1,"swirl-description-list-item",{"bordered":[4],"orientation":[1],"term":[1]}]]],["p-0a0579a1",[[6,"swirl-form-group",{"orientation":[1]}]]],["p-e0ed9959",[[1,"swirl-icon",{"glyph":[1],"size":[2]}]]],["p-41b0e3c6",[[1,"swirl-icon-add-photo",{"size":[2]}]]],["p-604ad286",[[1,"swirl-icon-admin-panel-settings",{"size":[2]}]]],["p-51197252",[[1,"swirl-icon-ai",{"size":[2]}]]],["p-be2cf7ee",[[1,"swirl-icon-arrow-back",{"size":[2]}]]],["p-54e4ff0b",[[1,"swirl-icon-arrow-forward",{"size":[2]}]]],["p-139ba3c3",[[1,"swirl-icon-arrow-right-small",{"size":[2]}]]],["p-727138c7",[[1,"swirl-icon-attachment",{"size":[2]}]]],["p-23d65342",[[1,"swirl-icon-bar-chart",{"size":[2]}]]],["p-5c715462",[[1,"swirl-icon-block",{"size":[2]}]]],["p-ddb7d14a",[[1,"swirl-icon-bookmark",{"size":[2]}]]],["p-3bc109d8",[[1,"swirl-icon-chat-bubble",{"size":[2]}]]],["p-7703719d",[[1,"swirl-icon-chats-filled",{"size":[2]}]]],["p-5ca498c5",[[1,"swirl-icon-chats-outlined",{"size":[2]}]]],["p-f5211f9f",[[1,"swirl-icon-check",{"size":[2]}]]],["p-f24cdd03",[[1,"swirl-icon-chevron-left",{"size":[2]}]]],["p-e5719add",[[1,"swirl-icon-chevron-right",{"size":[2]}]]],["p-0fe425c2",[[1,"swirl-icon-close-small",{"size":[2]}]]],["p-95d11a66",[[1,"swirl-icon-column",{"size":[2]}]]],["p-785957ad",[[1,"swirl-icon-comment",{"size":[2]}]]],["p-d650f1ea",[[1,"swirl-icon-copy",{"size":[2]}]]],["p-a68fdc2b",[[1,"swirl-icon-date-range",{"size":[2]}]]],["p-91ceb19a",[[1,"swirl-icon-delete",{"size":[2]}]]],["p-e217fb71",[[1,"swirl-icon-description",{"size":[2]}]]],["p-5da3a9a8",[[1,"swirl-icon-double-arrow-left",{"size":[2]}]]],["p-f83a0b0f",[[1,"swirl-icon-double-arrow-right",{"size":[2]}]]],["p-18b02f63",[[1,"swirl-icon-download",{"size":[2]}]]],["p-3f489eb8",[[1,"swirl-icon-edit",{"size":[2]}]]],["p-ed6e8f91",[[1,"swirl-icon-emoji-mood",{"size":[2]}]]],["p-ddcaea53",[[1,"swirl-icon-emoji-satisfied",{"size":[2]}]]],["p-7faaefc8",[[1,"swirl-icon-filter",{"size":[2]}]]],["p-ceef4a6c",[[1,"swirl-icon-folder",{"size":[2]}]]],["p-d20e7ee0",[[1,"swirl-icon-gif",{"size":[2]}]]],["p-e998142c",[[1,"swirl-icon-group-assign",{"size":[2]}]]],["p-03bb0b1d",[[1,"swirl-icon-groups",{"size":[2]}]]],["p-ba65fbe6",[[1,"swirl-icon-groups-custom",{"size":[2]}]]],["p-d2438d40",[[1,"swirl-icon-groups-filled",{"size":[2]}]]],["p-109c3cb9",[[1,"swirl-icon-groups-outlined",{"size":[2]}]]],["p-4c083b59",[[1,"swirl-icon-help",{"size":[2]}]]],["p-5e27f39b",[[1,"swirl-icon-highlight",{"size":[2]}]]],["p-ce7bae0f",[[1,"swirl-icon-home",{"size":[2]}]]],["p-330c11dc",[[1,"swirl-icon-image",{"size":[2]}]]],["p-7acd49ab",[[1,"swirl-icon-improve-text",{"size":[2]}]]],["p-bbe849b2",[[1,"swirl-icon-insert-below",{"size":[2]}]]],["p-859205f2",[[1,"swirl-icon-insert-on-top",{"size":[2]}]]],["p-d42d7db3",[[1,"swirl-icon-inventory",{"size":[2]}]]],["p-505c51dc",[[1,"swirl-icon-like",{"size":[2]}]]],["p-9d85109d",[[1,"swirl-icon-link",{"size":[2]}]]],["p-39d295f9",[[1,"swirl-icon-lock",{"size":[2]}]]],["p-52e07ada",[[1,"swirl-icon-lock-person",{"size":[2]}]]],["p-b4871661",[[1,"swirl-icon-logout",{"size":[2]}]]],["p-fc101b66",[[1,"swirl-icon-long-text",{"size":[2]}]]],["p-1831c9c8",[[1,"swirl-icon-mail",{"size":[2]}]]],["p-33b9e68a",[[1,"swirl-icon-manage-accounts",{"size":[2]}]]],["p-439091ac",[[1,"swirl-icon-mark-chat-read",{"size":[2]}]]],["p-7e8add69",[[1,"swirl-icon-mark-chat-unread",{"size":[2]}]]],["p-ff6f4d39",[[1,"swirl-icon-mention",{"size":[2]}]]],["p-3a2abee9",[[1,"swirl-icon-menu",{"size":[2]}]]],["p-4e3bd9d6",[[1,"swirl-icon-menu-filled",{"size":[2]}]]],["p-7fc5ff4d",[[1,"swirl-icon-menu-outlined",{"size":[2]}]]],["p-2c6100ac",[[1,"swirl-icon-message",{"size":[2]}]]],["p-1d12f61c",[[1,"swirl-icon-more-horizontal",{"size":[2]}]]],["p-5195b896",[[1,"swirl-icon-news-filled",{"size":[2]}]]],["p-087e391f",[[1,"swirl-icon-news-outlined",{"size":[2]}]]],["p-04cd78a8",[[1,"swirl-icon-notifications",{"size":[2]}]]],["p-343790d2",[[1,"swirl-icon-notifications-active",{"size":[2]}]]],["p-f9bc902e",[[1,"swirl-icon-notifications-off",{"size":[2]}]]],["p-907fd135",[[1,"swirl-icon-open-in-new",{"size":[2]}]]],["p-ad41b229",[[1,"swirl-icon-people-alt",{"size":[2]}]]],["p-51a5ed48",[[1,"swirl-icon-person-off",{"size":[2]}]]],["p-b029dd03",[[1,"swirl-icon-phone",{"size":[2]}]]],["p-fbda1d9c",[[1,"swirl-icon-play-arrow",{"size":[2]}]]],["p-1e200dcb",[[1,"swirl-icon-poll",{"size":[2]}]]],["p-af1145c9",[[1,"swirl-icon-print",{"size":[2]}]]],["p-b69bae24",[[1,"swirl-icon-recieved",{"size":[2]}]]],["p-3aa690fc",[[1,"swirl-icon-reply",{"size":[2]}]]],["p-0b639fd8",[[1,"swirl-icon-roadmap",{"size":[2]}]]],["p-6bbe4989",[[1,"swirl-icon-search-strong",{"size":[2]}]]],["p-5c1b3721",[[1,"swirl-icon-send",{"size":[2]}]]],["p-d4550c07",[[1,"swirl-icon-settings",{"size":[2]}]]],["p-48c6e06f",[[1,"swirl-icon-short-text",{"size":[2]}]]],["p-69f7cb0f",[[1,"swirl-icon-simplify",{"size":[2]}]]],["p-ef0cc35b",[[1,"swirl-icon-spellcheck",{"size":[2]}]]],["p-d4b74b0e",[[1,"swirl-icon-sync",{"size":[2]}]]],["p-658a97e5",[[1,"swirl-icon-tasks-filled",{"size":[2]}]]],["p-8b57359c",[[1,"swirl-icon-tasks-outlined",{"size":[2]}]]],["p-7d934fc3",[[1,"swirl-icon-time-filled",{"size":[2]}]]],["p-c7567d2c",[[1,"swirl-icon-undo",{"size":[2]}]]],["p-bb1d6075",[[1,"swirl-icon-unlock-person",{"size":[2]}]]],["p-de789313",[[1,"swirl-icon-user-assign",{"size":[2]}]]],["p-dacec55b",[[1,"swirl-icon-video-camera",{"size":[2]}]]],["p-886142ab",[[1,"swirl-icon-video-library",{"size":[2]}]]],["p-b6731f4a",[[1,"swirl-icon-voice",{"size":[2]}]]],["p-5875e90e",[[1,"swirl-inline-status",{"icon":[1],"intent":[1],"message":[1],"size":[1],"iconSize":[32]}]]],["p-3295936c",[[1,"swirl-link",{"color":[1],"href":[1],"label":[1],"target":[1]}]]],["p-3d7cfd21",[[4,"swirl-list"]]],["p-45bdead7",[[1,"swirl-option-list-section",{"label":[1]}]]],["p-2662de85",[[1,"swirl-progress-indicator",{"label":[1],"size":[1],"value":[2],"variant":[1]}]]],["p-19268db2",[[6,"swirl-radio-group",{"swirlAriaDescribedby":[1,"swirl-aria-describedby"],"value":[1537]}]]],["p-0165bc2c",[[1,"swirl-skeleton-box",{"animated":[4],"aspectRatio":[1,"aspect-ratio"],"borderRadius":[1,"border-radius"],"height":[1],"width":[1]}]]],["p-2d0559a4",[[1,"swirl-skeleton-text",{"animated":[4],"lines":[2],"size":[1]}]]],["p-577b93b8",[[1,"swirl-status-indicator",{"intent":[1],"label":[1]}]]],["p-b86c0a97",[[1,"swirl-tab",{"active":[4],"label":[1],"tabId":[1,"tab-id"]}]]],["p-2e9a07ae",[[1,"swirl-table-cell"]]],["p-d56358aa",[[1,"swirl-table-row",{"highlighted":[4],"index":[2]}]]],["p-670ef40a",[[1,"swirl-table-row-group",{"label":[1]}]]],["p-1d92561c",[[6,"swirl-theme-provider",{"config":[16],"getActiveTheme":[64],"getPreferredTheme":[64],"setPreferredTheme":[64],"resetPreferredTheme":[64]}]]],["p-062a4329",[[1,"swirl-tooltip",{"content":[1],"delay":[2],"position":[1],"actualPosition":[32],"visible":[32]},[[1,"mouseenter","onMouseEnter"],[1,"mouseleave","onMouseLeave"],[9,"resize","onWindowResize"],[9,"scroll","onWindowScroll"]]]]],["p-3329ccf7",[[1,"swirl-tree-navigation-item",{"active":[4],"icon":[1],"label":[1]}]]],["p-3e3b59a3",[[2,"swirl-text-input",{"autoComplete":[1,"auto-complete"],"autoFocus":[4,"auto-focus"],"autoGrow":[4,"auto-grow"],"autoSelect":[4,"auto-select"],"clearable":[4],"clearButtonLabel":[1,"clear-button-label"],"disabled":[4],"disableDynamicWidth":[4,"disable-dynamic-width"],"swirlAriaAutocomplete":[1,"swirl-aria-autocomplete"],"swirlAriaControls":[1,"swirl-aria-controls"],"swirlAriaDescribedby":[1,"swirl-aria-describedby"],"swirlAriaExpanded":[1,"swirl-aria-expanded"],"swirlRole":[1,"swirl-role"],"inline":[4],"invalid":[4],"maxLength":[2,"max-length"],"max":[2],"min":[2],"mode":[1],"placeholder":[1],"prefixLabel":[1,"prefix-label"],"required":[4],"rows":[2],"showCharacterCounter":[4,"show-character-counter"],"spellCheck":[4,"spell-check"],"suffixLabel":[1,"suffix-label"],"step":[2],"passwordToggleLabel":[1,"password-toggle-label"],"type":[1],"value":[1537],"iconSize":[32],"showPassword":[32]}]]],["p-70db5c75",[[1,"swirl-toast",{"accessibleDismissLabel":[1,"accessible-dismiss-label"],"content":[1],"dismissLabel":[1,"dismiss-label"],"duration":[2],"icon":[1],"intent":[1],"toastId":[1,"toast-id"]}]]],["p-8338dd80",[[1,"swirl-badge",{"icon":[1],"intent":[1],"label":[1],"size":[1],"variant":[1]}]]],["p-0e96e546",[[1,"swirl-icon-cloud-upload",{"size":[2]}]]],["p-96ec37c9",[[1,"swirl-icon-person",{"size":[2]}]]],["p-408910d8",[[1,"swirl-icon-search",{"size":[2]}]]],["p-61832d88",[[1,"swirl-icon-time-outlined",{"size":[2]}]]],["p-06012b5a",[[2,"swirl-tab-bar",{"disableTabSemantics":[4,"disable-tab-semantics"],"label":[1],"tabs":[16]}]]],["p-b54bfdd6",[[1,"swirl-date-picker",{"labels":[16],"locale":[1],"range":[4],"startDate":[16],"value":[1040]}],[1,"swirl-icon-today",{"size":[2]}]]],["p-dc7c3fec",[[1,"swirl-button-group",{"orientation":[1],"segmented":[4],"stretch":[4],"wrap":[4]}]]],["p-37785348",[[1,"swirl-icon-arrow-downward",{"size":[2]}],[1,"swirl-icon-arrow-upward",{"size":[2]}]]],["p-6e72e129",[[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]}]]],["p-8c62e1d4",[[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"],"value":[1040],"assistiveText":[32]}]]],["p-28e0f48a",[[1,"swirl-icon-check-circle",{"size":[2]}],[1,"swirl-icon-info",{"size":[2]}],[1,"swirl-icon-warning",{"size":[2]}]]],["p-7c2e9a36",[[1,"swirl-icon-arrow-left",{"size":[2]}],[1,"swirl-icon-arrow-right",{"size":[2]}],[1,"swirl-icon-more-vertikal",{"size":[2]}],[1,"swirl-thumbnail",{"alt":[1],"format":[1],"size":[1],"src":[1]}]]],["p-1047e988",[[1,"swirl-icon-close",{"size":[2]}]]],["p-90456714",[[1,"swirl-icon-expand-more",{"size":[2]}]]],["p-7c057999",[[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],"placement":[1],"popoverId":[1,"popover-id"],"trigger":[1],"useContainerWidth":[8,"use-container-width"],"active":[32],"closing":[32],"position":[32],"close":[64],"open":[64]},[[8,"focusin","onWindowFocusIn"],[8,"click","onWindowClick"]]]]],["p-b4066441",[[1,"swirl-icon-add",{"size":[2]}],[1,"swirl-icon-file-copy",{"size":[2]}],[1,"swirl-icon-fullscreen",{"size":[2]}],[1,"swirl-icon-fullscreen-exit",{"size":[2]}],[1,"swirl-icon-menu-book",{"size":[2]}],[1,"swirl-icon-remove",{"size":[2]}]]],["p-d7af31e3",[[2,"swirl-heading",{"align":[1],"as":[1],"balance":[4],"headingId":[1,"heading-id"],"level":[2],"lines":[2],"text":[1],"truncate":[4]},[[9,"resize","onWindowResize"]]]]],["p-c8503c60",[[1,"swirl-icon-check-strong",{"size":[2]}]]],["p-27bdb25e",[[1,"swirl-action-list"],[1,"swirl-separator",{"orientation":[1],"spacing":[1]}],[1,"swirl-action-list-item",{"badge":[1],"disabled":[4],"description":[1],"icon":[1],"intent":[1],"label":[1],"size":[1],"swirlAriaExpanded":[1,"swirl-aria-expanded"],"swirlAriaHaspopup":[1,"swirl-aria-haspopup"],"suffix":[1]}]]],["p-7a957c85",[[6,"swirl-text",{"align":[1],"as":[1],"balance":[4],"color":[1],"fontFamily":[1,"font-family"],"fontStyle":[1,"font-style"],"lines":[2],"size":[1],"truncate":[4],"weight":[1]},[[9,"resize","onWindowResize"]]]]],["p-e9d96bc0",[[1,"swirl-stack",{"align":[1],"as":[1],"justify":[1],"orientation":[1],"spacing":[1],"wrap":[4]}]]],["p-04ced452",[[1,"swirl-icon-visibility",{"size":[2]}],[1,"swirl-icon-visibility-off",{"size":[2]}],[1,"swirl-icon-cancel",{"size":[2]}],[1,"swirl-icon-expand-less",{"size":[2]}]]],["p-29147daa",[[2,"swirl-option-list-item",{"allowDrag":[4,"allow-drag"],"context":[1025],"disabled":[4],"dragging":[4],"dragHandleDescription":[1,"drag-handle-description"],"dragHandleLabel":[1,"drag-handle-label"],"icon":[1],"label":[1],"selected":[1028],"swirlAriaRole":[1,"swirl-aria-role"],"value":[1],"iconSize":[32]}],[1,"swirl-icon-check-small",{"size":[2]}],[1,"swirl-icon-drag-handle",{"size":[2]}]]],["p-84d89f53",[[2,"swirl-button",{"disabled":[4],"download":[1],"swirlAriaDescribedby":[1,"swirl-aria-describedby"],"swirlAriaExpanded":[1,"swirl-aria-expanded"],"swirlAriaLabel":[1,"swirl-aria-label"],"form":[1],"hideLabel":[4,"hide-label"],"href":[1],"icon":[1],"iconPosition":[1,"icon-position"],"intent":[1],"label":[1],"name":[1],"pill":[4],"size":[1],"target":[1],"type":[1],"value":[1],"variant":[1]}]]],["p-645a878c",[[1,"swirl-visually-hidden"]]],["p-192d2465",[[6,"swirl-resource-list-item",{"allowDrag":[4,"allow-drag"],"checked":[1028],"description":[1],"disabled":[4],"dragging":[4],"dragHandleDescription":[1,"drag-handle-description"],"dragHandleLabel":[1,"drag-handle-label"],"hideDivider":[4,"hide-divider"],"href":[1],"label":[1],"labelWeight":[1,"label-weight"],"menuTriggerId":[1,"menu-trigger-id"],"menuTriggerLabel":[1,"menu-trigger-label"],"meta":[1],"selectable":[4],"value":[1],"hasMedia":[32],"iconSize":[32]}],[1,"swirl-app-layout",{"appName":[1,"app-name"],"backToNavigationViewButtonLabel":[1,"back-to-navigation-view-button-label"],"ctaIcon":[1,"cta-icon"],"ctaLabel":[1,"cta-label"],"navigationBackButtonLabel":[1,"navigation-back-button-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"],"hasNavigation":[32],"hasSidebar":[32],"mobileView":[32],"sidebarActive":[32],"sidebarClosing":[32],"transitioningFrom":[32],"transitioningTo":[32],"showSidebar":[64],"hideSidebar":[64],"toggleSidebar":[64],"changeMobileView":[64]}],[1,"swirl-empty-state",{"heading":[1],"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"],"label":[1],"assistiveText":[32]}],[1,"swirl-box",{"bordered":[4],"centerBlock":[4,"center-block"],"centerInline":[4,"center-inline"],"cover":[4],"maxWidth":[1,"max-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"]}],[1,"swirl-icon-file",{"size":[2]}],[1,"swirl-icon-folder-shared",{"size":[2]}]]],["p-ab7f6735",[[1,"swirl-inline-error",{"message":[1],"size":[1]}],[1,"swirl-spinner",{"label":[1],"size":[8]}],[1,"swirl-icon-error",{"size":[2]}]]],["p-bd0ba465",[[1,"swirl-file-viewer",{"active":[4],"autoplay":[4],"description":[1],"errorMessage":[1,"error-message"],"file":[1],"thumbnailUrl":[1,"thumbnail-url"],"type":[1],"typeUnsupportedMessage":[1,"type-unsupported-message"],"viewMode":[1,"view-mode"],"zoom":[8],"download":[64],"print":[64]}],[1,"swirl-file-viewer-csv",{"errorMessage":[1,"error-message"],"file":[1],"data":[32],"error":[32],"loading":[32]}],[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]}],[1,"swirl-file-viewer-pdf",{"errorMessage":[1,"error-message"],"file":[1],"singlePageMode":[4,"single-page-mode"],"viewMode":[1,"view-mode"],"zoom":[8],"doc":[32],"error":[32],"loading":[32],"renderedPages":[32],"scrolledDown":[32],"singlePageModePage":[32],"visiblePages":[32],"getThumbnails":[64],"print":[64],"nextPage":[64],"previousPage":[64],"setPage":[64]},[[9,"resize","onWindowResize"]]],[1,"swirl-file-viewer-text",{"errorMessage":[1,"error-message"],"file":[1],"error":[32],"loading":[32],"text":[32]}],[1,"swirl-file-viewer-audio",{"autoplay":[4],"file":[1],"type":[1]}],[1,"swirl-file-viewer-video",{"autoplay":[4],"file":[1],"type":[1]}]]]]'),e)));

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@getflip/swirl-components",
-  "version": "0.68.0",
+  "version": "0.68.1",
   "description": "Swirl Design System Web Component Library",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/dist/swirl-components/p-49a2e41e.entry.js DELETED Viewed

@@ -1,10 +0,0 @@
-import{r as t,c as o,h as a,H as e,g as r}from"./p-3fca9a05.js";import{d as n,e as i}from"./p-33c168b3.js";import{c as s}from"./p-b7898321.js";
-/*!
-* tabbable 6.0.1
-* @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
-*/var d=["input","select","textarea","a[href]","button","[tabindex]:not(slot)","audio[controls]","video[controls]",'[contenteditable]:not([contenteditable="false"])',"details>summary:first-of-type","details"],l=d.join(","),c="undefined"==typeof Element,u=c?function(){}:Element.prototype.matches||Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector,f=!c&&Element.prototype.getRootNode?function(t){return t.getRootNode()}:function(t){return t.ownerDocument},m=function(t,o,a){var e=Array.prototype.slice.apply(t.querySelectorAll(l));return o&&u.call(t,l)&&e.unshift(t),e.filter(a)},h=function t(o,a,e){for(var r=[],n=Array.from(o);n.length;){var i=n.shift();if("SLOT"===i.tagName){var s=i.assignedElements(),d=t(s.length?s:i.children,!0,e);e.flatten?r.push.apply(r,d):r.push({scopeParent:i,candidates:d})}else{u.call(i,l)&&e.filter(i)&&(a||!o.includes(i))&&r.push(i);var c=i.shadowRoot||"function"==typeof e.getShadowRoot&&e.getShadowRoot(i),f=!e.shadowRootFilter||e.shadowRootFilter(i);if(c&&f){var m=t(!0===c?i.children:c.children,!0,e);e.flatten?r.push.apply(r,m):r.push({scopeParent:i,candidates:m})}else n.unshift.apply(n,i.children)}}return r},v=function(t,o){return t.tabIndex<0&&(o||/^(AUDIO|VIDEO|DETAILS)$/.test(t.tagName)||t.isContentEditable)&&isNaN(parseInt(t.getAttribute("tabindex"),10))?0:t.tabIndex},p=function(t,o){return t.tabIndex===o.tabIndex?t.documentOrder-o.documentOrder:t.tabIndex-o.tabIndex},b=function(t){return"INPUT"===t.tagName},w=function(t){var o=t.getBoundingClientRect();return 0===o.width&&0===o.height},g=function(t,o){return!(o.disabled||function(t){return b(t)&&"hidden"===t.type}(o)||function(t,o){var a=o.displayCheck,e=o.getShadowRoot;if("hidden"===getComputedStyle(t).visibility)return!0;var r=u.call(t,"details>summary:first-of-type");if(u.call(r?t.parentElement:t,"details:not([open]) *"))return!0;if(a&&"full"!==a&&"legacy-full"!==a){if("non-zero-area"===a)return w(t)}else{if("function"==typeof e){for(var n=t;t;){var i=t.parentElement,s=f(t);if(i&&!i.shadowRoot&&!0===e(i))return w(t);t=t.assignedSlot?t.assignedSlot:i||s===t.ownerDocument?i:s.host}t=n}if(function(t){for(var o,a=f(t).host,e=!!(null!==(o=a)&&void 0!==o&&o.ownerDocument.contains(a)||t.ownerDocument.contains(t));!e&&a;){var r;e=!(null===(r=a=f(a).host)||void 0===r||!r.ownerDocument.contains(a))}return e}(t))return!t.getClientRects().length;if("legacy-full"!==a)return!0}return!1}(o,t)||function(t){return"DETAILS"===t.tagName&&Array.prototype.slice.apply(t.children).some((function(t){return"SUMMARY"===t.tagName}))}(o)||function(t){if(/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(t.tagName))for(var o=t.parentElement;o;){if("FIELDSET"===o.tagName&&o.disabled){for(var a=0;a<o.children.length;a++){var e=o.children.item(a);if("LEGEND"===e.tagName)return!!u.call(o,"fieldset[disabled] *")||!e.contains(t)}return!0}o=o.parentElement}return!1}(o))},_=function(t,o){return!(function(t){return function(t){return b(t)&&"radio"===t.type}(t)&&!function(t){if(!t.name)return!0;var o,a=t.form||f(t),e=function(t){return a.querySelectorAll('input[type="radio"][name="'+t+'"]')};if("undefined"!=typeof window&&void 0!==window.CSS&&"function"==typeof window.CSS.escape)o=e(window.CSS.escape(t.name));else try{o=e(t.name)}catch(t){return console.error("Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s",t.message),!1}var r=function(t,o){for(var a=0;a<t.length;a++)if(t[a].checked&&t[a].form===o)return t[a]}(o,t.form);return!r||r===t}(t)}(o)||v(o)<0||!g(t,o))},y=function(t){var o=parseInt(t.getAttribute("tabindex"),10);return!!(isNaN(o)||o>=0)},k=function t(o){var a=[],e=[];return o.forEach((function(o,r){var n=!!o.scopeParent,i=n?o.scopeParent:o,s=v(i,n),d=n?t(o.candidates):i;0===s?n?a.push.apply(a,d):a.push(i):e.push({documentOrder:r,tabIndex:s,item:o,isScope:n,content:d})})),e.sort(p).reduce((function(t,o){return o.isScope?t.push.apply(t,o.content):t.push(o.content),t}),[]).concat(a)},x=function(t,o){var a;return a=(o=o||{}).getShadowRoot?h([t],o.includeContainer,{filter:_.bind(null,o),flatten:!1,getShadowRoot:o.getShadowRoot,shadowRootFilter:y}):m(t,o.includeContainer,_.bind(null,o)),k(a)},E=function(t,o){if(o=o||{},!t)throw new Error("No node provided");return!1!==u.call(t,l)&&_(o,t)},O=d.concat("iframe").join(","),S=function(t,o){if(o=o||{},!t)throw new Error("No node provided");return!1!==u.call(t,O)&&g(o,t)};
-/*!
-* focus-trap 7.1.0
-* @license MIT, https://github.com/focus-trap/focus-trap/blob/master/LICENSE
-*/
-function T(t,o){var a=Object.keys(t);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(t);o&&(e=e.filter((function(o){return Object.getOwnPropertyDescriptor(t,o).enumerable}))),a.push.apply(a,e)}return a}function F(t){for(var o=1;o<arguments.length;o++){var a=null!=arguments[o]?arguments[o]:{};o%2?T(Object(a),!0).forEach((function(o){j(t,o,a[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(a)):T(Object(a)).forEach((function(o){Object.defineProperty(t,o,Object.getOwnPropertyDescriptor(a,o))}))}return t}function j(t,o,a){return o in t?Object.defineProperty(t,o,{value:a,enumerable:!0,configurable:!0,writable:!0}):t[o]=a,t}var C=[],A=function(t){return setTimeout(t,0)},D=function(t,o){var a=-1;return t.every((function(t,e){return!o(t)||(a=e,!1)})),a},N=function(t){for(var o=arguments.length,a=new Array(o>1?o-1:0),e=1;e<o;e++)a[e-1]=arguments[e];return"function"==typeof t?t.apply(void 0,a):t},I=function(t){return t.target.shadowRoot&&"function"==typeof t.composedPath?t.composedPath()[0]:t.target};const R=class{constructor(a){t(this,a),this.modalClose=o(this,"modalClose",7),this.modalOpen=o(this,"modalOpen",7),this.primaryAction=o(this,"primaryAction",7),this.secondaryAction=o(this,"secondaryAction",7),this.onKeyDown=t=>{"Escape"===t.code&&this.close()},this.onBackdropClick=()=>{this.close()},this.onCloseButtonClick=()=>{this.close()},this.onPrimaryAction=t=>{this.primaryAction.emit(t)},this.onSecondaryAction=t=>{this.secondaryAction.emit(t)},this.determineScrollStatus=()=>{var t,o,a,e,r,n;const i=(null===(t=this.scrollContainer)||void 0===t?void 0:t.scrollTop)>0,s=Math.ceil((null===(o=this.scrollContainer)||void 0===o?void 0:o.scrollTop)+(null===(a=this.scrollContainer)||void 0===a?void 0:a.offsetHeight))>=(null===(e=this.scrollContainer)||void 0===e?void 0:e.scrollHeight),d=(null===(r=this.scrollContainer)||void 0===r?void 0:r.scrollHeight)>(null===(n=this.scrollContainer)||void 0===n?void 0:n.offsetHeight);i!==this.scrolled&&(this.scrolled=i),s!==this.scrolledDown&&(this.scrolledDown=s),d!==this.scrollable&&(this.scrollable=d)},this.closeButtonLabel="Close modal",this.hideCloseButton=void 0,this.hideLabel=void 0,this.label=void 0,this.maxWidth=void 0,this.padded=!0,this.primaryActionLabel=void 0,this.secondaryActionLabel=void 0,this.variant="default",this.isOpen=!1,this.closing=!1,this.hasCustomHeader=void 0,this.hasCustomFooter=void 0,this.scrollable=!1,this.scrolled=!1,this.scrolledDown=!1}componentDidLoad(){var t,o,a,e,r,n,i,s,d,l,c,u,f,v,p,b,w,_,y,k;this.focusTrap=(t=this.modalEl,e=(null==(o={allowOutsideClick:!0,tabbableOptions:{getShadowRoot:t=>t.shadowRoot}})?void 0:o.document)||document,r=(null==o?void 0:o.trapStack)||C,n=F({returnFocusOnDeactivate:!0,escapeDeactivates:!0,delayInitialFocus:!0},o),i={containers:[],containerGroups:[],tabbableGroups:[],nodeFocusedBeforeActivation:null,mostRecentlyFocusedNode:null,active:!1,paused:!1,delayInitialFocusTimer:void 0},s=function(t,o,a){return t&&void 0!==t[o]?t[o]:n[a||o]},d=function(t){return i.containerGroups.findIndex((function(o){var a=o.tabbableNodes;return o.container.contains(t)||a.find((function(o){return o===t}))}))},l=function(t){var o=n[t];if("function"==typeof o){for(var a=arguments.length,r=new Array(a>1?a-1:0),i=1;i<a;i++)r[i-1]=arguments[i];o=o.apply(void 0,r)}if(!0===o&&(o=void 0),!o){if(void 0===o||!1===o)return o;throw new Error("`".concat(t,"` was specified but was not a node, or did not return a node"))}var s=o;if("string"==typeof o&&!(s=e.querySelector(o)))throw new Error("`".concat(t,"` as selector refers to no known node"));return s},c=function(){var t=l("initialFocus");if(!1===t)return!1;if(void 0===t)if(d(e.activeElement)>=0)t=e.activeElement;else{var o=i.tabbableGroups[0];t=o&&o.firstTabbableNode||l("fallbackFocus")}if(!t)throw new Error("Your focus-trap needs to have at least one focusable element");return t},u=function(){if(i.containerGroups=i.containers.map((function(t){var o,a,e=x(t,n.tabbableOptions),r=(o=t,(a=(a=n.tabbableOptions)||{}).getShadowRoot?h([o],a.includeContainer,{filter:g.bind(null,a),flatten:!0,getShadowRoot:a.getShadowRoot}):m(o,a.includeContainer,g.bind(null,a)));return{container:t,tabbableNodes:e,focusableNodes:r,firstTabbableNode:e.length>0?e[0]:null,lastTabbableNode:e.length>0?e[e.length-1]:null,nextTabbableNode:function(t){var o=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],a=r.findIndex((function(o){return o===t}));if(!(a<0))return o?r.slice(a+1).find((function(t){return E(t,n.tabbableOptions)})):r.slice(0,a).reverse().find((function(t){return E(t,n.tabbableOptions)}))}}})),i.tabbableGroups=i.containerGroups.filter((function(t){return t.tabbableNodes.length>0})),i.tabbableGroups.length<=0&&!l("fallbackFocus"))throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times")},f=function t(o){!1!==o&&o!==e.activeElement&&(o&&o.focus?(o.focus({preventScroll:!!n.preventScroll}),i.mostRecentlyFocusedNode=o,function(t){return t.tagName&&"input"===t.tagName.toLowerCase()&&"function"==typeof t.select}(o)&&o.select()):t(c()))},v=function(t){var o=l("setReturnFocus",t);return o||!1!==o&&t},p=function(t){var o=I(t);d(o)>=0||(N(n.clickOutsideDeactivates,t)?a.deactivate({returnFocus:n.returnFocusOnDeactivate&&!S(o,n.tabbableOptions)}):N(n.allowOutsideClick,t)||t.preventDefault())},b=function(t){var o=I(t),a=d(o)>=0;a||o instanceof Document?a&&(i.mostRecentlyFocusedNode=o):(t.stopImmediatePropagation(),f(i.mostRecentlyFocusedNode||c()))},w=function(t){if(function(t){return"Escape"===t.key||"Esc"===t.key||27===t.keyCode}(t)&&!1!==N(n.escapeDeactivates,t))return t.preventDefault(),void a.deactivate();(function(t){return"Tab"===t.key||9===t.keyCode})(t)&&function(t){var o=I(t);u();var a=null;if(i.tabbableGroups.length>0){var e=d(o),r=e>=0?i.containerGroups[e]:void 0;if(e<0)a=t.shiftKey?i.tabbableGroups[i.tabbableGroups.length-1].lastTabbableNode:i.tabbableGroups[0].firstTabbableNode;else if(t.shiftKey){var s=D(i.tabbableGroups,(function(t){return o===t.firstTabbableNode}));s<0&&(r.container===o||S(o,n.tabbableOptions)&&!E(o,n.tabbableOptions)&&!r.nextTabbableNode(o,!1))&&(s=e),s>=0&&(a=i.tabbableGroups[0===s?i.tabbableGroups.length-1:s-1].lastTabbableNode)}else{var c=D(i.tabbableGroups,(function(t){return o===t.lastTabbableNode}));c<0&&(r.container===o||S(o,n.tabbableOptions)&&!E(o,n.tabbableOptions)&&!r.nextTabbableNode(o))&&(c=e),c>=0&&(a=i.tabbableGroups[c===i.tabbableGroups.length-1?0:c+1].firstTabbableNode)}}else a=l("fallbackFocus");a&&(t.preventDefault(),f(a))}(t)},_=function(t){var o=I(t);d(o)>=0||N(n.clickOutsideDeactivates,t)||N(n.allowOutsideClick,t)||(t.preventDefault(),t.stopImmediatePropagation())},y=function(){if(i.active)return function(t,o){if(t.length>0){var a=t[t.length-1];a!==o&&a.pause()}var e=t.indexOf(o);-1===e||t.splice(e,1),t.push(o)}(r,a),i.delayInitialFocusTimer=n.delayInitialFocus?A((function(){f(c())})):f(c()),e.addEventListener("focusin",b,!0),e.addEventListener("mousedown",p,{capture:!0,passive:!1}),e.addEventListener("touchstart",p,{capture:!0,passive:!1}),e.addEventListener("click",_,{capture:!0,passive:!1}),e.addEventListener("keydown",w,{capture:!0,passive:!1}),a},k=function(){if(i.active)return e.removeEventListener("focusin",b,!0),e.removeEventListener("mousedown",p,!0),e.removeEventListener("touchstart",p,!0),e.removeEventListener("click",_,!0),e.removeEventListener("keydown",w,!0),a},(a={get active(){return i.active},get paused(){return i.paused},activate:function(t){if(i.active)return this;var o=s(t,"onActivate"),a=s(t,"onPostActivate"),r=s(t,"checkCanFocusTrap");r||u(),i.active=!0,i.paused=!1,i.nodeFocusedBeforeActivation=e.activeElement,o&&o();var n=function(){r&&u(),y(),a&&a()};return r?(r(i.containers.concat()).then(n,n),this):(n(),this)},deactivate:function(t){if(!i.active)return this;var o=F({onDeactivate:n.onDeactivate,onPostDeactivate:n.onPostDeactivate,checkCanReturnFocus:n.checkCanReturnFocus},t);clearTimeout(i.delayInitialFocusTimer),i.delayInitialFocusTimer=void 0,k(),i.active=!1,i.paused=!1,function(t,o){var a=t.indexOf(o);-1!==a&&t.splice(a,1),t.length>0&&t[t.length-1].unpause()}(r,a);var e=s(o,"onDeactivate"),d=s(o,"onPostDeactivate"),l=s(o,"checkCanReturnFocus"),c=s(o,"returnFocus","returnFocusOnDeactivate");e&&e();var u=function(){A((function(){c&&f(v(i.nodeFocusedBeforeActivation)),d&&d()}))};return c&&l?(l(v(i.nodeFocusedBeforeActivation)).then(u,u),this):(u(),this)},pause:function(){return i.paused||!i.active||(i.paused=!0,k()),this},unpause:function(){return i.paused&&i.active?(i.paused=!1,u(),y(),this):this},updateContainerElements:function(t){var o=[].concat(t).filter(Boolean);return i.containers=o.map((function(t){return"string"==typeof t?e.querySelector(t):t})),i.active&&u(),this}}).updateContainerElements(t),a),this.determineScrollStatus(),queueMicrotask((()=>{this.updateCustomFooterStatus(),this.updateCustomHeaderStatus()}))}disconnectedCallback(){this.focusTrap.deactivate(),this.unlockBodyScroll()}onWindowResize(){this.determineScrollStatus()}watchIsOpen(){this.isOpen?setTimeout((()=>{this.focusTrap.activate()}),200):this.focusTrap.deactivate()}async open(){this.isOpen=!0,this.modalOpen.emit(),this.lockBodyScroll(),this.determineScrollStatus()}async close(){this.closing||(this.closing=!0,this.unlockBodyScroll(),setTimeout((()=>{this.isOpen=!1,this.modalClose.emit(),this.closing=!1}),150))}updateCustomFooterStatus(){this.hasCustomFooter=Boolean(this.el.querySelector('[slot="custom-footer"]'))}updateCustomHeaderStatus(){this.hasCustomHeader=Boolean(this.el.querySelector('[slot="custom-header"]'))}lockBodyScroll(){n(this.scrollContainer)}unlockBodyScroll(){i(this.scrollContainer)}render(){const t=Boolean(this.primaryActionLabel)||Boolean(this.secondaryActionLabel),o=s("modal",`modal--variant-${this.variant}`,{"modal--closing":this.closing,"modal--has-custom-footer":this.hasCustomFooter,"modal--has-custom-header":this.hasCustomHeader,"modal--hide-label":this.hideLabel,"modal--padded":this.padded,"modal--scrollable":this.scrollable,"modal--scrolled":this.scrolled,"modal--scrolled-down":this.scrolledDown});return a(e,null,a("section",{"aria-hidden":String(!this.isOpen),"aria-label":this.label,"aria-modal":"true",class:o,onKeyDown:this.onKeyDown,role:"dialog",ref:t=>this.modalEl=t},a("div",{class:"modal__backdrop",onClick:this.onBackdropClick}),a("div",{class:"modal__body",style:{maxWidth:this.maxWidth}},!this.hideCloseButton&&a("swirl-button",{class:"modal__close-button",hideLabel:!0,icon:"default"===this.variant?"<swirl-icon-close></swirl-icon-close>":"<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>",label:this.closeButtonLabel,onClick:this.onCloseButtonClick}),a("header",{class:"modal__custom-header"},a("slot",{name:"custom-header"})),!this.hideLabel&&a("header",{class:"modal__header"},a("swirl-heading",{as:"h2",class:"modal__heading",level:3,text:this.label})),a("div",{class:"modal__content",onScroll:this.determineScrollStatus,ref:t=>this.scrollContainer=t},a("slot",null)),a("div",{class:"modal__custom-footer"},a("slot",{name:"custom-footer"})),t&&a("footer",{class:"modal__controls"},a("swirl-button-group",{wrap:!0},this.secondaryActionLabel&&a("swirl-button",{label:this.secondaryActionLabel,onClick:this.onSecondaryAction}),this.primaryActionLabel&&a("swirl-button",{intent:"primary",label:this.primaryActionLabel,onClick:this.onPrimaryAction,variant:"flat"}))))))}get el(){return r(this)}static get watchers(){return{isOpen:["watchIsOpen"]}}};R.style=':host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghost-button-background-default:var(--s-surface-overlay-default);--swirl-ghost-button-background-hovered:var(--s-surface-overlay-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-overlay-pressed);position:fixed;z-index:var(--s-z-40);display:flex;justify-content:center;align-items:center;inset:0}.modal[aria-hidden="true"]{display:none}.modal--variant-default.modal--closing{animation:0.15s modal-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.modal--variant-default.modal--closing{animation:none}}.modal--variant-default:not(.modal--closing) .modal__backdrop{animation:0.15s modal-backdrop-fade-in}@media (prefers-reduced-motion){.modal--variant-default:not(.modal--closing) .modal__backdrop{animation:none}}.modal--variant-default:not(.modal--closing) .modal__body{animation:0.15s modal-scale-in}@media (prefers-reduced-motion){.modal--variant-default:not(.modal--closing) .modal__body{animation:none}}.modal--variant-drawer{justify-content:end;align-items:stretch}.modal--variant-drawer.modal--closing{animation:0.15s modal-drawer-slide-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.modal--variant-drawer.modal--closing{animation:none}}.modal--variant-drawer.modal--hide-label .modal__content{padding-top:calc(3.5rem + var(--s-space-8))}.modal--variant-drawer .modal__backdrop{background-color:transparent;animation:none}.modal--variant-drawer .modal__body{height:100%;max-height:none;border-radius:0;animation:0.15s modal-drawer-slide-in;box-shadow:var(--s-shadow-level-3)}@media (prefers-reduced-motion){.modal--variant-drawer .modal__body{animation:none}}.modal--variant-drawer .modal__close-button{right:auto;left:var(--s-space-8)}@media (min-width: 768px){.modal--variant-drawer .modal__close-button{left:var(--s-space-16)}}.modal--variant-drawer .modal__header{padding-right:var(--s-space-16);padding-left:calc(var(--s-space-8) + 2.5rem + var(--s-space-8))}@media (min-width: 768px){.modal--variant-drawer .modal__header{padding-top:var(--s-space-16);padding-right:var(--s-space-24);padding-left:calc(var(--s-space-16) + 2.5rem + var(--s-space-8))}}.modal--padded .modal__content{padding-top:var(--s-space-24);padding-right:var(--s-space-16);padding-bottom:var(--s-space-24);padding-left:var(--s-space-16)}@media (min-width: 768px){.modal--padded .modal__content{padding-top:0;padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24)}}@media (min-width: 768px){.modal--scrollable .modal__content{padding-bottom:0}}.modal--scrollable:not(.modal--scrolled-down).modal--has-custom-footer .modal__custom-footer{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--scrollable:not(.modal--scrolled-down):not(.modal--has-custom-footer) .modal__controls{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--has-custom-header .modal__content{padding-top:var(--s-space-16)}.modal--has-custom-footer .modal__custom-footer{padding-top:var(--s-space-16);padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24)}@media (min-width: 768px){.modal--scrolled .modal__header{border-bottom-color:var(--s-border-default)}}.modal__backdrop{position:fixed;background-color:rgba(0, 0, 0, 0.2);inset:0}.modal__body{position:relative;z-index:var(--s-z-40);display:flex;overflow:hidden;width:100vw;max-width:40rem;height:100vh;background-color:var(--s-surface-overlay-default);flex-direction:column}@media (min-width: 768px){.modal__body{width:90vw;height:auto;max-height:90vh;border-radius:var(--s-border-radius-base);box-shadow:var(--s-shadow-level-3)}}.modal__close-button{position:absolute;z-index:1;top:var(--s-space-8);left:var(--s-space-8)}@media (min-width: 768px){.modal__close-button{top:var(--s-space-16);right:var(--s-space-16);left:auto}}.modal__header{display:flex;height:3.5rem;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:calc(var(--s-space-8) + 2.5rem + var(--s-space-8));flex-shrink:0;align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);gap:var(--s-space-16)}@media (min-width: 768px){.modal__header{height:4.125rem;padding-top:var(--s-space-24);padding-right:calc(var(--s-space-16) + 2.5rem + var(--s-space-8));padding-bottom:var(--s-space-16);padding-left:var(--s-space-24);border-bottom:var(--s-border-width-default) solid transparent}}.modal__custom-header{flex-shrink:0;border-bottom:var(--s-border-width-default) solid var(--s-border-default)}.modal__heading{overflow:hidden}.modal__heading .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.modal__content{overflow-x:hidden;overflow-y:auto;flex-grow:1;line-height:var(--s-line-height-base)}.modal__content ::slotted(*){margin:0}.modal__custom-footer{flex-shrink:0}.modal__controls{display:flex;padding-top:var(--s-space-16);padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24);flex-shrink:0;justify-content:flex-end}@keyframes modal-scale-in{from{transform:scale(0)}to{transform:scale(1)}}@keyframes modal-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes modal-fade-out{from{opacity:1}to{opacity:0}}@keyframes modal-drawer-slide-in{from{transform:translate3d(100%, 0, 0)}to{transform:translate3d(0, 0, 0)}}@keyframes modal-drawer-slide-out{from{transform:translate3d(0, 0, 0)}to{transform:translate3d(100%, 0, 0)}}';export{R as swirl_modal}

package/dist/swirl-components/p-66abd436.entry.js DELETED Viewed

@@ -1 +0,0 @@

- import{r,h as s,H as e,g as t}from"./p-3fca9a05.js";import{c as a}from"./p-b7898321.js";const i=["xs","sm","base","l","xl"],o=class{constructor(s){r(this,s),this.as="div",this.borderRadius="base",this.elevated=void 0,this.height=void 0,this.highlighted=void 0,this.href=void 0,this.imageAspectRatio=void 0,this.intent="default",this.isBorderless=void 0,this.interactive=void 0,this.justifyContent="start",this.linkTarget=void 0,this.padding=void 0,this.paddingBlockEnd=void 0,this.paddingBlockStart=void 0,this.paddingInlineEnd=void 0,this.paddingInlineStart=void 0,this.swirlAriaLabel=void 0}render(){const r=Boolean(this.href)?"a":this.as,t=Boolean(this.el.querySelector('[slot="image"]')),o={borderRadius:i.includes(this.borderRadius)?`var(--s-border-radius-${this.borderRadius})`:this.borderRadius,height:this.height},d={padding:Boolean(this.padding)?`var(--s-space-${this.padding})`:void 0,paddingBlockEnd:Boolean(this.paddingBlockEnd)?`var(--s-space-${this.paddingBlockEnd})`:void 0,paddingBlockStart:Boolean(this.paddingBlockStart)?`var(--s-space-${this.paddingBlockStart})`:void 0,paddingInlineEnd:Boolean(this.paddingInlineEnd)?`var(--s-space-${this.paddingInlineEnd})`:void 0,paddingInlineStart:Boolean(this.paddingInlineStart)?`var(--s-space-${this.paddingInlineStart})`:void 0},c=a("card",`card--intent-${this.intent}`,`card--justify-content-${this.justifyContent}`,{"card--elevated":this.elevated,"card--has-image":t,"card--highlighted":this.highlighted,"card--interactive":this.interactive||this.href,"card--is--borderless":this.isBorderless});return s(e,{styles:{height:this.height}},s(r,{"aria-label":this.swirlAriaLabel,class:c,href:this.href,rel:Boolean(this.href)&&"_blank"===this.linkTarget?"noreferrer":void 0,style:o,target:this.linkTarget},s("div",{class:"card__image",style:{aspectRatio:this.imageAspectRatio}},s("slot",{name:"image"})),s("div",{class:"card__body",style:d},s("div",{class:"card__content"},s("slot",{name:"content"})))))}get el(){return t(this)}};o.style=":host{display:block}:host *{box-sizing:border-box}.card{display:flex;overflow:hidden;width:100%;margin:0;padding:0;border:var(--s-border-width-default) solid var(--s-border-default);border-radius:var(--s-border-radius-base);color:var(--s-text-default);background-color:var(--s-surface-default);font:inherit;text-decoration:none;flex-direction:column;--swirl-ghost-button-background-default:var(--s-surface-default);--swirl-ghost-button-background-hovered:var(--s-surface-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-pressed)}a.card,button.card,.card--interactive{cursor:pointer}a.card:hover,button.card:hover,.card--interactive:hover{background-color:var(--s-surface-hovered)}a.card:active,button.card:active,.card--interactive:active{background-color:var(--s-surface-pressed)}a.card:focus:not(:focus-visible),button.card:focus:not(:focus-visible),.card--interactive:focus:not(:focus-visible){outline:none}a.card:focus-visible,button.card:focus-visible,.card--interactive:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-4)}.card--is--borderless{border:0}.card--elevated{border-color:transparent;box-shadow:0 0.75rem 1rem rgba(25, 26, 28, 0.12),\n 0 0.25rem 0.75rem rgba(25, 26, 28, 0.08)}.card--highlighted{border-width:0.1875rem;border-color:var(--s-border-highlight)}.card--justify-content-start .card__body{justify-content:flex-start}.card--justify-content-center .card__body{justify-content:center}.card--justify-content-end .card__body{justify-content:flex-end}:not(.card--has-image) .card__image{overflow:hidden;height:0}.card--intent-critical-subdued{background-color:var(--s-surface-critical-subdued)}.card--intent-info-subdued{background-color:var(--s-surface-info-subdued)}.card--intent-success-subdued{background-color:var(--s-surface-success-subdued)}.card--intent-warning-subdued{background-color:var(--s-surface-warning-subdued)}.content-section{padding:0 var(--s-space-16)}.card__image{overflow:hidden;min-height:0}.card__image ::slotted(img){display:inline-flex;width:100%;max-height:100%;-o-object-fit:cover;object-fit:cover}.card__body{display:flex;min-height:0;padding:var(--s-space-12) var(--s-space-16) var(--s-space-16);flex-grow:1;flex-direction:column;gap:var(--s-space-16)}";export{o as swirl_card}

package/dist/swirl-components/p-78c61caf.entry.js DELETED Viewed

@@ -1 +0,0 @@

- import{r as a,h as i,H as r,g as t}from"./p-3fca9a05.js";import{c as e}from"./p-b7898321.js";const s={xs:28,s:32,m:40,l:48,xl:64,"2xl":144},o=class{constructor(i){a(this,i),this.setImageAvailable=()=>{this.imageAvailable=!0},this.setImageUnavailable=()=>{this.imageAvailable=!1},this.onKeydown=a=>{"Space"===a.code?a.preventDefault():"Enter"===a.code&&(a.preventDefault(),this.element.click())},this.onKeyup=a=>{"Space"===a.code&&(a.preventDefault(),this.element.click())},this.badge=void 0,this.badgePosition="bottom",this.color="kiwi",this.icon=void 0,this.initials=void 0,this.interactive=!1,this.label=void 0,this.showLabel=!1,this.size="m",this.src=void 0,this.variant="round",this.imageAvailable=void 0}componentDidLoad(){this.forceBadgeProps()}watchSrcProp(){this.imageAvailable=void 0}forceBadgeProps(){if(!Boolean(this.badge))return;const a=this.badgeEl.querySelector("swirl-badge");null==a||a.setAttribute("size","m")}render(){const a=Boolean(this.src)&&(this.imageAvailable||void 0===this.imageAvailable),t=!a&&Boolean(this.initials),o=!a&&!t&&Boolean(this.icon),n=!a&&!t&&!o,v=Boolean(this.badge)&&"m"===this.size,l=this.interactive?"button":"img",d=e("avatar",`avatar--color-${this.color}`,`avatar--size-${this.size}`,`avatar--variant-${this.variant}`,{"avatar--has-icon":o||n,"avatar--has-initials":t,"avatar--interactive":this.interactive}),h=e("avatar__badge",`avatar__badge--position-${this.badgePosition}`);return i(r,{"aria-label":this.label,onKeydown:this.interactive?this.onKeydown:void 0,onKeyup:this.interactive?this.onKeyup:void 0,role:l,tabIndex:this.interactive?0:void 0},i("span",{class:d,part:"avatar"},a&&i("span",{class:"avatar__image"},i("img",{alt:"",height:s[this.size],onError:this.setImageUnavailable,onLoad:this.setImageAvailable,src:this.src,width:s[this.size]})),t&&i("span",{class:"avatar__initials"},i("span",null,this.initials)),o&&i("span",{class:"avatar__icon",innerHTML:this.icon}),n&&i("span",{class:"avatar__icon"},i("swirl-icon-person",null)),v&&i("span",{class:h,innerHTML:this.badge,ref:a=>this.badgeEl=a})),this.showLabel&&i("span",{"aria-hidden":!0,class:"avatar__label"},this.label))}get element(){return t(this)}static get watchers(){return{src:["watchSrcProp"]}}};o.style=":host{display:inline-flex;flex-shrink:0;align-items:center;flex-direction:column}:host *{box-sizing:border-box}.avatar{position:relative;display:inline-flex;justify-content:center;align-items:center;border-radius:50%}.avatar--has-icon{color:var(--s-icon-default);background-color:var(--s-surface-raised-default)}.avatar--has-initials{padding-right:0;padding-left:0;color:#fff}.avatar--interactive{cursor:pointer}.avatar--interactive:focus:not(:focus-visible){outline:none}.avatar--interactive:focus-visible{outline-color:var(--s-focus-default)}.avatar--size-xs{width:1.75rem;height:1.75rem;font-size:0.75rem}.avatar--size-xs.avatar--has-icon{padding-right:0.4375rem;padding-left:0.4375rem}.avatar--size-xs.avatar--variant-square,.avatar--size-xs.avatar--variant-square .avatar__image,.avatar--size-xs.avatar--variant-square .avatar__initials{border-radius:0.5rem}.avatar--size-s{width:2rem;height:2rem;font-size:0.75rem}.avatar--size-s.avatar--has-icon{padding-right:var(--s-space-8);padding-left:var(--s-space-8)}.avatar--size-s.avatar--variant-square,.avatar--size-s.avatar--variant-square .avatar__image,.avatar--size-s.avatar--variant-square .avatar__initials{border-radius:0.5rem}.avatar--size-m{width:2.5rem;height:2.5rem;font-size:var(--s-font-size-base)}.avatar--size-m.avatar--has-icon{padding-right:0.625rem;padding-left:0.625rem}.avatar--size-m.avatar--variant-square,.avatar--size-m.avatar--variant-square .avatar__image,.avatar--size-m.avatar--variant-square .avatar__initials{border-radius:0.625rem}.avatar--size-l{width:3rem;height:3rem;font-size:var(--s-font-size-lg)}.avatar--size-l.avatar--has-icon{padding-right:var(--s-space-12);padding-left:var(--s-space-12)}.avatar--size-l.avatar--variant-square,.avatar--size-l.avatar--variant-square .avatar__image,.avatar--size-l.avatar--variant-square .avatar__initials{border-radius:0.75rem}.avatar--size-xl{width:4rem;height:4rem;font-size:var(--s-font-size-xl)}.avatar--size-xl.avatar--has-icon{padding-right:var(--s-space-16);padding-left:var(--s-space-16)}.avatar--size-xl.avatar--variant-square,.avatar--size-xl.avatar--variant-square .avatar__image,.avatar--size-xl.avatar--variant-square .avatar__initials{border-radius:1rem}.avatar--size-2xl{width:9rem;height:9rem;font-size:3.375rem}.avatar--size-2xl.avatar--has-icon{padding-right:var(--s-space-32);padding-left:var(--s-space-32)}.avatar--size-2xl.avatar--variant-square,.avatar--size-2xl.avatar--variant-square .avatar__image,.avatar--size-2xl.avatar--variant-square .avatar__initials{border-radius:2.25rem}.avatar--color-banana .avatar__initials{color:var(--s-decorative-banana-text);background-color:var(--s-decorative-banana-surface-subdued)}.avatar--color-blueberry .avatar__initials{color:var(--s-decorative-blueberry-text);background-color:var(--s-decorative-blueberry-surface-subdued)}.avatar--color-chilli .avatar__initials{color:var(--s-decorative-chilli-text);background-color:var(--s-decorative-chilli-surface-subdued)}.avatar--color-grape .avatar__initials{color:var(--s-decorative-grape-text);background-color:var(--s-decorative-grape-surface-subdued)}.avatar--color-kiwi .avatar__initials{color:var(--s-decorative-kiwi-text);background-color:var(--s-decorative-kiwi-surface-subdued)}.avatar--color-pumpkin .avatar__initials{color:var(--s-decorative-pumpkin-text);background-color:var(--s-decorative-pumpkin-surface-subdued)}.avatar--color-radish .avatar__initials{color:var(--s-decorative-radish-text);background-color:var(--s-decorative-radish-surface-subdued)}.avatar__image{overflow:hidden;width:100%;height:100%;border-radius:50%}.avatar__image>img{width:100%;height:100%}.avatar__icon{display:inline-flex}.avatar__icon>*{width:100%;height:100%}.avatar__icon>*::part(icon){width:100%;height:100%}.avatar__initials{display:inline-flex;width:100%;min-width:0;height:100%;padding-right:0.0625rem;padding-left:0.0625rem;justify-content:center;align-items:center;border-radius:50%;font-weight:var(--s-font-weight-medium)}.avatar__initials>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.avatar__badge{position:absolute;bottom:0;left:55%;display:inline-flex;min-width:1.5rem;height:1.5rem;transform:translate3d(0, 25%, 0)}.avatar__badge--position-top{top:0;bottom:auto;transform:translate3d(0, -25%, 0)}.avatar__label{margin-top:var(--s-space-4);color:var(--s-icon-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);text-align:center}";export{o as swirl_avatar}