@getflip/swirl-components-react 0.31.0 → 0.32.1

package/dist/{swirl-app-bar.entry.3ce901d2.js → swirl-app-bar.entry.d36b2dd5.js}

@@ -1,4 +1,4 @@
-import { r as e, c as o, h as t, H as n, g as a } from "./index.8ba0e5e1.js";
+import { r as e, c as o, h as t, H as n, g as a } from "./index.b8c3638f.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-app-icon.entry.b2745afe.js → swirl-app-icon.entry.fca45632.js}

@@ -1,4 +1,4 @@
-import { r as o, h as e, H as t } from "./index.8ba0e5e1.js";
+import { r as o, h as e, H as t } from "./index.b8c3638f.js";
 import { c as n } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-app-layout_7.entry.2d7dfce2.js → swirl-app-layout_7.entry.92da60c5.js}

@@ -1,4 +1,4 @@
-import { r as s, c as r, h as a, H as l, g as d, F as n } from "./index.8ba0e5e1.js";
+import { r as s, c as r, h as a, H as l, g as d, F as n } from "./index.b8c3638f.js";
 import { c as p } from "./index-d280dafb.186cdb0e.js";
 import { i as u } from "./utils-61f188cc.4a43deab.js";
 import "react";

package/dist/{swirl-autocomplete.entry.6b11bef5.js → swirl-autocomplete.entry.54b2d78e.js}

@@ -1,4 +1,4 @@
-import { r as n, c as r, h as o, H as u, g as c } from "./index.8ba0e5e1.js";
+import { r as n, c as r, h as o, H as u, g as c } from "./index.b8c3638f.js";
 import { a as h, c as d, o as p } from "./floating-ui.dom.esm-b9f28f6d.15013ef7.js";
 import { c as m } from "./index-d280dafb.186cdb0e.js";
 import { d as b } from "./utils-61f188cc.4a43deab.js";

package/dist/{swirl-avatar-group.entry.801ca115.js → swirl-avatar-group.entry.e3b139d7.js}

@@ -1,4 +1,4 @@
-import { r as s, h as a, H as i } from "./index.8ba0e5e1.js";
+import { r as s, h as a, H as i } from "./index.b8c3638f.js";
 import { c as e } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-avatar.entry.d849c7ea.js → swirl-avatar.entry.5f4ad286.js}

@@ -1,4 +1,4 @@
-import { r as h, h as i, H as u, g } from "./index.8ba0e5e1.js";
+import { r as h, h as i, H as u, g } from "./index.b8c3638f.js";
 import { c as s } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-badge.entry.33f43153.js → swirl-badge.entry.ed1840a0.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, H as i } from "./index.8ba0e5e1.js";
+import { r as t, h as e, H as i } from "./index.b8c3638f.js";
 import { c as r } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-banner.entry.d27cddea.js → swirl-banner.entry.12ad2b03.js}

@@ -1,4 +1,4 @@
-import { r as o, c as r, h as i, H as c, g as l } from "./index.8ba0e5e1.js";
+import { r as o, c as r, h as i, H as c, g as l } from "./index.b8c3638f.js";
 import { c as b } from "./index-d280dafb.186cdb0e.js";
 import { a as d } from "./utils-61f188cc.4a43deab.js";
 import "react";

package/dist/{swirl-button-group.entry.6c02ef38.js → swirl-button-group.entry.5eaef9bd.js}

@@ -1,4 +1,4 @@
-import { r as s, h as r, H as i } from "./index.8ba0e5e1.js";
+import { r as s, h as r, H as i } from "./index.b8c3638f.js";
 import { c as e } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-button.entry.70069a13.js → swirl-button.entry.a780cc94.js}

@@ -1,4 +1,4 @@
-import { r as s, h as o, H as e } from "./index.8ba0e5e1.js";
+import { r as s, h as o, H as e } from "./index.b8c3638f.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import { a as u } from "./utils-61f188cc.4a43deab.js";
 import "react";

package/dist/{swirl-card.entry.cb02e0a3.js → swirl-card.entry.53e6a2e4.js}

