@getflip/swirl-components-react 0.452.1 → 0.453.0

package/dist/swirl-box.entry.844ad900.js

@@ -0,0 +1,109 @@
+import { r as t, c as s, h as r, H as l, g as d } from "./index.0118a769.js";
+import { c as i } from "./index-orsBiyT_.fc4357c3.js";
+import "react";
+import "react-dom";
+const n = () => ":host{display:block;width:100%}:host(.box--bordered){border:var(--s-border-width-default) solid var(--s-border-default)}:host(.box--border-color-default){border-color:var(--s-border-default)}:host(.box--border-color-strong){border-color:var(--s-border-strong)}:host(.box--bordered-block-end){border-block-end-width:var(--s-border-width-default);border-block-end-style:solid}:host(.box--bordered-block-start){border-block-start-width:var(--s-border-width-default);border-block-start-style:solid}:host(.box--bordered-inline-end){border-inline-end-width:var(--s-border-width-default);border-inline-end-style:solid}:host(.box--bordered-inline-start){border-inline-start-width:var(--s-border-width-default);border-inline-start-style:solid}:host(.box--bordered-block-start-when-scrolled.box--scrollable){border-block-start-width:var(--s-border-width-default);border-block-start-style:solid;border-block-start-color:transparent}:host(.box--bordered-block-start-when-scrolled.box--scrollable:not(.box--scrolled-to-top)){border-block-start-color:var(--s-border-default)}:host(.box--bordered-block-end-when-scrolled.box--scrollable){border-block-end-width:var(--s-border-width-default);border-block-end-style:solid;border-block-end-color:transparent}:host(.box--bordered-block-end-when-scrolled.box--scrollable:not(.box--scrolled-to-bottom)){border-block-end-color:var(--s-border-default)}:host(.box--hide-scrollbar){scrollbar-width:none}:host(.box--hide-scrollbar)::-webkit-scrollbar{display:none}:host(.box--cover){width:100%;height:100%}:host *{box-sizing:border-box}", c = class {
+  constructor(e) {
+    t(this, e), this.componentLoad = s(this, "componentLoad", 7), this.borderColor = "default", this.overflow = "visible", this.padding = "0", this.scrollState = {
+      scrollable: !1,
+      scrolledToBottom: !1,
+      scrolledToTop: !1
+    }, this.onScroll = () => {
+      this.updateScrollState();
+    };
+  }
+  connectedCallback() {
+    this.needsScrollTracking && this.setupResizeObserver();
+  }
+  componentDidLoad() {
+    this.componentLoad.emit();
+  }
+  disconnectedCallback() {
+    this.teardownResizeObserver();
+  }
+  onScrollTrackingPropChange() {
+    this.needsScrollTracking ? this.setupResizeObserver() : this.teardownResizeObserver();
+  }
+  setupResizeObserver() {
+    var e;
+    (e = this.resizeObserver) == null || e.disconnect(), this.resizeObserver = new ResizeObserver(() => this.updateScrollState()), this.resizeObserver.observe(this.el);
+  }
+  teardownResizeObserver() {
+    var e;
+    (e = this.resizeObserver) == null || e.disconnect(), this.resizeObserver = void 0;
+  }
+  get needsScrollTracking() {
+    return this.borderedBlockEndWhenScrolled || this.borderedBlockStartWhenScrolled;
+  }
+  updateScrollState() {
+    if (!this.el.isConnected)
+      return;
+    const e = {
+      scrollable: this.el.scrollHeight > this.el.clientHeight,
+      scrolledToTop: this.el.scrollTop === 0,
+      scrolledToBottom: Math.round(this.el.scrollTop + this.el.clientHeight) >= this.el.scrollHeight
+    };
+    Object.keys(e).some((o) => e[o] !== this.scrollState[o]) && (this.scrollState = e);
+  }
+  render() {
+    const e = {
+      alignItems: this.centerBlock ? "center" : void 0,
+      bottom: this.bottom,
+      display: this.centerBlock || this.centerInline ? "flex" : void 0,
+      flexBasis: this.basis,
+      flexShrink: this.shrink,
+      flexGrow: this.grow,
+      height: this.cover ? "100%" : this.height,
+      justifyContent: this.centerInline ? "center" : void 0,
+      left: this.left,
+      maxHeight: this.maxHeight,
+      minHeight: this.minHeight,
+      maxWidth: this.maxWidth,
+      minWidth: this.minWidth,
+      overflow: this.overflow,
+      ...this.overflowX && { overflowX: this.overflowX },
+      ...this.overflowY && { overflowY: this.overflowY },
+      padding: `var(--s-space-${this.padding})`,
+      paddingBlockEnd: Boolean(this.paddingBlockEnd) ? `var(--s-space-${this.paddingBlockEnd})` : void 0,
+      paddingBlockStart: Boolean(this.paddingBlockStart) ? `var(--s-space-${this.paddingBlockStart})` : void 0,
+      paddingInlineEnd: Boolean(this.paddingInlineEnd) ? `var(--s-space-${this.paddingInlineEnd})` : void 0,
+      paddingInlineStart: Boolean(this.paddingInlineStart) ? `var(--s-space-${this.paddingInlineStart})` : void 0,
+      position: Boolean(this.overflow) || Boolean(this.overflowX) || Boolean(this.overflowY) ? this.position || "relative" : this.position,
+      right: this.right,
+      top: this.top,
+      width: this.cover ? "100%" : this.width,
+      zIndex: this.zIndex
+    }, o = i("box", `box--border-color-${this.borderColor}`, {
+      "box--bordered": this.bordered,
+      "box--bordered-block-end": this.borderedBlockEnd,
+      "box--bordered-block-end-when-scrolled": this.borderedBlockEndWhenScrolled,
+      "box--bordered-block-start": this.borderedBlockStart,
+      "box--bordered-block-start-when-scrolled": this.borderedBlockStartWhenScrolled,
+      "box--bordered-inline-end": this.borderedInlineEnd,
+      "box--bordered-inline-start": this.borderedInlineStart,
+      "box--cover": this.cover,
+      "box--hide-scrollbar": this.hideScrollbar,
+      "box--scrollable": this.scrollState.scrollable,
+      "box--scrolled-to-top": this.scrollState.scrolledToTop,
+      "box--scrolled-to-bottom": this.scrollState.scrolledToBottom
+    });
+    return r(l, { key: "843522cfc2ce24e99758982aecddaf6c660df174", class: o, onScroll: this.onScroll, style: e }, r("slot", { key: "0be371ff18d90e453f314ebd6a218eb6be29e4be" }));
+  }
+  get el() {
+    return d(this);
+  }
+  static get watchers() {
+    return {
+      borderedBlockEndWhenScrolled: [{
+        onScrollTrackingPropChange: 0
+      }],
+      borderedBlockStartWhenScrolled: [{
+        onScrollTrackingPropChange: 0
+      }]
+    };
+  }
+};
+c.style = n();
+export {
+  c as swirl_box
+};

package/dist/swirl-button-group.entry.d3eda1ec.js

