@getflip/swirl-components 0.12.0 → 0.14.0

package/dist/esm/swirl-icon-phone.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, F as Fragment } from './index-5a3b2828.js';
-import { c as classnames } from './index-c3028f7d.js';
-import './_commonjsHelpers-44457d8d.js';
+import { r as registerInstance, h, F as Fragment } from './index-0ff2c8e0.js';
+import { c as classnames } from './index-47862d62.js';
+import './_commonjsHelpers-10467d11.js';
 
 const swirlIconCss = ":host{display:inline-flex}";
 

package/dist/esm/swirl-icon-poll.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, F as Fragment } from './index-5a3b2828.js';
-import { c as classnames } from './index-c3028f7d.js';
-import './_commonjsHelpers-44457d8d.js';
+import { r as registerInstance, h, F as Fragment } from './index-0ff2c8e0.js';
+import { c as classnames } from './index-47862d62.js';
+import './_commonjsHelpers-10467d11.js';
 
 const swirlIconCss = ":host{display:inline-flex}";
 

package/dist/esm/swirl-icon-print.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, F as Fragment } from './index-5a3b2828.js';
-import { c as classnames } from './index-c3028f7d.js';
-import './_commonjsHelpers-44457d8d.js';
+import { r as registerInstance, h, F as Fragment } from './index-0ff2c8e0.js';
+import { c as classnames } from './index-47862d62.js';
+import './_commonjsHelpers-10467d11.js';
 
 const swirlIconCss = ":host{display:inline-flex}";
 

package/dist/esm/swirl-icon-recieved.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, F as Fragment } from './index-5a3b2828.js';
-import { c as classnames } from './index-c3028f7d.js';
-import './_commonjsHelpers-44457d8d.js';
+import { r as registerInstance, h, F as Fragment } from './index-0ff2c8e0.js';
+import { c as classnames } from './index-47862d62.js';
+import './_commonjsHelpers-10467d11.js';
 
 const swirlIconCss = ":host{display:inline-flex}";
 

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, F as Fragment } from './index-5a3b2828.js';
-import { c as classnames } from './index-c3028f7d.js';
-import './_commonjsHelpers-44457d8d.js';
+import { r as registerInstance, h, F as Fragment } from './index-0ff2c8e0.js';
+import { c as classnames } from './index-47862d62.js';
+import './_commonjsHelpers-10467d11.js';
 
 const swirlIconCss = ":host{display:inline-flex}";
 

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, F as Fragment } from './index-5a3b2828.js';
-import { c as classnames } from './index-c3028f7d.js';
-import './_commonjsHelpers-44457d8d.js';
+import { r as registerInstance, h, F as Fragment } from './index-0ff2c8e0.js';
+import { c as classnames } from './index-47862d62.js';
+import './_commonjsHelpers-10467d11.js';
 
 const swirlIconCss = ":host{display:inline-flex}";
 

package/dist/esm/swirl-icon-send.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, F as Fragment } from './index-5a3b2828.js';
-import { c as classnames } from './index-c3028f7d.js';
-import './_commonjsHelpers-44457d8d.js';
+import { r as registerInstance, h, F as Fragment } from './index-0ff2c8e0.js';
+import { c as classnames } from './index-47862d62.js';
+import './_commonjsHelpers-10467d11.js';
 
 const swirlIconCss = ":host{display:inline-flex}";
 

package/dist/esm/swirl-icon-settings.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, F as Fragment } from './index-5a3b2828.js';
-import { c as classnames } from './index-c3028f7d.js';
-import './_commonjsHelpers-44457d8d.js';
+import { r as registerInstance, h, F as Fragment } from './index-0ff2c8e0.js';
+import { c as classnames } from './index-47862d62.js';
+import './_commonjsHelpers-10467d11.js';
 
 const swirlIconCss = ":host{display:inline-flex}";
 

package/dist/esm/swirl-icon-sync.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, F as Fragment } from './index-5a3b2828.js';
-import { c as classnames } from './index-c3028f7d.js';
-import './_commonjsHelpers-44457d8d.js';
+import { r as registerInstance, h, F as Fragment } from './index-0ff2c8e0.js';
+import { c as classnames } from './index-47862d62.js';
+import './_commonjsHelpers-10467d11.js';
 
 const swirlIconCss = ":host{display:inline-flex}";
 

package/dist/esm/swirl-icon-tasks-filled.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, F as Fragment } from './index-5a3b2828.js';
-import { c as classnames } from './index-c3028f7d.js';
-import './_commonjsHelpers-44457d8d.js';
+import { r as registerInstance, h, F as Fragment } from './index-0ff2c8e0.js';
+import { c as classnames } from './index-47862d62.js';
+import './_commonjsHelpers-10467d11.js';
 
 const swirlIconCss = ":host{display:inline-flex}";
 

package/dist/esm/swirl-icon-tasks-outlined.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, F as Fragment } from './index-5a3b2828.js';
-import { c as classnames } from './index-c3028f7d.js';
-import './_commonjsHelpers-44457d8d.js';
+import { r as registerInstance, h, F as Fragment } from './index-0ff2c8e0.js';
+import { c as classnames } from './index-47862d62.js';
+import './_commonjsHelpers-10467d11.js';
 
 const swirlIconCss = ":host{display:inline-flex}";
 

package/dist/esm/swirl-icon-time-filled.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, F as Fragment } from './index-5a3b2828.js';
-import { c as classnames } from './index-c3028f7d.js';
-import './_commonjsHelpers-44457d8d.js';
+import { r as registerInstance, h, F as Fragment } from './index-0ff2c8e0.js';
+import { c as classnames } from './index-47862d62.js';
+import './_commonjsHelpers-10467d11.js';
 
 const swirlIconCss = ":host{display:inline-flex}";
 