@@ -1,4 +1,4 @@
-import { r as s, h as e, H as d, g as o } from "./index.8ba0e5e1.js";
+import { r as s, h as e, H as d, g as o } from "./index.b8c3638f.js";
 import { c } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-carousel-slide.entry.d2dafd53.js → swirl-carousel-slide.entry.d045dec1.js}

@@ -1,4 +1,4 @@
-import { r as e, h as i, H as t } from "./index.8ba0e5e1.js";
+import { r as e, h as i, H as t } from "./index.b8c3638f.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/swirl-carousel.entry.48525a14.js

@@ -0,0 +1,62 @@
+import { r as n, h as l, H as r, g as a } from "./index.b8c3638f.js";
+import "react";
+import "react-dom";
+const c = `:host{position:relative;display:block;overflow:hidden;width:100%;margin-top:calc(-1 * var(--s-space-24));margin-bottom:calc(-1 * var(--s-space-24))}:host(:hover) .carousel__previous-slide-button{pointer-events:auto;opacity:1}:host(:hover) .carousel__next-slide-button{pointer-events:auto;opacity:1}:host *{box-sizing:border-box}.carousel{position:relative;overflow:hidden;width:100%}.carousel__slides{position:relative;display:flex;overflow-x:auto;overflow-y:hidden;width:100%;padding:var(--s-space-24) var(--s-space-16) var(--s-space-24)
+    var(--s-space-16);scroll-padding:var(--s-space-16);scrollbar-width:none;scroll-snap-type:x mandatory;scroll-behavior:smooth}.carousel__slides::-webkit-scrollbar{display:none}.carousel__slides ::slotted(*){margin-left:var(--s-space-16);flex-grow:0;flex-shrink:0;scroll-snap-align:start}@media (min-width: 768px){.carousel__slides ::slotted(*){margin-left:var(--s-space-24)}}@media (min-width: 768px){.carousel__slides{padding-right:var(--s-space-24);padding-left:var(--s-space-24);scroll-padding:var(--s-space-24)}}.carousel__previous-slide-button{position:absolute;z-index:1;top:calc(50% - var(--s-space-12));left:var(--s-space-4);display:none;transition:opacity 0.2s;transform:translateY(-50%) scale(0.72);pointer-events:none;opacity:0}@media (min-width: 768px){.carousel__previous-slide-button{display:inline-block}}.carousel__next-slide-button{position:absolute;z-index:1;top:calc(50% - var(--s-space-12));right:var(--s-space-4);display:none;transition:opacity 0.2s;transform:translateY(-50%) scale(0.72);pointer-events:none;opacity:0}@media (min-width: 768px){.carousel__next-slide-button{display:inline-block}}`, d = class {
+  constructor(i) {
+    n(this, i), this.onPreviousSlideButtonClick = () => {
+      this.previousSlide();
+    }, this.onNextSlideButtonClick = () => {
+      this.nextSlide();
+    }, this.onScroll = () => {
+      this.checkScrollPosition();
+    }, this.label = void 0, this.nextSlideButtonLabel = "Next slide", this.previousSlideButtonLabel = "Previous slide", this.loopAround = !1, this.isAtEnd = void 0, this.isAtStart = void 0, this.isScrollable = void 0;
+  }
+  onWindowResize() {
+    this.checkScrollStatus();
+  }
+  componentDidLoad() {
+    queueMicrotask(() => {
+      this.checkScrollStatus(), this.checkScrollPosition();
+    });
+  }
+  async scrollToSlide(i) {
+    const t = this.getSlides().find((s) => s.id === i);
+    !Boolean(t) || t.scrollIntoView({ block: "nearest", inline: "start" });
+  }
+  previousSlide() {
+    const i = this.getSlides(), e = this.getActiveSlides(), t = e[0].previousElementSibling || (this.loopAround ? i[i.length - 1] : e[0]);
+    t == null || t.scrollIntoView({ block: "nearest", inline: "start" });
+  }
+  nextSlide() {
+    const i = this.getSlides(), e = this.getActiveSlides(), s = !Boolean(e[e.length - 1].nextElementSibling) && this.loopAround ? i[0] : e[0].nextElementSibling;
+    s == null || s.scrollIntoView({ block: "nearest", inline: "start" });
+  }
+  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 i = this.getSlides(), e = this.getActiveSlides(), t = e[0] === i[0], s = e[e.length - 1] === i[i.length - 1];
+    t !== this.isAtStart && (this.isAtStart = t), s !== this.isAtEnd && (this.isAtEnd = s);
+  }
+  checkInView(i) {
+    let e = this.slidesContainer.scrollLeft, t = e + this.slidesContainer.clientWidth, s = i.offsetLeft, o = s + i.clientWidth;
+    return s >= e && o <= t;
+  }
+  render() {
+    return l(r, { "aria-label": this.label, "aria-roledescription": "carousel", role: "group" }, l("div", { class: "carousel" }, this.isScrollable && !this.isAtStart && l("swirl-button", { 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", { 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", { "aria-live": "polite", class: "carousel__slides", onScroll: this.onScroll, ref: (i) => this.slidesContainer = i }, l("slot", null))));
+  }
+  get el() {
+    return a(this);
+  }
+};
+d.style = c;
+export {
+  d as swirl_carousel
+};

