@getflip/swirl-components-react 0.208.2 → 0.209.0

package/dist/{utils-aab10c80.240adddc.js → utils-9b747dd7.4c4c7dc0.js}

@@ -10,19 +10,19 @@ function w(t, e) {
   }
   return !1;
 }
-function d(t = document) {
+function m(t = document) {
   const e = t.activeElement;
   if (!!Boolean(e))
-    return Boolean(e.shadowRoot) ? d(e.shadowRoot) : e;
+    return Boolean(e.shadowRoot) ? m(e.shadowRoot) : e;
 }
 const g = () => document.documentElement.classList.contains("disable-desktop-style-tweaks") ? window.matchMedia(null) : window.matchMedia("(min-width: 992px) and (max-width: 1439px) and (hover: hover), (min-width: 1440px)");
 function M(t, e, n = !1) {
   let a;
   return async function() {
-    const o = this, r = arguments, s = function() {
-      a = null, n || t.apply(o, r);
-    }, c = n && !Boolean(a);
-    clearTimeout(a), a = setTimeout(s, e), c && t.apply(o, r);
+    const o = this, c = arguments, s = function() {
+      a = null, n || t.apply(o, c);
+    }, r = n && !Boolean(a);
+    clearTimeout(a), a = setTimeout(s, e), r && t.apply(o, c);
   };
 }
 function R(t, e) {
@@ -31,41 +31,45 @@ function R(t, e) {
     right: o.right - i.right,
     bottom: o.bottom - i.bottom,
     left: o.left - i.left
-  }.top + n, c = s + t.offsetHeight, u = s < n ? n : s;
-  return (c > a ? a : c) - u;
+  }.top + n, r = s + t.offsetHeight, u = s < n ? n : s;
+  return (r > a ? a : r) - u;
 }
 function T() {
   return !window.matchMedia("(min-width: 768px)").matches;
 }
+function b() {
+  return window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+}
 function l(t, e, n = []) {
   return t ? t instanceof ShadowRoot ? l(t.host, e, n) : t instanceof HTMLElement && t.matches(e) ? l(t.parentNode, e, [...n, t]) : l(t.parentNode, e, n) : n;
 }
