@getflip/swirl-components 0.11.0 → 0.12.0

package/dist/components/swirl-tooltip.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SwirlTooltip extends Components.SwirlTooltip, HTMLElement {}
+export const SwirlTooltip: {
+  prototype: SwirlTooltip;
+  new (): SwirlTooltip;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/swirl-tooltip.js

@@ -0,0 +1,151 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { c as computePosition, o as offset, s as shift, f as flip } from './floating-ui.dom.esm.js';
+
+const swirlTooltipCss = ":host{display:inline-flex}:host *{box-sizing:border-box}.tooltip{display:inline-flex}.tooltip .tooltip__reference{display:inline-flex}.tooltip__popper{position:fixed;z-index:var(--s-z-40);max-width:17.5rem}.tooltip__bubble{position:relative;display:block;padding-top:var(--s-space-8);padding-right:var(--s-space-12);padding-bottom:var(--s-space-8);padding-left:var(--s-space-12);border-radius:var(--s-border-radius-sm);color:var(--s-text-on-status);background-color:var(--s-surface-neutral-default);line-height:var(--s-line-height-base);-webkit-animation:tooltip-fade-in 0.1s;animation:tooltip-fade-in 0.1s}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tooltip__bubble{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.tooltip__arrow{position:absolute;width:0.5rem;height:0.5rem;background-color:var(--s-surface-neutral-default)}@-webkit-keyframes tooltip-fade-in{from{opacity:0}to{opacity:1}}@keyframes tooltip-fade-in{from{opacity:0}to{opacity:1}}";
+
+const SwirlTooltip$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.delay = 300;
+    this.position = "top";
+    this.visible = false;
+    this.onKeydown = (event) => {
+      if (event.code === "Escape") {
+        this.hide();
+      }
+    };
+    this.reposition = async () => {
+      if (!Boolean(this.referenceEl) || !Boolean(this.popperEl)) {
+        return;
+      }
+      this.actualPosition = await computePosition(this.referenceEl, this.popperEl, this.options);
+    };
+    this.show = () => {
+      this.visible = true;
+      requestAnimationFrame(() => {
+        this.reposition();
+      });
+    };
+    this.showWithDelay = () => {
+      if (Boolean(this.showTimeout)) {
+        clearTimeout(this.showTimeout);
+        this.showTimeout = undefined;
+      }
+      this.showTimeout = setTimeout(() => {
+        this.show();
+      }, this.delay);
+    };
+    this.hide = () => {
+      if (Boolean(this.showTimeout)) {
+        clearTimeout(this.showTimeout);
+        this.showTimeout = undefined;
+      }
+      this.visible = false;
+    };
+    this.updateOptions = () => {
+      const margin = +getComputedStyle(document.documentElement)
+        .getPropertyValue("--s-space-12")
+        .replace("rem", "") * 16;
+      this.options = {
+        middleware: [offset(margin), shift(), flip()],
+        placement: this.position,
+        strategy: "fixed",
+      };
+    };
+    this.getArrowStyles = () => {
+      var _a, _b, _c, _d;
+      if (((_a = this.actualPosition) === null || _a === void 0 ? void 0 : _a.placement) === "top") {
+        return {
+          top: "100%",
+          left: "50%",
+          transform: "translate3d(-50%, -50%, 0) rotate(45deg)",
+        };
+      }
+      if (((_b = this.actualPosition) === null || _b === void 0 ? void 0 : _b.placement) === "bottom") {
+        return {
+          bottom: "100%",
+          left: "50%",
+          transform: "translate3d(-50%, 50%, 0) rotate(45deg)",
+        };
+      }
+      if (((_c = this.actualPosition) === null || _c === void 0 ? void 0 : _c.placement) === "right") {
+        return {
+          top: "50%",
+          right: "100%",
+          transform: "translate3d(50%, -50%, 0) rotate(45deg)",
+        };
+      }
+      if (((_d = this.actualPosition) === null || _d === void 0 ? void 0 : _d.placement) === "left") {
+        return {
+          top: "50%",
+          left: "100%",
+          transform: "translate3d(-50%, -50%, 0) rotate(45deg)",
+        };
+      }
+    };
+  }
+  watchPosition() {
+    this.updateOptions();
+  }
+  onMouseEnter() {
+    this.showWithDelay();
+  }
+  onMouseLeave() {
+    this.hide();
+  }
+  onWindowResize() {
+    this.reposition();
+  }
+  onWindowScroll() {
+    this.reposition();
+  }
+  componentWillLoad() {
+    this.reposition();
+  }
+  componentDidLoad() {
+    this.updateOptions();
+  }
+  render() {
+    var _a, _b;
+    const arrowStyles = this.getArrowStyles();
+    return (h(Host, { onKeydown: this.onKeydown }, h("span", { class: "tooltip" }, h("span", { class: "tooltip__reference", "aria-describedby": "tooltip", onBlur: this.hide, onClick: this.hide, onFocus: this.show, ref: (el) => (this.referenceEl = el), tabIndex: 0 }, h("slot", null)), h("span", { class: "tooltip__popper", ref: (el) => (this.popperEl = el), style: {
+        top: Boolean(this.actualPosition)
+          ? `${(_a = this.actualPosition) === null || _a === void 0 ? void 0 : _a.y}px`
+          : "",
+        left: Boolean(this.actualPosition)
+          ? `${(_b = this.actualPosition) === null || _b === void 0 ? void 0 : _b.x}px`
+          : "",
+      } }, this.visible && (h("span", { class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, h("span", { class: "tooltip__content", innerHTML: this.content }), h("span", { class: "tooltip__arrow", style: arrowStyles })))))));
+  }
+  static get watchers() { return {
+    "position": ["watchPosition"]
+  }; }
+  static get style() { return swirlTooltipCss; }
+}, [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"]]]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["swirl-tooltip"];
+  components.forEach(tagName => { switch (tagName) {
+    case "swirl-tooltip":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SwirlTooltip$1);
+      }
+      break;
+  } });
+}
+defineCustomElement$1();
+
+const SwirlTooltip = SwirlTooltip$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SwirlTooltip, defineCustomElement };

package/dist/components/swirl-tree-navigation-item.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SwirlTreeNavigationItem extends Components.SwirlTreeNavigationItem, HTMLElement {}
+export const SwirlTreeNavigationItem: {
+  prototype: SwirlTreeNavigationItem;
+  new (): SwirlTreeNavigationItem;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/swirl-tree-navigation-item.js

@@ -0,0 +1,50 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { c as classnames } from './index2.js';
+
+const swirlTreeNavigationItemCss = ":host{display:inline-flex;width:100%;height:2.5rem;padding-right:var(--s-space-16);padding-left:calc(var(--s-space-16) + 1.5rem + var(--s-space-8));flex-shrink:0;justify-content:flex-start;align-items:center;color:var(--s-text-default);background-color:var(--s-surface-default);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);cursor:pointer;gap:calc(var(--s-space-8) - var(--s-space-2))}:host(:hover){background-color:var(--s-surface-hovered)}:host(:active){background-color:var(--s-surface-pressed)}:host(:focus){outline:none}:host(:focus-visible) .tree-navigation-item__label{border-radius:var(--s-border-radius-xs);box-shadow:0 0 0 0.125rem var(--s-focus-default)}:host(.tree-navigation-item--active){background-color:var(--s-surface-raised-default);box-shadow:inset 0.25rem 0 0 0 var(--s-surface-highlight-default)}:host(.tree-navigation-item--active:hover){background-color:var(--s-surface-raised-hovered)}:host(.tree-navigation-item--active:active){background-color:var(--s-surface-raised-pressed)}:host(.tree-navigation-item--has-icon){padding-left:var(--s-space-16)}:host *{box-sizing:border-box}.tree-navigation-item__icon{display:inline-flex}.tree-navigation-item__label{overflow:hidden;min-width:0;white-space:nowrap;text-overflow:ellipsis;padding-right:var(--s-space-2);padding-left:var(--s-space-2)}";
+
+const SwirlTreeNavigationItem$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.onKeyDown = (event) => {
+      if (event.code === "Enter") {
+        event.preventDefault();
+        this.el.click();
+      }
+    };
+  }
+  render() {
+    const className = classnames("tree-navigation-item", {
+      "tree-navigation-item--active": this.active,
+      "tree-navigation-item--has-icon": Boolean(this.icon),
+    });
+    return (h(Host, { class: className, onKeyDown: this.onKeyDown, role: "link", tabIndex: 0 }, this.icon && (h("span", { class: "tree-navigation-item__icon", innerHTML: this.icon })), h("span", { class: "tree-navigation-item__label" }, this.label)));
+  }
+  get el() { return this; }
+  static get style() { return swirlTreeNavigationItemCss; }
+}, [1, "swirl-tree-navigation-item", {
+    "active": [4],
+    "icon": [1],
+    "label": [1]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["swirl-tree-navigation-item"];
+  components.forEach(tagName => { switch (tagName) {
+    case "swirl-tree-navigation-item":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SwirlTreeNavigationItem$1);
+      }
+      break;
+  } });
+}
+defineCustomElement$1();
+
+const SwirlTreeNavigationItem = SwirlTreeNavigationItem$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SwirlTreeNavigationItem, defineCustomElement };