@@ -0,0 +1,19 @@
+import { r as s, h as r, H as i } from "./index.0118a769.js";
+import { c as e } from "./index-orsBiyT_.fc4357c3.js";
+import "react";
+import "react-dom";
+const n = () => ':host{display:block}:host *{box-sizing:border-box}.button-group--segmented ::slotted(*:not(:last-child)){position:relative}.button-group--segmented ::slotted(*:not(:last-child)):after{position:absolute;z-index:1;top:50%;left:100%;width:var(--s-border-width-default);height:calc(100% - var(--s-space-16));background-color:var(--s-border-strong);content:"";transform:translate3d(-50%, -50%, 0);pointer-events:none}.button-group--segmented ::slotted(*:not(:last-child):not([disabled])[intent="primary"]):after{background-color:var(--s-text-on-action-primary)}.button-group--segmented ::slotted(*:not(:last-child)[disabled="false"][intent="primary"]):after{background-color:var(--s-text-on-action-primary)}.button-group--segmented ::slotted(*:not(:first-child):not(:last-child)){--swirl-button-border-top-right-radius:0;--swirl-button-border-top-left-radius:0;--swirl-button-border-bottom-right-radius:0;--swirl-button-border-bottom-left-radius:0;--swirl-icon-button-border-top-right-radius:0;--swirl-icon-button-border-top-left-radius:0;--swirl-icon-button-border-bottom-right-radius:0;--swirl-icon-button-border-bottom-left-radius:0}.button-group--segmented ::slotted(*:first-child){--swirl-button-border-top-right-radius:0;--swirl-button-border-bottom-right-radius:0;--swirl-icon-button-border-top-right-radius:0;--swirl-icon-button-border-bottom-right-radius:0;--swirl-icon-button-border-top-left-radius:var(--s-border-radius-base);--swirl-icon-button-border-bottom-left-radius:var(--s-border-radius-base)}.button-group--segmented ::slotted(*:last-child){--swirl-button-border-top-left-radius:0;--swirl-button-border-bottom-left-radius:0;--swirl-icon-button-border-top-right-radius:var(--s-border-radius-base);--swirl-icon-button-border-bottom-right-radius:var(--s-border-radius-base);--swirl-icon-button-border-top-left-radius:0;--swirl-icon-button-border-bottom-left-radius:0}', a = class {
+  constructor(t) {
+    s(this, t), this.orientation = "horizontal", this.spacing = "8";
+  }
+  render() {
+    const t = this.segmented ? "0" : this.spacing, o = e("button-group", {
+      "button-group--segmented": this.segmented
+    });
+    return r(i, { key: "1c5dcaf521e8ee19f572f03e428f6f6297106ae0" }, r("swirl-stack", { key: "78073a9c28c55e16c68c9f32f4573e18f08d8822", align: this.orientation === "vertical" && this.stretch ? "stretch" : "start", class: o, justify: this.orientation === "horizontal" && this.stretch ? "stretch" : "start", orientation: this.orientation, role: "group", spacing: t, wrap: this.wrap }, r("slot", { key: "4936fecbd49610aec18174458b1cd7ef42723eba" })));
+  }
+};
+a.style = n();
+export {
+  a as swirl_button_group
+};

package/dist/swirl-button.entry.18b28d31.js

