@getflip/swirl-components 0.50.2 → 0.52.0

package/components.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2023-05-05T12:10:55",
+  "timestamp": "2023-05-08T12:08:32",
   "compiler": {
     "name": "@stencil/core",
     "version": "3.0.0",
@@ -16303,6 +16303,15 @@
           "docs": "",
           "docsTags": []
         },
+        {
+          "event": "inputInput",
+          "detail": "string",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        },
         {
           "event": "valueChange",
           "detail": "string",
@@ -19373,8 +19382,8 @@
               "type": "string"
             }
           ],
-          "optional": false,
-          "required": true
+          "optional": true,
+          "required": false
         },
         {
           "name": "dismissLabel",

package/dist/cjs/swirl-pagination.cjs.entry.js

@@ -4,14 +4,18 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-83363034.js');
 const index$1 = require('./index-2ddd0598.js');
+const utils = require('./utils-f1b4e064.js');
 
-const swirlPaginationCss = ":host{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:host *{box-sizing:border-box}.pagination{display:block;width:100%}.pagination--variant-simple .pagination__list{gap:0}.pagination__list{display:flex;margin:0;padding:0;justify-content:flex-start;align-items:center;line-height:var(--s-line-height-base);list-style:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.pagination__list{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.pagination__page-size-selection{display:flex;padding-right:var(--s-space-24);flex-shrink:0;align-items:center;color:var(--s-interactive-primary-default);white-space:nowrap;gap:var(--s-space-8)}.pagination__page-size-select-container{position:relative}.pagination__page-size-select{padding-right:calc(1rem + var(--s-space-4));border:none;color:var(--s-interactive-primary-default);background-color:transparent;font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.pagination__page-size-select:focus:not(:focus-visible){outline:none}.pagination__page-size-select:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.pagination__page-size-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.pagination__page-size-select-icon{position:absolute;top:50%;right:0;transform:translateY(-50%);pointer-events:none}.pagination__page-label{padding-right:var(--s-space-8);padding-left:var(--s-space-8)}.pagination__advanced-label{display:flex;align-items:center;white-space:nowrap;gap:var(--s-space-8)}.pagination__page-select-container{position:relative}.pagination__page-select{display:inline-flex;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);border:none;border-radius:var(--s-border-radius-sm);background-color:transparent;font:inherit;line-height:var(--s-line-height-base);text-align:center;cursor:pointer;box-shadow:inset 0 0 0 var(--s-border-width-default) var(--s-border-strong);-webkit-appearance:none;-moz-appearance:none;appearance:none}.pagination__page-select:focus:not(:focus-visible){outline:none}.pagination__page-select:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.pagination__page-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}";
+const swirlPaginationCss = ":host{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:host *{box-sizing:border-box}.pagination{display:block;width:100%}.pagination--variant-simple .pagination__list{gap:0}.pagination__list{display:flex;margin:0;padding:0;justify-content:flex-start;align-items:center;line-height:var(--s-line-height-base);list-style:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.pagination__list{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.pagination__page-size-selection{display:flex;padding-right:var(--s-space-24);flex-shrink:0;align-items:center;color:var(--s-interactive-primary-default);white-space:nowrap;gap:var(--s-space-8)}.pagination__page-size-select-container{position:relative}.pagination__page-size-select{padding-right:calc(1rem + var(--s-space-4));border:none;color:var(--s-interactive-primary-default);background-color:transparent;font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.pagination__page-size-select:focus:not(:focus-visible){outline:none}.pagination__page-size-select:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.pagination__page-size-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.pagination__page-size-select-icon{position:absolute;top:50%;right:0;transform:translateY(-50%);pointer-events:none}.pagination__page-label{padding-right:var(--s-space-8);padding-left:var(--s-space-8)}.pagination__advanced-label{display:flex;align-items:center;white-space:nowrap;gap:var(--s-space-8)}.pagination__page-input{display:inline-flex;width:3rem;padding-top:var(--s-space-8);padding-right:var(--s-space-8);padding-bottom:var(--s-space-8);padding-left:var(--s-space-8);border:none;border-radius:var(--s-border-radius-sm);background-color:transparent;font:inherit;line-height:var(--s-line-height-base);text-align:center;box-shadow:inset 0 0 0 var(--s-border-width-default) var(--s-border-strong)}.pagination__page-input:focus:not(:focus-visible){outline:none}.pagination__page-input:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.pagination__page-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}";
 
 const SwirlPagination = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.setPage = index.createEvent(this, "setPage", 7);
     this.setPageSize = index.createEvent(this, "setPageSize", 7);
+    this.onFocusPageInput = (event) => {
+      event.target.select();
+    };
     this.onFirstPageButtonClick = () => {
       if (this.page === 1) {
         return;
@@ -38,13 +42,28 @@ const SwirlPagination = class {
       }
       this.setPage.emit(nextPage);
     };
-    this.onSelect = (event) => {
-      const page = +event.target.value;
+    this.onPageInput = () => {
+      let page = +this.pageInput.value;
+      if (isNaN(page)) {
+        page = this.page;
+        this.pageInput.value = String(page);
+      }
+      else if (page > this.pages) {
+        page = this.pages;
+        this.pageInput.value = String(page);
+      }
+      else if (page < 1) {
+        page = 1;
+        this.pageInput.value = String(page);
+      }
       if (this.page === page) {
         return;
       }
-      this.setPage.emit(page);
+      this.onPageUpdate(page);
     };
+    this.onPageUpdate = utils.debounce((page) => {
+      this.setPage.emit(page);
+    }, 500);
     this.onPageSizeSelect = (event) => {
       const pageSize = +event.target.value;
       if (this.pageSize === pageSize) {
@@ -72,10 +91,7 @@ const SwirlPagination = class {
     const showDropDown = this.variant === "advanced";
     const ariaPageLabel = `${this.page} ${this.pageLabel} ${this.pages}`;
     const className = index$1.classnames("pagination", `pagination--variant-${this.variant}`);
-    return (index.h(index.Host, null, index.h("nav", { "aria-label": this.label, class: className }, index.h("ul", { class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (index.h("li", { class: "pagination__list-item" }, index.h("label", { class: "pagination__page-size-selection" }, index.h("swirl-text", null, this.pageSizeSelectLabel), index.h("swirl-stack", { align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, index.h("select", { class: "pagination__page-size-select", onChange: this.onPageSizeSelect }, this.pageSizeOptions.map((pageSizeOption) => (index.h("option", { key: pageSizeOption, selected: pageSizeOption === this.pageSize, value: pageSizeOption }, pageSizeOption)))), index.h("swirl-icon-expand-more", { "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), index.h("li", { class: "pagination__list-item" }, index.h("swirl-button", { class: "pagination__first-page-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-double-arrow-left></swirl-icon-double-arrow-left>", intent: "primary", label: this.firstPageButtonLabel, onClick: this.onFirstPageButtonClick })), index.h("li", { class: "pagination__list-item" }, index.h("swirl-button", { class: "pagination__prev-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", intent: "primary", label: this.prevButtonLabel, onClick: this.onPrevButtonClick })), showPageLabel ? (index.h("li", { class: "pagination__list-item  pagination__page-label" }, index.h("span", null, showDropDown ? (index.h("span", { "aria-current": "page", class: "pagination__advanced-label" }, index.h("span", { class: "pagination__page-select-container" }, index.h("select", { "aria-label": this.pageSelectLabel, class: "pagination__page-select", onChange: this.onSelect }, new Array(this.pages)
-      .fill(undefined)
-      .map((_, index) => index + 1)
-      .map((page) => (index.h("option", { selected: this.page === page, value: String(page) }, page))))), index.h("span", { "aria-hidden": "true" }, this.pageLabel, " ", this.pages))) : (index.h("span", { "aria-current": "page" }, ariaPageLabel))))) : (index.h("li", { class: "pagination__list-item" }, index.h("swirl-visually-hidden", null, index.h("span", { "aria-current": "page" }, ariaPageLabel)))), index.h("li", { class: "pagination__list-item" }, index.h("swirl-button", { class: "pagination__next-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-chevron-right></swirl-icon-chevron-right>", iconPosition: "end", intent: "primary", label: this.nextButtonLabel, onClick: this.onNextButtonClick })), index.h("li", { class: "pagination__list-item" }, index.h("swirl-button", { class: "pagination__last-page-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", intent: "primary", label: this.lastPageButtonLabel, onClick: this.onLastPageButtonClick }))))));
+    return (index.h(index.Host, null, index.h("nav", { "aria-label": this.label, class: className }, index.h("ul", { class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (index.h("li", { class: "pagination__list-item" }, index.h("label", { class: "pagination__page-size-selection" }, index.h("swirl-text", null, this.pageSizeSelectLabel), index.h("swirl-stack", { align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, index.h("select", { class: "pagination__page-size-select", onChange: this.onPageSizeSelect }, this.pageSizeOptions.map((pageSizeOption) => (index.h("option", { key: pageSizeOption, selected: pageSizeOption === this.pageSize, value: pageSizeOption }, pageSizeOption)))), index.h("swirl-icon-expand-more", { "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), index.h("li", { class: "pagination__list-item" }, index.h("swirl-button", { class: "pagination__first-page-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-double-arrow-left></swirl-icon-double-arrow-left>", intent: "primary", label: this.firstPageButtonLabel, onClick: this.onFirstPageButtonClick })), index.h("li", { class: "pagination__list-item" }, index.h("swirl-button", { class: "pagination__prev-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", intent: "primary", label: this.prevButtonLabel, onClick: this.onPrevButtonClick })), showPageLabel ? (index.h("li", { class: "pagination__list-item  pagination__page-label" }, index.h("span", null, showDropDown ? (index.h("span", { "aria-current": "page", class: "pagination__advanced-label" }, index.h("input", { "aria-label": this.pageSelectLabel, class: "pagination__page-input", onFocus: this.onFocusPageInput, onInput: this.onPageInput, ref: (el) => (this.pageInput = el), type: "text", value: this.page }), index.h("span", { "aria-hidden": "true" }, this.pageLabel, " ", this.pages))) : (index.h("span", { "aria-current": "page" }, ariaPageLabel))))) : (index.h("li", { class: "pagination__list-item" }, index.h("swirl-visually-hidden", null, index.h("span", { "aria-current": "page" }, ariaPageLabel)))), index.h("li", { class: "pagination__list-item" }, index.h("swirl-button", { class: "pagination__next-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-chevron-right></swirl-icon-chevron-right>", iconPosition: "end", intent: "primary", label: this.nextButtonLabel, onClick: this.onNextButtonClick })), index.h("li", { class: "pagination__list-item" }, index.h("swirl-button", { class: "pagination__last-page-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", intent: "primary", label: this.lastPageButtonLabel, onClick: this.onLastPageButtonClick }))))));
   }
 };
 SwirlPagination.style = swirlPaginationCss;

package/dist/cjs/swirl-search.cjs.entry.js

@@ -13,6 +13,7 @@ const SwirlSearch = class {
     index.registerInstance(this, hostRef);
     this.inputBlur = index.createEvent(this, "inputBlur", 7);
     this.inputFocus = index.createEvent(this, "inputFocus", 7);
+    this.inputInput = index.createEvent(this, "inputInput", 7);
     this.valueChange = index.createEvent(this, "valueChange", 7);
     this.desktopMediaQuery = utils.getDesktopMediaQuery();
     this.desktopMediaQueryHandler = (event) => {
@@ -32,6 +33,9 @@ const SwirlSearch = class {
     this.onFocus = (event) => {
       this.inputFocus.emit(event);
     };
+    this.onInput = (event) => {
+      this.inputInput.emit(event.target.value);
+    };
     this.autoFocus = undefined;
     this.clearButtonLabel = "Clear search term";
     this.disabled = undefined;
@@ -68,7 +72,7 @@ const SwirlSearch = class {
     const className = index$1.classnames("search", `search--variant-${this.variant}`, {
       "search--disabled": this.disabled,
     });
-    return (index.h(index.Host, null, index.h("span", { class: className, ref: (el) => (this.iconEl = el) }, index.h("swirl-icon-search", { class: "search__icon" }), index.h("input", { "aria-disabled": this.disabled ? "true" : undefined, "aria-label": this.label, autoComplete: "off", autoFocus: this.autoFocus, class: "search__input", disabled: this.disabled, id: this.inputId, inputMode: "search", name: this.inputName, onBlur: this.onBlur, onChange: this.onChange, onFocus: this.onFocus, placeholder: this.placeholder, ref: (el) => (this.input = el), type: "search", value: this.value }), !this.disabled && (index.h("button", { "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, index.h("swirl-icon-cancel", null))))));
+    return (index.h(index.Host, null, index.h("span", { class: className, ref: (el) => (this.iconEl = el) }, index.h("swirl-icon-search", { class: "search__icon" }), index.h("input", { "aria-disabled": this.disabled ? "true" : undefined, "aria-label": this.label, autoComplete: "off", autoFocus: this.autoFocus, class: "search__input", disabled: this.disabled, id: this.inputId, inputMode: "search", name: this.inputName, onBlur: this.onBlur, onChange: this.onChange, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.input = el), type: "search", value: this.value }), !this.disabled && (index.h("button", { "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, index.h("swirl-icon-cancel", null))))));
   }
 };
 SwirlSearch.style = swirlSearchCss;

package/dist/cjs/swirl-toast-provider.cjs.entry.js

@@ -50,7 +50,10 @@ const SwirlToastProvider = class {
     return newToastWithId;
   }
   render() {
-    return (index.h(index.Host, { role: "status" }, index.h("swirl-stack", { spacing: "12" }, this.toasts.map((toast) => (index.h("swirl-toast", Object.assign({ key: toast.toastId, onDismiss: this.onDismiss }, toast)))))));
+    return (index.h(index.Host, { role: "status" }, index.h("swirl-stack", { spacing: "12" }, this.toasts.map((toast) => {
+      const props = Object.assign(Object.assign({}, toast), { content: undefined });
+      return (index.h("swirl-toast", Object.assign({ key: toast.toastId, onDismiss: this.onDismiss }, props), toast.content));
+    }))));
   }
 };
 

package/dist/cjs/swirl-toast.cjs.entry.js

@@ -6,7 +6,7 @@ const index = require('./index-83363034.js');
 const index$1 = require('./index-2ddd0598.js');
 const utils = require('./utils-f1b4e064.js');
 
-const swirlToastCss = ":host{display:flex}:host *{box-sizing:border-box}.toast{display:flex;width:100%;max-width:28rem;padding:var(--s-space-16);border-radius:var(--s-border-radius-sm);color:var(--s-text-on-status);background-color:var(--s-surface-neutral-default);box-shadow:var(--s-shadow-level-2)}.toast--intent-critical{background-color:var(--s-surface-critical-default)}.toast--intent-success{background-color:var(--s-surface-success-default)}.toast__icon{display:inline-flex;margin-top:calc(-1 * var(--s-space-2));margin-right:0.625rem;flex-shrink:0}.toast__icon ::part(icon){color:var(--s-icon-on-status)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.toast__icon{margin-top:0}}.toast__content{flex-grow:1;line-height:var(--s-line-height-base);text-align:left;align-self:flex-start}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.toast__content{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.toast__dismiss-button{display:inline-flex;min-width:1.5rem;height:1.5rem;margin-top:calc(-1 * var(--s-space-2));margin-left:var(--s-space-16);padding:0;flex-shrink:0;justify-content:center;align-items:center;border:none;color:var(--s-text-on-status);background-color:transparent;font:inherit;font-weight:var(--s-font-weight-semibold);cursor:pointer}.toast__dismiss-button ::part(icon){color:var(--s-icon-on-status)}";
+const swirlToastCss = ":host{display:flex}:host *{box-sizing:border-box}.toast{display:flex;width:100%;max-width:28rem;padding:var(--s-space-16);border-radius:var(--s-border-radius-sm);color:var(--s-text-on-status);background-color:var(--s-surface-neutral-default);box-shadow:var(--s-shadow-level-2)}.toast--intent-critical{background-color:var(--s-surface-critical-default)}.toast--intent-success{background-color:var(--s-surface-success-default)}.toast__icon{display:inline-flex;margin-top:calc(-1 * var(--s-space-2));margin-right:0.625rem;flex-shrink:0}.toast__icon ::part(icon){color:var(--s-icon-on-status)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.toast__icon{margin-top:0}}.toast__content{flex-grow:1;line-height:var(--s-line-height-base);text-align:left;align-self:flex-start}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.toast__content{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.toast__content ::part(link){color:var(--text-default)}.toast__dismiss-button{display:inline-flex;min-width:1.5rem;height:1.5rem;margin-top:calc(-1 * var(--s-space-2));margin-left:var(--s-space-16);padding:0;flex-shrink:0;justify-content:center;align-items:center;border:none;color:var(--s-text-on-status);background-color:transparent;font:inherit;font-weight:var(--s-font-weight-semibold);cursor:pointer}.toast__dismiss-button ::part(icon){color:var(--s-icon-on-status)}";
 
 const SwirlToast = class {
   constructor(hostRef) {
@@ -65,7 +65,7 @@ const SwirlToast = class {
   }
   render() {
     const className = index$1.classnames("toast", `toast--intent-${this.intent}`);
-    return (index.h(index.Host, null, index.h("div", { class: className }, this.icon && (index.h("span", { class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), index.h("span", { class: "toast__content", part: "toast__content" }, this.content), index.h("button", { "aria-label": this.dismissLabel || this.accessibleDismissLabel, class: "toast__dismiss-button", onClick: this.onDismiss, type: "button" }, this.dismissLabel, !Boolean(this.dismissLabel) && (index.h("swirl-icon-close", { ref: (el) => (this.dismissIconEl = el) }))))));
+    return (index.h(index.Host, null, index.h("div", { class: className }, this.icon && (index.h("span", { class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), index.h("span", { class: "toast__content", innerHTML: this.content, part: "toast__content" }, index.h("slot", null)), index.h("button", { "aria-label": this.dismissLabel || this.accessibleDismissLabel, class: "toast__dismiss-button", onClick: this.onDismiss, type: "button" }, this.dismissLabel, !Boolean(this.dismissLabel) && (index.h("swirl-icon-close", { ref: (el) => (this.dismissIconEl = el) }))))));
   }
   static get watchers() { return {
     "duration": ["watchDuration"]

package/dist/collection/components/swirl-pagination/swirl-pagination.css

@@ -100,40 +100,33 @@
   gap: var(--s-space-8);
 }
 
-.pagination__page-select-container {
-  position: relative;
-}
-
-.pagination__page-select {
+.pagination__page-input {
   display: inline-flex;
+  width: 3rem;
   padding-top: var(--s-space-8);
-  padding-right: var(--s-space-16);
+  padding-right: var(--s-space-8);
   padding-bottom: var(--s-space-8);
-  padding-left: var(--s-space-16);
+  padding-left: var(--s-space-8);
   border: none;
   border-radius: var(--s-border-radius-sm);
   background-color: transparent;
   font: inherit;
   line-height: var(--s-line-height-base);
   text-align: center;
-  cursor: pointer;
   box-shadow: inset 0 0 0 var(--s-border-width-default) var(--s-border-strong);
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
 }
 
-.pagination__page-select:focus:not(:focus-visible) {
+.pagination__page-input:focus:not(:focus-visible) {
     outline: none;
   }
 
-.pagination__page-select:focus-visible {
+.pagination__page-input:focus-visible {
     outline-color: var(--s-focus-default);
   }
 
 @media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px) {
 
-.pagination__page-select {
+.pagination__page-input {
     font-size: var(--s-font-size-sm);
     line-height: var(--s-line-height-sm)
 }

package/dist/collection/components/swirl-pagination/swirl-pagination.js

@@ -1,7 +1,11 @@
 import { h, Host } from "@stencil/core";
 import classnames from "classnames";
+import { debounce } from "../../utils";
 export class SwirlPagination {
   constructor() {
+    this.onFocusPageInput = (event) => {
+      event.target.select();
+    };
     this.onFirstPageButtonClick = () => {
       if (this.page === 1) {
         return;
@@ -28,13 +32,28 @@ export class SwirlPagination {
       }
       this.setPage.emit(nextPage);
     };
-    this.onSelect = (event) => {
-      const page = +event.target.value;
+    this.onPageInput = () => {
+      let page = +this.pageInput.value;
+      if (isNaN(page)) {
+        page = this.page;
+        this.pageInput.value = String(page);
+      }
+      else if (page > this.pages) {
+        page = this.pages;
+        this.pageInput.value = String(page);
+      }
+      else if (page < 1) {
+        page = 1;
+        this.pageInput.value = String(page);
+      }
       if (this.page === page) {
         return;
       }
-      this.setPage.emit(page);
+      this.onPageUpdate(page);
     };
+    this.onPageUpdate = debounce((page) => {
+      this.setPage.emit(page);
+    }, 500);
     this.onPageSizeSelect = (event) => {
       const pageSize = +event.target.value;
       if (this.pageSize === pageSize) {
@@ -62,10 +81,7 @@ export class SwirlPagination {
     const showDropDown = this.variant === "advanced";
     const ariaPageLabel = `${this.page} ${this.pageLabel} ${this.pages}`;
     const className = classnames("pagination", `pagination--variant-${this.variant}`);
-    return (h(Host, null, h("nav", { "aria-label": this.label, class: className }, h("ul", { class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (h("li", { class: "pagination__list-item" }, h("label", { class: "pagination__page-size-selection" }, h("swirl-text", null, this.pageSizeSelectLabel), h("swirl-stack", { align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, h("select", { class: "pagination__page-size-select", onChange: this.onPageSizeSelect }, this.pageSizeOptions.map((pageSizeOption) => (h("option", { key: pageSizeOption, selected: pageSizeOption === this.pageSize, value: pageSizeOption }, pageSizeOption)))), h("swirl-icon-expand-more", { "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), h("li", { class: "pagination__list-item" }, h("swirl-button", { class: "pagination__first-page-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-double-arrow-left></swirl-icon-double-arrow-left>", intent: "primary", label: this.firstPageButtonLabel, onClick: this.onFirstPageButtonClick })), h("li", { class: "pagination__list-item" }, h("swirl-button", { class: "pagination__prev-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", intent: "primary", label: this.prevButtonLabel, onClick: this.onPrevButtonClick })), showPageLabel ? (h("li", { class: "pagination__list-item  pagination__page-label" }, h("span", null, showDropDown ? (h("span", { "aria-current": "page", class: "pagination__advanced-label" }, h("span", { class: "pagination__page-select-container" }, h("select", { "aria-label": this.pageSelectLabel, class: "pagination__page-select", onChange: this.onSelect }, new Array(this.pages)
-      .fill(undefined)
-      .map((_, index) => index + 1)
-      .map((page) => (h("option", { selected: this.page === page, value: String(page) }, page))))), h("span", { "aria-hidden": "true" }, this.pageLabel, " ", this.pages))) : (h("span", { "aria-current": "page" }, ariaPageLabel))))) : (h("li", { class: "pagination__list-item" }, h("swirl-visually-hidden", null, h("span", { "aria-current": "page" }, ariaPageLabel)))), h("li", { class: "pagination__list-item" }, h("swirl-button", { class: "pagination__next-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-chevron-right></swirl-icon-chevron-right>", iconPosition: "end", intent: "primary", label: this.nextButtonLabel, onClick: this.onNextButtonClick })), h("li", { class: "pagination__list-item" }, h("swirl-button", { class: "pagination__last-page-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", intent: "primary", label: this.lastPageButtonLabel, onClick: this.onLastPageButtonClick }))))));
+    return (h(Host, null, h("nav", { "aria-label": this.label, class: className }, h("ul", { class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (h("li", { class: "pagination__list-item" }, h("label", { class: "pagination__page-size-selection" }, h("swirl-text", null, this.pageSizeSelectLabel), h("swirl-stack", { align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, h("select", { class: "pagination__page-size-select", onChange: this.onPageSizeSelect }, this.pageSizeOptions.map((pageSizeOption) => (h("option", { key: pageSizeOption, selected: pageSizeOption === this.pageSize, value: pageSizeOption }, pageSizeOption)))), h("swirl-icon-expand-more", { "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), h("li", { class: "pagination__list-item" }, h("swirl-button", { class: "pagination__first-page-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-double-arrow-left></swirl-icon-double-arrow-left>", intent: "primary", label: this.firstPageButtonLabel, onClick: this.onFirstPageButtonClick })), h("li", { class: "pagination__list-item" }, h("swirl-button", { class: "pagination__prev-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", intent: "primary", label: this.prevButtonLabel, onClick: this.onPrevButtonClick })), showPageLabel ? (h("li", { class: "pagination__list-item  pagination__page-label" }, h("span", null, showDropDown ? (h("span", { "aria-current": "page", class: "pagination__advanced-label" }, h("input", { "aria-label": this.pageSelectLabel, class: "pagination__page-input", onFocus: this.onFocusPageInput, onInput: this.onPageInput, ref: (el) => (this.pageInput = el), type: "text", value: this.page }), h("span", { "aria-hidden": "true" }, this.pageLabel, " ", this.pages))) : (h("span", { "aria-current": "page" }, ariaPageLabel))))) : (h("li", { class: "pagination__list-item" }, h("swirl-visually-hidden", null, h("span", { "aria-current": "page" }, ariaPageLabel)))), h("li", { class: "pagination__list-item" }, h("swirl-button", { class: "pagination__next-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-chevron-right></swirl-icon-chevron-right>", iconPosition: "end", intent: "primary", label: this.nextButtonLabel, onClick: this.onNextButtonClick })), h("li", { class: "pagination__list-item" }, h("swirl-button", { class: "pagination__last-page-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", intent: "primary", label: this.lastPageButtonLabel, onClick: this.onLastPageButtonClick }))))));
   }
   static get is() { return "swirl-pagination"; }
   static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-search/swirl-search.js

@@ -21,6 +21,9 @@ export class SwirlSearch {
     this.onFocus = (event) => {
       this.inputFocus.emit(event);
     };
+    this.onInput = (event) => {
+      this.inputInput.emit(event.target.value);
+    };
     this.autoFocus = undefined;
     this.clearButtonLabel = "Clear search term";
     this.disabled = undefined;
@@ -57,7 +60,7 @@ export class SwirlSearch {
     const className = classnames("search", `search--variant-${this.variant}`, {
       "search--disabled": this.disabled,
     });
-    return (h(Host, null, h("span", { class: className, ref: (el) => (this.iconEl = el) }, h("swirl-icon-search", { class: "search__icon" }), h("input", { "aria-disabled": this.disabled ? "true" : undefined, "aria-label": this.label, autoComplete: "off", autoFocus: this.autoFocus, class: "search__input", disabled: this.disabled, id: this.inputId, inputMode: "search", name: this.inputName, onBlur: this.onBlur, onChange: this.onChange, onFocus: this.onFocus, placeholder: this.placeholder, ref: (el) => (this.input = el), type: "search", value: this.value }), !this.disabled && (h("button", { "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, h("swirl-icon-cancel", null))))));
+    return (h(Host, null, h("span", { class: className, ref: (el) => (this.iconEl = el) }, h("swirl-icon-search", { class: "search__icon" }), h("input", { "aria-disabled": this.disabled ? "true" : undefined, "aria-label": this.label, autoComplete: "off", autoFocus: this.autoFocus, class: "search__input", disabled: this.disabled, id: this.inputId, inputMode: "search", name: this.inputName, onBlur: this.onBlur, onChange: this.onChange, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.input = el), type: "search", value: this.value }), !this.disabled && (h("button", { "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, h("swirl-icon-cancel", null))))));
   }
   static get is() { return "swirl-search"; }
   static get encapsulation() { return "scoped"; }
@@ -275,6 +278,21 @@ export class SwirlSearch {
             }
           }
         }
+      }, {
+        "method": "inputInput",
+        "name": "inputInput",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        }
       }, {
         "method": "valueChange",
         "name": "valueChange",

package/dist/collection/components/swirl-search/swirl-search.stories.js

@@ -11,6 +11,9 @@ export default {
 };
 const Template = (args) => {
   const element = generateStoryElement("swirl-search", args);
+  element.addEventListener("inputInput", (event) => {
+    console.log(event);
+  });
   return element;
 };
 export const SwirlSearch = Template.bind({});

package/dist/collection/components/swirl-toast/swirl-toast.css

@@ -58,6 +58,10 @@
 }
   }
 
+.toast__content ::part(link) {
+    color: var(--text-default);
+  }
+
 .toast__dismiss-button {
   display: inline-flex;
   min-width: 1.5rem;

package/dist/collection/components/swirl-toast/swirl-toast.js

@@ -56,7 +56,7 @@ export class SwirlToast {
   }
   render() {
     const className = classnames("toast", `toast--intent-${this.intent}`);
-    return (h(Host, null, h("div", { class: className }, this.icon && (h("span", { class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), h("span", { class: "toast__content", part: "toast__content" }, this.content), h("button", { "aria-label": this.dismissLabel || this.accessibleDismissLabel, class: "toast__dismiss-button", onClick: this.onDismiss, type: "button" }, this.dismissLabel, !Boolean(this.dismissLabel) && (h("swirl-icon-close", { ref: (el) => (this.dismissIconEl = el) }))))));
+    return (h(Host, null, h("div", { class: className }, this.icon && (h("span", { class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), h("span", { class: "toast__content", innerHTML: this.content, part: "toast__content" }, h("slot", null)), h("button", { "aria-label": this.dismissLabel || this.accessibleDismissLabel, class: "toast__dismiss-button", onClick: this.onDismiss, type: "button" }, this.dismissLabel, !Boolean(this.dismissLabel) && (h("swirl-icon-close", { ref: (el) => (this.dismissIconEl = el) }))))));
   }
   static get is() { return "swirl-toast"; }
   static get encapsulation() { return "shadow"; }
@@ -98,8 +98,8 @@ export class SwirlToast {
           "resolved": "string",
           "references": {}
         },
-        "required": true,
-        "optional": false,
+        "required": false,
+        "optional": true,
         "docs": {
           "tags": [],
           "text": ""

package/dist/collection/components/swirl-toast/swirl-toast.stories.js

@@ -2,6 +2,9 @@ import { generateStoryElement } from "../../utils";
 import Docs from "./swirl-toast.mdx";
 export default {
   argTypes: {
+    content: {
+      description: "Deprecated. Use the component slot instead.",
+    },
     icon: {
       table: {
         type: {
@@ -21,10 +24,10 @@ export default {
 };
 const Template = (args) => {
   const element = generateStoryElement("swirl-toast", args);
+  element.innerHTML = `This is toast text with multiple lines. Try to keep the info as short as possible.`;
   return element;
 };
 export const SwirlToast = Template.bind({});
 SwirlToast.args = {
-  content: `This is toast text with multiple lines. Try to keep the info as short as possible.`,
   icon: `<swirl-icon-mail></swirl-icon-mail>`,
 };

package/dist/collection/components/swirl-toast-provider/swirl-toast-provider.js

@@ -44,7 +44,10 @@ export class SwirlToastProvider {
     return newToastWithId;
   }
   render() {
-    return (h(Host, { role: "status" }, h("swirl-stack", { spacing: "12" }, this.toasts.map((toast) => (h("swirl-toast", Object.assign({ key: toast.toastId, onDismiss: this.onDismiss }, toast)))))));
+    return (h(Host, { role: "status" }, h("swirl-stack", { spacing: "12" }, this.toasts.map((toast) => {
+      const props = Object.assign(Object.assign({}, toast), { content: undefined });
+      return (h("swirl-toast", Object.assign({ key: toast.toastId, onDismiss: this.onDismiss }, props), toast.content));
+    }))));
   }
   static get is() { return "swirl-toast-provider"; }
   static get encapsulation() { return "shadow"; }

package/dist/components/swirl-pagination.js

@@ -1,12 +1,13 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { c as classnames } from './index2.js';
+import { d as debounce } from './utils.js';
 import { d as defineCustomElement$6 } from './swirl-button2.js';
 import { d as defineCustomElement$5 } from './swirl-icon-expand-more2.js';
 import { d as defineCustomElement$4 } from './swirl-stack2.js';
 import { d as defineCustomElement$3 } from './swirl-text2.js';
 import { d as defineCustomElement$2 } from './swirl-visually-hidden2.js';
 
-const swirlPaginationCss = ":host{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:host *{box-sizing:border-box}.pagination{display:block;width:100%}.pagination--variant-simple .pagination__list{gap:0}.pagination__list{display:flex;margin:0;padding:0;justify-content:flex-start;align-items:center;line-height:var(--s-line-height-base);list-style:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.pagination__list{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.pagination__page-size-selection{display:flex;padding-right:var(--s-space-24);flex-shrink:0;align-items:center;color:var(--s-interactive-primary-default);white-space:nowrap;gap:var(--s-space-8)}.pagination__page-size-select-container{position:relative}.pagination__page-size-select{padding-right:calc(1rem + var(--s-space-4));border:none;color:var(--s-interactive-primary-default);background-color:transparent;font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.pagination__page-size-select:focus:not(:focus-visible){outline:none}.pagination__page-size-select:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.pagination__page-size-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.pagination__page-size-select-icon{position:absolute;top:50%;right:0;transform:translateY(-50%);pointer-events:none}.pagination__page-label{padding-right:var(--s-space-8);padding-left:var(--s-space-8)}.pagination__advanced-label{display:flex;align-items:center;white-space:nowrap;gap:var(--s-space-8)}.pagination__page-select-container{position:relative}.pagination__page-select{display:inline-flex;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);border:none;border-radius:var(--s-border-radius-sm);background-color:transparent;font:inherit;line-height:var(--s-line-height-base);text-align:center;cursor:pointer;box-shadow:inset 0 0 0 var(--s-border-width-default) var(--s-border-strong);-webkit-appearance:none;-moz-appearance:none;appearance:none}.pagination__page-select:focus:not(:focus-visible){outline:none}.pagination__page-select:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.pagination__page-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}";
+const swirlPaginationCss = ":host{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:host *{box-sizing:border-box}.pagination{display:block;width:100%}.pagination--variant-simple .pagination__list{gap:0}.pagination__list{display:flex;margin:0;padding:0;justify-content:flex-start;align-items:center;line-height:var(--s-line-height-base);list-style:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.pagination__list{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.pagination__page-size-selection{display:flex;padding-right:var(--s-space-24);flex-shrink:0;align-items:center;color:var(--s-interactive-primary-default);white-space:nowrap;gap:var(--s-space-8)}.pagination__page-size-select-container{position:relative}.pagination__page-size-select{padding-right:calc(1rem + var(--s-space-4));border:none;color:var(--s-interactive-primary-default);background-color:transparent;font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.pagination__page-size-select:focus:not(:focus-visible){outline:none}.pagination__page-size-select:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.pagination__page-size-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.pagination__page-size-select-icon{position:absolute;top:50%;right:0;transform:translateY(-50%);pointer-events:none}.pagination__page-label{padding-right:var(--s-space-8);padding-left:var(--s-space-8)}.pagination__advanced-label{display:flex;align-items:center;white-space:nowrap;gap:var(--s-space-8)}.pagination__page-input{display:inline-flex;width:3rem;padding-top:var(--s-space-8);padding-right:var(--s-space-8);padding-bottom:var(--s-space-8);padding-left:var(--s-space-8);border:none;border-radius:var(--s-border-radius-sm);background-color:transparent;font:inherit;line-height:var(--s-line-height-base);text-align:center;box-shadow:inset 0 0 0 var(--s-border-width-default) var(--s-border-strong)}.pagination__page-input:focus:not(:focus-visible){outline:none}.pagination__page-input:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.pagination__page-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}";
 
 const SwirlPagination$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
@@ -15,6 +16,9 @@ const SwirlPagination$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEle
     this.__attachShadow();
     this.setPage = createEvent(this, "setPage", 7);
     this.setPageSize = createEvent(this, "setPageSize", 7);
+    this.onFocusPageInput = (event) => {
+      event.target.select();
+    };
     this.onFirstPageButtonClick = () => {
       if (this.page === 1) {
         return;
@@ -41,13 +45,28 @@ const SwirlPagination$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEle
       }
       this.setPage.emit(nextPage);
     };
-    this.onSelect = (event) => {
-      const page = +event.target.value;
+    this.onPageInput = () => {
+      let page = +this.pageInput.value;
+      if (isNaN(page)) {
+        page = this.page;
+        this.pageInput.value = String(page);
+      }
+      else if (page > this.pages) {
+        page = this.pages;
+        this.pageInput.value = String(page);
+      }
+      else if (page < 1) {
+        page = 1;
+        this.pageInput.value = String(page);
+      }
       if (this.page === page) {
         return;
       }
-      this.setPage.emit(page);
+      this.onPageUpdate(page);
     };
+    this.onPageUpdate = debounce((page) => {
+      this.setPage.emit(page);
+    }, 500);
     this.onPageSizeSelect = (event) => {
       const pageSize = +event.target.value;
       if (this.pageSize === pageSize) {
@@ -75,10 +94,7 @@ const SwirlPagination$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEle
     const showDropDown = this.variant === "advanced";
     const ariaPageLabel = `${this.page} ${this.pageLabel} ${this.pages}`;
     const className = classnames("pagination", `pagination--variant-${this.variant}`);
-    return (h(Host, null, h("nav", { "aria-label": this.label, class: className }, h("ul", { class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (h("li", { class: "pagination__list-item" }, h("label", { class: "pagination__page-size-selection" }, h("swirl-text", null, this.pageSizeSelectLabel), h("swirl-stack", { align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, h("select", { class: "pagination__page-size-select", onChange: this.onPageSizeSelect }, this.pageSizeOptions.map((pageSizeOption) => (h("option", { key: pageSizeOption, selected: pageSizeOption === this.pageSize, value: pageSizeOption }, pageSizeOption)))), h("swirl-icon-expand-more", { "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), h("li", { class: "pagination__list-item" }, h("swirl-button", { class: "pagination__first-page-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-double-arrow-left></swirl-icon-double-arrow-left>", intent: "primary", label: this.firstPageButtonLabel, onClick: this.onFirstPageButtonClick })), h("li", { class: "pagination__list-item" }, h("swirl-button", { class: "pagination__prev-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", intent: "primary", label: this.prevButtonLabel, onClick: this.onPrevButtonClick })), showPageLabel ? (h("li", { class: "pagination__list-item  pagination__page-label" }, h("span", null, showDropDown ? (h("span", { "aria-current": "page", class: "pagination__advanced-label" }, h("span", { class: "pagination__page-select-container" }, h("select", { "aria-label": this.pageSelectLabel, class: "pagination__page-select", onChange: this.onSelect }, new Array(this.pages)
-      .fill(undefined)
-      .map((_, index) => index + 1)
-      .map((page) => (h("option", { selected: this.page === page, value: String(page) }, page))))), h("span", { "aria-hidden": "true" }, this.pageLabel, " ", this.pages))) : (h("span", { "aria-current": "page" }, ariaPageLabel))))) : (h("li", { class: "pagination__list-item" }, h("swirl-visually-hidden", null, h("span", { "aria-current": "page" }, ariaPageLabel)))), h("li", { class: "pagination__list-item" }, h("swirl-button", { class: "pagination__next-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-chevron-right></swirl-icon-chevron-right>", iconPosition: "end", intent: "primary", label: this.nextButtonLabel, onClick: this.onNextButtonClick })), h("li", { class: "pagination__list-item" }, h("swirl-button", { class: "pagination__last-page-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", intent: "primary", label: this.lastPageButtonLabel, onClick: this.onLastPageButtonClick }))))));
+    return (h(Host, null, h("nav", { "aria-label": this.label, class: className }, h("ul", { class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (h("li", { class: "pagination__list-item" }, h("label", { class: "pagination__page-size-selection" }, h("swirl-text", null, this.pageSizeSelectLabel), h("swirl-stack", { align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, h("select", { class: "pagination__page-size-select", onChange: this.onPageSizeSelect }, this.pageSizeOptions.map((pageSizeOption) => (h("option", { key: pageSizeOption, selected: pageSizeOption === this.pageSize, value: pageSizeOption }, pageSizeOption)))), h("swirl-icon-expand-more", { "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), h("li", { class: "pagination__list-item" }, h("swirl-button", { class: "pagination__first-page-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-double-arrow-left></swirl-icon-double-arrow-left>", intent: "primary", label: this.firstPageButtonLabel, onClick: this.onFirstPageButtonClick })), h("li", { class: "pagination__list-item" }, h("swirl-button", { class: "pagination__prev-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", intent: "primary", label: this.prevButtonLabel, onClick: this.onPrevButtonClick })), showPageLabel ? (h("li", { class: "pagination__list-item  pagination__page-label" }, h("span", null, showDropDown ? (h("span", { "aria-current": "page", class: "pagination__advanced-label" }, h("input", { "aria-label": this.pageSelectLabel, class: "pagination__page-input", onFocus: this.onFocusPageInput, onInput: this.onPageInput, ref: (el) => (this.pageInput = el), type: "text", value: this.page }), h("span", { "aria-hidden": "true" }, this.pageLabel, " ", this.pages))) : (h("span", { "aria-current": "page" }, ariaPageLabel))))) : (h("li", { class: "pagination__list-item" }, h("swirl-visually-hidden", null, h("span", { "aria-current": "page" }, ariaPageLabel)))), h("li", { class: "pagination__list-item" }, h("swirl-button", { class: "pagination__next-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-chevron-right></swirl-icon-chevron-right>", iconPosition: "end", intent: "primary", label: this.nextButtonLabel, onClick: this.onNextButtonClick })), h("li", { class: "pagination__list-item" }, h("swirl-button", { class: "pagination__last-page-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", intent: "primary", label: this.lastPageButtonLabel, onClick: this.onLastPageButtonClick }))))));
   }
   static get style() { return swirlPaginationCss; }
 }, [1, "swirl-pagination", {

package/dist/components/swirl-search.js

@@ -12,6 +12,7 @@ const SwirlSearch$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     this.__registerHost();
     this.inputBlur = createEvent(this, "inputBlur", 7);
     this.inputFocus = createEvent(this, "inputFocus", 7);
+    this.inputInput = createEvent(this, "inputInput", 7);
     this.valueChange = createEvent(this, "valueChange", 7);
     this.desktopMediaQuery = getDesktopMediaQuery();
     this.desktopMediaQueryHandler = (event) => {
@@ -31,6 +32,9 @@ const SwirlSearch$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     this.onFocus = (event) => {
       this.inputFocus.emit(event);
     };
+    this.onInput = (event) => {
+      this.inputInput.emit(event.target.value);
+    };
     this.autoFocus = undefined;
     this.clearButtonLabel = "Clear search term";
     this.disabled = undefined;
@@ -67,7 +71,7 @@ const SwirlSearch$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     const className = classnames("search", `search--variant-${this.variant}`, {
       "search--disabled": this.disabled,
     });
-    return (h(Host, null, h("span", { class: className, ref: (el) => (this.iconEl = el) }, h("swirl-icon-search", { class: "search__icon" }), h("input", { "aria-disabled": this.disabled ? "true" : undefined, "aria-label": this.label, autoComplete: "off", autoFocus: this.autoFocus, class: "search__input", disabled: this.disabled, id: this.inputId, inputMode: "search", name: this.inputName, onBlur: this.onBlur, onChange: this.onChange, onFocus: this.onFocus, placeholder: this.placeholder, ref: (el) => (this.input = el), type: "search", value: this.value }), !this.disabled && (h("button", { "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, h("swirl-icon-cancel", null))))));
+    return (h(Host, null, h("span", { class: className, ref: (el) => (this.iconEl = el) }, h("swirl-icon-search", { class: "search__icon" }), h("input", { "aria-disabled": this.disabled ? "true" : undefined, "aria-label": this.label, autoComplete: "off", autoFocus: this.autoFocus, class: "search__input", disabled: this.disabled, id: this.inputId, inputMode: "search", name: this.inputName, onBlur: this.onBlur, onChange: this.onChange, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.input = el), type: "search", value: this.value }), !this.disabled && (h("button", { "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, h("swirl-icon-cancel", null))))));
   }
   static get style() { return swirlSearchCss; }
 }, [2, "swirl-search", {

package/dist/components/swirl-toast-provider.js

@@ -51,7 +51,10 @@ const SwirlToastProvider$1 = /*@__PURE__*/ proxyCustomElement(class extends HTML
     return newToastWithId;
   }
   render() {
-    return (h(Host, { role: "status" }, h("swirl-stack", { spacing: "12" }, this.toasts.map((toast) => (h("swirl-toast", Object.assign({ key: toast.toastId, onDismiss: this.onDismiss }, toast)))))));
+    return (h(Host, { role: "status" }, h("swirl-stack", { spacing: "12" }, this.toasts.map((toast) => {
+      const props = Object.assign(Object.assign({}, toast), { content: undefined });
+      return (h("swirl-toast", Object.assign({ key: toast.toastId, onDismiss: this.onDismiss }, props), toast.content));
+    }))));
   }
 }, [1, "swirl-toast-provider", {
     "globalDuration": [2, "global-duration"],

package/dist/components/swirl-toast2.js

@@ -3,7 +3,7 @@ import { c as classnames } from './index2.js';
 import { g as getDesktopMediaQuery } from './utils.js';
 import { d as defineCustomElement$1 } from './swirl-icon-close2.js';
 
-const swirlToastCss = ":host{display:flex}:host *{box-sizing:border-box}.toast{display:flex;width:100%;max-width:28rem;padding:var(--s-space-16);border-radius:var(--s-border-radius-sm);color:var(--s-text-on-status);background-color:var(--s-surface-neutral-default);box-shadow:var(--s-shadow-level-2)}.toast--intent-critical{background-color:var(--s-surface-critical-default)}.toast--intent-success{background-color:var(--s-surface-success-default)}.toast__icon{display:inline-flex;margin-top:calc(-1 * var(--s-space-2));margin-right:0.625rem;flex-shrink:0}.toast__icon ::part(icon){color:var(--s-icon-on-status)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.toast__icon{margin-top:0}}.toast__content{flex-grow:1;line-height:var(--s-line-height-base);text-align:left;align-self:flex-start}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.toast__content{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.toast__dismiss-button{display:inline-flex;min-width:1.5rem;height:1.5rem;margin-top:calc(-1 * var(--s-space-2));margin-left:var(--s-space-16);padding:0;flex-shrink:0;justify-content:center;align-items:center;border:none;color:var(--s-text-on-status);background-color:transparent;font:inherit;font-weight:var(--s-font-weight-semibold);cursor:pointer}.toast__dismiss-button ::part(icon){color:var(--s-icon-on-status)}";
+const swirlToastCss = ":host{display:flex}:host *{box-sizing:border-box}.toast{display:flex;width:100%;max-width:28rem;padding:var(--s-space-16);border-radius:var(--s-border-radius-sm);color:var(--s-text-on-status);background-color:var(--s-surface-neutral-default);box-shadow:var(--s-shadow-level-2)}.toast--intent-critical{background-color:var(--s-surface-critical-default)}.toast--intent-success{background-color:var(--s-surface-success-default)}.toast__icon{display:inline-flex;margin-top:calc(-1 * var(--s-space-2));margin-right:0.625rem;flex-shrink:0}.toast__icon ::part(icon){color:var(--s-icon-on-status)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.toast__icon{margin-top:0}}.toast__content{flex-grow:1;line-height:var(--s-line-height-base);text-align:left;align-self:flex-start}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.toast__content{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.toast__content ::part(link){color:var(--text-default)}.toast__dismiss-button{display:inline-flex;min-width:1.5rem;height:1.5rem;margin-top:calc(-1 * var(--s-space-2));margin-left:var(--s-space-16);padding:0;flex-shrink:0;justify-content:center;align-items:center;border:none;color:var(--s-text-on-status);background-color:transparent;font:inherit;font-weight:var(--s-font-weight-semibold);cursor:pointer}.toast__dismiss-button ::part(icon){color:var(--s-icon-on-status)}";
 
 const SwirlToast = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
@@ -64,7 +64,7 @@ const SwirlToast = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   }
   render() {
     const className = classnames("toast", `toast--intent-${this.intent}`);
-    return (h(Host, null, h("div", { class: className }, this.icon && (h("span", { class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), h("span", { class: "toast__content", part: "toast__content" }, this.content), h("button", { "aria-label": this.dismissLabel || this.accessibleDismissLabel, class: "toast__dismiss-button", onClick: this.onDismiss, type: "button" }, this.dismissLabel, !Boolean(this.dismissLabel) && (h("swirl-icon-close", { ref: (el) => (this.dismissIconEl = el) }))))));
+    return (h(Host, null, h("div", { class: className }, this.icon && (h("span", { class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), h("span", { class: "toast__content", innerHTML: this.content, part: "toast__content" }, h("slot", null)), h("button", { "aria-label": this.dismissLabel || this.accessibleDismissLabel, class: "toast__dismiss-button", onClick: this.onDismiss, type: "button" }, this.dismissLabel, !Boolean(this.dismissLabel) && (h("swirl-icon-close", { ref: (el) => (this.dismissIconEl = el) }))))));
   }
   static get watchers() { return {
     "duration": ["watchDuration"]

package/dist/esm/swirl-pagination.entry.js

@@ -1,13 +1,17 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-0ff2c8e0.js';
 import { c as classnames } from './index-d280dafb.js';
+import { d as debounce } from './utils-61f188cc.js';
 
-const swirlPaginationCss = ":host{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:host *{box-sizing:border-box}.pagination{display:block;width:100%}.pagination--variant-simple .pagination__list{gap:0}.pagination__list{display:flex;margin:0;padding:0;justify-content:flex-start;align-items:center;line-height:var(--s-line-height-base);list-style:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.pagination__list{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.pagination__page-size-selection{display:flex;padding-right:var(--s-space-24);flex-shrink:0;align-items:center;color:var(--s-interactive-primary-default);white-space:nowrap;gap:var(--s-space-8)}.pagination__page-size-select-container{position:relative}.pagination__page-size-select{padding-right:calc(1rem + var(--s-space-4));border:none;color:var(--s-interactive-primary-default);background-color:transparent;font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.pagination__page-size-select:focus:not(:focus-visible){outline:none}.pagination__page-size-select:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.pagination__page-size-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.pagination__page-size-select-icon{position:absolute;top:50%;right:0;transform:translateY(-50%);pointer-events:none}.pagination__page-label{padding-right:var(--s-space-8);padding-left:var(--s-space-8)}.pagination__advanced-label{display:flex;align-items:center;white-space:nowrap;gap:var(--s-space-8)}.pagination__page-select-container{position:relative}.pagination__page-select{display:inline-flex;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);border:none;border-radius:var(--s-border-radius-sm);background-color:transparent;font:inherit;line-height:var(--s-line-height-base);text-align:center;cursor:pointer;box-shadow:inset 0 0 0 var(--s-border-width-default) var(--s-border-strong);-webkit-appearance:none;-moz-appearance:none;appearance:none}.pagination__page-select:focus:not(:focus-visible){outline:none}.pagination__page-select:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.pagination__page-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}";
+const swirlPaginationCss = ":host{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:host *{box-sizing:border-box}.pagination{display:block;width:100%}.pagination--variant-simple .pagination__list{gap:0}.pagination__list{display:flex;margin:0;padding:0;justify-content:flex-start;align-items:center;line-height:var(--s-line-height-base);list-style:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.pagination__list{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.pagination__page-size-selection{display:flex;padding-right:var(--s-space-24);flex-shrink:0;align-items:center;color:var(--s-interactive-primary-default);white-space:nowrap;gap:var(--s-space-8)}.pagination__page-size-select-container{position:relative}.pagination__page-size-select{padding-right:calc(1rem + var(--s-space-4));border:none;color:var(--s-interactive-primary-default);background-color:transparent;font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.pagination__page-size-select:focus:not(:focus-visible){outline:none}.pagination__page-size-select:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.pagination__page-size-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.pagination__page-size-select-icon{position:absolute;top:50%;right:0;transform:translateY(-50%);pointer-events:none}.pagination__page-label{padding-right:var(--s-space-8);padding-left:var(--s-space-8)}.pagination__advanced-label{display:flex;align-items:center;white-space:nowrap;gap:var(--s-space-8)}.pagination__page-input{display:inline-flex;width:3rem;padding-top:var(--s-space-8);padding-right:var(--s-space-8);padding-bottom:var(--s-space-8);padding-left:var(--s-space-8);border:none;border-radius:var(--s-border-radius-sm);background-color:transparent;font:inherit;line-height:var(--s-line-height-base);text-align:center;box-shadow:inset 0 0 0 var(--s-border-width-default) var(--s-border-strong)}.pagination__page-input:focus:not(:focus-visible){outline:none}.pagination__page-input:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.pagination__page-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}";
 
 const SwirlPagination = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.setPage = createEvent(this, "setPage", 7);
     this.setPageSize = createEvent(this, "setPageSize", 7);
+    this.onFocusPageInput = (event) => {
+      event.target.select();
+    };
     this.onFirstPageButtonClick = () => {
       if (this.page === 1) {
         return;
@@ -34,13 +38,28 @@ const SwirlPagination = class {
       }
       this.setPage.emit(nextPage);
     };
-    this.onSelect = (event) => {
-      const page = +event.target.value;
+    this.onPageInput = () => {
+      let page = +this.pageInput.value;
+      if (isNaN(page)) {
+        page = this.page;
+        this.pageInput.value = String(page);
+      }
+      else if (page > this.pages) {
+        page = this.pages;
+        this.pageInput.value = String(page);
+      }
+      else if (page < 1) {
+        page = 1;
+        this.pageInput.value = String(page);
+      }
       if (this.page === page) {
         return;
       }
-      this.setPage.emit(page);
+      this.onPageUpdate(page);
     };
+    this.onPageUpdate = debounce((page) => {
+      this.setPage.emit(page);
+    }, 500);
     this.onPageSizeSelect = (event) => {
       const pageSize = +event.target.value;
       if (this.pageSize === pageSize) {
@@ -68,10 +87,7 @@ const SwirlPagination = class {
     const showDropDown = this.variant === "advanced";
     const ariaPageLabel = `${this.page} ${this.pageLabel} ${this.pages}`;
     const className = classnames("pagination", `pagination--variant-${this.variant}`);
-    return (h(Host, null, h("nav", { "aria-label": this.label, class: className }, h("ul", { class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (h("li", { class: "pagination__list-item" }, h("label", { class: "pagination__page-size-selection" }, h("swirl-text", null, this.pageSizeSelectLabel), h("swirl-stack", { align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, h("select", { class: "pagination__page-size-select", onChange: this.onPageSizeSelect }, this.pageSizeOptions.map((pageSizeOption) => (h("option", { key: pageSizeOption, selected: pageSizeOption === this.pageSize, value: pageSizeOption }, pageSizeOption)))), h("swirl-icon-expand-more", { "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), h("li", { class: "pagination__list-item" }, h("swirl-button", { class: "pagination__first-page-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-double-arrow-left></swirl-icon-double-arrow-left>", intent: "primary", label: this.firstPageButtonLabel, onClick: this.onFirstPageButtonClick })), h("li", { class: "pagination__list-item" }, h("swirl-button", { class: "pagination__prev-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", intent: "primary", label: this.prevButtonLabel, onClick: this.onPrevButtonClick })), showPageLabel ? (h("li", { class: "pagination__list-item  pagination__page-label" }, h("span", null, showDropDown ? (h("span", { "aria-current": "page", class: "pagination__advanced-label" }, h("span", { class: "pagination__page-select-container" }, h("select", { "aria-label": this.pageSelectLabel, class: "pagination__page-select", onChange: this.onSelect }, new Array(this.pages)
-      .fill(undefined)
-      .map((_, index) => index + 1)
-      .map((page) => (h("option", { selected: this.page === page, value: String(page) }, page))))), h("span", { "aria-hidden": "true" }, this.pageLabel, " ", this.pages))) : (h("span", { "aria-current": "page" }, ariaPageLabel))))) : (h("li", { class: "pagination__list-item" }, h("swirl-visually-hidden", null, h("span", { "aria-current": "page" }, ariaPageLabel)))), h("li", { class: "pagination__list-item" }, h("swirl-button", { class: "pagination__next-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-chevron-right></swirl-icon-chevron-right>", iconPosition: "end", intent: "primary", label: this.nextButtonLabel, onClick: this.onNextButtonClick })), h("li", { class: "pagination__list-item" }, h("swirl-button", { class: "pagination__last-page-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", intent: "primary", label: this.lastPageButtonLabel, onClick: this.onLastPageButtonClick }))))));
+    return (h(Host, null, h("nav", { "aria-label": this.label, class: className }, h("ul", { class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (h("li", { class: "pagination__list-item" }, h("label", { class: "pagination__page-size-selection" }, h("swirl-text", null, this.pageSizeSelectLabel), h("swirl-stack", { align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, h("select", { class: "pagination__page-size-select", onChange: this.onPageSizeSelect }, this.pageSizeOptions.map((pageSizeOption) => (h("option", { key: pageSizeOption, selected: pageSizeOption === this.pageSize, value: pageSizeOption }, pageSizeOption)))), h("swirl-icon-expand-more", { "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), h("li", { class: "pagination__list-item" }, h("swirl-button", { class: "pagination__first-page-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-double-arrow-left></swirl-icon-double-arrow-left>", intent: "primary", label: this.firstPageButtonLabel, onClick: this.onFirstPageButtonClick })), h("li", { class: "pagination__list-item" }, h("swirl-button", { class: "pagination__prev-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", intent: "primary", label: this.prevButtonLabel, onClick: this.onPrevButtonClick })), showPageLabel ? (h("li", { class: "pagination__list-item  pagination__page-label" }, h("span", null, showDropDown ? (h("span", { "aria-current": "page", class: "pagination__advanced-label" }, h("input", { "aria-label": this.pageSelectLabel, class: "pagination__page-input", onFocus: this.onFocusPageInput, onInput: this.onPageInput, ref: (el) => (this.pageInput = el), type: "text", value: this.page }), h("span", { "aria-hidden": "true" }, this.pageLabel, " ", this.pages))) : (h("span", { "aria-current": "page" }, ariaPageLabel))))) : (h("li", { class: "pagination__list-item" }, h("swirl-visually-hidden", null, h("span", { "aria-current": "page" }, ariaPageLabel)))), h("li", { class: "pagination__list-item" }, h("swirl-button", { class: "pagination__next-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-chevron-right></swirl-icon-chevron-right>", iconPosition: "end", intent: "primary", label: this.nextButtonLabel, onClick: this.onNextButtonClick })), h("li", { class: "pagination__list-item" }, h("swirl-button", { class: "pagination__last-page-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", intent: "primary", label: this.lastPageButtonLabel, onClick: this.onLastPageButtonClick }))))));
   }
 };
 SwirlPagination.style = swirlPaginationCss;

package/dist/esm/swirl-search.entry.js

@@ -9,6 +9,7 @@ const SwirlSearch = class {
     registerInstance(this, hostRef);
     this.inputBlur = createEvent(this, "inputBlur", 7);
     this.inputFocus = createEvent(this, "inputFocus", 7);
+    this.inputInput = createEvent(this, "inputInput", 7);
     this.valueChange = createEvent(this, "valueChange", 7);
     this.desktopMediaQuery = getDesktopMediaQuery();
     this.desktopMediaQueryHandler = (event) => {
@@ -28,6 +29,9 @@ const SwirlSearch = class {
     this.onFocus = (event) => {
       this.inputFocus.emit(event);
     };
+    this.onInput = (event) => {
+      this.inputInput.emit(event.target.value);
+    };
     this.autoFocus = undefined;
     this.clearButtonLabel = "Clear search term";
     this.disabled = undefined;
@@ -64,7 +68,7 @@ const SwirlSearch = class {
     const className = classnames("search", `search--variant-${this.variant}`, {
       "search--disabled": this.disabled,
     });
-    return (h(Host, null, h("span", { class: className, ref: (el) => (this.iconEl = el) }, h("swirl-icon-search", { class: "search__icon" }), h("input", { "aria-disabled": this.disabled ? "true" : undefined, "aria-label": this.label, autoComplete: "off", autoFocus: this.autoFocus, class: "search__input", disabled: this.disabled, id: this.inputId, inputMode: "search", name: this.inputName, onBlur: this.onBlur, onChange: this.onChange, onFocus: this.onFocus, placeholder: this.placeholder, ref: (el) => (this.input = el), type: "search", value: this.value }), !this.disabled && (h("button", { "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, h("swirl-icon-cancel", null))))));
+    return (h(Host, null, h("span", { class: className, ref: (el) => (this.iconEl = el) }, h("swirl-icon-search", { class: "search__icon" }), h("input", { "aria-disabled": this.disabled ? "true" : undefined, "aria-label": this.label, autoComplete: "off", autoFocus: this.autoFocus, class: "search__input", disabled: this.disabled, id: this.inputId, inputMode: "search", name: this.inputName, onBlur: this.onBlur, onChange: this.onChange, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.input = el), type: "search", value: this.value }), !this.disabled && (h("button", { "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, h("swirl-icon-cancel", null))))));
   }
 };
 SwirlSearch.style = swirlSearchCss;

package/dist/esm/swirl-toast-provider.entry.js

@@ -46,7 +46,10 @@ const SwirlToastProvider = class {
     return newToastWithId;
   }
   render() {
-    return (h(Host, { role: "status" }, h("swirl-stack", { spacing: "12" }, this.toasts.map((toast) => (h("swirl-toast", Object.assign({ key: toast.toastId, onDismiss: this.onDismiss }, toast)))))));
+    return (h(Host, { role: "status" }, h("swirl-stack", { spacing: "12" }, this.toasts.map((toast) => {
+      const props = Object.assign(Object.assign({}, toast), { content: undefined });
+      return (h("swirl-toast", Object.assign({ key: toast.toastId, onDismiss: this.onDismiss }, props), toast.content));
+    }))));
   }
 };
 

package/dist/esm/swirl-toast.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, H as Host } from './index-0
 import { c as classnames } from './index-d280dafb.js';
 import { g as getDesktopMediaQuery } from './utils-61f188cc.js';
 
-const swirlToastCss = ":host{display:flex}:host *{box-sizing:border-box}.toast{display:flex;width:100%;max-width:28rem;padding:var(--s-space-16);border-radius:var(--s-border-radius-sm);color:var(--s-text-on-status);background-color:var(--s-surface-neutral-default);box-shadow:var(--s-shadow-level-2)}.toast--intent-critical{background-color:var(--s-surface-critical-default)}.toast--intent-success{background-color:var(--s-surface-success-default)}.toast__icon{display:inline-flex;margin-top:calc(-1 * var(--s-space-2));margin-right:0.625rem;flex-shrink:0}.toast__icon ::part(icon){color:var(--s-icon-on-status)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.toast__icon{margin-top:0}}.toast__content{flex-grow:1;line-height:var(--s-line-height-base);text-align:left;align-self:flex-start}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.toast__content{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.toast__dismiss-button{display:inline-flex;min-width:1.5rem;height:1.5rem;margin-top:calc(-1 * var(--s-space-2));margin-left:var(--s-space-16);padding:0;flex-shrink:0;justify-content:center;align-items:center;border:none;color:var(--s-text-on-status);background-color:transparent;font:inherit;font-weight:var(--s-font-weight-semibold);cursor:pointer}.toast__dismiss-button ::part(icon){color:var(--s-icon-on-status)}";
+const swirlToastCss = ":host{display:flex}:host *{box-sizing:border-box}.toast{display:flex;width:100%;max-width:28rem;padding:var(--s-space-16);border-radius:var(--s-border-radius-sm);color:var(--s-text-on-status);background-color:var(--s-surface-neutral-default);box-shadow:var(--s-shadow-level-2)}.toast--intent-critical{background-color:var(--s-surface-critical-default)}.toast--intent-success{background-color:var(--s-surface-success-default)}.toast__icon{display:inline-flex;margin-top:calc(-1 * var(--s-space-2));margin-right:0.625rem;flex-shrink:0}.toast__icon ::part(icon){color:var(--s-icon-on-status)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.toast__icon{margin-top:0}}.toast__content{flex-grow:1;line-height:var(--s-line-height-base);text-align:left;align-self:flex-start}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.toast__content{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.toast__content ::part(link){color:var(--text-default)}.toast__dismiss-button{display:inline-flex;min-width:1.5rem;height:1.5rem;margin-top:calc(-1 * var(--s-space-2));margin-left:var(--s-space-16);padding:0;flex-shrink:0;justify-content:center;align-items:center;border:none;color:var(--s-text-on-status);background-color:transparent;font:inherit;font-weight:var(--s-font-weight-semibold);cursor:pointer}.toast__dismiss-button ::part(icon){color:var(--s-icon-on-status)}";
 
 const SwirlToast = class {
   constructor(hostRef) {
@@ -61,7 +61,7 @@ const SwirlToast = class {
   }
   render() {
     const className = classnames("toast", `toast--intent-${this.intent}`);
-    return (h(Host, null, h("div", { class: className }, this.icon && (h("span", { class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), h("span", { class: "toast__content", part: "toast__content" }, this.content), h("button", { "aria-label": this.dismissLabel || this.accessibleDismissLabel, class: "toast__dismiss-button", onClick: this.onDismiss, type: "button" }, this.dismissLabel, !Boolean(this.dismissLabel) && (h("swirl-icon-close", { ref: (el) => (this.dismissIconEl = el) }))))));
+    return (h(Host, null, h("div", { class: className }, this.icon && (h("span", { class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), h("span", { class: "toast__content", innerHTML: this.content, part: "toast__content" }, h("slot", null)), h("button", { "aria-label": this.dismissLabel || this.accessibleDismissLabel, class: "toast__dismiss-button", onClick: this.onDismiss, type: "button" }, this.dismissLabel, !Boolean(this.dismissLabel) && (h("swirl-icon-close", { ref: (el) => (this.dismissIconEl = el) }))))));
   }
   static get watchers() { return {
     "duration": ["watchDuration"]

package/dist/swirl-components/p-41e9050c.entry.js

@@ -0,0 +1 @@
+import{r as i,c as t,h as a,H as s}from"./p-05c15d47.js";import{c as e}from"./p-b7898321.js";import{d as n}from"./p-438b3941.js";const o=class{constructor(a){i(this,a),this.setPage=t(this,"setPage",7),this.setPageSize=t(this,"setPageSize",7),this.onFocusPageInput=i=>{i.target.select()},this.onFirstPageButtonClick=()=>{1!==this.page&&this.setPage.emit(1)},this.onLastPageButtonClick=()=>{this.page!==this.pages&&this.setPage.emit(this.pages)},this.onPrevButtonClick=()=>{const i=Math.max(this.page-1,1);this.page!==i&&this.setPage.emit(i)},this.onNextButtonClick=()=>{const i=Math.min(this.page+1,this.pages);this.page!==i&&this.setPage.emit(i)},this.onPageInput=()=>{let i=+this.pageInput.value;isNaN(i)?(i=this.page,this.pageInput.value=String(i)):i>this.pages?(i=this.pages,this.pageInput.value=String(i)):i<1&&(i=1,this.pageInput.value=String(i)),this.page!==i&&this.onPageUpdate(i)},this.onPageUpdate=n((i=>{this.setPage.emit(i)}),500),this.onPageSizeSelect=i=>{const t=+i.target.value;this.pageSize!==t&&this.setPageSize.emit(t)},this.firstPageButtonLabel="First page",this.lastPageButtonLabel="Last page",this.label=void 0,this.nextButtonLabel="Next page",this.page=void 0,this.pageLabel="out of",this.pages=void 0,this.pageSelectLabel="Select a page",this.pageSize=10,this.pageSizeOptions=[10,25,50],this.pageSizeSelectLabel="Items per page:",this.prevButtonLabel="Previous page",this.showPageSizeSelect=void 0,this.variant="default"}render(){const i="simple"!==this.variant,t="advanced"===this.variant,n=`${this.page} ${this.pageLabel} ${this.pages}`,o=e("pagination",`pagination--variant-${this.variant}`);return a(s,null,a("nav",{"aria-label":this.label,class:o},a("ul",{class:"pagination__list",part:"pagination__list"},this.showPageSizeSelect&&a("li",{class:"pagination__list-item"},a("label",{class:"pagination__page-size-selection"},a("swirl-text",null,this.pageSizeSelectLabel),a("swirl-stack",{align:"center",class:"pagination__page-size-select-container",orientation:"horizontal"},a("select",{class:"pagination__page-size-select",onChange:this.onPageSizeSelect},this.pageSizeOptions.map((i=>a("option",{key:i,selected:i===this.pageSize,value:i},i)))),a("swirl-icon-expand-more",{"aria-hidden":"true",class:"pagination__page-size-select-icon",size:16})))),a("li",{class:"pagination__list-item"},a("swirl-button",{class:"pagination__first-page-button",disabled:this.page<=1,hideLabel:!0,icon:"<swirl-icon-double-arrow-left></swirl-icon-double-arrow-left>",intent:"primary",label:this.firstPageButtonLabel,onClick:this.onFirstPageButtonClick})),a("li",{class:"pagination__list-item"},a("swirl-button",{class:"pagination__prev-button",disabled:this.page<=1,hideLabel:!0,icon:"<swirl-icon-chevron-left></swirl-icon-chevron-left>",intent:"primary",label:this.prevButtonLabel,onClick:this.onPrevButtonClick})),i?a("li",{class:"pagination__list-item  pagination__page-label"},a("span",null,t?a("span",{"aria-current":"page",class:"pagination__advanced-label"},a("input",{"aria-label":this.pageSelectLabel,class:"pagination__page-input",onFocus:this.onFocusPageInput,onInput:this.onPageInput,ref:i=>this.pageInput=i,type:"text",value:this.page}),a("span",{"aria-hidden":"true"},this.pageLabel," ",this.pages)):a("span",{"aria-current":"page"},n))):a("li",{class:"pagination__list-item"},a("swirl-visually-hidden",null,a("span",{"aria-current":"page"},n))),a("li",{class:"pagination__list-item"},a("swirl-button",{class:"pagination__next-button",disabled:this.page>=this.pages,hideLabel:!0,icon:"<swirl-icon-chevron-right></swirl-icon-chevron-right>",iconPosition:"end",intent:"primary",label:this.nextButtonLabel,onClick:this.onNextButtonClick})),a("li",{class:"pagination__list-item"},a("swirl-button",{class:"pagination__last-page-button",disabled:this.page>=this.pages,hideLabel:!0,icon:"<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>",intent:"primary",label:this.lastPageButtonLabel,onClick:this.onLastPageButtonClick})))))}};o.style=":host{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:host *{box-sizing:border-box}.pagination{display:block;width:100%}.pagination--variant-simple .pagination__list{gap:0}.pagination__list{display:flex;margin:0;padding:0;justify-content:flex-start;align-items:center;line-height:var(--s-line-height-base);list-style:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.pagination__list{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.pagination__page-size-selection{display:flex;padding-right:var(--s-space-24);flex-shrink:0;align-items:center;color:var(--s-interactive-primary-default);white-space:nowrap;gap:var(--s-space-8)}.pagination__page-size-select-container{position:relative}.pagination__page-size-select{padding-right:calc(1rem + var(--s-space-4));border:none;color:var(--s-interactive-primary-default);background-color:transparent;font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.pagination__page-size-select:focus:not(:focus-visible){outline:none}.pagination__page-size-select:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.pagination__page-size-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.pagination__page-size-select-icon{position:absolute;top:50%;right:0;transform:translateY(-50%);pointer-events:none}.pagination__page-label{padding-right:var(--s-space-8);padding-left:var(--s-space-8)}.pagination__advanced-label{display:flex;align-items:center;white-space:nowrap;gap:var(--s-space-8)}.pagination__page-input{display:inline-flex;width:3rem;padding-top:var(--s-space-8);padding-right:var(--s-space-8);padding-bottom:var(--s-space-8);padding-left:var(--s-space-8);border:none;border-radius:var(--s-border-radius-sm);background-color:transparent;font:inherit;line-height:var(--s-line-height-base);text-align:center;box-shadow:inset 0 0 0 var(--s-border-width-default) var(--s-border-strong)}.pagination__page-input:focus:not(:focus-visible){outline:none}.pagination__page-input:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.pagination__page-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}";export{o as swirl_pagination}

package/dist/swirl-components/p-64b92967.entry.js

@@ -0,0 +1 @@
+import{r as t,c as s,h as i,H as o}from"./p-05c15d47.js";import{c as a}from"./p-b7898321.js";import{g as n}from"./p-438b3941.js";const r=class{constructor(i){t(this,i),this.dismiss=s(this,"dismiss",7),this.desktopMediaQuery=n(),this.desktopMediaQueryHandler=t=>{this.forceIconProps(t.matches)},this.onDismiss=()=>{this.dismiss.emit(this.toastId)},this.accessibleDismissLabel="Dismiss",this.content=void 0,this.dismissLabel=void 0,this.duration=void 0,this.icon=void 0,this.intent="default",this.toastId=void 0}watchDuration(){this.startTimer()}componentDidLoad(){var t,s;this.startTimer(),this.forceIconProps(this.desktopMediaQuery.matches),null===(s=(t=this.desktopMediaQuery).addEventListener)||void 0===s||s.call(t,"change",this.desktopMediaQueryHandler)}disconnectedCallback(){var t,s;null===(s=(t=this.desktopMediaQuery).removeEventListener)||void 0===s||s.call(t,"change",this.desktopMediaQueryHandler)}forceIconProps(t){var s;const i=null===(s=this.iconEl)||void 0===s?void 0:s.children[0],o=this.dismissIconEl;null==i||i.setAttribute("size",t?"20":"24"),null==o||o.setAttribute("size",t?"20":"24")}startTimer(){this.clearTimer(),void 0!==this.duration&&(this.timeout=setTimeout((()=>{this.dismiss.emit(this.toastId)}),this.duration))}clearTimer(){Boolean(this.timeout)&&(clearTimeout(this.timeout),this.timeout=void 0)}render(){const t=a("toast",`toast--intent-${this.intent}`);return i(o,null,i("div",{class:t},this.icon&&i("span",{class:"toast__icon",innerHTML:this.icon,part:"toast__icon",ref:t=>this.iconEl=t}),i("span",{class:"toast__content",innerHTML:this.content,part:"toast__content"},i("slot",null)),i("button",{"aria-label":this.dismissLabel||this.accessibleDismissLabel,class:"toast__dismiss-button",onClick:this.onDismiss,type:"button"},this.dismissLabel,!Boolean(this.dismissLabel)&&i("swirl-icon-close",{ref:t=>this.dismissIconEl=t}))))}static get watchers(){return{duration:["watchDuration"]}}};r.style=":host{display:flex}:host *{box-sizing:border-box}.toast{display:flex;width:100%;max-width:28rem;padding:var(--s-space-16);border-radius:var(--s-border-radius-sm);color:var(--s-text-on-status);background-color:var(--s-surface-neutral-default);box-shadow:var(--s-shadow-level-2)}.toast--intent-critical{background-color:var(--s-surface-critical-default)}.toast--intent-success{background-color:var(--s-surface-success-default)}.toast__icon{display:inline-flex;margin-top:calc(-1 * var(--s-space-2));margin-right:0.625rem;flex-shrink:0}.toast__icon ::part(icon){color:var(--s-icon-on-status)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.toast__icon{margin-top:0}}.toast__content{flex-grow:1;line-height:var(--s-line-height-base);text-align:left;align-self:flex-start}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.toast__content{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.toast__content ::part(link){color:var(--text-default)}.toast__dismiss-button{display:inline-flex;min-width:1.5rem;height:1.5rem;margin-top:calc(-1 * var(--s-space-2));margin-left:var(--s-space-16);padding:0;flex-shrink:0;justify-content:center;align-items:center;border:none;color:var(--s-text-on-status);background-color:transparent;font:inherit;font-weight:var(--s-font-weight-semibold);cursor:pointer}.toast__dismiss-button ::part(icon){color:var(--s-icon-on-status)}";export{r as swirl_toast}

package/dist/swirl-components/p-77daca19.entry.js

@@ -0,0 +1 @@
+import{r as s,c as r,h as e,H as a}from"./p-05c15d47.js";import{c as i}from"./p-b7898321.js";import{g as t}from"./p-438b3941.js";const c=class{constructor(e){s(this,e),this.inputBlur=r(this,"inputBlur",7),this.inputFocus=r(this,"inputFocus",7),this.inputInput=r(this,"inputInput",7),this.valueChange=r(this,"valueChange",7),this.desktopMediaQuery=t(),this.desktopMediaQueryHandler=s=>{this.forceIconProps(s.matches)},this.clear=()=>{this.input.value="",this.input.focus(),this.valueChange.emit("")},this.onBlur=s=>{this.inputBlur.emit(s)},this.onChange=s=>{this.valueChange.emit(s.target.value)},this.onFocus=s=>{this.inputFocus.emit(s)},this.onInput=s=>{this.inputInput.emit(s.target.value)},this.autoFocus=void 0,this.clearButtonLabel="Clear search term",this.disabled=void 0,this.inputName=void 0,this.inputId=void 0,this.label=void 0,this.placeholder="Search …",this.value=void 0,this.variant="filled"}componentDidLoad(){var s,r;this.forceIconProps(this.desktopMediaQuery.matches),null===(r=(s=this.desktopMediaQuery).addEventListener)||void 0===r||r.call(s,"change",this.desktopMediaQueryHandler)}disconnectedCallback(){var s,r;null===(r=(s=this.desktopMediaQuery).removeEventListener)||void 0===r||r.call(s,"change",this.desktopMediaQueryHandler)}forceIconProps(s){if(!Boolean(this.iconEl))return;const r=this.iconEl.children[0];null==r||r.setAttribute("size",s?"20":"24")}onKeyDown(s){"KeyK"!==s.code&&"Slash"!==s.code||!s.ctrlKey&&!s.metaKey||this.input.focus()}render(){const s=i("search",`search--variant-${this.variant}`,{"search--disabled":this.disabled});return e(a,null,e("span",{class:s,ref:s=>this.iconEl=s},e("swirl-icon-search",{class:"search__icon"}),e("input",{"aria-disabled":this.disabled?"true":void 0,"aria-label":this.label,autoComplete:"off",autoFocus:this.autoFocus,class:"search__input",disabled:this.disabled,id:this.inputId,inputMode:"search",name:this.inputName,onBlur:this.onBlur,onChange:this.onChange,onFocus:this.onFocus,onInput:this.onInput,placeholder:this.placeholder,ref:s=>this.input=s,type:"search",value:this.value}),!this.disabled&&e("button",{"aria-label":this.clearButtonLabel,class:"search__clear-button",onClick:this.clear,type:"button"},e("swirl-icon-cancel",null))))}};c.style=".sc-swirl-search-h{display:flex;width:100%}.sc-swirl-search-h *.sc-swirl-search{box-sizing:border-box}.search.sc-swirl-search{position:relative;display:flex;width:100%}.search--variant-outline.sc-swirl-search .search__input.sc-swirl-search{background-color:transparent;box-shadow:inset 0 0 0 var(--s-border-width-default) var(--s-border-strong)}.search--disabled.sc-swirl-search .search__icon.sc-swirl-search{color:var(--s-icon-disabled)}.search--disabled.sc-swirl-search .search__input.sc-swirl-search{color:var(--s-text-disabled)}.search--disabled.sc-swirl-search .search__input.sc-swirl-search::-moz-placeholder{color:var(--s-text-disabled)}.search--disabled.sc-swirl-search .search__input.sc-swirl-search::placeholder{color:var(--s-text-disabled)}.search__icon.sc-swirl-search{position:absolute;top:50%;left:var(--s-space-12);display:inline-flex;color:var(--s-icon-default);transform:translateY(-50%)}.search__input.sc-swirl-search{width:100%;height:2.5rem;padding-top:var(--s-space-8);padding-right:calc(var(--s-space-12) + 1.5rem + var(--s-space-8));padding-bottom:var(--s-space-8);padding-left:calc(var(--s-space-12) + 1.5rem + var(--s-space-8));border:none;border-radius:var(--s-border-radius-base);color:var(--s-text-default);background-color:var(--s-surface-raised-default);font:inherit;line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.search__input.sc-swirl-search:focus:not(:focus-visible){outline:none}.search__input.sc-swirl-search:focus-visible{outline-color:var(--s-focus-default)}.search__input.sc-swirl-search::-moz-placeholder{color:var(--s-text-subdued)}.search__input.sc-swirl-search::placeholder{color:var(--s-text-subdued)}.search__input.sc-swirl-search::-webkit-search-decoration,.search__input.sc-swirl-search::-webkit-search-cancel-button,.search__input.sc-swirl-search::-webkit-search-results-button,.search__input.sc-swirl-search::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}.search__input.sc-swirl-search:not(:-moz-placeholder-shown)+.search__clear-button.sc-swirl-search{display:inline-flex}.search__input.sc-swirl-search:not(:placeholder-shown)+.search__clear-button.sc-swirl-search{display:inline-flex}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.search__input.sc-swirl-search{height:2.25rem;padding-left:calc(var(--s-space-8) + 1.5rem + var(--s-space-8));font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.search__clear-button.sc-swirl-search{position:absolute;top:50%;right:var(--s-space-12);display:none;padding:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:pointer;transform:translateY(-50%)}";export{c as swirl_search}

package/dist/swirl-components/{p-cddec2c8.entry.js → p-7d702522.entry.js}

@@ -1 +1 @@
-import{r as t,h as s,H as i}from"./p-05c15d47.js";const r=class{constructor(s){t(this,s),this.onDismiss=t=>{this.toasts=[...this.toasts].filter((s=>s.toastId!==t.detail))},this.globalDuration=void 0,this.toasts=[]}async clearAll(){this.toasts=[]}async dismiss(t){this.toasts=[...this.toasts].filter((s=>s.toastId!==t))}async toast(t){if(this.toasts.some((s=>s.toastId===t.toastId)))return;let s=this.globalDuration;void 0===this.globalDuration?s=t.duration:0===this.globalDuration&&(s=void 0);const i=Object.assign(Object.assign({},t),{createdAt:new Date,duration:s,toastId:t.toastId||String(Math.round(1e4*Math.random()))});return this.toasts=[...this.toasts,i],i}render(){return s(i,{role:"status"},s("swirl-stack",{spacing:"12"},this.toasts.map((t=>s("swirl-toast",Object.assign({key:t.toastId,onDismiss:this.onDismiss},t))))))}};export{r as swirl_toast_provider}
+import{r as t,h as s,H as i}from"./p-05c15d47.js";const r=class{constructor(s){t(this,s),this.onDismiss=t=>{this.toasts=[...this.toasts].filter((s=>s.toastId!==t.detail))},this.globalDuration=void 0,this.toasts=[]}async clearAll(){this.toasts=[]}async dismiss(t){this.toasts=[...this.toasts].filter((s=>s.toastId!==t))}async toast(t){if(this.toasts.some((s=>s.toastId===t.toastId)))return;let s=this.globalDuration;void 0===this.globalDuration?s=t.duration:0===this.globalDuration&&(s=void 0);const i=Object.assign(Object.assign({},t),{createdAt:new Date,duration:s,toastId:t.toastId||String(Math.round(1e4*Math.random()))});return this.toasts=[...this.toasts,i],i}render(){return s(i,{role:"status"},s("swirl-stack",{spacing:"12"},this.toasts.map((t=>{const i=Object.assign(Object.assign({},t),{content:void 0});return s("swirl-toast",Object.assign({key:t.toastId,onDismiss:this.onDismiss},i),t.content)}))))}};export{r as swirl_toast_provider}

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

@@ -1 +1 @@
-import{p as e,b as i}from"./p-05c15d47.js";export{s as setNonce}from"./p-05c15d47.js";(()=>{const i=import.meta.url,l={};return""!==i&&(l.resourcesUrl=new URL(".",i).href),e(l)})().then((e=>i(JSON.parse('[["p-fd8dd92d",[[1,"file-manager",{"selectedDirectory":[32],"selectedFile":[32]}]]],["p-e9433d98",[[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-063afb09",[[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-638b7fd9",[[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-73a4a99a",[[1,"swirl-inline-notification",{"heading":[1],"importance":[1],"intent":[1]}]]],["p-f50fcc4d",[[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-4f44b9e7",[[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"]}]]],["p-0511c7be",[[6,"swirl-select",{"disabled":[4],"inline":[4],"invalid":[4],"label":[1],"multiSelect":[4,"multi-select"],"required":[4],"swirlAriaDescribedby":[1,"swirl-aria-describedby"],"value":[1040],"options":[32],"open":[32]},[[8,"focusin","onWindowFocusIn"]]]]],["p-e5fa6ac6",[[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-504ab3ec",[[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-90ef5b51",[[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"]]]]],["p-76c4b5dc",[[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-cddec2c8",[[1,"swirl-toast-provider",{"globalDuration":[2,"global-duration"],"toasts":[32],"clearAll":[64],"dismiss":[64],"toast":[64]}]]],["p-d5a55beb",[[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-c0cf7a5e",[[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-04e84391",[[6,"swirl-form-control",{"description":[1],"disabled":[4],"errorMessage":[1,"error-message"],"inline":[4],"invalid":[4],"label":[1],"labelPosition":[1,"label-position"],"hasFocus":[32],"inputValue":[32]},[[8,"click","onWindowClick"]]]]],["p-dbe4ee1a",[[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-e72b46cf",[[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-fd2f8580",[[1,"swirl-table-column",{"sort":[1],"sortable":[4],"maxWidth":[1,"max-width"],"minWidth":[1,"min-width"],"sticky":[4],"width":[1]}]]],["p-490aca41",[[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-c8e629b7",[[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-5b691374",[[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-61a52a24",[[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-8c8a717e",[[2,"swirl-radio",{"checked":[1032],"description":[1],"disabled":[4],"inputId":[1,"input-id"],"inputName":[1,"input-name"],"invalid":[4],"label":[1],"value":[1]}]]],["p-dc60aa35",[[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-8e64456c",[[1,"swirl-shell-navigation-item",{"active":[4],"badgeLabel":[1,"badge-label"],"label":[1]}]]],["p-394568d3",[[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-42d9aace",[[6,"swirl-tabs",{"initialTab":[1,"initial-tab"],"label":[1],"activeTab":[32],"tabBarTabs":[32],"activateTab":[64]}]]],["p-01aff357",[[1,"swirl-tag",{"intent":[1],"label":[1],"removable":[4],"removalButtonLabel":[1,"removal-button-label"]}]]],["p-c783221d",[[1,"swirl-video-thumbnail",{"durationLabel":[1,"duration-label"],"duration":[1],"label":[1],"src":[1]}]]],["p-ddd49304",[[1,"swirl-action-list-section",{"label":[1]}]]],["p-e7489a17",[[1,"swirl-app-icon",{"icon":[1],"src":[1],"hideBorder":[4,"hide-border"],"imageAvailable":[32]}]]],["p-a8acfcc3",[[1,"swirl-avatar-group",{"badge":[1]}]]],["p-f6a44042",[[1,"swirl-card",{"as":[1],"borderRadius":[1,"border-radius"],"elevated":[4],"height":[1],"highlighted":[4],"href":[1],"imageAspectRatio":[1,"image-aspect-ratio"],"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-5540e1a5",[[1,"swirl-carousel-slide",{"label":[1],"minHeight":[1,"min-height"],"width":[1]}]]],["p-3a763e22",[[1,"swirl-chip",{"icon":[1],"intent":[1],"interactive":[4],"label":[1],"variant":[1]}]]],["p-83392d53",[[1,"swirl-columns",{"columns":[1],"spacing":[1]}]]],["p-9cf47daf",[[1,"swirl-description-list"]]],["p-c92fef2d",[[1,"swirl-description-list-item",{"bordered":[4],"orientation":[1],"term":[1]}]]],["p-24a2fc70",[[6,"swirl-form-group",{"orientation":[1]}]]],["p-568a81e4",[[1,"swirl-icon",{"glyph":[1],"size":[2]}]]],["p-b20dc745",[[1,"swirl-icon-add-photo",{"size":[2]}]]],["p-6f5a740c",[[1,"swirl-icon-admin-panel-settings",{"size":[2]}]]],["p-616fef83",[[1,"swirl-icon-ai",{"size":[2]}]]],["p-4002c5ae",[[1,"swirl-icon-arrow-back",{"size":[2]}]]],["p-1760180b",[[1,"swirl-icon-arrow-forward",{"size":[2]}]]],["p-7c2b4953",[[1,"swirl-icon-arrow-right-small",{"size":[2]}]]],["p-59a5aafb",[[1,"swirl-icon-attachment",{"size":[2]}]]],["p-904b5a82",[[1,"swirl-icon-block",{"size":[2]}]]],["p-51e63ec1",[[1,"swirl-icon-bookmark",{"size":[2]}]]],["p-d9724ad8",[[1,"swirl-icon-chat-bubble",{"size":[2]}]]],["p-8444953b",[[1,"swirl-icon-chats-filled",{"size":[2]}]]],["p-1901ff35",[[1,"swirl-icon-chats-outlined",{"size":[2]}]]],["p-ff74e4c3",[[1,"swirl-icon-check",{"size":[2]}]]],["p-cf4767a5",[[1,"swirl-icon-chevron-left",{"size":[2]}]]],["p-fe5a1737",[[1,"swirl-icon-chevron-right",{"size":[2]}]]],["p-ae6f7f6d",[[1,"swirl-icon-close-small",{"size":[2]}]]],["p-cd83c309",[[1,"swirl-icon-column",{"size":[2]}]]],["p-498e2b6e",[[1,"swirl-icon-comment",{"size":[2]}]]],["p-6ad5a67b",[[1,"swirl-icon-copy",{"size":[2]}]]],["p-82be9389",[[1,"swirl-icon-date-range",{"size":[2]}]]],["p-f9bbeefe",[[1,"swirl-icon-delete",{"size":[2]}]]],["p-93023904",[[1,"swirl-icon-description",{"size":[2]}]]],["p-77d3f063",[[1,"swirl-icon-double-arrow-left",{"size":[2]}]]],["p-d781dcfb",[[1,"swirl-icon-double-arrow-right",{"size":[2]}]]],["p-3a7170ec",[[1,"swirl-icon-download",{"size":[2]}]]],["p-7a832eb6",[[1,"swirl-icon-edit",{"size":[2]}]]],["p-4c3c4647",[[1,"swirl-icon-emoji-mood",{"size":[2]}]]],["p-3ef45c79",[[1,"swirl-icon-emoji-satisfied",{"size":[2]}]]],["p-ada20ae7",[[1,"swirl-icon-filter",{"size":[2]}]]],["p-91cc9591",[[1,"swirl-icon-folder",{"size":[2]}]]],["p-1c4fa7e9",[[1,"swirl-icon-group-assign",{"size":[2]}]]],["p-1782d1ea",[[1,"swirl-icon-groups",{"size":[2]}]]],["p-8decc967",[[1,"swirl-icon-groups-custom",{"size":[2]}]]],["p-e08e9e53",[[1,"swirl-icon-groups-filled",{"size":[2]}]]],["p-9648bfbf",[[1,"swirl-icon-groups-outlined",{"size":[2]}]]],["p-c3c29b93",[[1,"swirl-icon-help",{"size":[2]}]]],["p-fe33a054",[[1,"swirl-icon-image",{"size":[2]}]]],["p-04fec5d6",[[1,"swirl-icon-improve-text",{"size":[2]}]]],["p-c0d20490",[[1,"swirl-icon-insert-below",{"size":[2]}]]],["p-2071b460",[[1,"swirl-icon-insert-on-top",{"size":[2]}]]],["p-5282350f",[[1,"swirl-icon-inventory",{"size":[2]}]]],["p-6ef1f4ef",[[1,"swirl-icon-like",{"size":[2]}]]],["p-28fdee3b",[[1,"swirl-icon-link",{"size":[2]}]]],["p-f7f1c29f",[[1,"swirl-icon-lock",{"size":[2]}]]],["p-3c9f6731",[[1,"swirl-icon-lock-person",{"size":[2]}]]],["p-1091d3dc",[[1,"swirl-icon-logout",{"size":[2]}]]],["p-cc85dade",[[1,"swirl-icon-long-text",{"size":[2]}]]],["p-fff59050",[[1,"swirl-icon-mail",{"size":[2]}]]],["p-f8b08507",[[1,"swirl-icon-manage-accounts",{"size":[2]}]]],["p-7c2ca02f",[[1,"swirl-icon-mention",{"size":[2]}]]],["p-3a182222",[[1,"swirl-icon-menu",{"size":[2]}]]],["p-8b7e33aa",[[1,"swirl-icon-menu-filled",{"size":[2]}]]],["p-a4d24a90",[[1,"swirl-icon-menu-outlined",{"size":[2]}]]],["p-fa2ebe9e",[[1,"swirl-icon-message",{"size":[2]}]]],["p-453dc25e",[[1,"swirl-icon-more-horizontal",{"size":[2]}]]],["p-5d744993",[[1,"swirl-icon-news-filled",{"size":[2]}]]],["p-0336b920",[[1,"swirl-icon-news-outlined",{"size":[2]}]]],["p-2ea247c5",[[1,"swirl-icon-notifications",{"size":[2]}]]],["p-398854b7",[[1,"swirl-icon-notifications-active",{"size":[2]}]]],["p-9f341e18",[[1,"swirl-icon-notifications-off",{"size":[2]}]]],["p-92f1a11f",[[1,"swirl-icon-open-in-new",{"size":[2]}]]],["p-e793fedc",[[1,"swirl-icon-people-alt",{"size":[2]}]]],["p-fad5447d",[[1,"swirl-icon-person-off",{"size":[2]}]]],["p-387a3853",[[1,"swirl-icon-phone",{"size":[2]}]]],["p-2c4d446e",[[1,"swirl-icon-poll",{"size":[2]}]]],["p-85aa0c88",[[1,"swirl-icon-print",{"size":[2]}]]],["p-b626b11e",[[1,"swirl-icon-recieved",{"size":[2]}]]],["p-66643855",[[1,"swirl-icon-search-strong",{"size":[2]}]]],["p-4e5fd3bf",[[1,"swirl-icon-send",{"size":[2]}]]],["p-bea1351f",[[1,"swirl-icon-settings",{"size":[2]}]]],["p-1c85f997",[[1,"swirl-icon-short-text",{"size":[2]}]]],["p-9688313e",[[1,"swirl-icon-simplify",{"size":[2]}]]],["p-2836c9c7",[[1,"swirl-icon-spellcheck",{"size":[2]}]]],["p-a4ad540a",[[1,"swirl-icon-sync",{"size":[2]}]]],["p-a9f9ef54",[[1,"swirl-icon-tasks-filled",{"size":[2]}]]],["p-85c38084",[[1,"swirl-icon-tasks-outlined",{"size":[2]}]]],["p-2071a452",[[1,"swirl-icon-time-filled",{"size":[2]}]]],["p-649f1a2f",[[1,"swirl-icon-time-outlined",{"size":[2]}]]],["p-b4a68dac",[[1,"swirl-icon-undo",{"size":[2]}]]],["p-530a0003",[[1,"swirl-icon-unlock-person",{"size":[2]}]]],["p-20fd87e7",[[1,"swirl-icon-user-assign",{"size":[2]}]]],["p-b39a0256",[[1,"swirl-icon-video-camera",{"size":[2]}]]],["p-3af4f4aa",[[1,"swirl-icon-voice",{"size":[2]}]]],["p-c0036f1f",[[1,"swirl-link",{"href":[1],"label":[1],"target":[1]}]]],["p-d82fce3d",[[4,"swirl-list"]]],["p-f5c1afb6",[[1,"swirl-option-list-section",{"label":[1]}]]],["p-825ca193",[[1,"swirl-progress-indicator",{"label":[1],"size":[1],"value":[2],"variant":[1]}]]],["p-8317b681",[[6,"swirl-radio-group",{"swirlAriaDescribedby":[1,"swirl-aria-describedby"],"value":[1537]}]]],["p-d5f2df64",[[1,"swirl-skeleton-box",{"animated":[4],"aspectRatio":[1,"aspect-ratio"],"borderRadius":[1,"border-radius"],"height":[1],"width":[1]}]]],["p-1e60fa61",[[1,"swirl-skeleton-text",{"animated":[4],"lines":[2],"size":[1]}]]],["p-891737c7",[[1,"swirl-tab",{"active":[4],"label":[1],"tabId":[1,"tab-id"]}]]],["p-cbcc0e42",[[1,"swirl-table-cell"]]],["p-7412f5ee",[[1,"swirl-table-row",{"highlighted":[4],"index":[2]}]]],["p-1aa44f84",[[1,"swirl-table-row-group",{"label":[1]}]]],["p-c3badef7",[[6,"swirl-theme-provider",{"config":[16],"getActiveTheme":[64],"getPreferredTheme":[64],"setPreferredTheme":[64],"resetPreferredTheme":[64]}]]],["p-dec381b9",[[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-791d8d8f",[[1,"swirl-tree-navigation-item",{"active":[4],"icon":[1],"label":[1]}]]],["p-3ce8a38c",[[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],"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-da7879cd",[[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-cb0aca8f",[[1,"swirl-badge",{"icon":[1],"intent":[1],"label":[1],"size":[1],"variant":[1]}]]],["p-2ee1c66d",[[1,"swirl-icon-cloud-upload",{"size":[2]}]]],["p-5f53b9ed",[[1,"swirl-icon-person",{"size":[2]}]]],["p-c731c32c",[[1,"swirl-icon-search",{"size":[2]}]]],["p-da4c54e0",[[2,"swirl-tab-bar",{"disableTabSemantics":[4,"disable-tab-semantics"],"label":[1],"tabs":[16]}]]],["p-8189d59b",[[1,"swirl-date-picker",{"labels":[16],"locale":[1],"range":[4],"startDate":[16],"value":[1040]}],[1,"swirl-icon-today",{"size":[2]}]]],["p-2acbafe5",[[1,"swirl-button-group",{"orientation":[1],"segmented":[4],"stretch":[4],"wrap":[4]}]]],["p-5636fc57",[[1,"swirl-icon-arrow-downward",{"size":[2]}],[1,"swirl-icon-arrow-upward",{"size":[2]}]]],["p-ada769a2",[[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-3ddaceac",[[1,"swirl-icon-check-circle",{"size":[2]}],[1,"swirl-icon-info",{"size":[2]}],[1,"swirl-icon-warning",{"size":[2]}]]],["p-ddecb3fb",[[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-bb84c103",[[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-b006fef3",[[1,"swirl-icon-check-strong",{"size":[2]}]]],["p-83e3fa78",[[1,"swirl-icon-close",{"size":[2]}]]],["p-92fd5b6e",[[1,"swirl-icon-expand-more",{"size":[2]}]]],["p-406d1673",[[1,"swirl-popover",{"animation":[1],"disableScrollLock":[4,"disable-scroll-lock"],"enableFlip":[4,"enable-flip"],"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-fffab440",[[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-94c348ae",[[1,"swirl-action-list"],[1,"swirl-action-list-item",{"disabled":[4],"description":[1],"icon":[1],"intent":[1],"label":[1],"size":[1],"suffix":[1]}],[1,"swirl-separator",{"spacing":[1]}]]],["p-5f05c203",[[6,"swirl-text",{"align":[1],"as":[1],"balance":[4],"color":[1],"fontStyle":[1,"font-style"],"lines":[2],"size":[1],"truncate":[4],"weight":[1]},[[9,"resize","onWindowResize"]]]]],["p-5fdfd6ff",[[1,"swirl-stack",{"align":[1],"as":[1],"justify":[1],"orientation":[1],"spacing":[1],"wrap":[4]}]]],["p-a038f7b4",[[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]}],[1,"swirl-resource-list-item",{"checked":[1028],"description":[1],"disabled":[4],"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]}],[1,"swirl-resource-list",{"label":[1]}],[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-c78c2b0f",[[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-0f3b28e9",[[1,"swirl-visually-hidden"]]],["p-ac1d5642",[[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],"value":[1],"iconSize":[32]}],[6,"swirl-option-list",{"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]}],[1,"swirl-icon-check-small",{"size":[2]}],[1,"swirl-icon-drag-handle",{"size":[2]}]]],["p-7405beba",[[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-d7d1fd16",[[1,"swirl-inline-error",{"message":[1],"size":[1]}],[1,"swirl-spinner",{"label":[1],"size":[8]}],[1,"swirl-icon-error",{"size":[2]}]]],["p-9b0a9699",[[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)));
+import{p as e,b as i}from"./p-05c15d47.js";export{s as setNonce}from"./p-05c15d47.js";(()=>{const i=import.meta.url,l={};return""!==i&&(l.resourcesUrl=new URL(".",i).href),e(l)})().then((e=>i(JSON.parse('[["p-fd8dd92d",[[1,"file-manager",{"selectedDirectory":[32],"selectedFile":[32]}]]],["p-e9433d98",[[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-063afb09",[[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-638b7fd9",[[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-73a4a99a",[[1,"swirl-inline-notification",{"heading":[1],"importance":[1],"intent":[1]}]]],["p-41e9050c",[[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-4f44b9e7",[[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"]}]]],["p-0511c7be",[[6,"swirl-select",{"disabled":[4],"inline":[4],"invalid":[4],"label":[1],"multiSelect":[4,"multi-select"],"required":[4],"swirlAriaDescribedby":[1,"swirl-aria-describedby"],"value":[1040],"options":[32],"open":[32]},[[8,"focusin","onWindowFocusIn"]]]]],["p-e5fa6ac6",[[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-504ab3ec",[[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-90ef5b51",[[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"]]]]],["p-76c4b5dc",[[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-7d702522",[[1,"swirl-toast-provider",{"globalDuration":[2,"global-duration"],"toasts":[32],"clearAll":[64],"dismiss":[64],"toast":[64]}]]],["p-d5a55beb",[[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-c0cf7a5e",[[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-04e84391",[[6,"swirl-form-control",{"description":[1],"disabled":[4],"errorMessage":[1,"error-message"],"inline":[4],"invalid":[4],"label":[1],"labelPosition":[1,"label-position"],"hasFocus":[32],"inputValue":[32]},[[8,"click","onWindowClick"]]]]],["p-77daca19",[[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-e72b46cf",[[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-fd2f8580",[[1,"swirl-table-column",{"sort":[1],"sortable":[4],"maxWidth":[1,"max-width"],"minWidth":[1,"min-width"],"sticky":[4],"width":[1]}]]],["p-490aca41",[[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-c8e629b7",[[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-5b691374",[[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-61a52a24",[[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-8c8a717e",[[2,"swirl-radio",{"checked":[1032],"description":[1],"disabled":[4],"inputId":[1,"input-id"],"inputName":[1,"input-name"],"invalid":[4],"label":[1],"value":[1]}]]],["p-dc60aa35",[[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-8e64456c",[[1,"swirl-shell-navigation-item",{"active":[4],"badgeLabel":[1,"badge-label"],"label":[1]}]]],["p-394568d3",[[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-42d9aace",[[6,"swirl-tabs",{"initialTab":[1,"initial-tab"],"label":[1],"activeTab":[32],"tabBarTabs":[32],"activateTab":[64]}]]],["p-01aff357",[[1,"swirl-tag",{"intent":[1],"label":[1],"removable":[4],"removalButtonLabel":[1,"removal-button-label"]}]]],["p-c783221d",[[1,"swirl-video-thumbnail",{"durationLabel":[1,"duration-label"],"duration":[1],"label":[1],"src":[1]}]]],["p-ddd49304",[[1,"swirl-action-list-section",{"label":[1]}]]],["p-e7489a17",[[1,"swirl-app-icon",{"icon":[1],"src":[1],"hideBorder":[4,"hide-border"],"imageAvailable":[32]}]]],["p-a8acfcc3",[[1,"swirl-avatar-group",{"badge":[1]}]]],["p-f6a44042",[[1,"swirl-card",{"as":[1],"borderRadius":[1,"border-radius"],"elevated":[4],"height":[1],"highlighted":[4],"href":[1],"imageAspectRatio":[1,"image-aspect-ratio"],"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-5540e1a5",[[1,"swirl-carousel-slide",{"label":[1],"minHeight":[1,"min-height"],"width":[1]}]]],["p-3a763e22",[[1,"swirl-chip",{"icon":[1],"intent":[1],"interactive":[4],"label":[1],"variant":[1]}]]],["p-83392d53",[[1,"swirl-columns",{"columns":[1],"spacing":[1]}]]],["p-9cf47daf",[[1,"swirl-description-list"]]],["p-c92fef2d",[[1,"swirl-description-list-item",{"bordered":[4],"orientation":[1],"term":[1]}]]],["p-24a2fc70",[[6,"swirl-form-group",{"orientation":[1]}]]],["p-568a81e4",[[1,"swirl-icon",{"glyph":[1],"size":[2]}]]],["p-b20dc745",[[1,"swirl-icon-add-photo",{"size":[2]}]]],["p-6f5a740c",[[1,"swirl-icon-admin-panel-settings",{"size":[2]}]]],["p-616fef83",[[1,"swirl-icon-ai",{"size":[2]}]]],["p-4002c5ae",[[1,"swirl-icon-arrow-back",{"size":[2]}]]],["p-1760180b",[[1,"swirl-icon-arrow-forward",{"size":[2]}]]],["p-7c2b4953",[[1,"swirl-icon-arrow-right-small",{"size":[2]}]]],["p-59a5aafb",[[1,"swirl-icon-attachment",{"size":[2]}]]],["p-904b5a82",[[1,"swirl-icon-block",{"size":[2]}]]],["p-51e63ec1",[[1,"swirl-icon-bookmark",{"size":[2]}]]],["p-d9724ad8",[[1,"swirl-icon-chat-bubble",{"size":[2]}]]],["p-8444953b",[[1,"swirl-icon-chats-filled",{"size":[2]}]]],["p-1901ff35",[[1,"swirl-icon-chats-outlined",{"size":[2]}]]],["p-ff74e4c3",[[1,"swirl-icon-check",{"size":[2]}]]],["p-cf4767a5",[[1,"swirl-icon-chevron-left",{"size":[2]}]]],["p-fe5a1737",[[1,"swirl-icon-chevron-right",{"size":[2]}]]],["p-ae6f7f6d",[[1,"swirl-icon-close-small",{"size":[2]}]]],["p-cd83c309",[[1,"swirl-icon-column",{"size":[2]}]]],["p-498e2b6e",[[1,"swirl-icon-comment",{"size":[2]}]]],["p-6ad5a67b",[[1,"swirl-icon-copy",{"size":[2]}]]],["p-82be9389",[[1,"swirl-icon-date-range",{"size":[2]}]]],["p-f9bbeefe",[[1,"swirl-icon-delete",{"size":[2]}]]],["p-93023904",[[1,"swirl-icon-description",{"size":[2]}]]],["p-77d3f063",[[1,"swirl-icon-double-arrow-left",{"size":[2]}]]],["p-d781dcfb",[[1,"swirl-icon-double-arrow-right",{"size":[2]}]]],["p-3a7170ec",[[1,"swirl-icon-download",{"size":[2]}]]],["p-7a832eb6",[[1,"swirl-icon-edit",{"size":[2]}]]],["p-4c3c4647",[[1,"swirl-icon-emoji-mood",{"size":[2]}]]],["p-3ef45c79",[[1,"swirl-icon-emoji-satisfied",{"size":[2]}]]],["p-ada20ae7",[[1,"swirl-icon-filter",{"size":[2]}]]],["p-91cc9591",[[1,"swirl-icon-folder",{"size":[2]}]]],["p-1c4fa7e9",[[1,"swirl-icon-group-assign",{"size":[2]}]]],["p-1782d1ea",[[1,"swirl-icon-groups",{"size":[2]}]]],["p-8decc967",[[1,"swirl-icon-groups-custom",{"size":[2]}]]],["p-e08e9e53",[[1,"swirl-icon-groups-filled",{"size":[2]}]]],["p-9648bfbf",[[1,"swirl-icon-groups-outlined",{"size":[2]}]]],["p-c3c29b93",[[1,"swirl-icon-help",{"size":[2]}]]],["p-fe33a054",[[1,"swirl-icon-image",{"size":[2]}]]],["p-04fec5d6",[[1,"swirl-icon-improve-text",{"size":[2]}]]],["p-c0d20490",[[1,"swirl-icon-insert-below",{"size":[2]}]]],["p-2071b460",[[1,"swirl-icon-insert-on-top",{"size":[2]}]]],["p-5282350f",[[1,"swirl-icon-inventory",{"size":[2]}]]],["p-6ef1f4ef",[[1,"swirl-icon-like",{"size":[2]}]]],["p-28fdee3b",[[1,"swirl-icon-link",{"size":[2]}]]],["p-f7f1c29f",[[1,"swirl-icon-lock",{"size":[2]}]]],["p-3c9f6731",[[1,"swirl-icon-lock-person",{"size":[2]}]]],["p-1091d3dc",[[1,"swirl-icon-logout",{"size":[2]}]]],["p-cc85dade",[[1,"swirl-icon-long-text",{"size":[2]}]]],["p-fff59050",[[1,"swirl-icon-mail",{"size":[2]}]]],["p-f8b08507",[[1,"swirl-icon-manage-accounts",{"size":[2]}]]],["p-7c2ca02f",[[1,"swirl-icon-mention",{"size":[2]}]]],["p-3a182222",[[1,"swirl-icon-menu",{"size":[2]}]]],["p-8b7e33aa",[[1,"swirl-icon-menu-filled",{"size":[2]}]]],["p-a4d24a90",[[1,"swirl-icon-menu-outlined",{"size":[2]}]]],["p-fa2ebe9e",[[1,"swirl-icon-message",{"size":[2]}]]],["p-453dc25e",[[1,"swirl-icon-more-horizontal",{"size":[2]}]]],["p-5d744993",[[1,"swirl-icon-news-filled",{"size":[2]}]]],["p-0336b920",[[1,"swirl-icon-news-outlined",{"size":[2]}]]],["p-2ea247c5",[[1,"swirl-icon-notifications",{"size":[2]}]]],["p-398854b7",[[1,"swirl-icon-notifications-active",{"size":[2]}]]],["p-9f341e18",[[1,"swirl-icon-notifications-off",{"size":[2]}]]],["p-92f1a11f",[[1,"swirl-icon-open-in-new",{"size":[2]}]]],["p-e793fedc",[[1,"swirl-icon-people-alt",{"size":[2]}]]],["p-fad5447d",[[1,"swirl-icon-person-off",{"size":[2]}]]],["p-387a3853",[[1,"swirl-icon-phone",{"size":[2]}]]],["p-2c4d446e",[[1,"swirl-icon-poll",{"size":[2]}]]],["p-85aa0c88",[[1,"swirl-icon-print",{"size":[2]}]]],["p-b626b11e",[[1,"swirl-icon-recieved",{"size":[2]}]]],["p-66643855",[[1,"swirl-icon-search-strong",{"size":[2]}]]],["p-4e5fd3bf",[[1,"swirl-icon-send",{"size":[2]}]]],["p-bea1351f",[[1,"swirl-icon-settings",{"size":[2]}]]],["p-1c85f997",[[1,"swirl-icon-short-text",{"size":[2]}]]],["p-9688313e",[[1,"swirl-icon-simplify",{"size":[2]}]]],["p-2836c9c7",[[1,"swirl-icon-spellcheck",{"size":[2]}]]],["p-a4ad540a",[[1,"swirl-icon-sync",{"size":[2]}]]],["p-a9f9ef54",[[1,"swirl-icon-tasks-filled",{"size":[2]}]]],["p-85c38084",[[1,"swirl-icon-tasks-outlined",{"size":[2]}]]],["p-2071a452",[[1,"swirl-icon-time-filled",{"size":[2]}]]],["p-649f1a2f",[[1,"swirl-icon-time-outlined",{"size":[2]}]]],["p-b4a68dac",[[1,"swirl-icon-undo",{"size":[2]}]]],["p-530a0003",[[1,"swirl-icon-unlock-person",{"size":[2]}]]],["p-20fd87e7",[[1,"swirl-icon-user-assign",{"size":[2]}]]],["p-b39a0256",[[1,"swirl-icon-video-camera",{"size":[2]}]]],["p-3af4f4aa",[[1,"swirl-icon-voice",{"size":[2]}]]],["p-c0036f1f",[[1,"swirl-link",{"href":[1],"label":[1],"target":[1]}]]],["p-d82fce3d",[[4,"swirl-list"]]],["p-f5c1afb6",[[1,"swirl-option-list-section",{"label":[1]}]]],["p-825ca193",[[1,"swirl-progress-indicator",{"label":[1],"size":[1],"value":[2],"variant":[1]}]]],["p-8317b681",[[6,"swirl-radio-group",{"swirlAriaDescribedby":[1,"swirl-aria-describedby"],"value":[1537]}]]],["p-d5f2df64",[[1,"swirl-skeleton-box",{"animated":[4],"aspectRatio":[1,"aspect-ratio"],"borderRadius":[1,"border-radius"],"height":[1],"width":[1]}]]],["p-1e60fa61",[[1,"swirl-skeleton-text",{"animated":[4],"lines":[2],"size":[1]}]]],["p-891737c7",[[1,"swirl-tab",{"active":[4],"label":[1],"tabId":[1,"tab-id"]}]]],["p-cbcc0e42",[[1,"swirl-table-cell"]]],["p-7412f5ee",[[1,"swirl-table-row",{"highlighted":[4],"index":[2]}]]],["p-1aa44f84",[[1,"swirl-table-row-group",{"label":[1]}]]],["p-c3badef7",[[6,"swirl-theme-provider",{"config":[16],"getActiveTheme":[64],"getPreferredTheme":[64],"setPreferredTheme":[64],"resetPreferredTheme":[64]}]]],["p-dec381b9",[[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-791d8d8f",[[1,"swirl-tree-navigation-item",{"active":[4],"icon":[1],"label":[1]}]]],["p-3ce8a38c",[[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],"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-64b92967",[[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-cb0aca8f",[[1,"swirl-badge",{"icon":[1],"intent":[1],"label":[1],"size":[1],"variant":[1]}]]],["p-2ee1c66d",[[1,"swirl-icon-cloud-upload",{"size":[2]}]]],["p-5f53b9ed",[[1,"swirl-icon-person",{"size":[2]}]]],["p-c731c32c",[[1,"swirl-icon-search",{"size":[2]}]]],["p-da4c54e0",[[2,"swirl-tab-bar",{"disableTabSemantics":[4,"disable-tab-semantics"],"label":[1],"tabs":[16]}]]],["p-8189d59b",[[1,"swirl-date-picker",{"labels":[16],"locale":[1],"range":[4],"startDate":[16],"value":[1040]}],[1,"swirl-icon-today",{"size":[2]}]]],["p-2acbafe5",[[1,"swirl-button-group",{"orientation":[1],"segmented":[4],"stretch":[4],"wrap":[4]}]]],["p-5636fc57",[[1,"swirl-icon-arrow-downward",{"size":[2]}],[1,"swirl-icon-arrow-upward",{"size":[2]}]]],["p-ada769a2",[[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-3ddaceac",[[1,"swirl-icon-check-circle",{"size":[2]}],[1,"swirl-icon-info",{"size":[2]}],[1,"swirl-icon-warning",{"size":[2]}]]],["p-ddecb3fb",[[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-bb84c103",[[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-b006fef3",[[1,"swirl-icon-check-strong",{"size":[2]}]]],["p-83e3fa78",[[1,"swirl-icon-close",{"size":[2]}]]],["p-92fd5b6e",[[1,"swirl-icon-expand-more",{"size":[2]}]]],["p-406d1673",[[1,"swirl-popover",{"animation":[1],"disableScrollLock":[4,"disable-scroll-lock"],"enableFlip":[4,"enable-flip"],"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-fffab440",[[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-94c348ae",[[1,"swirl-action-list"],[1,"swirl-action-list-item",{"disabled":[4],"description":[1],"icon":[1],"intent":[1],"label":[1],"size":[1],"suffix":[1]}],[1,"swirl-separator",{"spacing":[1]}]]],["p-5f05c203",[[6,"swirl-text",{"align":[1],"as":[1],"balance":[4],"color":[1],"fontStyle":[1,"font-style"],"lines":[2],"size":[1],"truncate":[4],"weight":[1]},[[9,"resize","onWindowResize"]]]]],["p-5fdfd6ff",[[1,"swirl-stack",{"align":[1],"as":[1],"justify":[1],"orientation":[1],"spacing":[1],"wrap":[4]}]]],["p-a038f7b4",[[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]}],[1,"swirl-resource-list-item",{"checked":[1028],"description":[1],"disabled":[4],"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]}],[1,"swirl-resource-list",{"label":[1]}],[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-c78c2b0f",[[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-0f3b28e9",[[1,"swirl-visually-hidden"]]],["p-ac1d5642",[[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],"value":[1],"iconSize":[32]}],[6,"swirl-option-list",{"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]}],[1,"swirl-icon-check-small",{"size":[2]}],[1,"swirl-icon-drag-handle",{"size":[2]}]]],["p-7405beba",[[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-d7d1fd16",[[1,"swirl-inline-error",{"message":[1],"size":[1]}],[1,"swirl-spinner",{"label":[1],"size":[8]}],[1,"swirl-icon-error",{"size":[2]}]]],["p-9b0a9699",[[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/dist/types/components/swirl-pagination/swirl-pagination.d.ts

@@ -17,11 +17,14 @@ export declare class SwirlPagination {
   variant?: SwirlPaginationVariant;
   setPage: EventEmitter<number>;
   setPageSize: EventEmitter<number>;
+  private pageInput;
+  private onFocusPageInput;
   private onFirstPageButtonClick;
   private onLastPageButtonClick;
   private onPrevButtonClick;
   private onNextButtonClick;
-  private onSelect;
+  private onPageInput;
+  private onPageUpdate;
   private onPageSizeSelect;
   render(): any;
 }

package/dist/types/components/swirl-search/swirl-search.d.ts

@@ -12,6 +12,7 @@ export declare class SwirlSearch {
   variant?: SwirlSearchVariant;
   inputBlur: EventEmitter<FocusEvent>;
   inputFocus: EventEmitter<FocusEvent>;
+  inputInput: EventEmitter<string>;
   valueChange: EventEmitter<string>;
   private desktopMediaQuery;
   private input;
@@ -25,5 +26,6 @@ export declare class SwirlSearch {
   private onBlur;
   private onChange;
   private onFocus;
+  private onInput;
   render(): any;
 }

package/dist/types/components/swirl-toast/swirl-toast.d.ts

@@ -2,7 +2,7 @@ import { EventEmitter } from "../../stencil-public-runtime";
 export type SwirlToastIntent = "default" | "critical" | "success";
 export declare class SwirlToast {
   accessibleDismissLabel?: string;
-  content: string;
+  content?: string;
   dismissLabel?: string;
   duration?: number;
   icon?: string;

package/dist/types/components/swirl-toast/swirl-toast.stories.d.ts

@@ -2,6 +2,9 @@
 import Docs from "./swirl-toast.mdx";
 declare const _default: {
   argTypes: {
+    content: {
+      description: string;
+    };
     icon: {
       table: {
         type: {

package/dist/types/components.d.ts

@@ -1252,7 +1252,7 @@ export namespace Components {
     }
     interface SwirlToast {
         "accessibleDismissLabel"?: string;
-        "content": string;
+        "content"?: string;
         "dismissLabel"?: string;
         "duration"?: number;
         "icon"?: string;
@@ -3743,6 +3743,7 @@ declare namespace LocalJSX {
         "label"?: string;
         "onInputBlur"?: (event: SwirlSearchCustomEvent<FocusEvent>) => void;
         "onInputFocus"?: (event: SwirlSearchCustomEvent<FocusEvent>) => void;
+        "onInputInput"?: (event: SwirlSearchCustomEvent<string>) => void;
         "onValueChange"?: (event: SwirlSearchCustomEvent<string>) => void;
         "placeholder"?: string;
         "value"?: string;
@@ -3910,7 +3911,7 @@ declare namespace LocalJSX {
     }
     interface SwirlToast {
         "accessibleDismissLabel"?: string;
-        "content": string;
+        "content"?: string;
         "dismissLabel"?: string;
         "duration"?: number;
         "icon"?: string;

package/dist/types/utils.d.ts

@@ -10,7 +10,7 @@ export interface SwirlFormInput<ValueType = string> {
 export declare function closestPassShadow(node: any, selector: any): any;
 export declare function getActiveElement(root?: Document | ShadowRoot): Element | undefined;
 export declare const getDesktopMediaQuery: () => MediaQueryList;
-export declare function debounce(func: Function, wait: number, immediate?: boolean): () => Promise<void>;
+export declare function debounce(func: Function, wait: number, immediate?: boolean): any;
 export declare function fullscreenStoryDecorator(padded?: boolean): (story: any) => HTMLDivElement;
 export declare function generateStoryElement(tag: string, args: {
   [arg: string]: any;

package/package.json

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

package/dist/swirl-components/p-da7879cd.entry.js

@@ -1 +0,0 @@
-import{r as t,c as s,h as i,H as o}from"./p-05c15d47.js";import{c as a}from"./p-b7898321.js";import{g as n}from"./p-438b3941.js";const r=class{constructor(i){t(this,i),this.dismiss=s(this,"dismiss",7),this.desktopMediaQuery=n(),this.desktopMediaQueryHandler=t=>{this.forceIconProps(t.matches)},this.onDismiss=()=>{this.dismiss.emit(this.toastId)},this.accessibleDismissLabel="Dismiss",this.content=void 0,this.dismissLabel=void 0,this.duration=void 0,this.icon=void 0,this.intent="default",this.toastId=void 0}watchDuration(){this.startTimer()}componentDidLoad(){var t,s;this.startTimer(),this.forceIconProps(this.desktopMediaQuery.matches),null===(s=(t=this.desktopMediaQuery).addEventListener)||void 0===s||s.call(t,"change",this.desktopMediaQueryHandler)}disconnectedCallback(){var t,s;null===(s=(t=this.desktopMediaQuery).removeEventListener)||void 0===s||s.call(t,"change",this.desktopMediaQueryHandler)}forceIconProps(t){var s;const i=null===(s=this.iconEl)||void 0===s?void 0:s.children[0],o=this.dismissIconEl;null==i||i.setAttribute("size",t?"20":"24"),null==o||o.setAttribute("size",t?"20":"24")}startTimer(){this.clearTimer(),void 0!==this.duration&&(this.timeout=setTimeout((()=>{this.dismiss.emit(this.toastId)}),this.duration))}clearTimer(){Boolean(this.timeout)&&(clearTimeout(this.timeout),this.timeout=void 0)}render(){const t=a("toast",`toast--intent-${this.intent}`);return i(o,null,i("div",{class:t},this.icon&&i("span",{class:"toast__icon",innerHTML:this.icon,part:"toast__icon",ref:t=>this.iconEl=t}),i("span",{class:"toast__content",part:"toast__content"},this.content),i("button",{"aria-label":this.dismissLabel||this.accessibleDismissLabel,class:"toast__dismiss-button",onClick:this.onDismiss,type:"button"},this.dismissLabel,!Boolean(this.dismissLabel)&&i("swirl-icon-close",{ref:t=>this.dismissIconEl=t}))))}static get watchers(){return{duration:["watchDuration"]}}};r.style=":host{display:flex}:host *{box-sizing:border-box}.toast{display:flex;width:100%;max-width:28rem;padding:var(--s-space-16);border-radius:var(--s-border-radius-sm);color:var(--s-text-on-status);background-color:var(--s-surface-neutral-default);box-shadow:var(--s-shadow-level-2)}.toast--intent-critical{background-color:var(--s-surface-critical-default)}.toast--intent-success{background-color:var(--s-surface-success-default)}.toast__icon{display:inline-flex;margin-top:calc(-1 * var(--s-space-2));margin-right:0.625rem;flex-shrink:0}.toast__icon ::part(icon){color:var(--s-icon-on-status)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.toast__icon{margin-top:0}}.toast__content{flex-grow:1;line-height:var(--s-line-height-base);text-align:left;align-self:flex-start}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.toast__content{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.toast__dismiss-button{display:inline-flex;min-width:1.5rem;height:1.5rem;margin-top:calc(-1 * var(--s-space-2));margin-left:var(--s-space-16);padding:0;flex-shrink:0;justify-content:center;align-items:center;border:none;color:var(--s-text-on-status);background-color:transparent;font:inherit;font-weight:var(--s-font-weight-semibold);cursor:pointer}.toast__dismiss-button ::part(icon){color:var(--s-icon-on-status)}";export{r as swirl_toast}

package/dist/swirl-components/p-dbe4ee1a.entry.js

@@ -1 +0,0 @@
-import{r as s,c as r,h as e,H as a}from"./p-05c15d47.js";import{c as i}from"./p-b7898321.js";import{g as t}from"./p-438b3941.js";const c=class{constructor(e){s(this,e),this.inputBlur=r(this,"inputBlur",7),this.inputFocus=r(this,"inputFocus",7),this.valueChange=r(this,"valueChange",7),this.desktopMediaQuery=t(),this.desktopMediaQueryHandler=s=>{this.forceIconProps(s.matches)},this.clear=()=>{this.input.value="",this.input.focus(),this.valueChange.emit("")},this.onBlur=s=>{this.inputBlur.emit(s)},this.onChange=s=>{this.valueChange.emit(s.target.value)},this.onFocus=s=>{this.inputFocus.emit(s)},this.autoFocus=void 0,this.clearButtonLabel="Clear search term",this.disabled=void 0,this.inputName=void 0,this.inputId=void 0,this.label=void 0,this.placeholder="Search …",this.value=void 0,this.variant="filled"}componentDidLoad(){var s,r;this.forceIconProps(this.desktopMediaQuery.matches),null===(r=(s=this.desktopMediaQuery).addEventListener)||void 0===r||r.call(s,"change",this.desktopMediaQueryHandler)}disconnectedCallback(){var s,r;null===(r=(s=this.desktopMediaQuery).removeEventListener)||void 0===r||r.call(s,"change",this.desktopMediaQueryHandler)}forceIconProps(s){if(!Boolean(this.iconEl))return;const r=this.iconEl.children[0];null==r||r.setAttribute("size",s?"20":"24")}onKeyDown(s){"KeyK"!==s.code&&"Slash"!==s.code||!s.ctrlKey&&!s.metaKey||this.input.focus()}render(){const s=i("search",`search--variant-${this.variant}`,{"search--disabled":this.disabled});return e(a,null,e("span",{class:s,ref:s=>this.iconEl=s},e("swirl-icon-search",{class:"search__icon"}),e("input",{"aria-disabled":this.disabled?"true":void 0,"aria-label":this.label,autoComplete:"off",autoFocus:this.autoFocus,class:"search__input",disabled:this.disabled,id:this.inputId,inputMode:"search",name:this.inputName,onBlur:this.onBlur,onChange:this.onChange,onFocus:this.onFocus,placeholder:this.placeholder,ref:s=>this.input=s,type:"search",value:this.value}),!this.disabled&&e("button",{"aria-label":this.clearButtonLabel,class:"search__clear-button",onClick:this.clear,type:"button"},e("swirl-icon-cancel",null))))}};c.style=".sc-swirl-search-h{display:flex;width:100%}.sc-swirl-search-h *.sc-swirl-search{box-sizing:border-box}.search.sc-swirl-search{position:relative;display:flex;width:100%}.search--variant-outline.sc-swirl-search .search__input.sc-swirl-search{background-color:transparent;box-shadow:inset 0 0 0 var(--s-border-width-default) var(--s-border-strong)}.search--disabled.sc-swirl-search .search__icon.sc-swirl-search{color:var(--s-icon-disabled)}.search--disabled.sc-swirl-search .search__input.sc-swirl-search{color:var(--s-text-disabled)}.search--disabled.sc-swirl-search .search__input.sc-swirl-search::-moz-placeholder{color:var(--s-text-disabled)}.search--disabled.sc-swirl-search .search__input.sc-swirl-search::placeholder{color:var(--s-text-disabled)}.search__icon.sc-swirl-search{position:absolute;top:50%;left:var(--s-space-12);display:inline-flex;color:var(--s-icon-default);transform:translateY(-50%)}.search__input.sc-swirl-search{width:100%;height:2.5rem;padding-top:var(--s-space-8);padding-right:calc(var(--s-space-12) + 1.5rem + var(--s-space-8));padding-bottom:var(--s-space-8);padding-left:calc(var(--s-space-12) + 1.5rem + var(--s-space-8));border:none;border-radius:var(--s-border-radius-base);color:var(--s-text-default);background-color:var(--s-surface-raised-default);font:inherit;line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.search__input.sc-swirl-search:focus:not(:focus-visible){outline:none}.search__input.sc-swirl-search:focus-visible{outline-color:var(--s-focus-default)}.search__input.sc-swirl-search::-moz-placeholder{color:var(--s-text-subdued)}.search__input.sc-swirl-search::placeholder{color:var(--s-text-subdued)}.search__input.sc-swirl-search::-webkit-search-decoration,.search__input.sc-swirl-search::-webkit-search-cancel-button,.search__input.sc-swirl-search::-webkit-search-results-button,.search__input.sc-swirl-search::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}.search__input.sc-swirl-search:not(:-moz-placeholder-shown)+.search__clear-button.sc-swirl-search{display:inline-flex}.search__input.sc-swirl-search:not(:placeholder-shown)+.search__clear-button.sc-swirl-search{display:inline-flex}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.search__input.sc-swirl-search{height:2.25rem;padding-left:calc(var(--s-space-8) + 1.5rem + var(--s-space-8));font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.search__clear-button.sc-swirl-search{position:absolute;top:50%;right:var(--s-space-12);display:none;padding:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:pointer;transform:translateY(-50%)}";export{c as swirl_search}

package/dist/swirl-components/p-f50fcc4d.entry.js

@@ -1 +0,0 @@
-import{r as i,c as t,h as a,H as e}from"./p-05c15d47.js";import{c as s}from"./p-b7898321.js";const n=class{constructor(a){i(this,a),this.setPage=t(this,"setPage",7),this.setPageSize=t(this,"setPageSize",7),this.onFirstPageButtonClick=()=>{1!==this.page&&this.setPage.emit(1)},this.onLastPageButtonClick=()=>{this.page!==this.pages&&this.setPage.emit(this.pages)},this.onPrevButtonClick=()=>{const i=Math.max(this.page-1,1);this.page!==i&&this.setPage.emit(i)},this.onNextButtonClick=()=>{const i=Math.min(this.page+1,this.pages);this.page!==i&&this.setPage.emit(i)},this.onSelect=i=>{const t=+i.target.value;this.page!==t&&this.setPage.emit(t)},this.onPageSizeSelect=i=>{const t=+i.target.value;this.pageSize!==t&&this.setPageSize.emit(t)},this.firstPageButtonLabel="First page",this.lastPageButtonLabel="Last page",this.label=void 0,this.nextButtonLabel="Next page",this.page=void 0,this.pageLabel="out of",this.pages=void 0,this.pageSelectLabel="Select a page",this.pageSize=10,this.pageSizeOptions=[10,25,50],this.pageSizeSelectLabel="Items per page:",this.prevButtonLabel="Previous page",this.showPageSizeSelect=void 0,this.variant="default"}render(){const i="simple"!==this.variant,t="advanced"===this.variant,n=`${this.page} ${this.pageLabel} ${this.pages}`,o=s("pagination",`pagination--variant-${this.variant}`);return a(e,null,a("nav",{"aria-label":this.label,class:o},a("ul",{class:"pagination__list",part:"pagination__list"},this.showPageSizeSelect&&a("li",{class:"pagination__list-item"},a("label",{class:"pagination__page-size-selection"},a("swirl-text",null,this.pageSizeSelectLabel),a("swirl-stack",{align:"center",class:"pagination__page-size-select-container",orientation:"horizontal"},a("select",{class:"pagination__page-size-select",onChange:this.onPageSizeSelect},this.pageSizeOptions.map((i=>a("option",{key:i,selected:i===this.pageSize,value:i},i)))),a("swirl-icon-expand-more",{"aria-hidden":"true",class:"pagination__page-size-select-icon",size:16})))),a("li",{class:"pagination__list-item"},a("swirl-button",{class:"pagination__first-page-button",disabled:this.page<=1,hideLabel:!0,icon:"<swirl-icon-double-arrow-left></swirl-icon-double-arrow-left>",intent:"primary",label:this.firstPageButtonLabel,onClick:this.onFirstPageButtonClick})),a("li",{class:"pagination__list-item"},a("swirl-button",{class:"pagination__prev-button",disabled:this.page<=1,hideLabel:!0,icon:"<swirl-icon-chevron-left></swirl-icon-chevron-left>",intent:"primary",label:this.prevButtonLabel,onClick:this.onPrevButtonClick})),i?a("li",{class:"pagination__list-item  pagination__page-label"},a("span",null,t?a("span",{"aria-current":"page",class:"pagination__advanced-label"},a("span",{class:"pagination__page-select-container"},a("select",{"aria-label":this.pageSelectLabel,class:"pagination__page-select",onChange:this.onSelect},new Array(this.pages).fill(void 0).map(((i,t)=>t+1)).map((i=>a("option",{selected:this.page===i,value:String(i)},i))))),a("span",{"aria-hidden":"true"},this.pageLabel," ",this.pages)):a("span",{"aria-current":"page"},n))):a("li",{class:"pagination__list-item"},a("swirl-visually-hidden",null,a("span",{"aria-current":"page"},n))),a("li",{class:"pagination__list-item"},a("swirl-button",{class:"pagination__next-button",disabled:this.page>=this.pages,hideLabel:!0,icon:"<swirl-icon-chevron-right></swirl-icon-chevron-right>",iconPosition:"end",intent:"primary",label:this.nextButtonLabel,onClick:this.onNextButtonClick})),a("li",{class:"pagination__list-item"},a("swirl-button",{class:"pagination__last-page-button",disabled:this.page>=this.pages,hideLabel:!0,icon:"<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>",intent:"primary",label:this.lastPageButtonLabel,onClick:this.onLastPageButtonClick})))))}};n.style=":host{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:host *{box-sizing:border-box}.pagination{display:block;width:100%}.pagination--variant-simple .pagination__list{gap:0}.pagination__list{display:flex;margin:0;padding:0;justify-content:flex-start;align-items:center;line-height:var(--s-line-height-base);list-style:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.pagination__list{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.pagination__page-size-selection{display:flex;padding-right:var(--s-space-24);flex-shrink:0;align-items:center;color:var(--s-interactive-primary-default);white-space:nowrap;gap:var(--s-space-8)}.pagination__page-size-select-container{position:relative}.pagination__page-size-select{padding-right:calc(1rem + var(--s-space-4));border:none;color:var(--s-interactive-primary-default);background-color:transparent;font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.pagination__page-size-select:focus:not(:focus-visible){outline:none}.pagination__page-size-select:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.pagination__page-size-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.pagination__page-size-select-icon{position:absolute;top:50%;right:0;transform:translateY(-50%);pointer-events:none}.pagination__page-label{padding-right:var(--s-space-8);padding-left:var(--s-space-8)}.pagination__advanced-label{display:flex;align-items:center;white-space:nowrap;gap:var(--s-space-8)}.pagination__page-select-container{position:relative}.pagination__page-select{display:inline-flex;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);border:none;border-radius:var(--s-border-radius-sm);background-color:transparent;font:inherit;line-height:var(--s-line-height-base);text-align:center;cursor:pointer;box-shadow:inset 0 0 0 var(--s-border-width-default) var(--s-border-strong);-webkit-appearance:none;-moz-appearance:none;appearance:none}.pagination__page-select:focus:not(:focus-visible){outline:none}.pagination__page-select:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.pagination__page-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}";export{n as swirl_pagination}