@getflip/swirl-components 0.13.0 → 0.14.1

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, F as Fragment } from './index-5a3b2828.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';
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, F as Fragment } from './index-5a3b2828.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';
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, F as Fragment } from './index-5a3b2828.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';
 

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

@@ -1,4 +1,4 @@
-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-47862d62.js';
@@ -10,12 +10,6 @@ const swirlLightboxCss = ":host{display:block}:host *{box-sizing:border-box}.lig
 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,4 +1,4 @@
-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-47862d62.js';
@@ -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,4 +1,4 @@
-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 { c as classnames } from './index-47862d62.js';
 import './_commonjsHelpers-10467d11.js';
 
@@ -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,4 +1,4 @@
-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-47862d62.js';
@@ -10,16 +10,6 @@ const swirlPdfReaderCss = ":host{display:block}:host *{box-sizing:border-box}.pd
 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,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';
 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-47862d62.js';
@@ -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,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';
 import { c as classnames } from './index-47862d62.js';
 import './_commonjsHelpers-10467d11.js';
 
@@ -7,6 +7,7 @@ const swirlProgressIndicatorCss = ":host{display:block;width:100%}:host *{box-si
 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,4 +1,4 @@
-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 { c as classnames } from './index-47862d62.js';
 import './_commonjsHelpers-10467d11.js';
 
@@ -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,4 +1,4 @@
-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 { c as classnames } from './index-47862d62.js';
 import { g as getDesktopMediaQuery } from './utils-33d31b58.js';
 import './_commonjsHelpers-10467d11.js';
@@ -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,4 +1,4 @@
-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 { c as classnames } from './index-47862d62.js';
 import { g as getDesktopMediaQuery } from './utils-33d31b58.js';
 import './_commonjsHelpers-10467d11.js';
@@ -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;

package/dist/esm/swirl-select.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';
 import { c as classnames } from './index-47862d62.js';
 import { q as querySelectorAllDeep } from './utils-33d31b58.js';
 import './_commonjsHelpers-10467d11.js';
@@ -9,7 +9,6 @@ const SwirlSelect = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.valueChange = createEvent(this, "valueChange", 7);
-    this.options = [];
     this.select = (event) => {
       this.value = event.detail;
       this.valueChange.emit(this.value);
@@ -32,6 +31,16 @@ const SwirlSelect = class {
         this.popover.open();
       }
     };