@@ -0,0 +1,61 @@
+import { r as u, h as o, H as c, g as d } from "./index.0118a769.js";
+import { c as v } from "./index-orsBiyT_.fc4357c3.js";
+import { D as w } from "./media-query.service-CCYT6DU8.f0931fdc.js";
+import "react";
+import "react-dom";
+import "./utils-CCck-DTo.e4e43b6a.js";
+const h = () => ".sc-swirl-button-h{display:inline-block;max-width:100%;flex-shrink:0}.sc-swirl-button-h *.sc-swirl-button{box-sizing:border-box}.button.sc-swirl-button{display:inline-flex;width:100%;padding:var(--s-space-8) var(--s-space-16);justify-content:center;align-items:center;border:none;border-top-left-radius:var(--swirl-button-border-top-left-radius);border-top-right-radius:var(--swirl-button-border-top-right-radius);border-bottom-right-radius:var(--swirl-button-border-bottom-right-radius);border-bottom-left-radius:var(--swirl-button-border-bottom-left-radius);color:var(--s-text-subdued);background-color:var(--swirl-ghost-button-background-default);font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-lg);text-decoration:none;cursor:pointer;gap:var(--s-space-8);transition:box-shadow 0.3s}.button.sc-swirl-button:hover{background-color:var(--swirl-ghost-button-background-hovered);--swirl-tag-background-default:var(--s-surface-sunken-pressed)}.button.sc-swirl-button:active{background-color:var(--swirl-ghost-button-background-pressed)}.button--elevated.sc-swirl-button{box-shadow:var(--s-shadow-level-2)}.button.sc-swirl-button:disabled,.button.button--disabled.sc-swirl-button{color:var(--s-text-disabled);cursor:default}.button.sc-swirl-button:disabled:where(:not(.button--variant-ghost)),.button.button--disabled.sc-swirl-button:where(:not(.button--variant-ghost)){background-color:var(--swirl-ghost-button-background-disabled)}.button.sc-swirl-button:disabled .button__icon.sc-swirl-button,.button.button--disabled.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-disabled)}.button.sc-swirl-button:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button.sc-swirl-button{padding:var(--s-space-8) var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);gap:var(--s-space-4)}}.button--text-align-start.sc-swirl-button{justify-content:flex-start}.button--text-align-center.sc-swirl-button{justify-content:center}.button--text-align-end.sc-swirl-button{justify-content:flex-end}.button--variant-ghost.button--intent-strong.sc-swirl-button:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-default)}.button--variant-ghost.button--intent-strong.sc-swirl-button:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-ghost.button--intent-primary.sc-swirl-button:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-highlight)}.button--variant-ghost.button--intent-primary.sc-swirl-button:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-icon-highlight)}.button--variant-ghost.button--intent-critical.sc-swirl-button:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-critical)}.button--variant-ghost.button--intent-critical.sc-swirl-button:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-icon-critical)}.button--variant-ghost.button--pressed.sc-swirl-button{color:var(--s-text-highlight)}.button--variant-ghost.button--pressed.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-highlight)}.button--variant-ghost.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-ghost.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-flat.sc-swirl-button{color:var(--s-text-default);background-color:var(--swirl-flat-button-background-default);--swirl-tag-background-default:var(--s-surface-sunken-pressed)}.button--variant-flat.sc-swirl-button:hover{background-color:var(--swirl-flat-button-background-hovered)}.button--variant-flat.sc-swirl-button:active{background-color:var(--swirl-flat-button-background-pressed)}.button--variant-flat.sc-swirl-button:disabled,.button--variant-flat.button--disabled.sc-swirl-button{background-color:var(--swirl-flat-button-background-disabled)}.button--variant-flat.button--intent-primary.sc-swirl-button:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.button--variant-flat.button--intent-primary.sc-swirl-button:where(:not(:disabled):not(.button--disabled)):hover{background-color:var(--s-action-primary-hovered)}.button--variant-flat.button--intent-primary.sc-swirl-button:where(:not(:disabled):not(.button--disabled)):active{background-color:var(--s-action-primary-pressed)}.button--variant-flat.button--intent-primary.sc-swirl-button:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-icon-on-action-primary)}.button--variant-flat.button--intent-critical.sc-swirl-button:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-on-status);background-color:var(--s-action-critical-default)}.button--variant-flat.button--intent-critical.sc-swirl-button:where(:not(:disabled):not(.button--disabled)):hover{background-color:var(--s-action-critical-hovered)}.button--variant-flat.button--intent-critical.sc-swirl-button:where(:not(:disabled):not(.button--disabled)):active{background-color:var(--s-action-critical-pressed)}.button--variant-flat.button--intent-critical.sc-swirl-button:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-icon-on-status)}.button--variant-flat.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-flat.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-flat.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-outline.sc-swirl-button{color:var(--s-text-default);outline:var(--s-border-width-default) solid var(--s-border-strong);outline-offset:calc(var(--s-border-width-default) * -1)}.button--variant-outline.sc-swirl-button:disabled,.button--variant-outline.button--disabled.sc-swirl-button{outline-color:var(--s-border-default)}.button--variant-outline.button--intent-critical.sc-swirl-button:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-critical);outline-color:var(--s-border-critical)}.button--variant-outline.button--intent-critical.sc-swirl-button:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-icon-critical)}.button--variant-outline.button--intent-primary.sc-swirl-button:where(:not(:disabled):not(.button--disabled)),.button--variant-outline.button--pressed.sc-swirl-button{color:var(--s-text-highlight);outline-color:var(--s-border-highlight)}.button--variant-outline.button--intent-primary.sc-swirl-button:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button,.button--variant-outline.button--pressed.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-highlight)}.button--variant-outline.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-outline.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-outline.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-plain.sc-swirl-button{padding:0;border-radius:0;color:var(--swirl-plain-button-text-color-default);background-color:transparent}.button--variant-plain.sc-swirl-button:hover:where(:not(:disabled):not(.button--disabled)){color:var(--swirl-plain-button-text-color-hovered);background-color:transparent;text-decoration:underline;text-underline-offset:var(--s-space-4)}.button--variant-plain.sc-swirl-button:hover:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--swirl-plain-button-text-color-hovered)}.button--variant-plain.sc-swirl-button:active:where(:not(:disabled):not(.button--disabled)){color:var(--swirl-plain-button-text-color-pressed);background-color:transparent}.button--variant-plain.sc-swirl-button:active:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--swirl-plain-button-text-color-pressed)}.button--variant-plain.sc-swirl-button:disabled,.button--variant-plain.button--disabled.sc-swirl-button{color:var(--swirl-plain-button-text-color-disabled);background-color:transparent}.button--variant-plain.sc-swirl-button:disabled .button__icon.sc-swirl-button,.button--variant-plain.button--disabled.sc-swirl-button .button__icon.sc-swirl-button{color:var(--swirl-plain-button-text-color-disabled)}.button--variant-plain.button--icon-only.sc-swirl-button{padding:0}.button--variant-plain.button--intent-strong.sc-swirl-button:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-default)}.button--variant-plain.button--intent-strong.sc-swirl-button:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-plain.button--intent-primary.sc-swirl-button{color:var(--s-interactive-primary-default)}.button--variant-plain.button--intent-primary.sc-swirl-button:hover:where(:not(:disabled):not(.button--disabled)){color:var(--s-interactive-primary-hovered)}.button--variant-plain.button--intent-primary.sc-swirl-button:hover:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-interactive-primary-hovered)}.button--variant-plain.button--intent-primary.sc-swirl-button:active:where(:not(:disabled):not(.button--disabled)){color:var(--s-interactive-primary-pressed)}.button--variant-plain.button--intent-primary.sc-swirl-button:active:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-interactive-primary-pressed)}.button--variant-plain.button--intent-primary.sc-swirl-button:disabled,.button--variant-plain.button--intent-primary.button--disabled.sc-swirl-button{color:var(--s-interactive-primary-disabled)}.button--variant-plain.button--intent-primary.sc-swirl-button:disabled .button__icon.sc-swirl-button,.button--variant-plain.button--intent-primary.button--disabled.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-interactive-primary-disabled)}.button--variant-plain.button--intent-primary.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-interactive-primary-default)}.button--variant-plain.sc-swirl-button .button__icon.sc-swirl-button{margin-left:0;color:var(--swirl-plain-button-text-color-default)}.button--variant-plain.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-plain.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-on-image.sc-swirl-button{color:var(--s-text-on-image);background:rgba(0, 0, 0, 0.6)}.button--variant-on-image.sc-swirl-button:hover{background:rgba(0, 0, 0, 0.5)}.button--variant-on-image.sc-swirl-button:active{background:rgba(0, 0, 0, 0.4)}.button--variant-on-image.sc-swirl-button:disabled,.button--variant-on-image.button--disabled.sc-swirl-button{color:var(--s-text-on-image);background:rgba(0, 0, 0, 0.3)}.button--variant-on-image.sc-swirl-button:disabled .button__icon.sc-swirl-button,.button--variant-on-image.button--disabled.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-on-image)}.button--variant-on-image.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-on-image)}.button--variant-on-image.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-on-image.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-floating.sc-swirl-button{color:var(--s-text-default);background-color:var(--s-surface-overlay-default)}.button--variant-floating.sc-swirl-button:not(.button--elevated){box-shadow:var(--s-shadow-level-1)}.button--variant-floating.sc-swirl-button:hover{color:var(--s-text-on-action-primary);background-color:var(--s-surface-overlay-hovered)}.button--variant-floating.sc-swirl-button:active{color:var(--s-text-on-action-primary);background-color:var(--s-surface-overlay-pressed)}.button--variant-floating.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-floating.button--intent-primary.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20);border-radius:1.5rem;color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.button--variant-floating.button--intent-primary.sc-swirl-button:hover:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-hovered)}.button--variant-floating.button--intent-primary.sc-swirl-button:active:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-pressed)}.button--variant-floating.button--intent-primary.sc-swirl-button:disabled,.button--variant-floating.button--intent-primary.button--disabled.sc-swirl-button{color:var(--s-text-on-action-primary)}.button--variant-floating.button--intent-primary.sc-swirl-button:disabled .button__icon.sc-swirl-button,.button--variant-floating.button--intent-primary.button--disabled.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-on-action-primary)}.button--variant-floating.button--intent-primary.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-floating.button--intent-primary.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-on-action-primary)}.button--variant-floating.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-translucent.sc-swirl-button{color:var(--s-text-default);outline:var(--s-border-width-default) solid     var(--s-border-translucent-outline);outline-offset:calc(var(--s-border-width-default) * -1);background:var(--s-translucent-medium-default);box-shadow:var(--s-shadow-level-2);-webkit-backdrop-filter:blur(var(--s-blur-s));backdrop-filter:blur(var(--s-blur-s))}.button--variant-translucent.sc-swirl-button:hover{background:var(--s-translucent-medium-hovered)}.button--variant-translucent.sc-swirl-button:active{background:var(--s-translucent-medium-pressed)}.button--variant-translucent.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-translucent.sc-swirl-button:disabled,.button--variant-translucent.button--disabled.sc-swirl-button{color:var(--s-text-subdued);background:var(--s-translucent-medium-default)}.button--variant-translucent.sc-swirl-button:disabled .button__icon.sc-swirl-button,.button--variant-translucent.button--disabled.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-default)}.button--icon-position-end.sc-swirl-button .button__icon.sc-swirl-button{margin-right:calc(-1 * var(--s-space-4));margin-left:0;order:2}.button--pill.sc-swirl-button{border-radius:1.25rem}.button--pill.button--size-l.sc-swirl-button{border-radius:1.5rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button--pill.button--size-l.sc-swirl-button{border-radius:1.375rem}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button--pill.sc-swirl-button{border-radius:1.125rem}}.button--icon-only.sc-swirl-button{padding:var(--s-space-8)}.button--icon-only.button--pill.sc-swirl-button{border-top-left-radius:var(--swirl-icon-button-border-top-left-radius);border-top-right-radius:var(--swirl-icon-button-border-top-right-radius);border-bottom-right-radius:var(       --swirl-icon-button-border-bottom-right-radius     );border-bottom-left-radius:var(       --swirl-icon-button-border-bottom-left-radius     )}.button--icon-only.sc-swirl-button .button__icon.sc-swirl-button{margin-right:0;margin-left:0}.button--has-icon.sc-swirl-button .button__icon.sc-swirl-button{display:inline-flex}.button__tag.sc-swirl-button{padding-left:var(--s-space-8);order:3}.button__trailing-slot.sc-swirl-button{order:4}.button__icon.sc-swirl-button{display:none;width:1.5rem;height:1.5rem;margin-left:calc(-1 * var(--s-space-4));color:var(--s-icon-default);order:0}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button__icon.sc-swirl-button{width:1.25rem;height:1.25rem}}.button__label.sc-swirl-button{overflow:hidden;max-width:100%;white-space:nowrap;text-overflow:ellipsis;order:1}", p = class {
+  constructor(t) {
+    u(this, t), this.cursor = "pointer", this.iconPosition = "start", this.intent = "default", this.size = "m", this.textAlign = "center", this.type = "button", this.variant = "ghost", this.mediaQueryUnsubscribe = () => {
+    };
+  }
+  componentDidLoad() {
+    this.updateFormAttribute(), this.mediaQueryUnsubscribe = w.subscribe((t) => {
+      this.isDesktop = t, this.forceIconProps();
+    });
+  }
+  componentDidRender() {
+    this.updateFormAttribute(), this.forceIconProps();
+  }
+  disconnectedCallback() {
+    this.mediaQueryUnsubscribe();
+  }
+  forceIconProps() {
+    if (!Boolean(this.iconEl))
+      return;
+    const t = this.iconEl.children[0];
+    ((t == null ? void 0 : t.tagName.startsWith("SWIRL-ICON")) || (t == null ? void 0 : t.tagName.startsWith("SWIRL-EMOJI")) || (t == null ? void 0 : t.tagName.startsWith("SWIRL-SYMBOL"))) && (t == null || t.setAttribute("size", this.isDesktop ? "20" : "24"));
+  }
+  getAriaLabel(t) {
+    if (Boolean(this.swirlAriaLabel))
+      return this.swirlAriaLabel;
+    if (t)
+      return this.label;
+  }
+  updateFormAttribute() {
+    var n, r;
+    Boolean(this.href) || !Boolean(this.form) ? (n = this.buttonEl) == null || n.removeAttribute("form") : (r = this.buttonEl) == null || r.setAttribute("form", this.form);
+  }
+  render() {
+    const t = this.hideLabel && Boolean(this.icon) || this.variant === "floating" && this.intent === "default", n = Boolean(this.href), r = this.getAriaLabel(t), a = this.icon || Boolean(this.el.querySelector("[slot='icon']")), s = Boolean(this.el.querySelector("[slot='tag']")), e = Boolean(this.el.querySelector("[slot='trailing']")), l = v("button", `button--icon-position-${this.iconPosition}`, `button--intent-${this.intent}`, `button--size-${this.size}`, `button--text-align-${this.textAlign}`, `button--variant-${this.variant}`, {
+      "button--elevated": this.elevated,
+      "button--disabled": this.disabled,
+      "button--has-icon": a,
+      "button--icon-only": t,
+      "button--pill": this.pill,
+      "button--pressed": this.pressed
+    }), b = n ? "a" : "button";
+    return o(c, { key: "08f425e502d0f95c2cefd7468e1dcafa24ee48cc", style: { pointerEvents: this.disabled ? "none" : "" } }, o(b, { key: "78c9d582bacd29ed0bb5045b701da915621d1988", "aria-controls": this.swirlAriaControls, "aria-current": this.swirlAriaCurrent, "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled && !n ? "true" : void 0, "aria-expanded": this.swirlAriaExpanded, "aria-haspopup": this.swirlAriaHaspopup, "aria-label": r, "aria-pressed": this.pressed ? "true" : void 0, class: l, disabled: n ? void 0 : this.disabled, download: n ? void 0 : this.download, form: n ? void 0 : this.form, href: this.href, name: n ? void 0 : this.name, ref: (i) => this.buttonEl = i, target: n ? this.target : void 0, type: n ? void 0 : this.type, value: n ? void 0 : this.value, style: {
+      cursor: !this.disabled && this.cursor !== "pointer" ? this.cursor : void 0,
+      fontSize: this.inheritFontSize ? "inherit" : void 0,
+      lineHeight: this.inheritFontSize ? "inherit" : void 0
+    } }, Boolean(this.icon) && o("span", { key: "ca742100720788f3b187a2b4eb7d24a0527da881", class: "button__icon", innerHTML: this.icon, ref: (i) => this.iconEl = i }), !Boolean(this.icon) && o("span", { key: "85c755f928c33a2076a28ae44c961ecd48126749", class: "button__icon", ref: (i) => this.iconEl = i }, o("slot", { key: "84a67a65f34f200261c1a70b0f3d3679f8413351", name: "icon" })), !t && o("span", { key: "33d82152407febb56c8b27a956b1a60b9eb9d61e", class: "button__label" }, this.label), s && o("span", { key: "dd715d4605571e384e6a28b110191474ca4b0c44", class: "button__tag" }, o("slot", { key: "3a5e3a9b4f54048fb16c0dca3ccdc4ff11c7f699", name: "tag" })), e && o("div", { key: "d3d469056217738fce0c0485d18785be43df66a9", class: "button__trailing-slot" }, o("slot", { key: "55b7587f089c3cfbc832e46e18e78421d559fe3b", name: "trailing" }))));
+  }
+  get el() {
+    return d(this);
+  }
+};
+p.style = h();
+export {
+  p as swirl_button
+};