package/dist/esm/swirl-icon-time-outlined.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, F as Fragment } from './index-5a3b2828.js';
-import { c as classnames } from './index-c3028f7d.js';
-import './_commonjsHelpers-44457d8d.js';
+import { r as registerInstance, h, F as Fragment } from './index-0ff2c8e0.js';
+import { c as classnames } from './index-47862d62.js';
+import './_commonjsHelpers-10467d11.js';
 
 const swirlIconCss = ":host{display:inline-flex}";
 

package/dist/esm/swirl-icon-user-assign.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, F as Fragment } from './index-5a3b2828.js';
-import { c as classnames } from './index-c3028f7d.js';
-import './_commonjsHelpers-44457d8d.js';
+import { r as registerInstance, h, F as Fragment } from './index-0ff2c8e0.js';
+import { c as classnames } from './index-47862d62.js';
+import './_commonjsHelpers-10467d11.js';
 
 const swirlIconCss = ":host{display:inline-flex}";
 

package/dist/esm/swirl-icon-video-camera.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, F as Fragment } from './index-5a3b2828.js';
-import { c as classnames } from './index-c3028f7d.js';
-import './_commonjsHelpers-44457d8d.js';
+import { r as registerInstance, h, F as Fragment } from './index-0ff2c8e0.js';
+import { c as classnames } from './index-47862d62.js';
+import './_commonjsHelpers-10467d11.js';
 
 const swirlIconCss = ":host{display:inline-flex}";
 

package/dist/esm/swirl-icon-warning.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, F as Fragment } from './index-5a3b2828.js';
-import { c as classnames } from './index-c3028f7d.js';
-import './_commonjsHelpers-44457d8d.js';
+import { r as registerInstance, h, F as Fragment } from './index-0ff2c8e0.js';
+import { c as classnames } from './index-47862d62.js';
+import './_commonjsHelpers-10467d11.js';
 
 const swirlIconCss = ":host{display:inline-flex}";
 

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

@@ -1,21 +1,15 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-5a3b2828.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-0ff2c8e0.js';
 import { A as A11yDialog } from './a11y-dialog.esm-d7a94c8c.js';
 import { d as disableBodyScroll, e as enableBodyScroll } from './bodyScrollLock.esm-ce6356d8.js';
-import { c as classnames } from './index-c3028f7d.js';
-import { q as querySelectorAllDeep } from './utils-7efaa1c6.js';
-import './_commonjsHelpers-44457d8d.js';
+import { c as classnames } from './index-47862d62.js';
+import { q as querySelectorAllDeep } from './utils-33d31b58.js';
+import './_commonjsHelpers-10467d11.js';
 
 const swirlLightboxCss = ":host{display:block}:host *{box-sizing:border-box}.lightbox{position:fixed;z-index:var(--s-z-40);background-color:rgba(0, 0, 0, 1);inset:0}.lightbox[aria-hidden=\"true\"]{display:none}@media (min-width: 768px){.lightbox{background-color:rgba(0, 0, 0, 0.6)}}.lightbox:not(.lightbox--closing) .lightbox__body{-webkit-animation:0.15s lightbox-fade-in;animation:0.15s lightbox-fade-in}@media (prefers-reduced-motion){.lightbox:not(.lightbox--closing) .lightbox__body{-webkit-animation:none;animation:none}}.lightbox--closing{-webkit-animation:0.15s lightbox-fade-out;animation:0.15s lightbox-fade-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media (prefers-reduced-motion){.lightbox--closing{-webkit-animation:none;animation:none}}.lightbox__body{position:relative;width:100%;height:100%}.lightbox__header{position:absolute;z-index:1;top:0;right:0;left:0;display:flex;padding:var(--s-space-12) var(--s-space-16);justify-content:space-between;align-items:flex-start;pointer-events:none}.lightbox__controls{position:absolute;z-index:1;top:50%;right:0;left:0;display:none;padding-right:var(--s-space-16);padding-left:var(--s-space-16);justify-content:space-between;align-items:flex-start;pointer-events:none}@media (min-width: 768px){.lightbox__controls{display:flex}}.lightbox__close-button,.lightbox__download-button,.lightbox__previous-slide-button,.lightbox__next-slide-button{display:inline-flex;width:2.5rem;height:2.5rem;justify-content:center;align-items:center;border:none;border-radius:50%;color:var(--s-icon-on-image);background-color:rgba(0, 0, 0, 0.6);cursor:pointer;transition:opacity 0.15s;pointer-events:auto}.lightbox__close-button:disabled,.lightbox__download-button:disabled,.lightbox__previous-slide-button:disabled,.lightbox__next-slide-button:disabled{pointer-events:none;opacity:0}.lightbox__content{overflow:hidden;width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.lightbox__slides{display:flex;width:100%;height:100%}.lightbox__slides ::slotted(*){flex-basis:100%;flex-shrink:0;transition:transform 0.3s}@media (min-width: 768px){.lightbox__slides ::slotted(*){padding:4rem 5rem}}@media (prefers-reduced-motion){.lightbox__slides ::slotted(*){transition:none}}.lightbox__pagination{position:absolute;bottom:var(--s-space-32);left:50%;padding:var(--s-space-4) var(--s-space-12);border-radius:var(--s-border-radius-base);color:var(--s-text-on-image);background-color:rgba(0, 0, 0, 0.6);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);transform:translateX(-50%);pointer-events:none}@media (min-width: 768px){.lightbox__pagination{display:none}}@-webkit-keyframes lightbox-fade-in{from{opacity:0}to{opacity:1}}@keyframes lightbox-fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes lightbox-fade-out{from{opacity:1}to{opacity:0}}@keyframes lightbox-fade-out{from{opacity:1}to{opacity:0}}";
 
 const SwirlLightbox = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    this.closeButtonLabel = "Close modal";
