@getflip/swirl-components-react 0.328.0 → 0.329.0

package/dist/{swirl-tree-navigation-item.entry.8072713f.js → swirl-tree-navigation-item.entry.48317322.js}

@@ -1,4 +1,4 @@
-import { r, c as s, h as e, H as o, g as d } from "./index.7086f041.js";
+import { r, c as s, h as e, H as d, g as o } from "./index.9874d916.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -49,15 +49,15 @@ const h = ":host{display:inline-flex;width:100%}:host *{box-sizing:border-box}.t
       "tree-navigation-item__link--active": this.active,
       "tree-navigation-item__link--has-icon": Boolean(this.icon)
     });
-    return e(o, { key: "cbfa3ee30519b917689f3934e1472672858ab2f9", role: "none" }, e("li", { key: "58106a2fe23e30ea71fcc3c946b99c5f355684d4", class: {
+    return e(d, { key: "fa176dc7ce64b7c208ba5fb4085f4994de681ea2", role: "none" }, e("li", { key: "c55f11c0743b699f3c2cc9d49cb522ca76cfe967", class: {
       "tree-navigation-item": !0,
       "tree-navigation-item--expanded": this.expanded
-    }, role: "treeitem", "aria-expanded": this.hasChildren ? this.expanded : void 0, "aria-level": this.level }, e(i, { key: "03af0e66654d726dac0c772423d86d9857e063f9", onClick: this.toggleExpanded, onKeyDown: this.onKeyDown, class: a, href: this.href, target: this.target, type: t ? void 0 : "button", id: this.buttonId, "aria-current": this.active ? "page" : void 0, "aria-controls": this.hasChildren ? this.childrenId : void 0, "aria-expanded": this.hasChildren ? this.expanded : void 0 }, e("span", { key: "b096c86dce06c8e30c4ee6048063014b6fda117e", class: "tree-navigation-item__content" }, this.icon && e("swirl-icon", { key: "75527045affbd70ae2790001777bab47078bc5d3", class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` }), e("span", { key: "d2f977d009a25ae94bf056c98028ee7fa4b0d4b8", class: "tree-navigation-item__label" }, e("span", { key: "45828333378b5eccc6bc9e165db4e239253dee71", class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && e("span", { key: "a41e592ea10d8539160ced1d9135ede6e18c5e98", class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, e("swirl-icon-chevron-right", { key: "594618f24d340ebf14ccee7186ea2b86c56c10f6", size: 16, role: "img", "aria-label": "Expand" })), this.external && e("span", { key: "f27b54244a2390dbd61dbc14c170eccbe0483d4f", class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, e("swirl-icon-open-in-new", { key: "a2143ca8178b3ef84332fe95fcc049b4c972ba30", size: 16, role: "img", "aria-label": "External link" }))))), this.hasChildren && e("ul", { key: "875b18b4740bfcefe2d6b0846f23a823914b30d2", class: "tree-navigation-item__children", id: this.childrenId, role: "group", "aria-label": `${this.label} submenu`, ref: (n) => this.childrenRef = n, style: {
+    }, role: "treeitem", "aria-expanded": this.hasChildren ? this.expanded : void 0, "aria-level": this.level }, e(i, { key: "fef37d7819f573f3c37a98121c975f93576a2a8f", onClick: this.toggleExpanded, onKeyDown: this.onKeyDown, class: a, href: this.href, target: this.target, type: t ? void 0 : "button", id: this.buttonId, "aria-current": this.active ? "page" : void 0, "aria-controls": this.hasChildren ? this.childrenId : void 0, "aria-expanded": this.hasChildren ? this.expanded : void 0 }, e("span", { key: "dbd7dc720c1bc855bdbd4082efe4a1e7ca0d8429", class: "tree-navigation-item__content" }, this.icon && e("swirl-icon", { key: "7949682f070cc38c9b61ae3cc1bf702224dbd5d6", class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` }), e("span", { key: "4958c35e3b4f042b6bbf273f63676ec0bdd5a9c7", class: "tree-navigation-item__label" }, e("span", { key: "3ef37a17826e98bd767e09ca4c2d588fcc185b10", class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && e("span", { key: "5ef5e84f989d9282f447407dbe8c70a1002d5a84", class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, e("swirl-icon-chevron-right", { key: "d066448b9da7ae8a7ee7ed975c8f2fee3358b816", size: 16, role: "img", "aria-label": "Expand" })), this.external && e("span", { key: "8d02cb836b808589fcd5259150058fd7f39e7c43", class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, e("swirl-icon-open-in-new", { key: "4fab2f5102f71223e79a763312f408ac6b8ef8d8", size: 16, role: "img", "aria-label": "External link" }))))), this.hasChildren && e("ul", { key: "2e60f831cd223863ae748f46d933ed60af9df887", class: "tree-navigation-item__children", id: this.childrenId, role: "group", "aria-label": `${this.label} submenu`, ref: (n) => this.childrenRef = n, style: {
       height: this.childrenHeight
-    } }, e("slot", { key: "20d47ce7642a41a9f01f82440451c252cd8a1130" }))));
+    } }, e("slot", { key: "f5019e5a3dd8304c6d0036908b8067172104bf38" }))));
   }
   get el() {
-    return d(this);
+    return o(this);
   }
   static get watchers() {
     return {

package/dist/{swirl-tree-navigation.entry.93991c22.js → swirl-tree-navigation.entry.20151845.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, H as i } from "./index.7086f041.js";
+import { r as t, h as e, H as i } from "./index.9874d916.js";
 import "react";
 import "react-dom";
 const r = ":host{display:block}:host *{box-sizing:border-box}.tree-navigation{margin:0;padding:0}", s = r, o = class {
@@ -6,7 +6,7 @@ const r = ":host{display:block}:host *{box-sizing:border-box}.tree-navigation{ma
     t(this, a), this.label = void 0;
   }
   render() {
-    return e(i, { key: "f070785a8989a7f668cfccaef516f28e83e8a9ff" }, e("ul", { key: "b31636d03b08c87afff4189ff0ff468b83c374ed", "aria-label": this.label, class: "tree-navigation", role: "tree" }, e("slot", { key: "adf1bd58529d2149050e13a46dbcdc0571587a50" })));
+    return e(i, { key: "eb8c6f04d46d5c117ef13236b18e0a1761df0b3d" }, e("ul", { key: "1f73e96d9df8afe11f8b9d21a7b54736549a797c", "aria-label": this.label, class: "tree-navigation", role: "tree" }, e("slot", { key: "935da44bfca94e55a42514faf01368527ff32cc7" })));
   }
 };
 o.style = s;

package/dist/{swirl-tree-view-item.entry.12b11d65.js → swirl-tree-view-item.entry.eb899ce4.js}

@@ -1,4 +1,4 @@
-import { r as w, c as d, f as l, h as n, F as b, H as u, g as y } from "./index.7086f041.js";
+import { r as w, c as d, f as l, h as n, F as b, H as u, g as y } from "./index.9874d916.js";
 import { c as _ } from "./index-267776a4.6beb4f4b.js";
 import { S as I } from "./sortable.esm-0bfddf0c.953ca6a6.js";
 import { t as c } from "./swirl-tree-view.config-82c9ecaa.3ff1cfa4.js";

package/dist/{swirl-tree-view.entry.2172bf76.js → swirl-tree-view.entry.5b871c9c.js}

@@ -1,4 +1,4 @@
-import { r as g, c as h, f as p, h as c, H as I, g as w } from "./index.7086f041.js";
+import { r as g, c as h, f as p, h as c, H as I, g as w } from "./index.9874d916.js";
 import { S as f } from "./sortable.esm-0bfddf0c.953ca6a6.js";
 import { t as m } from "./swirl-tree-view.config-82c9ecaa.3ff1cfa4.js";
 import "react";

package/dist/{swirl-video-thumbnail.entry.cdfe19e5.js → swirl-video-thumbnail.entry.8f13f21e.js}

@@ -1,4 +1,4 @@
-import { r as e, h as n, H as a } from "./index.7086f041.js";
+import { r as e, h as n, H as a } from "./index.9874d916.js";
 import "react";
 import "react-dom";
 const t = `:host {
@@ -79,7 +79,7 @@ const t = `:host {
     e(this, i), this.durationLabel = "Duration", this.duration = void 0, this.label = void 0, this.src = void 0;
   }
   render() {
-    return n(a, { key: "a4d771567bbd6814b21ff6abaeb1375d178f10fe" }, n("button", { key: "fb04a5ac015a0767d3176c24a3da57245c4b0090", "aria-describedby": this.duration !== void 0 ? "duration" : void 0, "aria-label": this.label, class: "video-thumbnail", type: "button" }, n("img", { key: "2c9eb441ba2040e5a60f6fb209658fd2d4068fa5", alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && n("span", { key: "bc844b91ee57a88055428d2c3e4957dd3613cc24", class: "video-thumbnail__duration", id: "duration" }, n("swirl-visually-hidden", { key: "b7884530163c9e32bb19f2411472e171085089c4" }, this.durationLabel), this.duration), n("svg", { key: "56832739a15a970d9bdbc083db83cc2fc6dfe081", class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, n("path", { key: "173ad96f1486f6eace0dbc5269b55a958ee514bf", d: "M15 14.65V25.35C15 26.1167 15.35 26.7 16.05 27.1C16.75 27.5 17.4333 27.4667 18.1 27L26.4 21.7C27.0333 21.3 27.35 20.7333 27.35 20C27.35 19.2667 27.0333 18.7 26.4 18.3L18.1 13C17.4333 12.5333 16.75 12.5 16.05 12.9C15.35 13.3 15 13.8833 15 14.65ZM20 40C17.2333 40 14.6333 39.4747 12.2 38.424C9.76667 37.3747 7.65 35.95 5.85 34.15C4.05 32.35 2.62533 30.2333 1.576 27.8C0.525334 25.3667 0 22.7667 0 20C0 17.2333 0.525334 14.6333 1.576 12.2C2.62533 9.76667 4.05 7.65 5.85 5.85C7.65 4.05 9.76667 2.62467 12.2 1.574C14.6333 0.524667 17.2333 0 20 0C22.7667 0 25.3667 0.524667 27.8 1.574C30.2333 2.62467 32.35 4.05 34.15 5.85C35.95 7.65 37.3747 9.76667 38.424 12.2C39.4747 14.6333 40 17.2333 40 20C40 22.7667 39.4747 25.3667 38.424 27.8C37.3747 30.2333 35.95 32.35 34.15 34.15C32.35 35.95 30.2333 37.3747 27.8 38.424C25.3667 39.4747 22.7667 40 20 40Z", fill: "white", "fill-opacity": "0.95" }))));
+    return n(a, { key: "99dd1e1ae0d710356ced0407af4cf79532aea691" }, n("button", { key: "3bd122d05fd66ab86126117c5cf51251118b4981", "aria-describedby": this.duration !== void 0 ? "duration" : void 0, "aria-label": this.label, class: "video-thumbnail", type: "button" }, n("img", { key: "7903f17823ba7d34664308c7a0642df1dc010306", alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && n("span", { key: "b94ebc5ccb1441eb22e2ab1cba3a255f681c47f0", class: "video-thumbnail__duration", id: "duration" }, n("swirl-visually-hidden", { key: "2204ec67949fc4a66d407a3fa0584d7805661226" }, this.durationLabel), this.duration), n("svg", { key: "efd88753ed2d108b510a02838ff4d9ded34c5f9e", class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, n("path", { key: "bdf75e2c1e4df70998c1bff5a2f14d2ce0eef30f", d: "M15 14.65V25.35C15 26.1167 15.35 26.7 16.05 27.1C16.75 27.5 17.4333 27.4667 18.1 27L26.4 21.7C27.0333 21.3 27.35 20.7333 27.35 20C27.35 19.2667 27.0333 18.7 26.4 18.3L18.1 13C17.4333 12.5333 16.75 12.5 16.05 12.9C15.35 13.3 15 13.8833 15 14.65ZM20 40C17.2333 40 14.6333 39.4747 12.2 38.424C9.76667 37.3747 7.65 35.95 5.85 34.15C4.05 32.35 2.62533 30.2333 1.576 27.8C0.525334 25.3667 0 22.7667 0 20C0 17.2333 0.525334 14.6333 1.576 12.2C2.62533 9.76667 4.05 7.65 5.85 5.85C7.65 4.05 9.76667 2.62467 12.2 1.574C14.6333 0.524667 17.2333 0 20 0C22.7667 0 25.3667 0.524667 27.8 1.574C30.2333 2.62467 32.35 4.05 34.15 5.85C35.95 7.65 37.3747 9.76667 38.424 12.2C39.4747 14.6333 40 17.2333 40 20C40 22.7667 39.4747 25.3667 38.424 27.8C37.3747 30.2333 35.95 32.35 34.15 34.15C32.35 35.95 30.2333 37.3747 27.8 38.424C25.3667 39.4747 22.7667 40 20 40Z", fill: "white", "fill-opacity": "0.95" }))));
   }
 };
 s.style = o;

package/dist/swirl-visually-hidden.entry.460197ee.js

@@ -0,0 +1,15 @@
+import { r as s, h as e, H as r } from "./index.9874d916.js";
+import "react";
+import "react-dom";
+const l = ".sc-swirl-visually-hidden-h{position:absolute;display:inline;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;white-space:nowrap;word-wrap:normal;clip:rect(0, 0, 0, 0)}", d = l, t = class {
+  constructor(i) {
+    s(this, i);
+  }
+  render() {
+    return e(r, { key: "4bb7348e44f93ebfeee13365bd7a10ddcfc65477" }, e("slot", { key: "51deef99bfa615b7c28e4345349c21d54ba855bc" }));
+  }
+};
+t.style = d;
+export {
+  t as swirl_visually_hidden
+};

package/dist/utils-0cdf2a1e.c9917628.js

@@ -0,0 +1,108 @@
+function f(t, e) {
+  return t ? t instanceof ShadowRoot ? f(t.host, e) : t instanceof HTMLElement && t.matches(e) ? t : f(t.parentNode, e) : null;
+}
+function w(t, e) {
+  let n = t;
+  for (; n !== null; ) {
+    if (n === e)
+      return !0;
+    n = n.parentNode, n instanceof ShadowRoot && (n = n.host);
+  }
+  return !1;
+}
+function d(t = document) {
+  const e = t.activeElement;
+  if (!!Boolean(e))
+    return Boolean(e.shadowRoot) ? d(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 i = this, c = arguments, s = function() {
+      a = null, n || t.apply(i, c);
+    }, r = n && !Boolean(a);
+    clearTimeout(a), a = setTimeout(s, e), r && t.apply(i, c);
+  };
+}
+function S(t, e) {
+  const n = e.scrollTop, a = n + e.clientHeight, o = e.getBoundingClientRect(), i = t.getBoundingClientRect(), s = {
+    top: i.top - o.top,
+    right: i.right - o.right,
+    bottom: i.bottom - o.bottom,
+    left: i.left - o.left
+  }.top + n, r = s + t.offsetHeight, l = s < n ? n : s;
+  return (r > a ? a : r) - l;
+}
+function x() {
+  return !window.matchMedia("(min-width: 768px)").matches;
+}
+function R() {
+  return window.matchMedia("(min-width: 992px)").matches;
+}
+function v() {
+  return window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+}
+function u(t, e, n = []) {
+  return t ? t instanceof ShadowRoot ? u(t.host, e, n) : t instanceof HTMLElement && t.matches(e) ? u(t.parentNode, e, [...n, t]) : u(t.parentNode, e, n) : n;
+}
+function T(t, e) {
+  function n(o, i) {
+    if (!Boolean(i))
+      return [];
+    const c = Array.from(i.querySelectorAll(o)), s = Boolean(window.HTMLSlotElement) && i instanceof HTMLSlotElement ? i.assignedElements() : [], r = [...Array.from(i.children), ...s], l = i.shadowRoot, p = n(o, l);
+    return [
+      ...c,
+      ...r.map((h) => n(o, h)).flat(),
+      ...p
+    ];
+  }
+  return n(e, t).filter((o, i, c) => !c.some((s, r) => s.isSameNode(o) && r > i));
+}
+function b(t) {
+  const e = new Date(t);
+  return e.setMinutes(e.getMinutes() + e.getTimezoneOffset()), e;
+}
+function B(t) {
+  if (t instanceof Date)
+    return `${t.getFullYear()}-${String(t.getMonth() + 1).padStart(2, "0")}-${String(t.getDate()).padStart(2, "0")}`;
+}
+function D(t, e) {
+  return (t % e + e) % e;
+}
+function E(t) {
+  return t.startsWith("image/");
+}
+function W(t) {
+  return t.startsWith("video/");
+}
+function A(t) {
+  return t.startsWith("audio/");
+}
+function y(t) {
+  return t.startsWith("application/pdf");
+}
+function N(t) {
+  return t.startsWith("application/zip") || t.startsWith("application/x-zip") || t.startsWith("application/vnd.rar") || t.startsWith("application/x-7z") || t.startsWith("application/x-tar") || t.startsWith("application/x-gzip");
+}
+export {
+  E as a,
+  W as b,
+  A as c,
+  M as d,
+  y as e,
+  N as f,
+  g,
+  w as h,
+  x as i,
+  d as j,
+  f as k,
+  R as l,
+  D as m,
+  v as n,
+  B as o,
+  u as p,
+  T as q,
+  b as r,
+  S as s
+};

package/dist/{wc-datepicker.entry.b7422c81.js → wc-datepicker.entry.86678355.js}

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getflip/swirl-components-react",
-  "version": "0.328.0",
+  "version": "0.329.0",
   "type": "module",
   "files": [
     "dist"
@@ -23,7 +23,7 @@
     "react-dom": "^18.2.0"
   },
   "dependencies": {
-    "@getflip/swirl-components": "^0.328.0"
+    "@getflip/swirl-components": "^0.329.0"
   },
   "devDependencies": {
     "@types/react": "^18.0.18",