package/dist/swirl-card.entry.6f872500.js

@@ -0,0 +1,49 @@
+import { r as o, c, h as e, H as n, g as l } from "./index.0118a769.js";
+import { c as u } from "./index-orsBiyT_.fc4357c3.js";
+import "react";
+import "react-dom";
+const h = () => ":host{display:contents}:host *{box-sizing:border-box}.card{--swirl-ghost-button-background-default:var(--s-surface-default);--swirl-ghost-button-background-hovered:var(--s-surface-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-pressed);--swirl-resource-list-item-background-default:var(--s-surface-default);--swirl-resource-list-item-background-hovered:var(--s-surface-hovered);--swirl-resource-list-item-background-pressed:var(--s-surface-pressed);position:relative;display:flex;overflow:hidden;width:100%;margin:0;padding:0;border:var(--s-border-width-default) solid var(--s-border-default);border-radius:var(--s-border-radius-base);color:var(--s-text-default);background-color:var(--swirl-card-background-default);font:inherit;text-decoration:none;flex-direction:column;transition:background-color 0.2s}.card:not(.card--has-image) .card__image{overflow:hidden;height:0}a.card,button.card,.card--interactive{cursor:pointer}a.card:hover,button.card:hover,.card--interactive:hover{--swirl-avatar-background-color:var(--s-surface-raised-hovered);background-color:var(--swirl-card-background-hovered)}a.card:active,button.card:active,.card--interactive:active{--swirl-avatar-background-color:var(--s-surface-raised-pressed);background-color:var(--swirl-card-background-pressed)}a.card:focus:not(:focus-visible),button.card:focus:not(:focus-visible),.card--interactive:focus:not(:focus-visible){outline:none}a.card:focus-visible,button.card:focus-visible,.card--interactive:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-4)}.card--is--borderless{border:0}.card--elevated.card--elevation-level-1{box-shadow:var(--s-shadow-level-1)}.card--elevated.card--elevation-level-2{box-shadow:var(--s-shadow-level-2)}.card--elevated.card--elevation-level-3{box-shadow:var(--s-shadow-level-3)}.card--flashing{background-color:var(--swirl-card-background-pressed)}.card--flashing.card--intent-default-subdued{background-color:var(--s-surface-raised-pressed)}.card--flashing.card--intent-highlight{background-color:var(--s-surface-highlight-pressed)}.card--highlighted{border-width:0.1875rem;border-color:var(--s-border-highlight)}.card--justify-content-start .card__body{justify-content:flex-start}.card--justify-content-center .card__body{justify-content:center}.card--justify-content-end .card__body{justify-content:flex-end}.card--intent-critical-subdued{background-color:var(--s-surface-critical-subdued)}.card--intent-default-subdued{--swirl-resource-list-item-background-default:var(     --s-surface-raised-default   );--swirl-resource-list-item-background-hovered:var(     --s-surface-raised-hovered   );--swirl-resource-list-item-background-pressed:var(     --s-surface-raised-pressed   );--swirl-ghost-button-background-default:var(--s-surface-raised-default);--swirl-ghost-button-background-hovered:var(--s-surface-raised-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-raised-pressed);background-color:var(--s-surface-raised-default)}.card--intent-info-subdued{background-color:var(--s-surface-info-subdued)}.card--intent-success-subdued{background-color:var(--s-surface-success-subdued)}.card--intent-warning-subdued{background-color:var(--s-surface-warning-subdued)}.card--intent-highlight{color:var(--s-text-on-surface-highlight);background-color:var(--s-surface-highlight-default)}.card--has-floating-controls:focus-within .card__floating-controls,.card--has-floating-controls:hover .card__floating-controls{pointer-events:auto;opacity:1}.content-section{padding:0 var(--s-space-16)}.card__image{overflow:hidden;min-height:0}.card__image ::slotted(img){display:inline-flex;width:100%;max-height:100%;-o-object-fit:cover;object-fit:cover}.card__floating-controls{position:absolute;z-index:1;top:0;right:0;padding:var(--s-space-12);transition:opacity 0.2s;pointer-events:none;opacity:0}.card__body{display:flex;min-height:0;padding:var(--s-space-12) var(--s-space-16) var(--s-space-16);flex-grow:1;flex-direction:column;gap:var(--s-space-16)}.card__content{min-height:100%}", f = ["xs", "sm", "base", "l", "xl"], g = class {
+  constructor(a) {
+    o(this, a), this.componentLoad = c(this, "componentLoad", 7), this.as = "div", this.borderRadius = "base", this.elevationLevel = 3, this.intent = "default", this.justifyContent = "start", this.flashing = !1;
+  }
+  async flash(a = 5e3) {
+    Boolean(this.flashingTimeout) && (clearTimeout(this.flashingTimeout), this.flashingTimeout = void 0), this.flashing = !0, this.flashingTimeout = setTimeout(() => {
+      this.flashing = !1;
+    }, a);
+  }
+  componentDidLoad() {
+    this.componentLoad.emit();
+  }
+  render() {
+    const a = Boolean(this.href) ? "a" : this.as, r = Boolean(this.el.querySelector('[slot="floating-controls"]')), s = Boolean(this.el.querySelector('[slot="image"]')), t = {
+      ...this.customBackgroundColor ? { "--swirl-card-background-default": this.customBackgroundColor } : {},
+      backdropFilter: this.customBackdropFilter,
+      borderRadius: f.includes(this.borderRadius) ? `var(--s-border-radius-${this.borderRadius})` : this.borderRadius,
+      height: this.height,
+      minHeight: this.minHeight,
+      overflow: this.overflow
+    }, i = {
+      padding: Boolean(this.padding) ? `var(--s-space-${this.padding})` : void 0,
+      paddingBlockEnd: Boolean(this.paddingBlockEnd) ? `var(--s-space-${this.paddingBlockEnd})` : void 0,
+      paddingBlockStart: Boolean(this.paddingBlockStart) ? `var(--s-space-${this.paddingBlockStart})` : void 0,
+      paddingInlineEnd: Boolean(this.paddingInlineEnd) ? `var(--s-space-${this.paddingInlineEnd})` : void 0,
+      paddingInlineStart: Boolean(this.paddingInlineStart) ? `var(--s-space-${this.paddingInlineStart})` : void 0
+    }, d = u("card", `card--elevation-level-${this.elevationLevel}`, `card--intent-${this.intent}`, `card--justify-content-${this.justifyContent}`, {
+      "card--elevated": this.elevated,
+      "card--flashing": this.flashing,
+      "card--has-floating-controls": r,
+      "card--has-image": s,
+      "card--highlighted": this.highlighted,
+      "card--interactive": this.interactive || this.href,
+      "card--is--borderless": this.isBorderless
+    });
+    return e(n, { key: "83b6b355f012cfb088f2611c426f0bf77ca5104e", styles: { height: this.height } }, e(a, { key: "40068da71c3431f175fca50e354c622aff3468c0", "aria-current": this.swirlAriaCurrent, "aria-label": this.swirlAriaLabel, "aria-labelledby": this.swirlAriaLabelledby, class: d, href: this.href, rel: Boolean(this.href) && this.linkTarget === "_blank" ? "noreferrer" : void 0, style: t, target: this.linkTarget }, e("div", { key: "49987e8063c4f113c38af82928a4893baf86b441", class: "card__image", style: { aspectRatio: this.imageAspectRatio } }, e("slot", { key: "742d2b19d695b930a3feb266f62d91ffea350fe4", name: "image" })), e("div", { key: "0805793c5a6da79d98155d13893d5b415688baee", class: "card__floating-controls" }, e("slot", { key: "748164f9d7554595e817cd94b0d3894f32470945", name: "floating-controls" })), e("div", { key: "86e1aa40d1ac5d0dd78dcb193a706dea9535ad35", class: "card__body", style: i }, e("div", { key: "be6764afd0710adf51eb46ef1d482de3e1595681", class: "card__content" }, e("slot", { key: "5a14b8fff905b77645a85cc60b21cdf5bc68627f", name: "content" })))));
+  }
+  get el() {
+    return l(this);
+  }
+};
+g.style = h();
+export {
+  g as swirl_card
+};