-function b(t, e) {
+function B(t, e) {
   function n(i, o) {
     if (!Boolean(o))
       return [];
-    const r = Array.from(o.querySelectorAll(i)), s = Boolean(window.HTMLSlotElement) && o instanceof HTMLSlotElement ? o.assignedElements() : [], c = [...Array.from(o.children), ...s], u = o.shadowRoot, h = n(i, u);
+    const c = Array.from(o.querySelectorAll(i)), s = Boolean(window.HTMLSlotElement) && o instanceof HTMLSlotElement ? o.assignedElements() : [], r = [...Array.from(o.children), ...s], u = o.shadowRoot, d = n(i, u);
     return [
-      ...r,
-      ...c.map((m) => n(i, m)).flat(),
-      ...h
+      ...c,
+      ...r.map((h) => n(i, h)).flat(),
+      ...d
     ];
   }
-  return n(e, t).filter((i, o, r) => !r.some((s, c) => s.isSameNode(i) && c > o));
+  return n(e, t).filter((i, o, c) => !c.some((s, r) => s.isSameNode(i) && r > o));
 }
-function B(t) {
+function E(t) {
   const e = new Date(t);
   return e.setMinutes(e.getMinutes() + e.getTimezoneOffset()), e;
 }
 export {
   w as a,
-  d as b,
+  m as b,
   f as c,
   M as d,
-  R as e,
+  b as e,
+  R as f,
   g,
   T as i,
   l as p,
-  b as q,
-  B as r
+  B as q,
+  E as r
 };

package/dist/{wc-datepicker.entry.c4cbb750.js → wc-datepicker.entry.f4e81a75.js}

@@ -1,4 +1,4 @@
-import { r as R, c as S, h as n, H, g as E } from "./index.b8b72891.js";
+import { r as R, c as S, h as n, H, g as E } from "./index.1e316f69.js";
 import "react";
 import "react-dom";
 function F(e, t) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getflip/swirl-components-react",
-  "version": "0.208.2",
+  "version": "0.209.0",
   "type": "module",
   "files": [
     "dist"
@@ -18,7 +18,7 @@
     "build": "tsc && vite build"
   },
   "dependencies": {
-    "@getflip/swirl-components": "^0.208.2",
+    "@getflip/swirl-components": "^0.209.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },

package/dist/swirl-image-grid-item.entry.44122a04.js

@@ -1,49 +0,0 @@
-import { r as n, c as r, h as i, H as a, g as d } from "./index.b8b72891.js";
-import { c } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const l = ":host{display:block;width:100%;min-height:0}:host *{box-sizing:border-box}:host(:not(:only-child)) .image-grid-item__background{display:none}:host(:not(:only-child)) .image-grid-item__image{-o-object-fit:cover;object-fit:cover}:host(:nth-child(n+5)){display:none}.image-grid-item{position:relative;display:inline-flex;overflow:hidden;width:100%;height:100%}button.image-grid-item{padding:0;border:none;background-color:transparent;cursor:pointer}button.image-grid-item:focus:not(:focus-visible){outline:none}button.image-grid-item:focus-visible{z-index:1;outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}.image-grid-item--has-error .image-grid-item__image{display:none}.image-grid-item--has-overlay .image-grid-item__image{scale:1.1;filter:blur(5px)}.image-grid-item__background{position:absolute;background-size:cover;inset:-40px;filter:blur(20px)}.image-grid-item__image{z-index:1;display:inline-flex;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}.image-grid-item__loading-placeholder{display:inline-flex;width:100%;height:100%}.image-grid-item__icon{position:absolute;z-index:1;top:50%;left:50%;display:flex;width:3rem;height:3rem;justify-content:center;align-items:center;border-radius:50%;color:var(--s-icon-on-image);background-color:rgba(0, 0, 0, 0.6);transform:translate3d(-50%, -50%, 0)}.image-grid-item__icon ::part(icon){width:2rem;height:2rem}.image-grid-item__overlay{position:absolute;z-index:2;display:flex;justify-content:center;align-items:center;color:var(--s-text-on-image);background-color:rgba(0, 0, 0, 0.4);font-size:var(--s-font-size-2xl);inset:0}.image-grid-item__spinner{position:absolute;z-index:3;display:flex;justify-content:center;align-items:center;background-color:rgba(0, 0, 0, 0.4);inset:0}.image-grid-item__error{position:absolute;z-index:3;display:flex;justify-content:center;align-items:center;background-color:rgba(0, 0, 0, 0.1);inset:0}", g = l, m = class {
-  constructor(e) {
-    n(this, e), this.imageError = r(this, "imageError", 7), this.imageLoad = r(this, "imageLoad", 7), this.onLoad = () => {
-      this.error = !1, this.loaded = !0, this.imageLoad.emit();
-    }, this.onError = () => {
-      this.loaded = !0, this.error = !0, this.imageError.emit();
-    }, this.alt = void 0, this.icon = void 0, this.interactive = void 0, this.loading = void 0, this.overlay = void 0, this.src = void 0, this.error = !1, this.loaded = !1, this.inViewport = !1;
-  }
-  componentDidLoad() {
-    var e;
-    this.setupIntersectionObserver(), (e = this.img) != null && e.complete && (this.loaded = !0);
-  }
-  componentDidRender() {
-    var e;
-    ((e = this.img) == null ? void 0 : e.complete) && !this.loaded && (this.loaded = !0);
-  }
-  disconnectedCallback() {
-    var e;
-    (e = this.intersectionObserver) == null || e.disconnect();
-  }
-  setupIntersectionObserver() {
-    this.loading === "intersecting" && (this.intersectionObserver = new IntersectionObserver(this.onVisibilityChange.bind(this), {
-      threshold: 0
-    }), this.intersectionObserver.observe(this.el));
-  }
-  onVisibilityChange(e) {
-    this.inViewport = e.some((t) => t.isIntersecting);
-  }
-  render() {
-    const e = this.interactive ? "button" : "div", t = !Boolean(this.loading) || this.loading === "eager" || this.loaded && (this.loading !== "intersecting" || this.inViewport), o = c("image-grid-item", {
-      "image-grid-item--has-error": this.error,
-      "image-grid-item--has-overlay": this.overlay
-    });
-    return i(a, { key: "161405aa7aa822623e190fc387c6ba9883eb87ea", role: "listitem" }, i(e, { key: "62e7ad437e6978482bf2ab965b7134789796b876", class: o, type: this.interactive ? "button" : void 0 }, i("div", { key: "8cf31cc1469dcee33b93e6ee1f093e3805ecd1d1", class: "image-grid-item__background", style: {
-      backgroundImage: t ? `url(${this.src})` : void 0
-    } }), this.loading !== "intersecting" || this.inViewport ? i("img", { alt: this.alt, class: "image-grid-item__image", loading: this.loading !== "intersecting" ? this.loading : void 0, onError: this.onError, onLoad: this.onLoad, ref: (s) => this.img = s, src: this.src }) : i("div", { class: "image-grid-item__loading-placeholder" }), this.loaded && !this.error && this.icon && !Boolean(this.overlay) && i("div", { key: "c2d6e3fafc18433517994a048ef4b311f8295af7", class: "image-grid-item__icon", innerHTML: this.icon }), this.overlay && i("div", { key: "2dd1996e015a075963f60ec326a9e5b76959d83c", class: "image-grid-item__overlay" }, this.overlay), !this.loaded && i("div", { key: "dae4b84405c47d78934bce8fa0c57dd9455c0d7c", class: "image-grid-item__spinner" }, i("swirl-spinner", { key: "356a901811a1eed2f277ea82d3d5cb98245d7061" })), this.loaded && this.error && i("div", { key: "c428254f7710e37ddeab266e18196fbadd47c516", class: "image-grid-item__error" }, i("swirl-icon-error", { key: "8a3e4f6cab2cc07bdaeb1625a9ebfea585544ab8", color: "critical" }))));
-  }
-  get el() {
-    return d(this);
-  }
-};
-m.style = g;
-export {
-  m as swirl_image_grid_item
-};