+    this.disabled = undefined;
+    this.inline = undefined;
+    this.invalid = undefined;
+    this.label = undefined;
+    this.multiSelect = undefined;
+    this.required = undefined;
+    this.swirlAriaDescribedby = undefined;
+    this.value = undefined;
+    this.options = [];
+    this.open = undefined;
   }
   componentWillLoad() {
     queueMicrotask(() => {

package/dist/esm/swirl-separator.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 swirlSeparatorCss = ":host{display:flex;padding-top:var(--s-space-8);padding-bottom:var(--s-space-8);align-items:center}:host *{box-sizing:border-box}.separator__line{display:block;width:100%;height:var(--s-border-width-default);background-color:var(--s-border-default)}";
 

package/dist/esm/swirl-skeleton-box.entry.js

@@ -0,0 +1,34 @@
+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 swirlSkeletonBoxCss = ":host{display:block}:host *{box-sizing:border-box}.skeleton-box{position:relative;overflow:hidden;min-height:var(--s-font-size-sm);background-color:var(--s-surface-raised-hovered)}.skeleton-box:before{position:relative;z-index:1;display:block;width:100%;height:100%;background-image:linear-gradient(\n      90deg,\n      rgba(255, 255, 255, 0) 0,\n      rgba(255, 255, 255, 0) 12%,\n      var(--s-surface-raised-default) 50%,\n      rgba(255, 255, 255, 0) 88%,\n      rgba(255, 255, 255, 0) 100%\n    );content:\"\";transform:translateX(-100%);-webkit-animation:skeleton-box-shimmer 3s infinite;animation:skeleton-box-shimmer 3s infinite}@-webkit-keyframes skeleton-box-shimmer{100%{transform:translateX(100%)}}@keyframes skeleton-box-shimmer{100%{transform:translateX(100%)}}.skeleton-box--static:before{display:none}.skeleton-box--border-radius-pill{border-radius:100rem}";
+
+const SwirlSkeletonBox = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.animated = true;
+    this.aspectRatio = undefined;
+    this.borderRadius = "base";
+    this.height = undefined;
+    this.width = undefined;
+  }
+  render() {
+    const className = classnames("skeleton-box", `skeleton-box--border-radius-${this.borderRadius}`, { "skeleton-box--static": !this.animated });
+    return (h(Host, { style: {
+        width: !Boolean(this.width) && !Boolean(this.aspectRatio)
+          ? "100%"
+          : undefined,
+      } }, h("div", { class: className, style: {
+        aspectRatio: this.aspectRatio,
+        borderRadius: this.borderRadius !== "pill"
+          ? `var(--s-border-radius-${this.borderRadius})`
+          : undefined,
+        height: this.height,
+        width: this.width,
+      } })));
+  }
+};
+SwirlSkeletonBox.style = swirlSkeletonBoxCss;
+
+export { SwirlSkeletonBox as swirl_skeleton_box };

package/dist/esm/swirl-skeleton-text.entry.js

@@ -0,0 +1,22 @@
+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 swirlSkeletonTextCss = ":host{display:block;width:100%}:host *{box-sizing:border-box}.skeleton-text{position:relative}.skeleton-text--static .skeleton-text__line:after{display:none}.skeleton-text--size-sm{--skeleton-text-line-padding:calc(\n    (var(--s-line-height-sm) - var(--s-font-size-sm)) / 2\n  )}.skeleton-text--size-sm .skeleton-text__line{height:var(--s-line-height-sm);border-radius:calc(var(--s-font-size-sm) / 2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.skeleton-text--size-sm .skeleton-text__line{height:var(--s-line-height-sm)}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.skeleton-text--size-sm{--skeleton-text-line-padding:calc(\n      (var(--s-line-height-sm) - var(--s-font-size-sm)) / 2\n    )}}.skeleton-text--size-base{--skeleton-text-line-padding:calc(\n    (var(--s-line-height-base) - var(--s-font-size-base)) / 2\n  )}.skeleton-text--size-base .skeleton-text__line{height:var(--s-line-height-base);border-radius:calc(var(--s-font-size-base) / 2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.skeleton-text--size-base .skeleton-text__line{height:var(--s-line-height-sm)}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.skeleton-text--size-base{--skeleton-text-line-padding:calc(\n      (var(--s-line-height-sm) - var(--s-font-size-sm)) / 2\n    )}}.skeleton-text--size-lg{--skeleton-text-line-padding:calc(\n    (var(--s-line-height-lg) - var(--s-font-size-lg)) / 2\n  )}.skeleton-text--size-lg .skeleton-text__line{height:var(--s-line-height-lg);border-radius:calc(var(--s-font-size-lg) / 2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.skeleton-text--size-lg .skeleton-text__line{height:var(--s-line-height-base)}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.skeleton-text--size-lg{--skeleton-text-line-padding:calc(\n      (var(--s-line-height-base) - var(--s-font-size-base)) / 2\n    )}}.skeleton-text--size-xl{--skeleton-text-line-padding:calc(\n    (var(--s-line-height-xl) - var(--s-font-size-xl)) / 2\n  )}.skeleton-text--size-xl .skeleton-text__line{height:var(--s-line-height-xl);border-radius:calc(var(--s-font-size-xl) / 2)}.skeleton-text--size-2xl{--skeleton-text-line-padding:calc(\n    (var(--s-line-height-2xl) - var(--s-font-size-2xl)) / 2\n  )}.skeleton-text--size-2xl .skeleton-text__line{height:var(--s-line-height-2xl);border-radius:calc(var(--s-font-size-2xl) / 2)}.skeleton-text__line{overflow:hidden;width:100%;padding-top:var(--skeleton-text-line-padding);padding-bottom:var(--skeleton-text-line-padding)}.skeleton-text__line:before{display:block;width:100%;height:100%;border-radius:10rem;background-color:var(--s-surface-raised-hovered);content:\"\"}.skeleton-text__line:after{position:relative;z-index:1;top:-100%;display:block;width:100%;height:100%;background-image:linear-gradient(\n      90deg,\n      rgba(255, 255, 255, 0) 0,\n      var(--s-surface-raised-default) 33%,\n      rgba(255, 255, 255, 0) 66%\n    );content:\"\";transform:translateX(-100%);-webkit-animation:skeleton-text-shimmer 3s infinite;animation:skeleton-text-shimmer 3s infinite}.skeleton-text__line:first-child:last-child{width:100%}.skeleton-text__line:last-child:not(:first-child){width:25%}@-webkit-keyframes skeleton-text-shimmer{100%{transform:translateX(100%)}}@keyframes skeleton-text-shimmer{100%{transform:translateX(100%)}}";
+
+const SwirlSkeletonText = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.animated = true;
+    this.lines = 1;
+    this.size = "base";
+  }
+  render() {
+    const className = classnames("skeleton-text", `skeleton-text--size-${this.size}`, { "skeleton-text--static": !this.animated });
+    const lineClassName = classnames("skeleton-text__line", `skeleton-text__line--size-${this.size}`);
+    return (h(Host, null, h("div", { class: className, part: className }, new Array(this.lines).fill(undefined).map((_, index) => (h("div", { class: lineClassName, key: index, part: lineClassName }))))));
+  }
+};
+SwirlSkeletonText.style = swirlSkeletonTextCss;
+
+export { SwirlSkeletonText as swirl_skeleton_text };