package/dist/swirl-carousel-slide.entry.9049caa1.js

@@ -0,0 +1,23 @@
+import { r as i, h as e, H as t } from "./index.0118a769.js";
+import { c as a } from "./index-orsBiyT_.fc4357c3.js";
+import "react";
+import "react-dom";
+const o = () => ":host{display:block;min-width:0}:host(.carousel-slide--has-min-height) ::slotted(*){height:100%}:host *{box-sizing:border-box}:host ::slotted(*){width:100%;min-height:100%}", l = class {
+  constructor(s) {
+    i(this, s), this.width = "15.5rem";
+  }
+  render() {
+    const s = a("carousel-slide", {
+      "carousel-slide--has-min-height": Boolean(this.minHeight)
+    });
+    return e(t, { key: "e43be5975a5399ef11cf176d19cd3f8b5af326a3", "aria-roledescription": "slide", "aria-label": this.label, class: s, role: "group", style: {
+      aspectRatio: this.aspectRatio,
+      flexBasis: this.width,
+      minHeight: this.minHeight
+    }, tabIndex: 0 }, e("slot", { key: "d6183581ebae542cc66340041e7c1617a4b5587d" }));
+  }
+};
+l.style = o();
+export {
+  l as swirl_carousel_slide
+};

package/dist/swirl-carousel.entry.7a799027.js