package/dist/components/swirl-video-thumbnail.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SwirlVideoThumbnail extends Components.SwirlVideoThumbnail, HTMLElement {}
+export const SwirlVideoThumbnail: {
+  prototype: SwirlVideoThumbnail;
+  new (): SwirlVideoThumbnail;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/swirl-video-thumbnail.js

@@ -0,0 +1,46 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { d as defineCustomElement$2 } from './swirl-visually-hidden2.js';
+
+const swirlVideoThumbnailCss = ":host {\n  display: flex;\n  width: 100%;\n}\n\n  :host * {\n    box-sizing: border-box;\n  }\n\n.video-thumbnail {\n  position: relative;\n  display: inline-flex;\n  width: 100%;\n  margin: 0;\n  padding: 0;\n  border: none;\n  background-color: transparent;\n  cursor: pointer;\n  container-type: inline-size;\n  container-name: video-thumbnail;\n}\n\n.video-thumbnail:after {\n    position: absolute;\n    background-color: rgba(0, 0, 0, 0.05);\n    content: \"\";\n    inset: 0;\n  }\n\n.video-thumbnail:focus:not(:focus-visible) {\n    outline: none;\n  }\n\n.video-thumbnail:focus-visible {\n    outline-color: var(--s-focus-default);\n    outline-offset: var(--s-space-4);\n  }\n\n.video-thumbnail__image {\n  width: 100%;\n}\n\n.video-thumbnail__duration {\n  position: absolute;\n  bottom: var(--s-space-8);\n  left: var(--s-space-8);\n  padding: var(--s-space-2) var(--s-space-8);\n  border-radius: var(--s-border-radius-sm);\n  color: var(--s-text-on-image);\n  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),\n    rgba(255, 255, 255, 0.1);\n  font-size: var(--s-font-size-sm);\n  font-weight: var(--s-font-weight-medium);\n  line-height: var(--s-line-height-sm);\n  letter-spacing: var(--s-letter-spacing-tighter);\n}\n\n.video-thumbnail__play-icon {\n  position: absolute;\n  z-index: 1;\n  top: 50%;\n  left: 50%;\n  width: 2.5rem;\n  height: 2.5rem;\n  transform: translate3d(-50%, -50%, 0);\n}\n\n@container video-thumbnail (min-width: 448px) {\n  .video-thumbnail__play-icon {\n    width: 3.5rem;\n    height: 4.5rem;\n  }\n}\n";
+
+const SwirlVideoThumbnail$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.durationLabel = "Duration";
+  }
+  render() {
+    return (h(Host, null, h("button", { "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", null, this.durationLabel), this.duration)), h("svg", { class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M15 14.65V25.35C15 26.1167 15.35 26.7 16.05 27.1C16.75 27.5 17.4333 27.4667 18.1 27L26.4 21.7C27.0333 21.3 27.35 20.7333 27.35 20C27.35 19.2667 27.0333 18.7 26.4 18.3L18.1 13C17.4333 12.5333 16.75 12.5 16.05 12.9C15.35 13.3 15 13.8833 15 14.65ZM20 40C17.2333 40 14.6333 39.4747 12.2 38.424C9.76667 37.3747 7.65 35.95 5.85 34.15C4.05 32.35 2.62533 30.2333 1.576 27.8C0.525334 25.3667 0 22.7667 0 20C0 17.2333 0.525334 14.6333 1.576 12.2C2.62533 9.76667 4.05 7.65 5.85 5.85C7.65 4.05 9.76667 2.62467 12.2 1.574C14.6333 0.524667 17.2333 0 20 0C22.7667 0 25.3667 0.524667 27.8 1.574C30.2333 2.62467 32.35 4.05 34.15 5.85C35.95 7.65 37.3747 9.76667 38.424 12.2C39.4747 14.6333 40 17.2333 40 20C40 22.7667 39.4747 25.3667 38.424 27.8C37.3747 30.2333 35.95 32.35 34.15 34.15C32.35 35.95 30.2333 37.3747 27.8 38.424C25.3667 39.4747 22.7667 40 20 40Z", fill: "white", "fill-opacity": "0.95" })))));
+  }
+  static get style() { return swirlVideoThumbnailCss; }
+}, [1, "swirl-video-thumbnail", {
+    "durationLabel": [1, "duration-label"],
+    "duration": [1],
+    "label": [1],
+    "src": [1]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["swirl-video-thumbnail", "swirl-visually-hidden"];
+  components.forEach(tagName => { switch (tagName) {
+    case "swirl-video-thumbnail":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SwirlVideoThumbnail$1);
+      }
+      break;
+    case "swirl-visually-hidden":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
+defineCustomElement$1();
+
+const SwirlVideoThumbnail = SwirlVideoThumbnail$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SwirlVideoThumbnail, defineCustomElement };

package/dist/components/swirl-visually-hidden.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SwirlVisuallyHidden extends Components.SwirlVisuallyHidden, HTMLElement {}
+export const SwirlVisuallyHidden: {
+  prototype: SwirlVisuallyHidden;
+  new (): SwirlVisuallyHidden;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/swirl-visually-hidden.js

@@ -0,0 +1,6 @@
+import { S as SwirlVisuallyHidden$1, d as defineCustomElement$1 } from './swirl-visually-hidden2.js';
+
+const SwirlVisuallyHidden = SwirlVisuallyHidden$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SwirlVisuallyHidden, defineCustomElement };

package/dist/components/swirl-visually-hidden2.js

@@ -0,0 +1,31 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+
+const swirlVisuallyHiddenCss = ":host{position:absolute;display:inline;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;white-space:nowrap;word-wrap:normal;clip:rect(0, 0, 0, 0)}";
+
+const SwirlVisuallyHidden = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+  }
+  render() {
+    return (h(Host, null, h("slot", null)));
+  }
+  static get style() { return swirlVisuallyHiddenCss; }
+}, [1, "swirl-visually-hidden"]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["swirl-visually-hidden"];
+  components.forEach(tagName => { switch (tagName) {
+    case "swirl-visually-hidden":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SwirlVisuallyHidden);
+      }
+      break;
+  } });
+}
+defineCustomElement();
+
+export { SwirlVisuallyHidden as S, defineCustomElement as d };

package/dist/components/utils.js