package/dist/{swirl-checkbox.entry.f86e7796.js → swirl-checkbox.entry.eb6c9fc2.js}

@@ -1,4 +1,4 @@
-import { r as t, c as a, h as c, H as n } from "./index.8ba0e5e1.js";
+import { r as t, c as a, h as c, H as n } from "./index.b8c3638f.js";
 import { c as b } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-chip.entry.ee58d219.js → swirl-chip.entry.f5dba0ad.js}

@@ -1,4 +1,4 @@
-import { r as o, h as r, H as c, g as n } from "./index.8ba0e5e1.js";
+import { r as o, h as r, H as c, g as n } from "./index.b8c3638f.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import { a as h } from "./utils-61f188cc.4a43deab.js";
 import "react";

package/dist/{swirl-columns.entry.c7e634b9.js → swirl-columns.entry.616a1f8e.js}

@@ -1,4 +1,4 @@
-import { r as t, h as s, H as i } from "./index.8ba0e5e1.js";
+import { r as t, h as s, H as i } from "./index.b8c3638f.js";
 import "react";
 import "react-dom";
 const l = ":host{display:block}:host *{box-sizing:border-box}.columns{display:grid;width:100%}", r = class {

package/dist/swirl-components-react.js

@@ -1,4 +1,4 @@
-import { a as s, S as o, b as w, d as S, e as n, f as e, i as c, j as t, k as I, l as b, m as d, n as u, o as p, p as m, q as C, s as h, t as A, u as g, v as F, w as L, x as T, y as k, z as f, A as P, B as R, C as v, D as M, E as V, G as D, I as O, J as x, K as y, L as B, M as G, N as E, O as N, P as H, Q as U, R as j, T as z, U as W, V as q, W as J, X as K, Y as Q, Z as X, _ as Y, $ as Z, a0 as _, a1 as $, a2 as aa, a3 as ia, a4 as ra, a5 as la, a6 as sa, a7 as oa, a8 as wa, a9 as Sa, aa as na, ab as ea, ac as ca, ad as ta, ae as Ia, af as ba, ag as da, ah as ua, ai as pa, aj as ma, ak as Ca, al as ha, am as Aa, an as ga, ao as Fa, ap as La, aq as Ta, ar as ka, as as fa, at as Pa, au as Ra, av as va, aw as Ma, ax as Va, ay as Da, az as Oa, aA as xa, aB as ya, aC as Ba, aD as Ga, aE as Ea, aF as Na, aG as Ha, aH as Ua, aI as ja, aJ as za, aK as Wa, aL as qa, aM as Ja, aN as Ka, aO as Qa, aP as Xa, aQ as Ya, aR as Za, aS as _a, aT as $a, aU as ai, aV as ii, aW as ri, aX as li, aY as si, aZ as oi, a_ as wi, a$ as Si, b0 as ni, b1 as ei, b2 as ci, b3 as ti, b4 as Ii, b5 as bi, b6 as di, b7 as ui, b8 as pi, b9 as mi, ba as Ci, bb as hi, bc as Ai, bd as gi, be as Fi, bf as Li, bg as Ti, bh as ki, bi as fi, bj as Pi, bk as Ri, bl as vi, bm as Mi, bn as Vi, bo as Di, bp as Oi, bq as xi, br as yi, bs as Bi, bt as Gi, bu as Ei, bv as Ni, bw as Hi, bx as Ui, by as ji, bz as zi, bA as Wi, bB as qi, bC as Ji, bD as Ki, bE as Qi, bF as Xi, bG as Yi, bH as Zi, bI as _i, bJ as $i, bK as ar, bL as ir, bM as rr, bN as lr, bO as sr, bP as or, bQ as wr, bR as Sr, bS as nr, bT as er, bU as cr, bV as tr, bW as Ir, bX as br, bY as dr, bZ as ur, b_ as pr, b$ as mr, c0 as Cr, c1 as hr, c2 as Ar, c3 as gr, c4 as Fr, c5 as Lr, c6 as Tr, c7 as kr, c8 as fr } from "./index.8ba0e5e1.js";
+import { a as s, S as o, b as w, d as S, e as n, f as e, i as c, j as t, k as I, l as b, m as d, n as u, o as p, p as m, q as C, s as h, t as A, u as g, v as F, w as L, x as T, y as k, z as f, A as P, B as R, C as v, D as M, E as V, G as D, I as O, J as x, K as y, L as B, M as G, N as E, O as N, P as H, Q as U, R as j, T as z, U as W, V as q, W as J, X as K, Y as Q, Z as X, _ as Y, $ as Z, a0 as _, a1 as $, a2 as aa, a3 as ia, a4 as ra, a5 as la, a6 as sa, a7 as oa, a8 as wa, a9 as Sa, aa as na, ab as ea, ac as ca, ad as ta, ae as Ia, af as ba, ag as da, ah as ua, ai as pa, aj as ma, ak as Ca, al as ha, am as Aa, an as ga, ao as Fa, ap as La, aq as Ta, ar as ka, as as fa, at as Pa, au as Ra, av as va, aw as Ma, ax as Va, ay as Da, az as Oa, aA as xa, aB as ya, aC as Ba, aD as Ga, aE as Ea, aF as Na, aG as Ha, aH as Ua, aI as ja, aJ as za, aK as Wa, aL as qa, aM as Ja, aN as Ka, aO as Qa, aP as Xa, aQ as Ya, aR as Za, aS as _a, aT as $a, aU as ai, aV as ii, aW as ri, aX as li, aY as si, aZ as oi, a_ as wi, a$ as Si, b0 as ni, b1 as ei, b2 as ci, b3 as ti, b4 as Ii, b5 as bi, b6 as di, b7 as ui, b8 as pi, b9 as mi, ba as Ci, bb as hi, bc as Ai, bd as gi, be as Fi, bf as Li, bg as Ti, bh as ki, bi as fi, bj as Pi, bk as Ri, bl as vi, bm as Mi, bn as Vi, bo as Di, bp as Oi, bq as xi, br as yi, bs as Bi, bt as Gi, bu as Ei, bv as Ni, bw as Hi, bx as Ui, by as ji, bz as zi, bA as Wi, bB as qi, bC as Ji, bD as Ki, bE as Qi, bF as Xi, bG as Yi, bH as Zi, bI as _i, bJ as $i, bK as ar, bL as ir, bM as rr, bN as lr, bO as sr, bP as or, bQ as wr, bR as Sr, bS as nr, bT as er, bU as cr, bV as tr, bW as Ir, bX as br, bY as dr, bZ as ur, b_ as pr, b$ as mr, c0 as Cr, c1 as hr, c2 as Ar, c3 as gr, c4 as Fr, c5 as Lr, c6 as Tr, c7 as kr, c8 as fr } from "./index.b8c3638f.js";
 import "react";
 import "react-dom";
 export {