@@ -0,0 +1,91 @@
+import { r as a, c as n, h as l, H as r, g as d } from "./index.0118a769.js";
+import { c } from "./index-orsBiyT_.fc4357c3.js";
+import { d as h } from "./utils-CCck-DTo.e4e43b6a.js";
+import "react";
+import "react-dom";
+const u = () => ':host{--swirl-carousel-spacing:var(--s-space-16);--swirl-carousel-fade-color:var(--s-background-default);position:relative;display:block;overflow:hidden;width:100%}:host(:hover) .carousel__previous-slide-button,:host(:hover) .carousel__next-slide-button{pointer-events:auto}:host *{box-sizing:border-box}.carousel{position:relative;overflow:hidden;width:100%}.carousel:before,.carousel:after{position:absolute;z-index:1;top:0;width:var(--s-space-32);height:100%;content:"";transition:opacity 0.2s;pointer-events:none;opacity:0}.carousel:before{left:0;background:linear-gradient(       90deg,       var(--swirl-carousel-fade-color) 0%,       transparent 100%     )}.carousel:after{right:0;background:linear-gradient(       270deg,       var(--swirl-carousel-fade-color) 0%,       transparent 100%     )}.carousel--fade:before,.carousel--fade:after{opacity:1}.carousel--is-at-start:before,.carousel--is-at-end:after{opacity:0}.carousel__slides{position:relative;display:flex;overflow-x:auto;overflow-y:hidden;width:100%;scrollbar-width:none;scroll-snap-type:x mandatory;scroll-behavior:smooth}.carousel__slides::-webkit-scrollbar{display:none}.carousel__slides ::slotted(*:not(:first-of-type)){margin-left:var(--swirl-carousel-spacing)}.carousel__slides ::slotted(*){flex-grow:0;flex-shrink:0;scroll-snap-align:start}.carousel__previous-slide-button,.carousel__next-slide-button{position:absolute;z-index:2;top:50%;transform:translateY(-50%) scale(0.72);pointer-events:none}.carousel__previous-slide-button{left:var(--s-space-4)}.carousel__next-slide-button{right:var(--s-space-4)}', p = class {
+  constructor(t) {
+    a(this, t), this.activeSlidesChange = n(this, "activeSlidesChange", 7), this.nextSlideButtonLabel = "Next slide", this.previousSlideButtonLabel = "Previous slide", this.fade = !1, this.fadeColor = "default", this.loopAround = !1, this.padding = "16", this.spacing = "16", this.activeSlides = [], this.carouselFadeColorMap = {
+      default: "var(--s-background-default)",
+      "on-surface-overlay": "var(--s-surface-overlay-default)"
+    }, this.updateActiveSlideReferences = h(() => {
+      const e = this.getActiveSlides();
+      e.some((s, o) => this.activeSlides[o] !== s) && (this.activeSlides = e, this.activeSlidesChange.emit(this.activeSlides));
+    }, 100), this.onPreviousSlideButtonClick = () => {
+      this.previousSlide();
+    }, this.onNextSlideButtonClick = () => {
+      this.nextSlide();
+    }, this.onSlotChange = () => {
+      this.activeSlides.length && this.scrollToElement(this.activeSlides[0]), this.checkScrollStatus(), this.checkScrollPosition();
+    }, this.onScroll = () => {
+      this.updateActiveSlideReferences(), this.checkScrollPosition();
+    };
+  }
+  onWindowResize() {
+    this.checkScrollStatus(), this.checkScrollPosition();
+  }
+  componentDidLoad() {
+    queueMicrotask(() => {
+      !this.el.isConnected || (this.checkScrollStatus(), this.checkScrollPosition());
+    });
+  }
+  async scrollToSlide(t) {
+    const i = this.getSlides().find((s) => s.id === t);
+    !Boolean(i) || this.scrollToElement(i);
+  }
+  scrollToElement(t) {
+    var e;
+    this.slidesContainer && t && ((e = this.slidesContainer) == null || e.scroll({
+      left: t.offsetLeft,
+      behavior: "smooth"
+    }));
+  }
+  previousSlide() {
+    const t = this.getSlides(), e = this.getActiveSlides(), i = e[0].previousElementSibling || (this.loopAround ? t[t.length - 1] : e[0]);
+    this.scrollToElement(i);
+  }
+  nextSlide() {
+    const t = this.getSlides(), e = this.getActiveSlides(), s = !Boolean(e[e.length - 1].nextElementSibling) && this.loopAround ? t[0] : e[0].nextElementSibling;
+    this.scrollToElement(s);
+  }
+  getSlides() {
+    return Array.from(this.el.querySelectorAll("swirl-carousel-slide"));
+  }
+  getActiveSlides() {
+    return this.getSlides().filter((e) => this.checkInView(e));
+  }
+  checkScrollStatus() {
+    this.isScrollable = this.slidesContainer.scrollWidth > this.slidesContainer.offsetWidth;
+  }
+  checkScrollPosition() {
+    const t = this.getSlides(), e = this.getActiveSlides(), i = e[0] === t[0], s = e[e.length - 1] === t[t.length - 1];
+    i !== this.isAtStart && (this.isAtStart = i), s !== this.isAtEnd && (this.isAtEnd = s);
+  }
+  checkInView(t) {
+    let e = this.slidesContainer.scrollLeft, i = e + this.slidesContainer.clientWidth, s = t.offsetLeft, o = s + t.clientWidth;
+    return s >= e && o <= i;
+  }
+  render() {
+    this.el.style.setProperty("--swirl-carousel-spacing", `${this.spacing}px`), this.el.style.setProperty("--swirl-carousel-fade-color", this.carouselFadeColorMap[this.fadeColor]);
+    const t = {
+      padding: Boolean(this.padding) ? `var(--s-space-${this.padding})` : void 0,
+      paddingBlockEnd: Boolean(this.paddingBlockEnd) ? `var(--s-space-${this.paddingBlockEnd})` : void 0,
+      paddingBlockStart: Boolean(this.paddingBlockStart) ? `var(--s-space-${this.paddingBlockStart})` : void 0,
+      paddingInlineEnd: Boolean(this.paddingInlineEnd) ? `var(--s-space-${this.paddingInlineEnd})` : void 0,
+      paddingInlineStart: Boolean(this.paddingInlineStart) ? `var(--s-space-${this.paddingInlineStart})` : void 0,
+      scrollPadding: Boolean(this.paddingInlineStart) ? `var(--s-space-${this.paddingInlineStart})` : Boolean(this.padding) ? `var(--s-space-${this.padding})` : void 0
+    }, e = c("carousel", {
+      "carousel--fade": this.fade,
+      "carousel--is-at-start": this.isAtStart,
+      "carousel--is-at-end": this.isAtEnd
+    });
+    return l(r, { key: "c5903f0c46a1eaa6129e2a1b73abee0db5bcd9ed", "aria-label": this.label, "aria-roledescription": "carousel", role: "group" }, l("div", { key: "a1dfb1a45c399559d25df72add7723b231b5e6b8", class: e }, this.isScrollable && !this.isAtStart && l("swirl-button", { key: "f9e9dd3bb8162550accfcd6b653a3737355f93d4", class: "carousel__previous-slide-button", hideLabel: !0, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.previousSlideButtonLabel, onClick: this.onPreviousSlideButtonClick, pill: !0, variant: "floating" }), this.isScrollable && !this.isAtEnd && l("swirl-button", { key: "bc30a83c74273b4b5832338422a95d91e3e67321", class: "carousel__next-slide-button", hideLabel: !0, icon: "<swirl-icon-arrow-forward></swirl-icon-arrow-forward>", label: this.nextSlideButtonLabel, onClick: this.onNextSlideButtonClick, pill: !0, variant: "floating" }), l("div", { key: "cb596e62b8517b2d6ff791032b41608c6a5b25be", "aria-live": "polite", class: "carousel__slides", style: t, onScroll: this.onScroll, ref: (i) => this.slidesContainer = i }, l("slot", { key: "0fab582bd3650e63d512e934d03183b3ae9b5901", onSlotchange: this.onSlotChange }))));
+  }
+  get el() {
+    return d(this);
+  }
+};
+p.style = u();
+export {
+  p as swirl_carousel
+};

package/dist/swirl-checkbox.entry.1e48a6b6.js