-    this.downloadButtonLabel = "Download active slide content";
-    this.nextSlideButtonLabel = "Next slide";
-    this.previousSlideButtonLabel = "Previous slide";
-    this.activeSlideIndex = 0;
-    this.closing = false;
     this.dragging = false;
     this.mediaPlayers = [];
     this.onCloseButtonClick = () => {
@@ -98,6 +92,14 @@ const SwirlLightbox = class {
         this.resetSlidePositions();
       }
     };
+    this.closeButtonLabel = "Close modal";
+    this.downloadButtonLabel = "Download active slide content";
+    this.label = undefined;
+    this.nextSlideButtonLabel = "Next slide";
+    this.previousSlideButtonLabel = "Previous slide";
+    this.activeSlideIndex = 0;
+    this.closing = false;
+    this.slides = undefined;
   }
   componentWillLoad() {
     this.registerSlides();

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

@@ -1,10 +1,13 @@
-import { r as registerInstance, h, H as Host } from './index-5a3b2828.js';
+import { r as registerInstance, h, H as Host } from './index-0ff2c8e0.js';
 
 const swirlLinkCss = ":host{display:inline-flex}:host *{box-sizing:border-box}.link{color:var(--s-interactive-primary-default);line-height:var(--s-line-height-base);text-underline-offset:var(--s-space-4)}.link:hover{color:var(--s-interactive-primary-hovered)}.link:active{color:var(--s-interactive-primary-pressed)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.link{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}";
 
 const SwirlLink = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.href = undefined;
+    this.label = undefined;
+    this.target = undefined;
   }
   render() {
     return (h(Host, null, h("a", { class: "link", href: this.href, part: "link", target: this.target }, this.label)));

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-5a3b2828.js';
+import { r as registerInstance, h, H as Host } from './index-0ff2c8e0.js';
 
 const swirlListCss = ":host{display:block}:host *{box-sizing:border-box}.swirl-list{line-height:var(--s-line-height-base)}.swirl-list ul,.swirl-list ol{margin:0;padding:0;list-style-position:outside;list-style-type:none}.swirl-list ul li{padding-left:1.5rem}.swirl-list ul li:before{display:inline-block;width:1.5rem;margin-left:-1.5rem;text-align:center;content:\"•\"}.swirl-list ol{counter-reset:item}.swirl-list ol ol{counter-reset:letter}.swirl-list ol ol li:before{content:counter(letter, lower-alpha) \".\";counter-increment:letter}.swirl-list ol li{padding-left:1.5rem}.swirl-list ol li:before{display:inline-block;min-width:1.5rem;margin-left:-1.5rem;padding-right:var(--s-space-8);text-align:right;content:counter(item) \".\";counter-increment:item;font-variant-numeric:tabular-nums}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.swirl-list{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}";
 

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

@@ -1,8 +1,8 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-5a3b2828.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-0ff2c8e0.js';
 import { A as A11yDialog } from './a11y-dialog.esm-d7a94c8c.js';
 import { d as disableBodyScroll, e as enableBodyScroll } from './bodyScrollLock.esm-ce6356d8.js';
-import { c as classnames } from './index-c3028f7d.js';
-import './_commonjsHelpers-44457d8d.js';
+import { c as classnames } from './index-47862d62.js';
+import './_commonjsHelpers-10467d11.js';
 
 const swirlModalCss = ":host{--swirl-ghost-button-background-default:var(--s-surface-overlay-default);--swirl-ghost-button-background-hovered:var(--s-surface-overlay-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-overlay-pressed);display:block}:host *{box-sizing:border-box}.modal{position:fixed;z-index:var(--s-z-40);display:flex;justify-content:center;align-items:center;inset:0}.modal[aria-hidden=\"true\"]{display:none}.modal:not(.modal--closing) .modal__backdrop{-webkit-animation:0.15s modal-backdrop-fade-in;animation:0.15s modal-backdrop-fade-in}@media (prefers-reduced-motion){.modal:not(.modal--closing) .modal__backdrop{-webkit-animation:none;animation:none}}.modal:not(.modal--closing) .modal__body{-webkit-animation:0.15s modal-scale-in;animation:0.15s modal-scale-in}@media (prefers-reduced-motion){.modal:not(.modal--closing) .modal__body{-webkit-animation:none;animation:none}}.modal--closing{-webkit-animation:0.15s modal-fade-out;animation:0.15s modal-fade-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media (prefers-reduced-motion){.modal--closing{-webkit-animation:none;animation:none}}@media (min-width: 768px){.modal--scrollable .modal__content{padding-bottom:0}}.modal--scrollable:not(.modal--scrolled-down) .modal__controls{border-top:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 768px){.modal--scrolled .modal__header{border-bottom-color:var(--s-border-default)}}.modal__backdrop{position:fixed;background-color:rgba(0, 0, 0, 0.2);inset:0}.modal__body{position:relative;z-index:var(--s-z-40);display:flex;width:100vw;height:100vh;background-color:var(--s-surface-overlay-default);flex-direction:column}@media (min-width: 768px){.modal__body{width:90vw;max-width:33.75rem;height:auto;max-height:90vh;border-radius:var(--s-border-radius-base);box-shadow:var(--s-shadow-level-3)}}.modal__close-button{position:absolute;top:var(--s-space-8);left:var(--s-space-8)}@media (min-width: 768px){.modal__close-button{top:var(--s-space-16);right:var(--s-space-16);left:auto}}.modal__header{display:flex;height:3.5rem;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:calc(var(--s-space-8) + 2.5rem + var(--s-space-8));flex-shrink:0;align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);gap:var(--s-space-16)}@media (min-width: 768px){.modal__header{height:4.125rem;padding-top:var(--s-space-24);padding-right:calc(var(--s-space-16) + 2.5rem + var(--s-space-8));padding-bottom:var(--s-space-16);padding-left:var(--s-space-24);border-bottom:var(--s-border-width-default) solid transparent}}.modal__heading{overflow:hidden}.modal__heading .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.modal__content{overflow-x:hidden;overflow-y:auto;padding-top:var(--s-space-24);padding-right:var(--s-space-16);padding-bottom:var(--s-space-24);padding-left:var(--s-space-16);flex-grow:1;line-height:var(--s-line-height-base)}.modal__content ::slotted(*){margin:0}@media (min-width: 768px){.modal__content{padding-top:0;padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24)}}.modal__controls{display:flex;padding-top:var(--s-space-16);padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24);flex-shrink:0;justify-content:flex-end}@-webkit-keyframes modal-scale-in{from{transform:scale(0)}to{transform:scale(1)}}@keyframes modal-scale-in{from{transform:scale(0)}to{transform:scale(1)}}@-webkit-keyframes modal-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes modal-backdrop-fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes modal-fade-out{from{opacity:1}to{opacity:0}}@keyframes modal-fade-out{from{opacity:1}to{opacity:0}}";
 
@@ -13,11 +13,6 @@ const SwirlModal = class {
     this.modalOpen = createEvent(this, "modalOpen", 7);
     this.primaryAction = createEvent(this, "primaryAction", 7);
     this.secondaryAction = createEvent(this, "secondaryAction", 7);
-    this.closeButtonLabel = "Close modal";
-    this.closing = false;
-    this.scrollable = false;
-    this.scrolled = false;
-    this.scrolledDown = false;
     this.onKeyDown = (event) => {
       if (event.code === "Escape") {
         this.close();
@@ -50,6 +45,14 @@ const SwirlModal = class {
         this.scrollable = scrollable;
       }
     };
+    this.closeButtonLabel = "Close modal";
+    this.label = undefined;
+    this.primaryActionLabel = undefined;
+    this.secondaryActionLabel = undefined;
+    this.closing = false;
+    this.scrollable = false;
+    this.scrolled = false;
+    this.scrolledDown = false;
   }
   componentDidLoad() {
     this.modal = new A11yDialog(this.modalEl);

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

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

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-5a3b2828.js';
-import { c as classnames } from './index-c3028f7d.js';
-import './_commonjsHelpers-44457d8d.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-0ff2c8e0.js';
+import { c as classnames } from './index-47862d62.js';
+import './_commonjsHelpers-10467d11.js';
 
 const swirlPaginationCss = ":host{display:block;width:100%}: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;gap:var(--s-space-16)}@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);gap: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-right:var(--s-space-16);border:none;background-color:transparent;font:inherit;line-height:var(--s-line-height-base);text-align:center;cursor:pointer;-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)}.pagination__page-select-icon{position:absolute;top:50%;right:0;transform:translateY(-50%);pointer-events:none}";
 
@@ -8,13 +8,6 @@ const SwirlPagination = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.setPage = createEvent(this, "setPage", 7);
-    this.accessibleNextButtonLabel = "Next page";
-    this.accessiblePrevButtonLabel = "Previous page";
-    this.nextButtonLabel = "Next";
-    this.pageLabel = "out of";
-    this.prevButtonLabel = "Prev";
-    this.pageSelectLabel = "Select a page";
-    this.variant = "default";
     this.onPrevButtonClick = () => {
       const prevPage = Math.max(this.page - 1, 1);
       if (this.page === prevPage) {
@@ -36,6 +29,16 @@ const SwirlPagination = class {
       }
       this.setPage.emit(page);
     };
+    this.accessibleNextButtonLabel = "Next page";
+    this.accessiblePrevButtonLabel = "Previous page";
+    this.nextButtonLabel = "Next";
+    this.pageLabel = "out of";
+    this.prevButtonLabel = "Prev";
+    this.label = undefined;
+    this.page = undefined;
+    this.pages = undefined;
+    this.pageSelectLabel = "Select a page";
+    this.variant = "default";
   }
   render() {
     const hideButtonLabels = this.variant !== "advanced";

package/dist/esm/swirl-pdf-reader.entry.js

@@ -1,25 +1,15 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-5a3b2828.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-0ff2c8e0.js';
 import { A as A11yDialog } from './a11y-dialog.esm-d7a94c8c.js';
 import { d as disableBodyScroll, e as enableBodyScroll } from './bodyScrollLock.esm-ce6356d8.js';
-import { c as classnames } from './index-c3028f7d.js';
-import { i as isMobileViewport } from './utils-7efaa1c6.js';
-import './_commonjsHelpers-44457d8d.js';
+import { c as classnames } from './index-47862d62.js';
+import { i as isMobileViewport } from './utils-33d31b58.js';
+import './_commonjsHelpers-10467d11.js';
 
 const swirlPdfReaderCss = ":host{display:block}:host *{box-sizing:border-box}.pdf-reader{position:fixed;z-index:var(--s-z-40);background-color:var(--s-surface-raised-default);inset:0;touch-action:pan-x pan-y}.pdf-reader[aria-hidden=\"true\"]{display:none}.pdf-reader:not(.pdf-reader--closing) .pdf-reader__body{-webkit-animation:0.15s pdf-reader-fade-in;animation:0.15s pdf-reader-fade-in}@media (prefers-reduced-motion){.pdf-reader:not(.pdf-reader--closing) .pdf-reader__body{-webkit-animation:none;animation:none}}.pdf-reader--closing{-webkit-animation:0.15s pdf-reader-fade-out;animation:0.15s pdf-reader-fade-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media (prefers-reduced-motion){.pdf-reader--closing{-webkit-animation:none;animation:none}}.pdf-reader__body{position:relative;width:100%;height:100%}.pdf-reader__header{display:flex;height:4rem;padding-right:var(--s-space-16);padding-left:var(--s-space-16);align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);gap:var(--s-space-8)}.pdf-reader__header-left,.pdf-reader__header-right{display:flex;flex-grow:1;align-items:center;gap:var(--s-space-8)}@media (min-width: 768px){.pdf-reader__header-left,.pdf-reader__header-right{flex-basis:calc(100 / 3 * 1%);flex-grow:0}}.pdf-reader__header-right{justify-content:flex-end}.pdf-reader__header-center{display:none;flex-grow:1;justify-content:center;align-items:center;gap:var(--s-space-16)}@media (min-width: 768px){.pdf-reader__header-center{display:flex}}.pdf-reader__label{overflow:hidden;flex-grow:1;font-weight:var(--s-font-weight-semibold);white-space:nowrap;text-overflow:ellipsis}.pdf-reader__zoom-button-container{display:flex;align-items:center;gap:var(--s-space-8)}.pdf-reader__zoom-button-container>*:not(:last-child){position:relative}.pdf-reader__zoom-button-container>*:not(:last-child):after{position:absolute;top:50%;right:calc(-1 * var(--s-space-4));width:var(--s-border-width-default);height:1.5rem;background-color:var(--s-border-default);content:\"\";transform:translate3d(50%, -50%, 0)}.pdf-reader__zoom-select-container{position:relative}.pdf-reader__zoom-select{display:inline-flex;height:2.5rem;padding-right:var(--s-space-12);padding-right:calc(var(--s-space-8) + 1.5rem + var(--s-space-12));padding-left:var(--s-space-12);justify-content:flex-start;align-items:center;border:var(--s-border-width-default) solid var(--s-border-default);border-radius:var(--s-border-radius-sm);color:var(--s-interactive-neutral-default);background-color:transparent;font:inherit;font-weight:var(--s-font-weight-medium);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.pdf-reader__zoom-select:focus:not(:focus-visible){outline:none}.pdf-reader__zoom-select:focus-visible{outline-color:var(--s-focus-default)}.pdf-reader__zoom-select-icon{position:absolute;top:50%;right:var(--s-space-8);display:inline-flex;transform:translateY(-50%);pointer-events:none}.pdf-reader__content{width:100%;height:calc(100% - 4rem)}.pdf-reader__mobile-zoom-controls{position:absolute;z-index:1;right:var(--s-space-16);bottom:var(--s-space-32);display:flex;padding-bottom:var(--s-space-4);flex-direction:column;gap:var(--s-space-8)}@media (min-width: 768px){.pdf-reader__mobile-zoom-controls{display:none}}.pdf-reader__mobile-zoom-button{display:inline-flex;width:2.5rem;height:2.5rem;justify-content:center;align-items:center;border:none;border-radius:50%;color:var(--s-icon-on-image);background-color:rgba(0, 0, 0, 0.6);cursor:pointer;transition:opacity 0.15s;pointer-events:auto}.pdf-reader__mobile-zoom-button:disabled{cursor:default}@-webkit-keyframes pdf-reader-fade-in{from{opacity:0}to{opacity:1}}@keyframes pdf-reader-fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes pdf-reader-fade-out{from{opacity:1}to{opacity:0}}@keyframes pdf-reader-fade-out{from{opacity:1}to{opacity:0}}";
 
 const SwirlPdfReader = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    this.autoZoomLabel = "Full width";
-    this.closeButtonLabel = "Close PDF viewer";
-    this.downloadButtonLabel = "Download PDF";
-    this.printButtonLabel = "Print PDF";
-    this.zoomInButtonLabel = "Zoom in";
-    this.zoomOutButtonLabel = "Zoom out";
-    this.zoomSelectLabel = "Select zoom";
-    this.active = false;
-    this.closing = false;
-    this.downloading = false;
     this.desktopZoomSteps = [0.5, 0.75, 1, 1.25, 1.5, 2, 3, 4];
     this.mobileZoomSteps = [0.5, 0.75, 1, 1.25, 1.5];
     this.onKeyDown = (event) => {
@@ -63,6 +53,20 @@ const SwirlPdfReader = class {
       const value = event.target.value;
       this.zoom = value === "auto" ? value : +value;
     };
+    this.autoZoomLabel = "Full width";
+    this.closeButtonLabel = "Close PDF viewer";
+    this.downloadButtonLabel = "Download PDF";
+    this.file = undefined;
+    this.label = undefined;
+    this.printButtonLabel = "Print PDF";
+    this.zoomInButtonLabel = "Zoom in";
+    this.zoomOutButtonLabel = "Zoom out";
+    this.zoomSelectLabel = "Select zoom";
+    this.active = false;
+    this.closing = false;
+    this.downloading = false;
+    this.zoom = undefined;
+    this.zoomSteps = undefined;
   }
   componentWillLoad() {
     this.updateZoomSteps();

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

@@ -1,9 +1,9 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-5a3b2828.js';
-import { o as offset, s as shift, f as flip, c as computePosition, a as autoUpdate } from './floating-ui.dom.esm-1a4e8b8a.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0ff2c8e0.js';
+import { o as offset, s as shift, f as flip, c as computePosition, a as autoUpdate } from './floating-ui.dom.esm-b9f28f6d.js';
 import { e as enableBodyScroll, d as disableBodyScroll } from './bodyScrollLock.esm-ce6356d8.js';
-import { c as classnames } from './index-c3028f7d.js';
-import { i as isMobileViewport, q as querySelectorAllDeep } from './utils-7efaa1c6.js';
-import './_commonjsHelpers-44457d8d.js';
+import { c as classnames } from './index-47862d62.js';
+import { i as isMobileViewport, q as querySelectorAllDeep } from './utils-33d31b58.js';
+import './_commonjsHelpers-10467d11.js';
 
 const swirlPopoverCss = ":host{position:relative;z-index:var(--s-z-40);display:inline-flex}:host *{box-sizing:border-box}.popover--active:not(.popover--closing) .popover__backdrop{-webkit-animation:0.15s popover-fade-in;animation:0.15s popover-fade-in}@media (prefers-reduced-motion){.popover--active:not(.popover--closing) .popover__backdrop{-webkit-animation:none;animation:none}}.popover--active:not(.popover--closing) .popover__content{-webkit-animation:0.15s popover-slide-in;animation:0.15s popover-slide-in}@media (min-width: 768px){.popover--active:not(.popover--closing) .popover__content{transform-origin:top left;-webkit-animation:0.15s popover-fade-scale-in-xy;animation:0.15s popover-fade-scale-in-xy}}@media (prefers-reduced-motion){.popover--active:not(.popover--closing) .popover__content{-webkit-animation:none;animation:none}}.popover--closing .popover__backdrop{-webkit-animation:0.15s popover-fade-out;animation:0.15s popover-fade-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media (prefers-reduced-motion){.popover--closing .popover__backdrop{-webkit-animation:none;animation:none}}.popover--closing .popover__content{-webkit-animation:0.15s popover-slide-out;animation:0.15s popover-slide-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media (min-width: 768px){.popover--closing .popover__content{-webkit-animation:0.15s popover-fade-out;animation:0.15s popover-fade-out}}@media (prefers-reduced-motion){.popover--closing .popover__content{-webkit-animation:none;animation:none}}.popover--inactive .popover__content{display:none}@media (min-width: 768px){.popover--animation-scale-in-y.popover--active:not(.popover--closing) .popover__content{-webkit-animation:0.15s popover-fade-scale-in-y;animation:0.15s popover-fade-scale-in-y}}@media (prefers-reduced-motion){.popover--animation-scale-in-y.popover--active:not(.popover--closing) .popover__content{-webkit-animation:none;animation:none}}.popover__backdrop{position:fixed;z-index:0;background-color:rgba(0, 0, 0, 0.2);-webkit-animation:0.15s popover-backdrop-fade-in;animation:0.15s popover-backdrop-fade-in;inset:0}@media (prefers-reduced-motion){.popover__backdrop{-webkit-animation:none;animation:none}}@media (min-width: 768px){.popover__backdrop{display:none}}.popover__content{position:fixed;z-index:2;right:0;bottom:0;left:0;overflow:hidden;border-top-left-radius:var(--s-border-radius-xl);border-top-right-radius:var(--s-border-radius-xl);background-color:var(--s-surface-overlay-default)}@media (min-width: 768px){.popover__content{right:unset;bottom:unset;left:unset;max-width:22.5rem;border-radius:var(--s-border-radius-sm);-webkit-animation:none;animation:none;box-shadow:var(--s-shadow-level-1)}}.popover__scroll-container{overflow-x:hidden;overflow-y:auto;width:100%;max-height:90vh;padding-top:var(--s-space-24);padding-bottom:var(--s-space-24);overscroll-behavior:contain}@media (min-width: 768px){.popover__scroll-container{max-height:22rem;padding-top:var(--s-space-8);padding-bottom:var(--s-space-8)}}.popover__handle{position:absolute;top:var(--s-space-8);left:50%;width:2.5rem;height:0.375rem;border-radius:0.1875rem;background-color:var(--s-border-default);transform:translatex(-50%)}@media (min-width: 768px){.popover__handle{display:none}}@-webkit-keyframes popover-slide-in{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes popover-slide-in{from{transform:translateY(100%)}to{transform:translateY(0)}}@-webkit-keyframes popover-slide-out{from{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes popover-slide-out{from{transform:translateY(0)}to{transform:translateY(100%)}}@-webkit-keyframes popover-fade-in{from{opacity:0}to{opacity:1}}@keyframes popover-fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes popover-fade-out{from{opacity:1}to{opacity:0}}@keyframes popover-fade-out{from{opacity:1}to{opacity:0}}@-webkit-keyframes popover-fade-scale-in-xy{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes popover-fade-scale-in-xy{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@-webkit-keyframes popover-fade-scale-in-y{from{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}@keyframes popover-fade-scale-in-y{from{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}";
 
@@ -12,12 +12,6 @@ const SwirlPopover = class {
     registerInstance(this, hostRef);
     this.popoverClose = createEvent(this, "popoverClose", 7);
     this.popoverOpen = createEvent(this, "popoverOpen", 7);
-    this.animation = "scale-in-xy";
-    this.enableFlip = true;
-    this.offset = 8;
-    this.placement = "bottom-start";
-    this.active = false;
-    this.closing = false;
     this.toggle = (event) => {
       event.stopPropagation();
       if (this.active) {
@@ -57,6 +51,17 @@ const SwirlPopover = class {
     this.onCloseButtonClick = () => {
       this.close();
     };
+    this.animation = "scale-in-xy";
+    this.enableFlip = true;
+    this.label = undefined;
+    this.offset = 8;
+    this.placement = "bottom-start";
+    this.popoverId = undefined;
+    this.trigger = undefined;
+    this.useContainerWidth = undefined;
+    this.active = false;
+    this.closing = false;
+    this.position = undefined;
   }
   componentDidLoad() {
     this.connectTrigger();

package/dist/esm/swirl-progress-indicator.entry.js

@@ -1,12 +1,13 @@
-import { r as registerInstance, h, H as Host } from './index-5a3b2828.js';
-import { c as classnames } from './index-c3028f7d.js';
-import './_commonjsHelpers-44457d8d.js';
+import { r as registerInstance, h, H as Host } from './index-0ff2c8e0.js';
+import { c as classnames } from './index-47862d62.js';
+import './_commonjsHelpers-10467d11.js';
 
 const swirlProgressIndicatorCss = ":host{display:block;width:100%}:host *{box-sizing:border-box}:host(.circle){display:inline-flex;width:auto}.progress-indicator--variant-bar{display:block;width:100%;height:0.25rem;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.progress-indicator--variant-bar::-webkit-progress-bar{border-radius:0.125rem;background-color:var(--s-surface-raised-default)}.progress-indicator--variant-bar::-webkit-progress-value{border-radius:0.125rem;background-color:var(--s-surface-highlight-default);-webkit-transition:width 0.25s;transition:width 0.25s}.progress-indicator--variant-bar::-moz-progress-bar{height:0.25rem;border-radius:0.125rem;background-color:var(--s-surface-highlight-default);-moz-transition:width 0.25s;transition:width 0.25s}@media (prefers-reduced-motion){.progress-indicator--variant-bar::-moz-progress-bar{-moz-transition:none;transition:none}}.progress-indicator--variant-bar.progress-indicator--size-s{height:0.125rem}.progress-indicator--variant-bar.progress-indicator--size-s::-webkit-progress-bar{border-radius:0.0625rem}.progress-indicator--variant-bar.progress-indicator--size-s::-webkit-progress-value{border-radius:0.0625rem}.progress-indicator--variant-bar.progress-indicator--size-s::-moz-progress-bar{height:0.125rem;border-radius:0.0625rem}.progress-indicator--variant-circle{position:relative;display:inline-flex;overflow:hidden;width:3rem;height:3rem}.progress-indicator--variant-circle.progress-indicator--size-s{width:1.5rem;height:1.5rem}.progress-indicator__circle{position:absolute;width:100%;height:100%;transform:rotate(-90deg);inset:0}.progress-indicator__circle-background{stroke:var(--s-border-default);stroke-linecap:round}.progress-indicator__circle-value{transition:stroke-dashoffset 0.25s;stroke:var(--s-interactive-primary-default);stroke-linecap:round}@media (prefers-reduced-motion){.progress-indicator__circle-value{transition:none}}";
 
 const SwirlProgressIndicator = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.label = undefined;
     this.size = "m";
     this.value = 0;
     this.variant = "bar";

package/dist/esm/swirl-radio-group.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-5a3b2828.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0ff2c8e0.js';
 
 const swirlRadioGroupCss = ".sc-swirl-radio-group-h{display:block}.sc-swirl-radio-group-h *.sc-swirl-radio-group{box-sizing:border-box}.radio-group.sc-swirl-radio-group{display:flex;flex-direction:column;gap:var(--s-space-12)}";
 
@@ -6,6 +6,8 @@ const SwirlRadioGroup = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.valueChange = createEvent(this, "valueChange", 7);
+    this.swirlAriaDescribedby = undefined;
+    this.value = undefined;
   }
   componentDidLoad() {
     this.radioButtons = Array.from(this.el.querySelectorAll("swirl-radio"));

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-5a3b2828.js';
-import { c as classnames } from './index-c3028f7d.js';
-import './_commonjsHelpers-44457d8d.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-0ff2c8e0.js';
+import { c as classnames } from './index-47862d62.js';
+import './_commonjsHelpers-10467d11.js';
 
 const swirlRadioCss = ".sc-swirl-radio-h{display:inline-flex}.sc-swirl-radio-h *.sc-swirl-radio{box-sizing:border-box}.radio.sc-swirl-radio{display:inline-flex;line-height:var(--s-line-height-base);cursor:pointer}.radio.sc-swirl-radio:focus-within .radio__box.sc-swirl-radio{box-shadow:0 0 0 0.0625rem var(--s-background-default),\n      0 0 0 0.1875rem var(--s-focus-default)}.radio--checked.sc-swirl-radio .radio__control.sc-swirl-radio:hover .radio__box.sc-swirl-radio{border-color:var(--s-interactive-primary-hovered);background-color:var(--s-interactive-primary-hovered)}.radio--checked.sc-swirl-radio .radio__box.sc-swirl-radio{position:relative;border-color:var(--s-icon-highlight);background-color:var(--s-icon-highlight)}.radio--checked.sc-swirl-radio .radio__box.sc-swirl-radio:after{position:absolute;top:50%;left:50%;width:0.5rem;height:0.5rem;border-radius:50%;background-color:var(--s-background-default);content:\"\";transform:translate3d(-50%, -50%, 0)}.radio--invalid.radio--checked.sc-swirl-radio .radio__box.sc-swirl-radio,.radio--invalid.radio--indeterminate.sc-swirl-radio .radio__box.sc-swirl-radio{background-color:var(--s-icon-critical)}.radio--invalid.sc-swirl-radio .radio__box.sc-swirl-radio{border-color:var(--s-icon-critical)}.radio--disabled.sc-swirl-radio{cursor:default}.radio--disabled.radio--checked.sc-swirl-radio .radio__control.sc-swirl-radio:hover .radio__box.sc-swirl-radio{border-color:var(--s-icon-disabled);background-color:transparent}.radio--disabled.radio--checked.sc-swirl-radio .radio__box.sc-swirl-radio{border-color:var(--s-icon-disabled);background-color:var(--s-background-default)}.radio--disabled.radio--checked.sc-swirl-radio .radio__box.sc-swirl-radio:after{background-color:var(--s-icon-disabled)}.radio--disabled.sc-swirl-radio .radio__control.sc-swirl-radio:hover .radio__box.sc-swirl-radio{background-color:transparent}.radio--disabled.sc-swirl-radio .radio__box.sc-swirl-radio{border-color:var(--s-icon-disabled)}.radio--disabled.sc-swirl-radio .radio__description.sc-swirl-radio,.radio--disabled.sc-swirl-radio .radio__label.sc-swirl-radio{color:var(--s-text-disabled)}.radio__control.sc-swirl-radio{position:relative;display:inline-flex;width:1.5rem;height:1.5rem;padding:var(--s-space-2);flex-shrink:0}.radio__control.sc-swirl-radio:hover .radio__box.sc-swirl-radio{background-color:var(--s-action-neutral-hovered)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.radio__control.sc-swirl-radio{width:1.375rem;height:1.375rem}}.radio__box.sc-swirl-radio{position:relative;display:flex;width:100%;height:100%;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:50%}.radio__label-container.sc-swirl-radio{display:inline-flex;margin-left:var(--s-space-8);padding-top:var(--s-space-2);flex-direction:column}.radio__label.sc-swirl-radio{font-weight:var(--s-font-weight-medium)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.radio__label.sc-swirl-radio{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.radio__description.sc-swirl-radio{color:var(--s-text-subdued)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.radio__description.sc-swirl-radio{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}";
 
@@ -8,12 +8,18 @@ const SwirlRadio = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.valueChange = createEvent(this, "valueChange", 7);
-    this.checked = false;
-    this.disabled = false;
     this.onChange = () => {
       this.checked = true;
       this.valueChange.emit(this.value);
     };
+    this.checked = false;
+    this.description = undefined;
+    this.disabled = false;
+    this.inputId = undefined;
+    this.inputName = undefined;
+    this.invalid = undefined;
+    this.label = undefined;
+    this.value = undefined;
   }
   getAriaCheckedLabel(checked, unchecked) {
     if (checked) {

package/dist/esm/swirl-resource-list-file-item.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-5a3b2828.js';
-import { c as classnames } from './index-c3028f7d.js';
-import { g as getDesktopMediaQuery } from './utils-7efaa1c6.js';
-import './_commonjsHelpers-44457d8d.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-0ff2c8e0.js';
+import { c as classnames } from './index-47862d62.js';
+import { g as getDesktopMediaQuery } from './utils-33d31b58.js';
+import './_commonjsHelpers-10467d11.js';
 
 const swirlResourceListFileItemCss = ":host{display:block;width:100%}:host *{box-sizing:border-box}.resource-list-file-item{position:relative;display:flex;width:100%;padding:var(--s-space-12) var(--s-space-16);align-items:center;background-color:var(--s-background-default);line-height:var(--s-line-height-base);gap:var(--s-space-12)}.resource-list-file-item:focus{outline:none}.resource-list-file-item:focus-visible{background-color:var(--s-background-hovered)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-file-item{padding:var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.resource-list-file-item--has-control .resource-list-file-item__label-container{padding-right:calc(var(--s-space-12) + 2.5rem)}.resource-list-file-item__icon{color:var(--s-icon-highlight)}.resource-list-file-item__label-container{position:relative;display:flex;min-width:0;min-height:2.875rem;flex-grow:1;justify-content:center;flex-direction:column}.resource-list-file-item__label-container:after{position:absolute;right:0;bottom:calc(-1 * var(--s-space-12));left:0;height:0.0625rem;background-color:var(--s-border-default);content:\"\"}.resource-list-file-item__label{overflow:hidden;font-weight:var(--s-font-weight-medium);white-space:nowrap;text-overflow:ellipsis}.resource-list-file-item__description{overflow:hidden;margin-top:var(--s-space-2);color:var(--s-text-subdued);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);white-space:nowrap;text-overflow:ellipsis}.resource-list-file-item__error-message{margin-top:var(--s-space-2)}.resource-list-file-item__remove-button{position:absolute;top:50%;right:var(--s-space-16);display:inline-flex;transform:translateY(-50%)}.resource-list-file-item__spinner{position:absolute;top:50%;right:var(--s-space-24);display:inline-flex;transform:translateY(-50%)}";
 
@@ -9,12 +9,17 @@ const SwirlResourceListFileItem = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.remove = createEvent(this, "remove", 7);
-    this.icon = "<swirl-icon-file></swirl-icon-file>";
-    this.removeButtonLabel = "Remove file";
     this.desktopMediaQuery = getDesktopMediaQuery();
     this.desktopMediaQueryHandler = (event) => {
       this.forceIconProps(event.matches);
     };
+    this.description = undefined;
+    this.errorMessage = undefined;
+    this.icon = "<swirl-icon-file></swirl-icon-file>";
+    this.label = undefined;
+    this.loading = undefined;
+    this.removable = undefined;
+    this.removeButtonLabel = "Remove file";
   }
   componentDidLoad() {
     var _a, _b;

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

@@ -1,7 +1,7 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-5a3b2828.js';
-import { c as classnames } from './index-c3028f7d.js';
-import { g as getDesktopMediaQuery } from './utils-7efaa1c6.js';
-import './_commonjsHelpers-44457d8d.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-0ff2c8e0.js';
+import { c as classnames } from './index-47862d62.js';
+import { g as getDesktopMediaQuery } from './utils-33d31b58.js';
+import './_commonjsHelpers-10467d11.js';
 
 const swirlSearchCss = ".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--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{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);padding-left:calc(var(--s-space-8) + 1.5rem + var(--s-space-8))}}.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%)}";
 
@@ -11,8 +11,6 @@ const SwirlSearch = class {
     this.inputBlur = createEvent(this, "inputBlur", 7);
     this.inputFocus = createEvent(this, "inputFocus", 7);
     this.valueChange = createEvent(this, "valueChange", 7);
-    this.clearButtonLabel = "Clear search term";
-    this.placeholder = "Search …";
     this.desktopMediaQuery = getDesktopMediaQuery();
     this.desktopMediaQueryHandler = (event) => {
       this.forceIconProps(event.matches);
@@ -30,6 +28,14 @@ const SwirlSearch = class {
     this.onFocus = (event) => {
       this.inputFocus.emit(event);
     };
+    this.autoFocus = undefined;
+    this.clearButtonLabel = "Clear search term";
+    this.disabled = undefined;
+    this.inputName = undefined;
+    this.inputId = undefined;
+    this.label = undefined;
+    this.placeholder = "Search …";
+    this.value = undefined;
   }
   componentDidLoad() {
     var _a, _b;