package/dist/esm/swirl-stack.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';
 import { c as classnames } from './index-47862d62.js';
 import './_commonjsHelpers-10467d11.js';
 

package/dist/esm/swirl-switch.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';
 import { c as classnames } from './index-47862d62.js';
 import './_commonjsHelpers-10467d11.js';
 
@@ -8,9 +8,6 @@ const SwirlSwitch = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.valueChange = createEvent(this, "valueChange", 7);
-    this.checked = false;
-    this.disabled = false;
-    this.size = "m";
     this.dragging = false;
     this.recentlyDragged = false;
     this.onChange = () => {
@@ -67,6 +64,13 @@ const SwirlSwitch = class {
       }
       this.thumb.style.left = `${pos}px`;
     };
+    this.checked = false;
+    this.disabled = false;
+    this.inputId = undefined;
+    this.inputName = undefined;
+    this.label = undefined;
+    this.size = "m";
+    this.value = undefined;
   }
   onWindowPointerUp() {
     this.onEndDrag();

package/dist/esm/swirl-tab.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';
 import { c as classnames } from './index-47862d62.js';
 import './_commonjsHelpers-10467d11.js';
 
@@ -7,6 +7,9 @@ const swirlTabCss = ":host{display:block;width:100%}:host *{box-sizing:border-bo
 const SwirlTab = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.active = undefined;
+    this.label = undefined;
+    this.tabId = undefined;
   }
   render() {
     const className = classnames("tab", { "tab--active": this.active });

package/dist/esm/swirl-table-cell.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 swirlTableCellCss = ":host{display:flex;overflow:auto;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);flex-basis:0;flex-grow:1;flex-shrink:1;align-items:center;background-color:var(--s-background-default);word-break:break-word;-webkit-hyphens:auto;hyphens:auto;transition:box-shadow 0.15s}:host(.table-cell--has-shadow-right){box-shadow:var(--swirl-table-sticky-right-shadow)}:host(.table-cell--has-shadow-left){box-shadow:var(--swirl-table-sticky-left-shadow)}:host(:first-child){border-left:var(--s-border-width-default) solid var(--s-border-default)}:host(:last-child){border-right:var(--s-border-width-default) solid var(--s-border-default)}:host *{box-sizing:border-box}";
 

package/dist/esm/swirl-table-column.entry.js

@@ -1,11 +1,16 @@
-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';
 
 const swirlTableColumnCss = ":host{display:flex;overflow:hidden;padding-top:var(--s-space-12);padding-right:var(--s-space-16);padding-bottom:var(--s-space-12);padding-left:var(--s-space-16);flex-basis:0;flex-grow:1;flex-shrink:1;align-items:center;border-top:var(--s-border-width-default) solid var(--s-border-default);border-bottom:var(--s-border-width-default) solid var(--s-border-default);color:var(--s-text-subdued);background-color:var(--s-background-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);white-space:nowrap;letter-spacing:var(--s-letter-spacing-tighter);text-overflow:ellipsis;transition:box-shadow 0.15s;gap:var(--s-space-8)}:host(:first-child){border-left:var(--s-border-width-default) solid var(--s-border-default)}:host(:last-child){border-right:var(--s-border-width-default) solid var(--s-border-default)}:host(.table-column--has-shadow-right){box-shadow:var(--swirl-table-sticky-right-shadow)}:host(.table-column--has-shadow-left){box-shadow:var(--swirl-table-sticky-left-shadow)}:host *{box-sizing:border-box}.table-column__sort-indicator{display:inline-flex;width:1.25rem;height:1.25rem;flex-grow:0;flex-shrink:0}";
 
 const SwirlTableColumn = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.sort = undefined;
+    this.sortable = undefined;
+    this.maxWidth = undefined;
     this.minWidth = "fit-content";
+    this.sticky = undefined;
+    this.width = undefined;
   }
   render() {
     const styles = {

package/dist/esm/swirl-table-row-group.entry.js

@@ -1,10 +1,11 @@
-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';
 
 const swirlTableRowGroupCss = ":host{position:relative;z-index:1;display:block}:host *{box-sizing:border-box}.table-row-group__header-row{padding:var(--s-space-12) var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-surface-raised-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm)}@media (min-width: 768px){.table-row-group__label{position:sticky;left:var(--s-space-16)}}";
 
 const SwirlTableRowGroup = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.label = undefined;
   }
   render() {
     const rowspan = this.el.querySelectorAll("swirl-table-row").length;

package/dist/esm/swirl-table-row.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';
 import { c as classnames } from './index-47862d62.js';
 import './_commonjsHelpers-10467d11.js';
 
@@ -7,6 +7,8 @@ const swirlTableRowCss = ":host{display:flex}:host(.table-row--highlighted){--sw
 const SwirlTableRow = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.highlighted = undefined;
+    this.index = undefined;
   }
   render() {
     const className = classnames("table-row", {

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

@@ -1,4 +1,4 @@
-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 { i as isMobileViewport } from './utils-33d31b58.js';
 
 /* global setTimeout, clearTimeout */
@@ -77,7 +77,6 @@ const swirlTableCss = ":host{position:relative;display:block}:host *{box-sizing:
 const SwirlTable = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    this.emptyStateLabel = "No results found.";
     this.updateLayout = dist(async () => {
       await this.resetEmptyRowStyles();
       await this.resetRowGroupStyles();
@@ -91,6 +90,13 @@ const SwirlTable = class {
     this.onScroll = () => {
       this.updateScrolledState();
     };
+    this.caption = undefined;
+    this.emptyStateLabel = "No results found.";
+    this.label = undefined;
+    this.empty = undefined;
+    this.scrollable = undefined;
+    this.scrolled = undefined;
+    this.scrolledToEnd = undefined;
   }
   async componentDidRender() {
     await this.updateLayout();

package/dist/esm/swirl-tabs.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';
 import { c as classnames } from './index-47862d62.js';
 import './_commonjsHelpers-10467d11.js';
 
@@ -19,6 +19,9 @@ const SwirlTabs = class {
         this.activateNextTab();
       }
     };
+    this.initialTab = undefined;
+    this.label = undefined;
+    this.activeTab = undefined;
   }
   componentWillLoad() {
     this.collectTabs();

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

@@ -1,4 +1,4 @@
-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 { c as classnames } from './index-47862d62.js';
 import './_commonjsHelpers-10467d11.js';
 
@@ -8,12 +8,14 @@ const SwirlTag = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.remove = createEvent(this, "remove", 7);
-    this.intent = "default";
-    this.removalButtonLabel = "Remove";
     this.onRemove = (event) => {
       var _a;
       (_a = this.remove) === null || _a === void 0 ? void 0 : _a.emit(event);
     };
+    this.intent = "default";
+    this.label = undefined;
+    this.removable = undefined;
+    this.removalButtonLabel = "Remove";
   }
   render() {
     const className = classnames("tag", `tag--intent-${this.intent}`);