@@ -0,0 +1,28 @@
+import { r as b, c as l, h as c, H as t } from "./index.0118a769.js";
+import { c as d } from "./index-orsBiyT_.fc4357c3.js";
+import "react";
+import "react-dom";
+const n = () => '.sc-swirl-checkbox-h{display:inline-flex}.sc-swirl-checkbox-h *.sc-swirl-checkbox{box-sizing:border-box}.checkbox.sc-swirl-checkbox{display:inline-flex;line-height:var(--s-line-height-base);cursor:pointer;flex-grow:1}.checkbox.sc-swirl-checkbox:focus-within .checkbox__box.sc-swirl-checkbox{box-shadow:0 0 0 0.0625rem var(--s-background-default),       0 0 0 0.1875rem var(--s-focus-default)}.checkbox--variant-card.sc-swirl-checkbox{width:100%;padding:var(--s-space-16);border:0.0625rem solid var(--s-border-default);border-radius:var(--s-border-radius-sm);background-color:var(--s-surface)}.checkbox--variant-card.sc-swirl-checkbox:focus-within{box-shadow:0 0 0 0.125rem var(--s-background-default),       0 0 0 0.25rem var(--s-focus-default)}.checkbox--variant-card.sc-swirl-checkbox:focus-within .checkbox__box.sc-swirl-checkbox{box-shadow:none}.checkbox--variant-card.sc-swirl-checkbox:hover:not(.checkbox--disabled){background-color:var(--s-surface-hovered)}.checkbox--variant-card.sc-swirl-checkbox:active:not(.checkbox--disabled){background-color:var(--s-surface-pressed)}.checkbox--variant-card.checkbox--checked.sc-swirl-checkbox:not(.checkbox--disabled){border-color:var(--s-border-highlight)}.checkbox--variant-card.checkbox--invalid.sc-swirl-checkbox:not(.checkbox--disabled){border-color:var(--s-border-critical)}.checkbox--checked.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox,.checkbox--indeterminate.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox{border-color:var(--s-interactive-primary-hovered);background-color:var(--s-interactive-primary-hovered)}.checkbox--checked.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox,.checkbox--indeterminate.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{border-color:var(--s-icon-highlight);color:var(--s-text-on-status);background-color:var(--s-icon-highlight)}.checkbox--invalid.checkbox--checked.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox,.checkbox--invalid.checkbox--indeterminate.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{background-color:var(--s-icon-critical)}.checkbox--invalid.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{border-color:var(--s-icon-critical)}.checkbox--disabled.sc-swirl-checkbox{cursor:default}.checkbox--disabled.checkbox--checked.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox,.checkbox--disabled.checkbox--indeterminate.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox{border-color:var(--s-icon-disabled);background-color:var(--s-icon-disabled)}.checkbox--disabled.checkbox--checked.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox,.checkbox--disabled.checkbox--indeterminate.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{background-color:var(--s-icon-disabled)}.checkbox--disabled.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox{background-color:transparent}.checkbox--disabled.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{border-color:var(--s-icon-disabled)}.checkbox--disabled.sc-swirl-checkbox .checkbox__label.sc-swirl-checkbox,.checkbox--disabled.sc-swirl-checkbox .checkbox__description.sc-swirl-checkbox{color:var(--s-text-disabled)}.checkbox--label-weight-regular.sc-swirl-checkbox .checkbox__label.sc-swirl-checkbox{font-weight:var(--s-font-weight-regular)}.checkbox__control.sc-swirl-checkbox{position:relative;width:1.5rem;height:1.5rem;padding:var(--s-space-2);flex-shrink:0}.checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox{background-color:var(--s-action-neutral-hovered)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.checkbox__control.sc-swirl-checkbox{width:1.375rem;height:1.375rem}}.checkbox__box.sc-swirl-checkbox{position:relative;z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:var(--s-border-radius-s)}.checkbox__icon.sc-swirl-checkbox{display:inline-flex;width:1.0625rem;height:1.0625rem}.checkbox__icon.sc-swirl-checkbox>*.sc-swirl-checkbox::part(icon),.checkbox__icon.sc-swirl-checkbox>*.sc-swirl-checkbox [part~="icon"]{width:1.0625rem;height:1.0625rem}.checkbox__indeterminate-icon.sc-swirl-checkbox{position:relative;width:100%;height:100%}.checkbox__indeterminate-icon.sc-swirl-checkbox:after{position:absolute;top:50%;left:50%;width:0.625rem;height:0.125rem;border-radius:0.0625rem;background-color:currentColor;content:"";transform:translate3d(-50%, -50%, 0)}.checkbox__label-container.sc-swirl-checkbox{display:inline-flex;margin-left:var(--s-space-8);align-items:flex-start;flex-direction:column}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.checkbox__label-container.sc-swirl-checkbox{padding-top:var(--s-space-2)}}.checkbox__label.sc-swirl-checkbox{font-weight:var(--s-font-weight-medium)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.checkbox__label.sc-swirl-checkbox{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.checkbox__description.sc-swirl-checkbox{color:var(--s-text-subdued)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.checkbox__description.sc-swirl-checkbox{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}', x = class {
+  constructor(e) {
+    b(this, e), this.valueChange = l(this, "valueChange", 7), this.checked = !1, this.disabled = !1, this.labelWeight = "medium", this.variant = "default", this.onChange = () => {
+      this.checked = !(this.checked === !0 || this.checked === "true"), this.valueChange.emit(this.checked);
+    };
+  }
+  getAriaCheckedLabel(e, i) {
+    return e ? "true" : i ? "false" : "mixed";
+  }
+  render() {
+    const e = this.checked === !1 || this.checked === "false", i = this.checked === !0 || this.checked === "true", o = this.checked === "indeterminate", s = Boolean(this.label) || Boolean(this.description), r = this.getAriaCheckedLabel(i, e), h = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, a = d("checkbox", `checkbox--label-weight-${this.labelWeight}`, `checkbox--variant-${this.variant}`, {
+      "checkbox--checked": i,
+      "checkbox--disabled": this.disabled,
+      "checkbox--indeterminate": o,
+      "checkbox--invalid": this.invalid,
+      "checkbox--unchecked": e
+    });
+    return c(t, { key: "acf777ca7224f41f607bf84f193ecb05881f1fc1", style: { width: this.variant === "card" ? "100%" : void 0 } }, c("label", { key: "c3a3abc5f9e87d3665ad7c797d44a2acd34c8ee5", class: a, htmlFor: this.inputId }, c("span", { key: "5e49492e10519c0f2f4f6ed187b318bca8316dab", class: "checkbox__control" }, c("swirl-visually-hidden", { key: "06217d12dbc1ea25117e421d8e0e1cebd392f599" }, c("input", { key: "455840493b5e9b60aace6f4a0e2de7e5cece2e78", "aria-checked": r, "aria-describedby": this.swirlAriaDescribedby, "aria-invalid": h, "aria-label": this.swirlAriaLabel, checked: i, class: "checkbox__input", disabled: this.disabled, id: this.inputId, indeterminate: o, name: this.inputName, onChange: this.onChange, type: "checkbox", value: this.value })), c("span", { key: "8b69f9ae79e957c52066cd80cf0da11fe5613ed2", "aria-hidden": "true", class: "checkbox__box" }, c("span", { key: "cca029718dd23f8c2e0637ce4f44c24b4fb0b289", class: "checkbox__icon" }, i && c("swirl-icon-check-strong", { key: "f3bab31db3d5ab5a6fdc78610abb42763f51154b" }), o && c("span", { key: "7002b8fffbb15b73d84fae98761196bbe6af3347", class: "checkbox__indeterminate-icon" })))), s && c("span", { key: "082ac434bc4dd0c98d983650aab5208a760063e7", class: "checkbox__label-container" }, this.label && c("span", { key: "62737cd8068a70eb10e722c2ff91ae4dc9917f7d", class: "checkbox__label" }, this.label), this.description && c("span", { key: "3e7f891b80511b9a4d811db31b594f2a0429d8b0", class: "checkbox__description" }, this.description))));
+  }
+};
+x.style = n();
+export {
+  x as swirl_checkbox
+};

package/dist/swirl-chip.entry.cbf1a209.js