@@ -1,6 +1,9 @@
+const getDesktopMediaQuery = () => document.documentElement.classList.contains("disable-desktop-style-tweaks")
+  ? window.matchMedia(null)
+  : window.matchMedia("(min-width: 992px) and (max-width: 1439px) and (hover: hover), (min-width: 1440px)");
 function debounce(func, wait, immediate = false) {
   let timeout;
-  return function executedFunction() {
+  return async function executedFunction() {
     const context = this;
     const args = arguments;
     const later = function () {
@@ -62,4 +65,4 @@ function querySelectorAllDeep(root, selector) {
   return matches;
 }
 
-export { debounce as d, getVisibleHeight as g, isMobileViewport as i, querySelectorAllDeep as q };
+export { getVisibleHeight as a, debounce as d, getDesktopMediaQuery as g, isMobileViewport as i, querySelectorAllDeep as q };

package/dist/esm/file-manager.entry.js

@@ -51,15 +51,15 @@ const FileManager = class {
     const items = Boolean(this.selectedDirectory)
       ? this.selectedDirectory.children
       : FileManagerMockData.directories;
-    return items.length > 0 ? (items.map((item) => (h("flip-resource-list-item", { description: item.description, key: item.name, label: item.name, media: "type" in item
-        ? "<flip-icon-file></flip-icon-file>"
-        : "<flip-icon-folder-shared></flip-icon-folder-shared>",
+    return items.length > 0 ? (items.map((item) => (h("swirl-resource-list-item", { description: item.description, key: item.name, label: item.name, media: "type" in item
+        ? "<swirl-icon-file></swirl-icon-file>"
+        : "<swirl-icon-folder-shared></swirl-icon-folder-shared>",
       // eslint-disable-next-line react/jsx-no-bind
-      onClick: () => this.selectItem(item) })))) : (h("flip-box", { padding: "16" }, h("flip-text", { color: "subdued", weight: "medium" }, "This directory is empty.")));
+      onClick: () => this.selectItem(item) })))) : (h("swirl-box", { padding: "16" }, h("swirl-text", { color: "subdued", weight: "medium" }, "This directory is empty.")));
   }
   render() {
     var _a, _b;
-    return (h(Host, null, h("flip-app-layout", { appName: "Documents", backToNavigationViewButtonLabel: "Back to documents list", ctaIcon: "<flip-icon-add></flip-icon-add>", ctaLabel: "Upload file", heading: (_a = this.selectedFile) === null || _a === void 0 ? void 0 : _a.name, navigationLabel: "Documents", onNavigationBackButtonClick: this.resetSelectedDirectory, ref: (el) => (this.layout = el), sidebarCloseButtonLabel: "Close file info", sidebarHeading: "File info", showNavigationBackButton: Boolean(this.selectedDirectory), subheading: (_b = this.selectedFile) === null || _b === void 0 ? void 0 : _b.description, transitionStyle: "dialog" }, h("flip-resource-list", { label: "Documents", slot: "navigation" }, this.renderNavigation()), h("flip-button", { id: "sort-button", label: "Sort items", slot: "navigation-controls" }), Boolean(this.selectedFile) ? (h("flip-file-viewer", { file: this.selectedFile.url, slot: "content", type: this.selectedFile.type })) : (h("flip-box", { cover: true, centerBlock: true, centerInline: true, padding: "16", slot: "content" }, h("flip-empty-state", { heading: "Nothing to see here.", illustration: "/images/empty-state-1.svg" }, "Please select a file from the list."))), h("div", { slot: "app-bar-controls" }, this.selectedFile && (h("flip-button", { "hide-label": true, class: "info-button", icon: "<flip-icon-info></flip-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("flip-box", { padding: "16", slot: "sidebar" }, h("flip-text", { color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("flip-popover", { label: "Sort items", popoverId: "sort-menu", trigger: "sort-button" }, h("flip-option-list", { value: ["ascending"] }, h("flip-option-list-item", { icon: "<flip-icon-expand-less></flip-icon-expand-less>", label: "Ascending", value: "ascending" }), h("flip-option-list-item", { icon: "<flip-icon-expand-more></flip-icon-expand-more>", label: "Descending", value: "descending" }), h("flip-option-list-item", { icon: "<flip-icon-time-outlined></flip-icon-time-outlined>", label: "By date", value: "date" })))));
+    return (h(Host, null, h("swirl-app-layout", { appName: "Documents", backToNavigationViewButtonLabel: "Back to documents list", ctaIcon: "<swirl-icon-add></swirl-icon-add>", ctaLabel: "Upload file", heading: (_a = this.selectedFile) === null || _a === void 0 ? void 0 : _a.name, navigationLabel: "Documents", onNavigationBackButtonClick: this.resetSelectedDirectory, ref: (el) => (this.layout = el), sidebarCloseButtonLabel: "Close file info", sidebarHeading: "File info", showNavigationBackButton: Boolean(this.selectedDirectory), subheading: (_b = this.selectedFile) === null || _b === void 0 ? void 0 : _b.description, transitionStyle: "dialog" }, h("swirl-resource-list", { label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-button", { id: "sort-button", label: "Sort items", slot: "navigation-controls" }), Boolean(this.selectedFile) ? (h("swirl-file-viewer", { file: this.selectedFile.url, slot: "content", type: this.selectedFile.type })) : (h("swirl-box", { cover: true, centerBlock: true, centerInline: true, padding: "16", slot: "content" }, h("swirl-empty-state", { heading: "Nothing to see here.", illustration: "/images/empty-state-1.svg" }, "Please select a file from the list."))), h("div", { slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { padding: "16", slot: "sidebar" }, h("swirl-text", { color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { label: "Sort items", popoverId: "sort-menu", trigger: "sort-button" }, h("swirl-option-list", { value: ["ascending"] }, h("swirl-option-list-item", { icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
   }
 };
 

package/dist/esm/loader.js

@@ -10,7 +10,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return bootstrapLazy(JSON.parse("[[\"file-manager\",[[1,\"file-manager\",{\"selectedDirectory\":[32],\"selectedFile\":[32]}]]],[\"flip-pdf-reader\",[[1,\"flip-pdf-reader\",{\"autoZoomLabel\":[1,\"auto-zoom-label\"],\"closeButtonLabel\":[1,\"close-button-label\"],\"downloadButtonLabel\":[1,\"download-button-label\"],\"file\":[1],\"label\":[1],\"printButtonLabel\":[1,\"print-button-label\"],\"zoomInButtonLabel\":[1,\"zoom-in-button-label\"],\"zoomOutButtonLabel\":[1,\"zoom-out-button-label\"],\"zoomSelectLabel\":[1,\"zoom-select-label\"],\"active\":[32],\"closing\":[32],\"downloading\":[32],\"zoom\":[32],\"zoomSteps\":[32],\"open\":[64],\"close\":[64]},[[9,\"resize\",\"onWindowResize\"]]]]],[\"flip-autocomplete\",[[2,\"flip-autocomplete\",{\"autoSelect\":[4,\"auto-select\"],\"clearable\":[4],\"clearButtonLabel\":[1,\"clear-button-label\"],\"disabled\":[4],\"flipAriaDescribedby\":[1,\"flip-aria-describedby\"],\"generateSuggestions\":[1040],\"invalid\":[4],\"maxLength\":[2,\"max-length\"],\"menuLabel\":[1,\"menu-label\"],\"mode\":[1],\"required\":[4],\"spellCheck\":[4,\"spell-check\"],\"value\":[1537],\"active\":[32],\"loading\":[32],\"position\":[32],\"suggestions\":[32]},[[8,\"click\",\"onWindowClick\"]]]]],[\"flip-resource-list-file-item\",[[1,\"flip-resource-list-file-item\",{\"description\":[1],\"errorMessage\":[1,\"error-message\"],\"icon\":[1],\"label\":[1],\"loading\":[4],\"removable\":[4],\"removeButtonLabel\":[1,\"remove-button-label\"]}]]],[\"flip-lightbox\",[[1,\"flip-lightbox\",{\"closeButtonLabel\":[1,\"close-button-label\"],\"downloadButtonLabel\":[1,\"download-button-label\"],\"label\":[1],\"nextSlideButtonLabel\":[1,\"next-slide-button-label\"],\"previousSlideButtonLabel\":[1,\"previous-slide-button-label\"],\"activeSlideIndex\":[32],\"closing\":[32],\"slides\":[32],\"open\":[64],\"close\":[64],\"activateSlide\":[64]}]]],[\"flip-modal\",[[1,\"flip-modal\",{\"closeButtonLabel\":[1,\"close-button-label\"],\"label\":[1],\"primaryActionLabel\":[1,\"primary-action-label\"],\"secondaryActionLabel\":[1,\"secondary-action-label\"],\"closing\":[32],\"scrollable\":[32],\"scrolled\":[32],\"scrolledDown\":[32],\"open\":[64],\"close\":[64]},[[9,\"resize\",\"onWindowResize\"]]]]],[\"flip-select\",[[6,\"flip-select\",{\"disabled\":[4],\"flipAriaDescribedby\":[1,\"flip-aria-describedby\"],\"invalid\":[4],\"label\":[1],\"multiSelect\":[4,\"multi-select\"],\"required\":[4],\"value\":[1040],\"options\":[32],\"open\":[32]},[[8,\"focusin\",\"onWindowFocusIn\"]]]]],[\"flip-console-layout\",[[1,\"flip-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\"],\"showNavigationButtonLabel\":[1,\"show-navigation-button-label\"],\"navigationLabel\":[1,\"navigation-label\"],\"showBackButton\":[4,\"show-back-button\"],\"showHelpButton\":[4,\"show-help-button\"],\"subheading\":[1],\"sidebarActive\":[32],\"toggleSidebar\":[64],\"showSidebar\":[64],\"hideSidebar\":[64]},[[9,\"resize\",\"onWindowResize\"]]]]],[\"flip-date-input\",[[2,\"flip-date-input\",{\"autoFocus\":[4,\"auto-focus\"],\"autoSelect\":[4,\"auto-select\"],\"datePickerLabel\":[1,\"date-picker-label\"],\"disabled\":[4],\"flipAriaDescribedby\":[1,\"flip-aria-describedby\"],\"format\":[1],\"invalid\":[4],\"locale\":[16],\"placeholder\":[1],\"required\":[4],\"value\":[1537]}]]],[\"flip-dialog\",[[1,\"flip-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]}]]],[\"flip-pagination\",[[1,\"flip-pagination\",{\"accessibleNextButtonLabel\":[1,\"accessible-next-button-label\"],\"accessiblePrevButtonLabel\":[1,\"accessible-prev-button-label\"],\"nextButtonLabel\":[1,\"next-button-label\"],\"pageLabel\":[1,\"page-label\"],\"prevButtonLabel\":[1,\"prev-button-label\"],\"label\":[1],\"page\":[2],\"pages\":[2],\"pageSelectLabel\":[1,\"page-select-label\"],\"variant\":[1]}]]],[\"flip-toast-provider\",[[1,\"flip-toast-provider\",{\"globalDuration\":[2,\"global-duration\"],\"toasts\":[32],\"clearAll\":[64],\"dismiss\":[64],\"toast\":[64]}]]],[\"flip-checkbox\",[[2,\"flip-checkbox\",{\"checked\":[1032],\"description\":[1],\"disabled\":[4],\"flipAriaDescribedby\":[1,\"flip-aria-describedby\"],\"inputId\":[1,\"input-id\"],\"inputName\":[1,\"input-name\"],\"invalid\":[4],\"label\":[1],\"value\":[1]}]]],[\"flip-file-uploader\",[[2,\"flip-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]}]]],[\"flip-form-control\",[[6,\"flip-form-control\",{\"description\":[1],\"disabled\":[4],\"errorMessage\":[1,\"error-message\"],\"invalid\":[4],\"label\":[1],\"hasFocus\":[32],\"inputValue\":[32]},[[8,\"click\",\"onWindowClick\"]]]]],[\"flip-search\",[[2,\"flip-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]},[[8,\"keydown\",\"onKeyDown\"]]]]],[\"flip-avatar\",[[1,\"flip-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]}]]],[\"flip-banner\",[[1,\"flip-banner\",{\"actionLabel\":[1,\"action-label\"],\"content\":[1],\"dismissable\":[4],\"dismissLabel\":[1,\"dismiss-label\"],\"importance\":[1],\"intent\":[1],\"showIcon\":[4,\"show-icon\"]}]]],[\"flip-radio\",[[2,\"flip-radio\",{\"checked\":[1032],\"description\":[1],\"disabled\":[4],\"inputId\":[1,\"input-id\"],\"inputName\":[1,\"input-name\"],\"invalid\":[4],\"label\":[1],\"value\":[1]}]]],[\"flip-switch\",[[2,\"flip-switch\",{\"checked\":[1028],\"disabled\":[4],\"inputId\":[1,\"input-id\"],\"inputName\":[1,\"input-name\"],\"label\":[1],\"size\":[1],\"value\":[1]},[[9,\"pointerup\",\"onWindowPointerUp\"]]]]],[\"flip-tag\",[[1,\"flip-tag\",{\"intent\":[1],\"label\":[1],\"removable\":[4],\"removalButtonLabel\":[1,\"removal-button-label\"]}]]],[\"flip-video-thumbnail\",[[1,\"flip-video-thumbnail\",{\"durationLabel\":[1,\"duration-label\"],\"duration\":[1],\"label\":[1],\"src\":[1]}]]],[\"flip-action-list\",[[1,\"flip-action-list\"]]],[\"flip-action-list-item\",[[1,\"flip-action-list-item\",{\"disabled\":[4],\"description\":[1],\"icon\":[1],\"intent\":[1],\"label\":[1],\"size\":[1],\"suffix\":[1]}]]],[\"flip-action-list-section\",[[1,\"flip-action-list-section\",{\"label\":[1]}]]],[\"flip-avatar-group\",[[1,\"flip-avatar-group\",{\"badge\":[1]}]]],[\"flip-badge\",[[1,\"flip-badge\",{\"icon\":[1],\"intent\":[1],\"label\":[1],\"size\":[1],\"variant\":[1]}]]],[\"flip-card\",[[1,\"flip-card\",{\"as\":[1],\"elevated\":[4],\"interactive\":[4],\"href\":[1],\"linkTarget\":[1,\"link-target\"]}]]],[\"flip-chip\",[[1,\"flip-chip\",{\"avatar\":[1],\"icon\":[1],\"intent\":[1],\"interactive\":[4],\"label\":[1]}]]],[\"flip-description-list\",[[1,\"flip-description-list\"]]],[\"flip-description-list-item\",[[1,\"flip-description-list-item\",{\"term\":[1]}]]],[\"flip-form-group\",[[6,\"flip-form-group\",{\"orientation\":[1]}]]],[\"flip-icon-add-photo\",[[1,\"flip-icon-add-photo\",{\"size\":[2]}]]],[\"flip-icon-admin-panel-settings\",[[1,\"flip-icon-admin-panel-settings\",{\"size\":[2]}]]],[\"flip-icon-arrow-back\",[[1,\"flip-icon-arrow-back\",{\"size\":[2]}]]],[\"flip-icon-arrow-forward\",[[1,\"flip-icon-arrow-forward\",{\"size\":[2]}]]],[\"flip-icon-arrow-right-small\",[[1,\"flip-icon-arrow-right-small\",{\"size\":[2]}]]],[\"flip-icon-attachment\",[[1,\"flip-icon-attachment\",{\"size\":[2]}]]],[\"flip-icon-block\",[[1,\"flip-icon-block\",{\"size\":[2]}]]],[\"flip-icon-chat-bubble\",[[1,\"flip-icon-chat-bubble\",{\"size\":[2]}]]],[\"flip-icon-chats-filled\",[[1,\"flip-icon-chats-filled\",{\"size\":[2]}]]],[\"flip-icon-chats-outlined\",[[1,\"flip-icon-chats-outlined\",{\"size\":[2]}]]],[\"flip-icon-check\",[[1,\"flip-icon-check\",{\"size\":[2]}]]],[\"flip-icon-check-circle\",[[1,\"flip-icon-check-circle\",{\"size\":[2]}]]],[\"flip-icon-chevron-left\",[[1,\"flip-icon-chevron-left\",{\"size\":[2]}]]],[\"flip-icon-chevron-right\",[[1,\"flip-icon-chevron-right\",{\"size\":[2]}]]],[\"flip-icon-close-small\",[[1,\"flip-icon-close-small\",{\"size\":[2]}]]],[\"flip-icon-comment\",[[1,\"flip-icon-comment\",{\"size\":[2]}]]],[\"flip-icon-copy\",[[1,\"flip-icon-copy\",{\"size\":[2]}]]],[\"flip-icon-date-range\",[[1,\"flip-icon-date-range\",{\"size\":[2]}]]],[\"flip-icon-delete\",[[1,\"flip-icon-delete\",{\"size\":[2]}]]],[\"flip-icon-description\",[[1,\"flip-icon-description\",{\"size\":[2]}]]],[\"flip-icon-edit\",[[1,\"flip-icon-edit\",{\"size\":[2]}]]],[\"flip-icon-emoji-mood\",[[1,\"flip-icon-emoji-mood\",{\"size\":[2]}]]],[\"flip-icon-emoji-satisfied\",[[1,\"flip-icon-emoji-satisfied\",{\"size\":[2]}]]],[\"flip-icon-file\",[[1,\"flip-icon-file\",{\"size\":[2]}]]],[\"flip-icon-folder-shared\",[[1,\"flip-icon-folder-shared\",{\"size\":[2]}]]],[\"flip-icon-group-assign\",[[1,\"flip-icon-group-assign\",{\"size\":[2]}]]],[\"flip-icon-groups\",[[1,\"flip-icon-groups\",{\"size\":[2]}]]],[\"flip-icon-groups-custom\",[[1,\"flip-icon-groups-custom\",{\"size\":[2]}]]],[\"flip-icon-groups-filled\",[[1,\"flip-icon-groups-filled\",{\"size\":[2]}]]],[\"flip-icon-groups-outlined\",[[1,\"flip-icon-groups-outlined\",{\"size\":[2]}]]],[\"flip-icon-help\",[[1,\"flip-icon-help\",{\"size\":[2]}]]],[\"flip-icon-image\",[[1,\"flip-icon-image\",{\"size\":[2]}]]],[\"flip-icon-info\",[[1,\"flip-icon-info\",{\"size\":[2]}]]],[\"flip-icon-inventory\",[[1,\"flip-icon-inventory\",{\"size\":[2]}]]],[\"flip-icon-like\",[[1,\"flip-icon-like\",{\"size\":[2]}]]],[\"flip-icon-link\",[[1,\"flip-icon-link\",{\"size\":[2]}]]],[\"flip-icon-lock\",[[1,\"flip-icon-lock\",{\"size\":[2]}]]],[\"flip-icon-logout\",[[1,\"flip-icon-logout\",{\"size\":[2]}]]],[\"flip-icon-mail\",[[1,\"flip-icon-mail\",{\"size\":[2]}]]],[\"flip-icon-manage-accounts\",[[1,\"flip-icon-manage-accounts\",{\"size\":[2]}]]],[\"flip-icon-mention\",[[1,\"flip-icon-mention\",{\"size\":[2]}]]],[\"flip-icon-menu\",[[1,\"flip-icon-menu\",{\"size\":[2]}]]],[\"flip-icon-menu-filled\",[[1,\"flip-icon-menu-filled\",{\"size\":[2]}]]],[\"flip-icon-menu-outlined\",[[1,\"flip-icon-menu-outlined\",{\"size\":[2]}]]],[\"flip-icon-message\",[[1,\"flip-icon-message\",{\"size\":[2]}]]],[\"flip-icon-more-horizontal\",[[1,\"flip-icon-more-horizontal\",{\"size\":[2]}]]],[\"flip-icon-more-vertikal\",[[1,\"flip-icon-more-vertikal\",{\"size\":[2]}]]],[\"flip-icon-news-filled\",[[1,\"flip-icon-news-filled\",{\"size\":[2]}]]],[\"flip-icon-news-outlined\",[[1,\"flip-icon-news-outlined\",{\"size\":[2]}]]],[\"flip-icon-notifications\",[[1,\"flip-icon-notifications\",{\"size\":[2]}]]],[\"flip-icon-notifications-active\",[[1,\"flip-icon-notifications-active\",{\"size\":[2]}]]],[\"flip-icon-notifications-off\",[[1,\"flip-icon-notifications-off\",{\"size\":[2]}]]],[\"flip-icon-open-in-new\",[[1,\"flip-icon-open-in-new\",{\"size\":[2]}]]],[\"flip-icon-people-alt\",[[1,\"flip-icon-people-alt\",{\"size\":[2]}]]],[\"flip-icon-person-off\",[[1,\"flip-icon-person-off\",{\"size\":[2]}]]],[\"flip-icon-phone\",[[1,\"flip-icon-phone\",{\"size\":[2]}]]],[\"flip-icon-poll\",[[1,\"flip-icon-poll\",{\"size\":[2]}]]],[\"flip-icon-print\",[[1,\"flip-icon-print\",{\"size\":[2]}]]],[\"flip-icon-recieved\",[[1,\"flip-icon-recieved\",{\"size\":[2]}]]],[\"flip-icon-search-strong\",[[1,\"flip-icon-search-strong\",{\"size\":[2]}]]],[\"flip-icon-send\",[[1,\"flip-icon-send\",{\"size\":[2]}]]],[\"flip-icon-settings\",[[1,\"flip-icon-settings\",{\"size\":[2]}]]],[\"flip-icon-tasks-filled\",[[1,\"flip-icon-tasks-filled\",{\"size\":[2]}]]],[\"flip-icon-tasks-outlined\",[[1,\"flip-icon-tasks-outlined\",{\"size\":[2]}]]],[\"flip-icon-time-filled\",[[1,\"flip-icon-time-filled\",{\"size\":[2]}]]],[\"flip-icon-time-outlined\",[[1,\"flip-icon-time-outlined\",{\"size\":[2]}]]],[\"flip-icon-user-assign\",[[1,\"flip-icon-user-assign\",{\"size\":[2]}]]],[\"flip-icon-video-camera\",[[1,\"flip-icon-video-camera\",{\"size\":[2]}]]],[\"flip-icon-warning\",[[1,\"flip-icon-warning\",{\"size\":[2]}]]],[\"flip-link\",[[1,\"flip-link\",{\"href\":[1],\"label\":[1],\"target\":[1]}]]],[\"flip-list\",[[4,\"flip-list\"]]],[\"flip-option-list-section\",[[1,\"flip-option-list-section\",{\"label\":[1]}]]],[\"flip-progress-indicator\",[[1,\"flip-progress-indicator\",{\"label\":[1],\"size\":[1],\"value\":[2],\"variant\":[1]}]]],[\"flip-radio-group\",[[6,\"flip-radio-group\",{\"flipAriaDescribedby\":[1,\"flip-aria-describedby\"],\"value\":[1537]}]]],[\"flip-tab\",[[1,\"flip-tab\",{\"active\":[4],\"label\":[1],\"tabId\":[1,\"tab-id\"]}]]],[\"flip-tabs\",[[6,\"flip-tabs\",{\"initialTab\":[1,\"initial-tab\"],\"label\":[1],\"activeTab\":[32],\"activateTab\":[64]}]]],[\"flip-theme-provider\",[[6,\"flip-theme-provider\",{\"config\":[16],\"getActiveTheme\":[64],\"getPreferredTheme\":[64],\"setPreferredTheme\":[64],\"resetPreferredTheme\":[64]}]]],[\"flip-thumbnail\",[[1,\"flip-thumbnail\",{\"alt\":[1],\"format\":[1],\"size\":[1],\"src\":[1]}]]],[\"flip-tooltip\",[[1,\"flip-tooltip\",{\"content\":[1],\"delay\":[2],\"position\":[1],\"actualPosition\":[32],\"visible\":[32]},[[1,\"mouseenter\",\"onMouseEnter\"],[1,\"mouseleave\",\"onMouseLeave\"],[9,\"resize\",\"onWindowResize\"],[9,\"scroll\",\"onWindowScroll\"]]]]],[\"flip-tree-navigation-item\",[[1,\"flip-tree-navigation-item\",{\"active\":[4],\"icon\":[1],\"label\":[1]}]]],[\"flip-text-input\",[[2,\"flip-text-input\",{\"autoComplete\":[1,\"auto-complete\"],\"autoFocus\":[4,\"auto-focus\"],\"autoSelect\":[4,\"auto-select\"],\"clearable\":[4],\"clearButtonLabel\":[1,\"clear-button-label\"],\"disabled\":[4],\"disableDynamicWidth\":[4,\"disable-dynamic-width\"],\"flipAriaAutocomplete\":[1,\"flip-aria-autocomplete\"],\"flipAriaControls\":[1,\"flip-aria-controls\"],\"flipAriaDescribedby\":[1,\"flip-aria-describedby\"],\"flipAriaExpanded\":[1,\"flip-aria-expanded\"],\"flipRole\":[1,\"flip-role\"],\"invalid\":[4],\"maxLength\":[2,\"max-length\"],\"max\":[2],\"min\":[2],\"mode\":[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],\"showPassword\":[32]}]]],[\"flip-toast\",[[1,\"flip-toast\",{\"accessibleDismissLabel\":[1,\"accessible-dismiss-label\"],\"content\":[1],\"dismissLabel\":[1,\"dismiss-label\"],\"duration\":[2],\"icon\":[1],\"intent\":[1],\"toastId\":[1,\"toast-id\"]}]]],[\"flip-icon-cloud-upload\",[[1,\"flip-icon-cloud-upload\",{\"size\":[2]}]]],[\"flip-icon-person\",[[1,\"flip-icon-person\",{\"size\":[2]}]]],[\"flip-icon-search\",[[1,\"flip-icon-search\",{\"size\":[2]}]]],[\"flip-button-group\",[[1,\"flip-button-group\",{\"orientation\":[1],\"segmented\":[4],\"stretch\":[4],\"wrap\":[4]}]]],[\"flip-date-picker_2\",[[1,\"flip-date-picker\",{\"locale\":[16],\"maxDate\":[16],\"minDate\":[16],\"range\":[4],\"startDate\":[16],\"value\":[1040]}],[1,\"flip-icon-today\",{\"size\":[2]}]]],[\"flip-icon-arrow-left_3\",[[1,\"flip-icon-arrow-left\",{\"size\":[2]}],[1,\"flip-icon-arrow-right\",{\"size\":[2]}],[1,\"flip-icon-download\",{\"size\":[2]}]]],[\"flip-popover\",[[1,\"flip-popover\",{\"animation\":[1],\"enableFlip\":[4,\"enable-flip\"],\"label\":[1],\"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\"]]]]],[\"flip-icon-add_4\",[[1,\"flip-icon-add\",{\"size\":[2]}],[1,\"flip-icon-fullscreen\",{\"size\":[2]}],[1,\"flip-icon-fullscreen-exit\",{\"size\":[2]}],[1,\"flip-icon-remove\",{\"size\":[2]}]]],[\"flip-icon-check-strong\",[[1,\"flip-icon-check-strong\",{\"size\":[2]}]]],[\"flip-app-layout_5\",[[1,\"flip-app-layout\",{\"appBarMedia\":[1,\"app-bar-media\"],\"appName\":[1,\"app-name\"],\"backToNavigationViewButtonLabel\":[1,\"back-to-navigation-view-button-label\"],\"ctaIcon\":[1,\"cta-icon\"],\"ctaLabel\":[1,\"cta-label\"],\"heading\":[1],\"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\"],\"subheading\":[1],\"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,\"flip-empty-state\",{\"heading\":[1],\"illustration\":[1]}],[1,\"flip-resource-list-item\",{\"checked\":[1028],\"description\":[1],\"disabled\":[4],\"hideDivider\":[4,\"hide-divider\"],\"href\":[1],\"label\":[1],\"media\":[1],\"menuTriggerId\":[1,\"menu-trigger-id\"],\"menuTriggerLabel\":[1,\"menu-trigger-label\"],\"meta\":[1],\"selectable\":[4],\"value\":[1]}],[1,\"flip-resource-list\",{\"label\":[1]}],[1,\"flip-box\",{\"as\":[1],\"bordered\":[4],\"centerBlock\":[4,\"center-block\"],\"centerInline\":[4,\"center-inline\"],\"cover\":[4],\"padding\":[1]}]]],[\"flip-icon-close\",[[1,\"flip-icon-close\",{\"size\":[2]}]]],[\"flip-icon-expand-more\",[[1,\"flip-icon-expand-more\",{\"size\":[2]}]]],[\"flip-stack\",[[1,\"flip-stack\",{\"align\":[1],\"as\":[1],\"justify\":[1],\"orientation\":[1],\"spacing\":[1],\"wrap\":[4]}]]],[\"flip-icon-check-small_3\",[[1,\"flip-option-list-item\",{\"context\":[1025],\"disabled\":[4],\"icon\":[1],\"label\":[1],\"selected\":[1028],\"value\":[1]}],[1,\"flip-icon-check-small\",{\"size\":[2]}],[6,\"flip-option-list\",{\"disabled\":[4],\"label\":[1],\"optionListId\":[1,\"option-list-id\"],\"multiSelect\":[4,\"multi-select\"],\"value\":[1040]}]]],[\"flip-heading_2\",[[1,\"flip-text\",{\"align\":[1],\"as\":[1],\"color\":[1],\"fontStyle\":[1,\"font-style\"],\"size\":[1],\"truncate\":[4],\"weight\":[1]}],[2,\"flip-heading\",{\"align\":[1],\"as\":[1],\"headingId\":[1,\"heading-id\"],\"level\":[2],\"text\":[1]}]]],[\"flip-icon-cancel_4\",[[1,\"flip-icon-visibility\",{\"size\":[2]}],[1,\"flip-icon-visibility-off\",{\"size\":[2]}],[1,\"flip-icon-cancel\",{\"size\":[2]}],[1,\"flip-icon-expand-less\",{\"size\":[2]}]]],[\"flip-button\",[[2,\"flip-button\",{\"disabled\":[4],\"download\":[1],\"flipAriaDescribedby\":[1,\"flip-aria-describedby\"],\"flipAriaExpanded\":[1,\"flip-aria-expanded\"],\"flipAriaLabel\":[1,\"flip-aria-label\"],\"form\":[1],\"hideLabel\":[4,\"hide-label\"],\"href\":[1],\"icon\":[1],\"iconPosition\":[1,\"icon-position\"],\"intent\":[1],\"label\":[1],\"name\":[1],\"size\":[1],\"target\":[1],\"type\":[1],\"value\":[1],\"variant\":[1]}]]],[\"flip-visually-hidden\",[[1,\"flip-visually-hidden\"]]],[\"flip-icon-error_3\",[[1,\"flip-inline-error\",{\"message\":[1],\"size\":[1]}],[1,\"flip-spinner\",{\"label\":[1],\"size\":[1]}],[1,\"flip-icon-error\",{\"size\":[2]}]]],[\"flip-file-viewer_7\",[[1,\"flip-file-viewer\",{\"active\":[4],\"autoplay\":[4],\"description\":[1],\"errorMessage\":[1,\"error-message\"],\"file\":[1],\"type\":[1],\"typeUnsupportedMessage\":[1,\"type-unsupported-message\"],\"zoom\":[8],\"download\":[64],\"print\":[64]}],[1,\"flip-file-viewer-csv\",{\"errorMessage\":[1,\"error-message\"],\"file\":[1],\"data\":[32],\"error\":[32],\"loading\":[32]}],[1,\"flip-file-viewer-image\",{\"description\":[1],\"errorMessage\":[1,\"error-message\"],\"file\":[1],\"maxZoom\":[2,\"max-zoom\"],\"error\":[32],\"loading\":[32],\"getZoom\":[64],\"resetZoom\":[64]}],[1,\"flip-file-viewer-pdf\",{\"errorMessage\":[1,\"error-message\"],\"file\":[1],\"singlePageMode\":[4,\"single-page-mode\"],\"zoom\":[8],\"doc\":[32],\"error\":[32],\"loading\":[32],\"renderedPages\":[32],\"scrolledDown\":[32],\"singlePageModePage\":[32],\"visiblePages\":[32],\"print\":[64],\"nextPage\":[64],\"previousPage\":[64],\"setPage\":[64]},[[9,\"resize\",\"onWindowResize\"]]],[1,\"flip-file-viewer-text\",{\"errorMessage\":[1,\"error-message\"],\"file\":[1],\"error\":[32],\"loading\":[32],\"text\":[32]}],[1,\"flip-file-viewer-audio\",{\"autoplay\":[4],\"file\":[1],\"type\":[1]}],[1,\"flip-file-viewer-video\",{\"autoplay\":[4],\"file\":[1],\"type\":[1]}]]]]"), options);
+  return bootstrapLazy(JSON.parse("[[\"file-manager\",[[1,\"file-manager\",{\"selectedDirectory\":[32],\"selectedFile\":[32]}]]],[\"swirl-pdf-reader\",[[1,\"swirl-pdf-reader\",{\"autoZoomLabel\":[1,\"auto-zoom-label\"],\"closeButtonLabel\":[1,\"close-button-label\"],\"downloadButtonLabel\":[1,\"download-button-label\"],\"file\":[1],\"label\":[1],\"printButtonLabel\":[1,\"print-button-label\"],\"zoomInButtonLabel\":[1,\"zoom-in-button-label\"],\"zoomOutButtonLabel\":[1,\"zoom-out-button-label\"],\"zoomSelectLabel\":[1,\"zoom-select-label\"],\"active\":[32],\"closing\":[32],\"downloading\":[32],\"zoom\":[32],\"zoomSteps\":[32],\"open\":[64],\"close\":[64]},[[9,\"resize\",\"onWindowResize\"]]]]],[\"swirl-autocomplete\",[[2,\"swirl-autocomplete\",{\"autoSelect\":[4,\"auto-select\"],\"clearable\":[4],\"clearButtonLabel\":[1,\"clear-button-label\"],\"disabled\":[4],\"swirlAriaDescribedby\":[1,\"swirl-aria-describedby\"],\"generateSuggestions\":[1040],\"invalid\":[4],\"maxLength\":[2,\"max-length\"],\"menuLabel\":[1,\"menu-label\"],\"mode\":[1],\"required\":[4],\"spellCheck\":[4,\"spell-check\"],\"value\":[1537],\"active\":[32],\"loading\":[32],\"position\":[32],\"suggestions\":[32]},[[8,\"click\",\"onWindowClick\"]]]]],[\"swirl-resource-list-file-item\",[[1,\"swirl-resource-list-file-item\",{\"description\":[1],\"errorMessage\":[1,\"error-message\"],\"icon\":[1],\"label\":[1],\"loading\":[4],\"removable\":[4],\"removeButtonLabel\":[1,\"remove-button-label\"]}]]],[\"swirl-lightbox\",[[1,\"swirl-lightbox\",{\"closeButtonLabel\":[1,\"close-button-label\"],\"downloadButtonLabel\":[1,\"download-button-label\"],\"label\":[1],\"nextSlideButtonLabel\":[1,\"next-slide-button-label\"],\"previousSlideButtonLabel\":[1,\"previous-slide-button-label\"],\"activeSlideIndex\":[32],\"closing\":[32],\"slides\":[32],\"open\":[64],\"close\":[64],\"activateSlide\":[64]}]]],[\"swirl-modal\",[[1,\"swirl-modal\",{\"closeButtonLabel\":[1,\"close-button-label\"],\"label\":[1],\"primaryActionLabel\":[1,\"primary-action-label\"],\"secondaryActionLabel\":[1,\"secondary-action-label\"],\"closing\":[32],\"scrollable\":[32],\"scrolled\":[32],\"scrolledDown\":[32],\"open\":[64],\"close\":[64]},[[9,\"resize\",\"onWindowResize\"]]]]],[\"swirl-select\",[[6,\"swirl-select\",{\"disabled\":[4],\"swirlAriaDescribedby\":[1,\"swirl-aria-describedby\"],\"invalid\":[4],\"label\":[1],\"multiSelect\":[4,\"multi-select\"],\"required\":[4],\"value\":[1040],\"options\":[32],\"open\":[32]},[[8,\"focusin\",\"onWindowFocusIn\"]]]]],[\"swirl-console-layout\",[[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\"],\"showNavigationButtonLabel\":[1,\"show-navigation-button-label\"],\"navigationLabel\":[1,\"navigation-label\"],\"showBackButton\":[4,\"show-back-button\"],\"showHelpButton\":[4,\"show-help-button\"],\"subheading\":[1],\"sidebarActive\":[32],\"toggleSidebar\":[64],\"showSidebar\":[64],\"hideSidebar\":[64]},[[9,\"resize\",\"onWindowResize\"]]]]],[\"swirl-date-input\",[[2,\"swirl-date-input\",{\"autoFocus\":[4,\"auto-focus\"],\"autoSelect\":[4,\"auto-select\"],\"datePickerLabel\":[1,\"date-picker-label\"],\"disabled\":[4],\"swirlAriaDescribedby\":[1,\"swirl-aria-describedby\"],\"format\":[1],\"invalid\":[4],\"locale\":[16],\"placeholder\":[1],\"required\":[4],\"value\":[1537],\"iconSize\":[32]}]]],[\"swirl-dialog\",[[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]}]]],[\"swirl-pagination\",[[1,\"swirl-pagination\",{\"accessibleNextButtonLabel\":[1,\"accessible-next-button-label\"],\"accessiblePrevButtonLabel\":[1,\"accessible-prev-button-label\"],\"nextButtonLabel\":[1,\"next-button-label\"],\"pageLabel\":[1,\"page-label\"],\"prevButtonLabel\":[1,\"prev-button-label\"],\"label\":[1],\"page\":[2],\"pages\":[2],\"pageSelectLabel\":[1,\"page-select-label\"],\"variant\":[1]}]]],[\"swirl-toast-provider\",[[1,\"swirl-toast-provider\",{\"globalDuration\":[2,\"global-duration\"],\"toasts\":[32],\"clearAll\":[64],\"dismiss\":[64],\"toast\":[64]}]]],[\"swirl-checkbox\",[[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]}]]],[\"swirl-file-uploader\",[[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]}]]],[\"swirl-form-control\",[[6,\"swirl-form-control\",{\"description\":[1],\"disabled\":[4],\"errorMessage\":[1,\"error-message\"],\"invalid\":[4],\"label\":[1],\"hasFocus\":[32],\"inputValue\":[32]},[[8,\"click\",\"onWindowClick\"]]]]],[\"swirl-search\",[[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]},[[8,\"keydown\",\"onKeyDown\"]]]]],[\"swirl-table\",[[1,\"swirl-table\",{\"caption\":[1],\"emptyStateLabel\":[1,\"empty-state-label\"],\"label\":[1],\"empty\":[32],\"scrollable\":[32],\"scrolled\":[32],\"scrolledToEnd\":[32]},[[9,\"resize\",\"onWindowResize\"]]]]],[\"swirl-table-column\",[[1,\"swirl-table-column\",{\"sort\":[1],\"sortable\":[4],\"maxWidth\":[1,\"max-width\"],\"minWidth\":[1,\"min-width\"],\"sticky\":[4],\"width\":[1]}]]],[\"swirl-avatar\",[[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]}]]],[\"swirl-banner\",[[1,\"swirl-banner\",{\"actionLabel\":[1,\"action-label\"],\"content\":[1],\"dismissable\":[4],\"dismissLabel\":[1,\"dismiss-label\"],\"importance\":[1],\"intent\":[1],\"showIcon\":[4,\"show-icon\"]}]]],[\"swirl-radio\",[[2,\"swirl-radio\",{\"checked\":[1032],\"description\":[1],\"disabled\":[4],\"inputId\":[1,\"input-id\"],\"inputName\":[1,\"input-name\"],\"invalid\":[4],\"label\":[1],\"value\":[1]}]]],[\"swirl-switch\",[[2,\"swirl-switch\",{\"checked\":[1028],\"disabled\":[4],\"inputId\":[1,\"input-id\"],\"inputName\":[1,\"input-name\"],\"label\":[1],\"size\":[1],\"value\":[1]},[[9,\"pointerup\",\"onWindowPointerUp\"]]]]],[\"swirl-tag\",[[1,\"swirl-tag\",{\"intent\":[1],\"label\":[1],\"removable\":[4],\"removalButtonLabel\":[1,\"removal-button-label\"]}]]],[\"swirl-video-thumbnail\",[[1,\"swirl-video-thumbnail\",{\"durationLabel\":[1,\"duration-label\"],\"duration\":[1],\"label\":[1],\"src\":[1]}]]],[\"swirl-action-list\",[[1,\"swirl-action-list\"]]],[\"swirl-action-list-item\",[[1,\"swirl-action-list-item\",{\"disabled\":[4],\"description\":[1],\"icon\":[1],\"intent\":[1],\"label\":[1],\"size\":[1],\"suffix\":[1]}]]],[\"swirl-action-list-section\",[[1,\"swirl-action-list-section\",{\"label\":[1]}]]],[\"swirl-avatar-group\",[[1,\"swirl-avatar-group\",{\"badge\":[1]}]]],[\"swirl-badge\",[[1,\"swirl-badge\",{\"icon\":[1],\"intent\":[1],\"label\":[1],\"size\":[1],\"variant\":[1]}]]],[\"swirl-card\",[[1,\"swirl-card\",{\"as\":[1],\"elevated\":[4],\"interactive\":[4],\"href\":[1],\"linkTarget\":[1,\"link-target\"]}]]],[\"swirl-chip\",[[1,\"swirl-chip\",{\"avatar\":[1],\"icon\":[1],\"intent\":[1],\"interactive\":[4],\"label\":[1]}]]],[\"swirl-description-list\",[[1,\"swirl-description-list\"]]],[\"swirl-description-list-item\",[[1,\"swirl-description-list-item\",{\"term\":[1]}]]],[\"swirl-form-group\",[[6,\"swirl-form-group\",{\"orientation\":[1]}]]],[\"swirl-icon-add-photo\",[[1,\"swirl-icon-add-photo\",{\"size\":[2]}]]],[\"swirl-icon-admin-panel-settings\",[[1,\"swirl-icon-admin-panel-settings\",{\"size\":[2]}]]],[\"swirl-icon-arrow-back\",[[1,\"swirl-icon-arrow-back\",{\"size\":[2]}]]],[\"swirl-icon-arrow-forward\",[[1,\"swirl-icon-arrow-forward\",{\"size\":[2]}]]],[\"swirl-icon-arrow-right-small\",[[1,\"swirl-icon-arrow-right-small\",{\"size\":[2]}]]],[\"swirl-icon-attachment\",[[1,\"swirl-icon-attachment\",{\"size\":[2]}]]],[\"swirl-icon-block\",[[1,\"swirl-icon-block\",{\"size\":[2]}]]],[\"swirl-icon-chat-bubble\",[[1,\"swirl-icon-chat-bubble\",{\"size\":[2]}]]],[\"swirl-icon-chats-filled\",[[1,\"swirl-icon-chats-filled\",{\"size\":[2]}]]],[\"swirl-icon-chats-outlined\",[[1,\"swirl-icon-chats-outlined\",{\"size\":[2]}]]],[\"swirl-icon-check\",[[1,\"swirl-icon-check\",{\"size\":[2]}]]],[\"swirl-icon-check-circle\",[[1,\"swirl-icon-check-circle\",{\"size\":[2]}]]],[\"swirl-icon-chevron-left\",[[1,\"swirl-icon-chevron-left\",{\"size\":[2]}]]],[\"swirl-icon-chevron-right\",[[1,\"swirl-icon-chevron-right\",{\"size\":[2]}]]],[\"swirl-icon-close-small\",[[1,\"swirl-icon-close-small\",{\"size\":[2]}]]],[\"swirl-icon-column\",[[1,\"swirl-icon-column\",{\"size\":[2]}]]],[\"swirl-icon-comment\",[[1,\"swirl-icon-comment\",{\"size\":[2]}]]],[\"swirl-icon-copy\",[[1,\"swirl-icon-copy\",{\"size\":[2]}]]],[\"swirl-icon-date-range\",[[1,\"swirl-icon-date-range\",{\"size\":[2]}]]],[\"swirl-icon-delete\",[[1,\"swirl-icon-delete\",{\"size\":[2]}]]],[\"swirl-icon-description\",[[1,\"swirl-icon-description\",{\"size\":[2]}]]],[\"swirl-icon-edit\",[[1,\"swirl-icon-edit\",{\"size\":[2]}]]],[\"swirl-icon-emoji-mood\",[[1,\"swirl-icon-emoji-mood\",{\"size\":[2]}]]],[\"swirl-icon-emoji-satisfied\",[[1,\"swirl-icon-emoji-satisfied\",{\"size\":[2]}]]],[\"swirl-icon-file\",[[1,\"swirl-icon-file\",{\"size\":[2]}]]],[\"swirl-icon-filter\",[[1,\"swirl-icon-filter\",{\"size\":[2]}]]],[\"swirl-icon-folder-shared\",[[1,\"swirl-icon-folder-shared\",{\"size\":[2]}]]],[\"swirl-icon-group-assign\",[[1,\"swirl-icon-group-assign\",{\"size\":[2]}]]],[\"swirl-icon-groups\",[[1,\"swirl-icon-groups\",{\"size\":[2]}]]],[\"swirl-icon-groups-custom\",[[1,\"swirl-icon-groups-custom\",{\"size\":[2]}]]],[\"swirl-icon-groups-filled\",[[1,\"swirl-icon-groups-filled\",{\"size\":[2]}]]],[\"swirl-icon-groups-outlined\",[[1,\"swirl-icon-groups-outlined\",{\"size\":[2]}]]],[\"swirl-icon-help\",[[1,\"swirl-icon-help\",{\"size\":[2]}]]],[\"swirl-icon-image\",[[1,\"swirl-icon-image\",{\"size\":[2]}]]],[\"swirl-icon-info\",[[1,\"swirl-icon-info\",{\"size\":[2]}]]],[\"swirl-icon-inventory\",[[1,\"swirl-icon-inventory\",{\"size\":[2]}]]],[\"swirl-icon-like\",[[1,\"swirl-icon-like\",{\"size\":[2]}]]],[\"swirl-icon-link\",[[1,\"swirl-icon-link\",{\"size\":[2]}]]],[\"swirl-icon-lock\",[[1,\"swirl-icon-lock\",{\"size\":[2]}]]],[\"swirl-icon-logout\",[[1,\"swirl-icon-logout\",{\"size\":[2]}]]],[\"swirl-icon-mail\",[[1,\"swirl-icon-mail\",{\"size\":[2]}]]],[\"swirl-icon-manage-accounts\",[[1,\"swirl-icon-manage-accounts\",{\"size\":[2]}]]],[\"swirl-icon-mention\",[[1,\"swirl-icon-mention\",{\"size\":[2]}]]],[\"swirl-icon-menu\",[[1,\"swirl-icon-menu\",{\"size\":[2]}]]],[\"swirl-icon-menu-filled\",[[1,\"swirl-icon-menu-filled\",{\"size\":[2]}]]],[\"swirl-icon-menu-outlined\",[[1,\"swirl-icon-menu-outlined\",{\"size\":[2]}]]],[\"swirl-icon-message\",[[1,\"swirl-icon-message\",{\"size\":[2]}]]],[\"swirl-icon-more-horizontal\",[[1,\"swirl-icon-more-horizontal\",{\"size\":[2]}]]],[\"swirl-icon-more-vertikal\",[[1,\"swirl-icon-more-vertikal\",{\"size\":[2]}]]],[\"swirl-icon-news-filled\",[[1,\"swirl-icon-news-filled\",{\"size\":[2]}]]],[\"swirl-icon-news-outlined\",[[1,\"swirl-icon-news-outlined\",{\"size\":[2]}]]],[\"swirl-icon-notifications\",[[1,\"swirl-icon-notifications\",{\"size\":[2]}]]],[\"swirl-icon-notifications-active\",[[1,\"swirl-icon-notifications-active\",{\"size\":[2]}]]],[\"swirl-icon-notifications-off\",[[1,\"swirl-icon-notifications-off\",{\"size\":[2]}]]],[\"swirl-icon-open-in-new\",[[1,\"swirl-icon-open-in-new\",{\"size\":[2]}]]],[\"swirl-icon-people-alt\",[[1,\"swirl-icon-people-alt\",{\"size\":[2]}]]],[\"swirl-icon-person-off\",[[1,\"swirl-icon-person-off\",{\"size\":[2]}]]],[\"swirl-icon-phone\",[[1,\"swirl-icon-phone\",{\"size\":[2]}]]],[\"swirl-icon-poll\",[[1,\"swirl-icon-poll\",{\"size\":[2]}]]],[\"swirl-icon-print\",[[1,\"swirl-icon-print\",{\"size\":[2]}]]],[\"swirl-icon-recieved\",[[1,\"swirl-icon-recieved\",{\"size\":[2]}]]],[\"swirl-icon-search-strong\",[[1,\"swirl-icon-search-strong\",{\"size\":[2]}]]],[\"swirl-icon-send\",[[1,\"swirl-icon-send\",{\"size\":[2]}]]],[\"swirl-icon-settings\",[[1,\"swirl-icon-settings\",{\"size\":[2]}]]],[\"swirl-icon-sync\",[[1,\"swirl-icon-sync\",{\"size\":[2]}]]],[\"swirl-icon-tasks-filled\",[[1,\"swirl-icon-tasks-filled\",{\"size\":[2]}]]],[\"swirl-icon-tasks-outlined\",[[1,\"swirl-icon-tasks-outlined\",{\"size\":[2]}]]],[\"swirl-icon-time-filled\",[[1,\"swirl-icon-time-filled\",{\"size\":[2]}]]],[\"swirl-icon-time-outlined\",[[1,\"swirl-icon-time-outlined\",{\"size\":[2]}]]],[\"swirl-icon-user-assign\",[[1,\"swirl-icon-user-assign\",{\"size\":[2]}]]],[\"swirl-icon-video-camera\",[[1,\"swirl-icon-video-camera\",{\"size\":[2]}]]],[\"swirl-icon-warning\",[[1,\"swirl-icon-warning\",{\"size\":[2]}]]],[\"swirl-link\",[[1,\"swirl-link\",{\"href\":[1],\"label\":[1],\"target\":[1]}]]],[\"swirl-list\",[[4,\"swirl-list\"]]],[\"swirl-option-list-section\",[[1,\"swirl-option-list-section\",{\"label\":[1]}]]],[\"swirl-progress-indicator\",[[1,\"swirl-progress-indicator\",{\"label\":[1],\"size\":[1],\"value\":[2],\"variant\":[1]}]]],[\"swirl-radio-group\",[[6,\"swirl-radio-group\",{\"swirlAriaDescribedby\":[1,\"swirl-aria-describedby\"],\"value\":[1537]}]]],[\"swirl-separator\",[[1,\"swirl-separator\"]]],[\"swirl-tab\",[[1,\"swirl-tab\",{\"active\":[4],\"label\":[1],\"tabId\":[1,\"tab-id\"]}]]],[\"swirl-table-cell\",[[1,\"swirl-table-cell\"]]],[\"swirl-table-row\",[[1,\"swirl-table-row\",{\"highlighted\":[4],\"index\":[2]}]]],[\"swirl-table-row-group\",[[1,\"swirl-table-row-group\",{\"label\":[1]}]]],[\"swirl-tabs\",[[6,\"swirl-tabs\",{\"initialTab\":[1,\"initial-tab\"],\"label\":[1],\"activeTab\":[32],\"activateTab\":[64]}]]],[\"swirl-theme-provider\",[[6,\"swirl-theme-provider\",{\"config\":[16],\"getActiveTheme\":[64],\"getPreferredTheme\":[64],\"setPreferredTheme\":[64],\"resetPreferredTheme\":[64]}]]],[\"swirl-thumbnail\",[[1,\"swirl-thumbnail\",{\"alt\":[1],\"format\":[1],\"size\":[1],\"src\":[1]}]]],[\"swirl-tooltip\",[[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\"]]]]],[\"swirl-tree-navigation-item\",[[1,\"swirl-tree-navigation-item\",{\"active\":[4],\"icon\":[1],\"label\":[1]}]]],[\"swirl-text-input\",[[2,\"swirl-text-input\",{\"autoComplete\":[1,\"auto-complete\"],\"autoFocus\":[4,\"auto-focus\"],\"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\"],\"invalid\":[4],\"maxLength\":[2,\"max-length\"],\"max\":[2],\"min\":[2],\"mode\":[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]}]]],[\"swirl-toast\",[[1,\"swirl-toast\",{\"accessibleDismissLabel\":[1,\"accessible-dismiss-label\"],\"content\":[1],\"dismissLabel\":[1,\"dismiss-label\"],\"duration\":[2],\"icon\":[1],\"intent\":[1],\"toastId\":[1,\"toast-id\"]}]]],[\"swirl-icon-cloud-upload\",[[1,\"swirl-icon-cloud-upload\",{\"size\":[2]}]]],[\"swirl-icon-person\",[[1,\"swirl-icon-person\",{\"size\":[2]}]]],[\"swirl-icon-search\",[[1,\"swirl-icon-search\",{\"size\":[2]}]]],[\"swirl-button-group\",[[1,\"swirl-button-group\",{\"orientation\":[1],\"segmented\":[4],\"stretch\":[4],\"wrap\":[4]}]]],[\"swirl-date-picker_2\",[[1,\"swirl-date-picker\",{\"locale\":[16],\"maxDate\":[16],\"minDate\":[16],\"range\":[4],\"startDate\":[16],\"value\":[1040]}],[1,\"swirl-icon-today\",{\"size\":[2]}]]],[\"swirl-icon-arrow-downward_2\",[[1,\"swirl-icon-arrow-downward\",{\"size\":[2]}],[1,\"swirl-icon-arrow-upward\",{\"size\":[2]}]]],[\"swirl-icon-arrow-left_3\",[[1,\"swirl-icon-arrow-left\",{\"size\":[2]}],[1,\"swirl-icon-arrow-right\",{\"size\":[2]}],[1,\"swirl-icon-download\",{\"size\":[2]}]]],[\"swirl-popover\",[[1,\"swirl-popover\",{\"animation\":[1],\"enableFlip\":[4,\"enable-flip\"],\"label\":[1],\"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\"]]]]],[\"swirl-icon-add_4\",[[1,\"swirl-icon-add\",{\"size\":[2]}],[1,\"swirl-icon-fullscreen\",{\"size\":[2]}],[1,\"swirl-icon-fullscreen-exit\",{\"size\":[2]}],[1,\"swirl-icon-remove\",{\"size\":[2]}]]],[\"swirl-text\",[[1,\"swirl-text\",{\"align\":[1],\"as\":[1],\"color\":[1],\"fontStyle\":[1,\"font-style\"],\"size\":[1],\"truncate\":[4],\"weight\":[1]}]]],[\"swirl-heading\",[[2,\"swirl-heading\",{\"align\":[1],\"as\":[1],\"headingId\":[1,\"heading-id\"],\"level\":[2],\"text\":[1]}]]],[\"swirl-icon-check-strong\",[[1,\"swirl-icon-check-strong\",{\"size\":[2]}]]],[\"swirl-icon-close\",[[1,\"swirl-icon-close\",{\"size\":[2]}]]],[\"swirl-icon-expand-more\",[[1,\"swirl-icon-expand-more\",{\"size\":[2]}]]],[\"swirl-stack\",[[1,\"swirl-stack\",{\"align\":[1],\"as\":[1],\"justify\":[1],\"orientation\":[1],\"spacing\":[1],\"wrap\":[4]}]]],[\"swirl-icon-check-small_3\",[[1,\"swirl-option-list-item\",{\"context\":[1025],\"disabled\":[4],\"icon\":[1],\"label\":[1],\"selected\":[1028],\"value\":[1],\"iconSize\":[32]}],[1,\"swirl-icon-check-small\",{\"size\":[2]}],[6,\"swirl-option-list\",{\"disabled\":[4],\"label\":[1],\"optionListId\":[1,\"option-list-id\"],\"multiSelect\":[4,\"multi-select\"],\"value\":[1040]}]]],[\"swirl-icon-cancel_4\",[[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]}]]],[\"swirl-button\",[[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]}]]],[\"swirl-app-layout_5\",[[1,\"swirl-app-layout\",{\"appBarMedia\":[1,\"app-bar-media\"],\"appName\":[1,\"app-name\"],\"backToNavigationViewButtonLabel\":[1,\"back-to-navigation-view-button-label\"],\"ctaIcon\":[1,\"cta-icon\"],\"ctaLabel\":[1,\"cta-label\"],\"heading\":[1],\"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\"],\"subheading\":[1],\"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]}],[1,\"swirl-resource-list-item\",{\"checked\":[1028],\"description\":[1],\"disabled\":[4],\"hideDivider\":[4,\"hide-divider\"],\"href\":[1],\"label\":[1],\"media\":[1],\"menuTriggerId\":[1,\"menu-trigger-id\"],\"menuTriggerLabel\":[1,\"menu-trigger-label\"],\"meta\":[1],\"selectable\":[4],\"value\":[1]}],[1,\"swirl-resource-list\",{\"label\":[1]}],[1,\"swirl-box\",{\"as\":[1],\"bordered\":[4],\"centerBlock\":[4,\"center-block\"],\"centerInline\":[4,\"center-inline\"],\"cover\":[4],\"overflow\":[1],\"padding\":[1]}]]],[\"swirl-visually-hidden\",[[1,\"swirl-visually-hidden\"]]],[\"swirl-icon-error_3\",[[1,\"swirl-inline-error\",{\"message\":[1],\"size\":[1]}],[1,\"swirl-spinner\",{\"label\":[1],\"size\":[1]}],[1,\"swirl-icon-error\",{\"size\":[2]}]]],[\"swirl-file-viewer_7\",[[1,\"swirl-file-viewer\",{\"active\":[4],\"autoplay\":[4],\"description\":[1],\"errorMessage\":[1,\"error-message\"],\"file\":[1],\"type\":[1],\"typeUnsupportedMessage\":[1,\"type-unsupported-message\"],\"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\"],\"zoom\":[8],\"doc\":[32],\"error\":[32],\"loading\":[32],\"renderedPages\":[32],\"scrolledDown\":[32],\"singlePageModePage\":[32],\"visiblePages\":[32],\"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]}]]]]"), options);
   });
 };
 

package/dist/esm/swirl-action-list-item.entry.js

@@ -0,0 +1,42 @@
+import { r as registerInstance, h, H as Host } from './index-5a3b2828.js';
+import { c as classnames } from './index-c3028f7d.js';
+import { g as getDesktopMediaQuery } from './utils-7efaa1c6.js';
+import './_commonjsHelpers-44457d8d.js';
+
+const swirlActionListItemCss = ":host{display:block}:host *{box-sizing:border-box}.action-list-item{display:inline-flex;width:100%;min-width:15rem;margin:0;padding:var(--s-space-12) var(--s-space-16);justify-content:flex-start;align-items:center;border:none;color:var(--s-text-default);background-color:var(--s-surface-overlay-default);font:inherit;line-height:var(--s-line-height-base);text-align:left;cursor:pointer;gap:var(--s-space-12)}.action-list-item:hover{background-color:var(--s-surface-overlay-hovered)}.action-list-item:focus{outline:none}.action-list-item:focus-visible{background-color:var(--s-surface-overlay-hovered)}.action-list-item:active{background-color:var(--s-surface-overlay-pressed)}.action-list-item:disabled{background-color:var(--s-surface-overlay-default);cursor:default}.action-list-item:disabled .action-list-item__label,.action-list-item:disabled .action-list-item__description{color:var(--s-text-disabled)}.action-list-item:disabled .action-list-item__icon{color:var(--s-icon-disabled)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.action-list-item{padding:var(--s-space-8) var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);gap:var(--s-space-8)}}.action-list-item--size-l{padding:var(--s-space-16)}.action-list-item--intent-critical ::part(icon){color:var(--s-icon-critical)}.action-list-item--intent-critical:not(:disabled) .action-list-item__label{color:var(--s-text-critical)}.action-list-item--intent-critical:not(:disabled) .action-list-item__icon{color:var(--s-icon-critical)}.action-list-item__icon{display:inline-flex;flex-shrink:0;color:var(--s-icon-default)}.action-list-item__label-container{display:inline-flex;min-width:0;flex-grow:1;align-items:flex-start;flex-direction:column}.action-list-item__label{overflow:hidden;max-width:100%;font-weight:var(--s-font-weight-medium);white-space:nowrap;text-overflow:ellipsis}.action-list-item__description{color:var(--s-text-subdued)}.action-list-item__suffix{display:inline-flex;flex-shrink:0;color:var(--s-icon-highlight)}";
+
+const SwirlActionListItem = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.intent = "default";
+    this.size = "m";
+    this.desktopMediaQuery = getDesktopMediaQuery();
+    this.desktopMediaQueryHandler = (event) => {
+      this.forceIconProps(event.matches);
+    };
+  }
+  componentDidLoad() {
+    var _a, _b;
+    this.forceIconProps(this.desktopMediaQuery.matches);
+    (_b = (_a = this.desktopMediaQuery).addEventListener) === null || _b === void 0 ? void 0 : _b.call(_a, "change", this.desktopMediaQueryHandler);
+  }
+  disconnectedCallback() {
+    var _a, _b;
+    (_b = (_a = this.desktopMediaQuery).removeEventListener) === null || _b === void 0 ? void 0 : _b.call(_a, "change", this.desktopMediaQueryHandler);
+  }
+  forceIconProps(smallIcon) {
+    var _a, _b;
+    const icon = (_a = this.iconEl) === null || _a === void 0 ? void 0 : _a.children[0];
+    const suffix = (_b = this.suffixEl) === null || _b === void 0 ? void 0 : _b.children[0];
+    icon === null || icon === void 0 ? void 0 : icon.setAttribute("size", smallIcon ? "20" : "24");
+    suffix === null || suffix === void 0 ? void 0 : suffix.setAttribute("size", smallIcon ? "20" : "24");
+  }
+  render() {
+    const showSuffix = Boolean(this.suffix) && !this.disabled;
+    const className = classnames("action-list-item", `action-list-item--intent-${this.intent}`, `action-list-item--size-${this.size}`);
+    return (h(Host, null, h("button", { class: className, disabled: this.disabled, part: "action-list-item", role: "menuitem", tabIndex: -1, type: "button" }, this.icon && (h("span", { class: "action-list-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { class: "action-list-item__label-container" }, h("span", { class: "action-list-item__label" }, this.label), this.description && (h("span", { class: "action-list-item__description" }, this.description))), showSuffix && (h("span", { class: "action-list-item__suffix", innerHTML: this.suffix, ref: (el) => (this.suffixEl = el) })))));
+  }
+};
+SwirlActionListItem.style = swirlActionListItemCss;
+
+export { SwirlActionListItem as swirl_action_list_item };

package/dist/esm/swirl-action-list-section.entry.js

@@ -0,0 +1,15 @@
+import { r as registerInstance, h, H as Host } from './index-5a3b2828.js';
+
+const swirlActionListSectionCss = ":host{display:block}:host *{box-sizing:border-box}.action-list-section{background-color:var(--s-surface-overlay-default)}.action-list-section__label{display:block;width:100%;padding:var(--s-space-8) var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default);color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.action-list-section__label{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);padding:var(--s-space-8) var(--s-space-12)}}";
+
+const SwirlActionListSection = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  render() {
+    return (h(Host, null, h("div", { "aria-labelledby": "label", class: "action-list-section", role: "group" }, h("span", { class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), h("div", { class: "action-list-section__items" }, h("slot", null)))));
+  }
+};
+SwirlActionListSection.style = swirlActionListSectionCss;
+
+export { SwirlActionListSection as swirl_action_list_section };