@@ -0,0 +1,42 @@
+import { r as o, c as s, h as i, H as h, g as p } from "./index.0118a769.js";
+import { c as n } from "./index-orsBiyT_.fc4357c3.js";
+import { D as l } from "./media-query.service-CCYT6DU8.f0931fdc.js";
+import "react";
+import "react-dom";
+import "./utils-CCck-DTo.e4e43b6a.js";
+const d = () => '.sc-swirl-chip-h{position:relative;display:inline-flex;max-width:100%}.sc-swirl-chip-h *.sc-swirl-chip{box-sizing:border-box}.chip.sc-swirl-chip{display:inline-flex;overflow:hidden;max-width:100%;height:2.25rem;padding:0;border:0.0625rem solid var(--s-border-default);border-radius:1.25rem;color:var(--s-text-subdued);background-color:var(--s-surface-overlay-default);font:inherit;font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);flex-direction:column}.chip--size-s.sc-swirl-chip{height:2rem}.chip--size-s.chip--removable.sc-swirl-chip .chip__inner.sc-swirl-chip{padding-right:calc(1.5rem + var(--s-space-12))}.chip--size-s.sc-swirl-chip .chip__inner.sc-swirl-chip{padding-right:var(--s-space-12);padding-left:var(--s-space-12)}.chip--size-s.sc-swirl-chip+.chip__remove-button.sc-swirl-chip{top:var(--s-space-4);width:1.5rem;height:1.5rem}.chip--interactive.sc-swirl-chip{cursor:pointer}.chip--interactive.sc-swirl-chip:hover{background-color:var(--s-surface-overlay-hovered)}.chip--interactive.sc-swirl-chip:hover .sc-swirl-chip::part(avatar),.chip--interactive.sc-swirl-chip:hover .sc-swirl-chip [part~="avatar"]{background-color:var(--s-surface-raised-hovered)}.chip--interactive.sc-swirl-chip:hover+.chip__remove-button.sc-swirl-chip{background-color:var(--s-surface-raised-default)}.chip--interactive.sc-swirl-chip:hover+.chip__remove-button.sc-swirl-chip:hover{background-color:var(--s-surface-raised-hovered)}.chip--interactive.sc-swirl-chip:hover+.chip__remove-button.sc-swirl-chip:active{background-color:var(--s-surface-overlay-pressed)}.chip--interactive.sc-swirl-chip:active{background-color:var(--s-surface-overlay-pressed)}.chip--interactive.sc-swirl-chip:active .sc-swirl-chip::part(avatar),.chip--interactive.sc-swirl-chip:active .sc-swirl-chip [part~="avatar"]{background-color:var(--s-surface-raised-pressed)}.chip--interactive.sc-swirl-chip:active+.chip__remove-button.sc-swirl-chip{background-color:var(--s-surface-overlay-pressed)}.chip--icon-color-highlight.sc-swirl-chip .chip__icon.sc-swirl-chip{color:var(--s-icon-highlight)}.chip--removable.sc-swirl-chip .chip__inner.sc-swirl-chip{padding-right:calc(1.875rem + var(--s-space-12))}.chip--intent-critical.sc-swirl-chip{border-color:var(--s-border-critical);color:var(--s-text-critical)}.chip--intent-critical.sc-swirl-chip .chip__icon.sc-swirl-chip{color:var(--s-icon-critical)}.chip--border-radius-sm.sc-swirl-chip{border-radius:var(--s-border-radius-sm)}.chip--intent-success.sc-swirl-chip{border-color:var(--s-border-success);color:var(--s-text-success)}.chip--intent-success.sc-swirl-chip .chip__icon.sc-swirl-chip{color:var(--s-icon-success)}.chip--intent-highlight.sc-swirl-chip{border-color:var(--s-border-highlight);color:var(--s-text-highlight)}.chip--intent-highlight.sc-swirl-chip .chip__icon.sc-swirl-chip{color:var(--s-icon-highlight)}.chip--variant-outline.chip--pressed.sc-swirl-chip{color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default);border-color:var(--s-action-primary-default)}.chip--variant-outline.chip--pressed.sc-swirl-chip:hover{background-color:var(--s-action-primary-hovered)}.chip--variant-outline.chip--pressed.sc-swirl-chip:hover+.chip__remove-button.sc-swirl-chip{background-color:var(--s-action-primary-hovered)}.chip--variant-outline.chip--pressed.sc-swirl-chip:active{background-color:var(--s-action-primary-pressed)}.chip--variant-outline.chip--pressed.sc-swirl-chip:active+.chip__remove-button.sc-swirl-chip{background-color:var(--s-action-primary-pressed)}.chip--variant-outline.chip--pressed.sc-swirl-chip+.chip__remove-button.sc-swirl-chip{color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.chip--variant-outline.chip--pressed.sc-swirl-chip+.chip__remove-button.sc-swirl-chip:hover{background-color:var(--s-action-primary-hovered)}.chip--variant-outline.chip--pressed.sc-swirl-chip+.chip__remove-button.sc-swirl-chip:active{background-color:var(--s-action-primary-pressed)}.chip--variant-plain.sc-swirl-chip{height:auto;border:none;border-radius:0;background-color:transparent}.chip--variant-plain.chip--interactive.sc-swirl-chip:hover{background-color:transparent;text-decoration:underline;text-underline-offset:var(--s-space-4)}.chip--variant-plain.chip--interactive.sc-swirl-chip:hover .sc-swirl-chip::part(avatar),.chip--variant-plain.chip--interactive.sc-swirl-chip:hover .sc-swirl-chip [part~="avatar"]{background-color:var(--s-surface-raised-hovered)}.chip--variant-plain.chip--interactive.sc-swirl-chip:active{background-color:transparent}.chip--variant-plain.chip--interactive.sc-swirl-chip:active .sc-swirl-chip::part(avatar),.chip--variant-plain.chip--interactive.sc-swirl-chip:active .sc-swirl-chip [part~="avatar"]{background-color:var(--s-surface-raised-pressed)}.chip--variant-plain.chip--removable.sc-swirl-chip .chip__inner.sc-swirl-chip{padding-right:var(--s-space-12)}.chip--variant-plain.sc-swirl-chip+.chip__remove-button.sc-swirl-chip{position:relative;top:0;right:auto}.chip--variant-plain.sc-swirl-chip .chip__inner.sc-swirl-chip{padding-right:0;padding-left:0}.chip--has-progress.sc-swirl-chip+.chip__remove-button.sc-swirl-chip{top:0.1875rem}.chip--has-progress.sc-swirl-chip:not(.chip--size-s)+.chip__remove-button.sc-swirl-chip{top:0.0625rem}.chip__inner.sc-swirl-chip{display:inline-flex;max-width:100%;height:100%;padding-right:var(--s-space-16);padding-left:var(--s-space-16);align-items:center}.chip__avatar.sc-swirl-chip,.chip__icon.sc-swirl-chip{display:inline-flex;margin-right:var(--s-space-8);flex-shrink:0}.chip__avatar.sc-swirl-chip{overflow:hidden;width:1.75rem;height:1.75rem;margin-left:-0.625rem}.chip__icon.sc-swirl-chip{margin-left:-0.25rem;color:var(--s-icon-default)}.chip__label.sc-swirl-chip{overflow:hidden;flex-grow:1;white-space:nowrap;text-overflow:ellipsis}.chip__progress-indicator.sc-swirl-chip{width:100%}.chip__remove-button.sc-swirl-chip{position:absolute;top:0.1875rem;right:var(--s-space-4);display:inline-flex;width:1.875rem;height:1.875rem;padding:0;justify-content:center;align-items:center;border:none;border-radius:50%;color:var(--s-icon-default);background-color:var(--s-surface-overlay-default);cursor:pointer}.chip__remove-button.sc-swirl-chip:hover{background-color:var(--s-surface-overlay-hovered)}.chip__remove-button.sc-swirl-chip:active{background-color:var(--s-surface-overlay-pressed)}', v = class {
+  constructor(r) {
+    o(this, r), this.chipClick = s(this, "chipClick", 7), this.removeChip = s(this, "remove", 7), this.borderRadius = "pill", this.iconColor = "default", this.intent = "default", this.interactive = !1, this.progressBarLabel = "Loading progress", this.removeButtonLabel = "Remove", this.size = "m", this.variant = "outline", this.mediaQueryUnsubscribe = () => {
+    };
+  }
+  componentDidLoad() {
+    this.mediaQueryUnsubscribe = l.subscribe((r) => {
+      this.forceIconProps(r);
+    });
+  }
+  disconnectedCallback() {
+    this.mediaQueryUnsubscribe();
+  }
+  forceIconProps(r) {
+    if (!Boolean(this.iconEl))
+      return;
+    const c = this.iconEl.children[0], e = this.size === "s" ? "16" : r ? "20" : "24";
+    c == null || c.setAttribute("size", e);
+  }
+  render() {
+    const r = this.interactive || this.pressed !== void 0 ? "button" : "span", c = Boolean(this.el.querySelector('[slot="avatar"]')), e = !c && Boolean(this.icon), a = n("chip", `chip--border-radius-${this.borderRadius}`, `chip--icon-color-${this.iconColor}`, `chip--intent-${this.intent}`, `chip--size-${this.size}`, `chip--variant-${this.variant}`, {
+      "chip--pressed": this.pressed,
+      "chip--has-progress": this.progress !== void 0,
+      "chip--interactive": this.interactive || this.pressed !== void 0,
+      "chip--removable": this.removable
+    });
+    return i(h, { key: "6fd934d641c04962a1f2920dd57faf830634e1eb" }, i(r, { key: "0bc441004247be153c2c1280703c89889aa2f230", "aria-pressed": this.pressed !== void 0 ? String(this.pressed) : void 0, class: a, onClick: this.chipClick.emit, type: this.interactive ? "button" : void 0 }, i("span", { key: "3ef09811696596dfb8f2141ecfeb2819b1742cfd", class: "chip__inner" }, c && i("span", { key: "cd77f9c95445c07e4ee7589fd587472371f52d84", class: "chip__avatar" }, i("slot", { key: "f9d82bdda1f3f83cd844c695ea6b446867a3b9d2", name: "avatar" })), e && i("span", { key: "333f1be6734c7974336a58ddb79a624e8d754a85", class: "chip__icon", innerHTML: this.icon, ref: (t) => this.iconEl = t }), i("span", { key: "3d2922138dab62f88f3c633f7aef1c8b99265f20", class: "chip__label" }, this.label)), this.progress !== void 0 && i("span", { key: "c50bc0181d835ee2847c5e3afaa47dd21eb3267c", class: "chip__progress-indicator" }, i("swirl-progress-indicator", { key: "149a7f2977e7c3ebb1d222728848f51287a61910", label: this.progressBarLabel, value: this.progress }))), this.removable && i("button", { key: "c73c634af8d1c733e7ef7c84dd254b876fe52bb1", "aria-label": this.removeButtonLabel, class: "chip__remove-button", onClick: this.removeChip.emit, type: "button" }, i("swirl-icon-close", { key: "ad1819db5a0e47c964831b1a14c7ef820b05017c", size: 20 })));
+  }
+  get el() {
+    return p(this);
+  }
+};
+v.style = d();
+export {
+  v as swirl_chip
+};