@getflip/swirl-components-react 0.355.0 → 0.356.0

package/dist/{swirl-table.entry.f9aedaa3.js → swirl-table.entry.d0efa090.js}

@@ -1,4 +1,4 @@
-import { r as x, c as R, h as a, H as _, g as k } from "./index.dece22df.js";
+import { r as x, c as R, h as a, H as _, g as k } from "./index.046d5e55.js";
 import { c as O, g as L } from "./index-orsBiyT_.fc4357c3.js";
 import { S as A } from "./sortable.esm-CMrz6687.dac971cd.js";
 import { d as M, i as f, q as T } from "./utils-D_MUFqkF.654ff3ce.js";
@@ -16,20 +16,20 @@ function E() {
       for (var w = arguments.length, c = Array(w), h = 0; h < w; h++)
         c[h] = arguments[h];
       if (D && s.leading)
-        return s.accumulate ? Promise.resolve(o.call(this, [c])).then(function(p) {
-          return p[0];
+        return s.accumulate ? Promise.resolve(o.call(this, [c])).then(function(b) {
+          return b[0];
         }) : Promise.resolve(o.call.apply(o, [this].concat(c)));
       if (l ? clearTimeout(u) : l = t(), d.push(c), u = setTimeout(C.bind(this), y), s.accumulate) {
         var S = d.length - 1;
-        return l.promise.then(function(p) {
-          return p[S];
+        return l.promise.then(function(b) {
+          return b[S];
         });
       }
       return l.promise;
     };
     function C() {
-      var b = l;
-      clearTimeout(u), Promise.resolve(s.accumulate ? o.call(this, d) : o.apply(this, d[d.length - 1])).then(b.resolve, b.reject), d = [], l = null;
+      var p = l;
+      clearTimeout(u), Promise.resolve(s.accumulate ? o.call(this, d) : o.apply(this, d[d.length - 1])).then(p.resolve, p.reject), d = [], l = null;
     }
   };
   function e(r) {
@@ -45,9 +45,9 @@ function E() {
 }
 var q = E(), I = /* @__PURE__ */ L(q);
 const K = `.sc-swirl-table-h{position:relative;display:block}.sc-swirl-table-h *.sc-swirl-table{box-sizing:border-box}.table--keyboard-move.sc-swirl-table:focus-within{--swirl-table-moving-row-border:var(--s-border-width-default) solid
-      var(--s-border-highlight)}.table__container.sc-swirl-table{position:relative;overflow:auto;width:100%}.table__container--scrolled.sc-swirl-table{--swirl-table-sticky-right-shadow:4px 0 16px -4px rgba(23, 23, 23, 0.04),
+      var(--s-border-highlight)}.table--show-empty-state.sc-swirl-table .table__empty-row.sc-swirl-table{display:flex}.table__container.sc-swirl-table{position:relative;overflow:auto;width:100%}.table__container--scrolled.sc-swirl-table{--swirl-table-sticky-right-shadow:4px 0 16px -4px rgba(23, 23, 23, 0.04),
     2px 0 4px -2px rgba(23, 23, 23, 0.04)}.table__container--scrollable.sc-swirl-table:not(.table__container--scrolled-to-end){--swirl-table-sticky-left-shadow:0px 4px 16px 0px rgba(23, 23, 23, 0.04),
-    0px 1px 4px 0px rgba(23, 23, 23, 0.04)}.table__table.sc-swirl-table{width:-webkit-max-content;width:-moz-max-content;width:max-content;min-width:max(20rem, 100%)}.table__header.sc-swirl-table-s>*,.table__header .sc-swirl-table-s>*{display:flex}.table__empty-row.sc-swirl-table{display:flex}.table__empty-row-cell.sc-swirl-table{display:flex;overflow:auto;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);flex-basis:0;flex-grow:1;flex-shrink:1;align-items:center;background-color:var(--s-surface-default)}.table__empty-row-cell.sc-swirl-table>*.sc-swirl-table{flex-grow:1}`, B = {
+    0px 1px 4px 0px rgba(23, 23, 23, 0.04)}.table__table.sc-swirl-table{width:-webkit-max-content;width:-moz-max-content;width:max-content;min-width:max(20rem, 100%)}.table__header.sc-swirl-table-s>*,.table__header .sc-swirl-table-s>*{display:flex}.table__empty-row.sc-swirl-table{display:none}.table__empty-row-cell.sc-swirl-table{display:flex;overflow:auto;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);flex-basis:0;flex-grow:1;flex-shrink:1;align-items:center;background-color:var(--s-surface-default)}.table__empty-row-cell.sc-swirl-table>*.sc-swirl-table{flex-grow:1}`, B = {
   end: "Dropped. Final position in table: {position} of {rowCount}.",
   initial: "Press space to move the row.",
   moved: "Current position in table: {position} of {rowCount}.",
@@ -107,7 +107,8 @@ const K = `.sc-swirl-table-h{position:relative;display:block}.sc-swirl-table-h *
     }), this.rowMutationObserver = new MutationObserver((e) => {
       e.some((r) => r.addedNodes.length || r.removedNodes.length) && (this.updateEmptyState(), this.setupDragDrop());
     }), this.rowMutationObserver.observe(this.bodyEl, {
-      childList: !0
+      childList: !0,
+      subtree: !0
     });
   }
   setupDragDrop() {
@@ -304,9 +305,10 @@ const K = `.sc-swirl-table-h{position:relative;display:block}.sc-swirl-table-h *
   }
   render() {
     const e = Boolean(this.el.querySelector('[slot="empty"]')), t = O("table", {
+      "table--show-empty-state": this.empty && !this.loading,
       "table--keyboard-move": this.movingViaKeyboard
     });
-    return a(_, { key: "71798732e8e937a5a808cef5f867eef1b2adaecb" }, a("div", { key: "95a8ad30cb5b0c0bdea6e13729d638020fbda51b", class: t }, this.enableDragDrop && a("swirl-visually-hidden", { key: "65419c2fb9a489b70f863a2c421f923a60768476" }, a("span", { key: "ca398aaaa789a7c719a12527aba651f3736cf4eb", "aria-live": "assertive" }, this.liveRegionText)), a("div", { key: "8cd332bb331b31060fe839140b3704275739b70b", class: "table__container", onFocusin: this.onFocus, onFocusout: this.onBlur, onKeyDown: this.onKeyDown, onScroll: this.onScroll, ref: (r) => this.container = r, tabIndex: -1 }, a("div", { key: "68fa8e690620d48c2f14a4967857c67f94158a22", "aria-describedby": Boolean(this.caption) ? "caption" : void 0, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && a("swirl-visually-hidden", { key: "b93d4712fa44c52126c2609da1b1b60fa0d5fba6" }, a("div", { key: "d8d72ae82bed714eeb07e658dd3ac1aad9a549fd", id: "caption" }, this.caption)), a("div", { key: "e2f1f3d19401d1f44c8536a9efc0b8a909320b75", role: "rowgroup" }, a("div", { key: "1882aec17470e8dd8d12c90254aa1a9c1542d348", class: "table__header", ref: (r) => this.headerEl = r, role: "row" }, a("slot", { key: "b570c8ff4b54ae8d69980c81cf375fe828b1d063", name: "columns" }))), a("div", { key: "64de0ca255ee47f77f62eb86fc72d0e8a26c0bd4", class: "table__body", ref: (r) => this.bodyEl = r }, a("slot", { key: "c452844b1903346f40720d45df7871b7d0dfa0ba", name: "rows" }), this.empty && a("div", { key: "0f4f29a0bbcb119d9e7593c94f4e4f14ff9ab6e7", class: "table__empty-row", role: "row" }, a("div", { key: "b5bdcaa4375e6f40bb0c1aae6e4c78bc7bc7cdc1", "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, a("slot", { key: "d7e9b0ffd6bef6146556b36e23bb37dbe5b9dde8", name: "empty" }), !e && a("swirl-text", { key: "a010b37117f401b565be6e5e3c0290cea5bfbe8f", align: "center", size: "sm" }, this.emptyStateLabel))))))));
+    return a(_, { key: "f5c344a15674ad1a32d0f58882a13f46185b6c28" }, a("div", { key: "287affe302aa233c638278e98aac146e81e74086", class: t }, this.enableDragDrop && a("swirl-visually-hidden", { key: "4a4666f2d51aafa12c9767c2e038c21a04a4be53" }, a("span", { key: "04db94534a029407c8ebd4e114b6dfaa82c1de36", "aria-live": "assertive" }, this.liveRegionText)), a("div", { key: "521c1a678cab430fde8b6e18143e8dea943194fc", class: "table__container", onFocusin: this.onFocus, onFocusout: this.onBlur, onKeyDown: this.onKeyDown, onScroll: this.onScroll, ref: (r) => this.container = r, tabIndex: -1 }, a("div", { key: "1721adbfe74d8b350ce2ff041b2528f72c03ff00", "aria-describedby": Boolean(this.caption) ? "caption" : void 0, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && a("swirl-visually-hidden", { key: "fc927a6a89c01ea7abf1c40032467e69908684c9" }, a("div", { key: "6d4f0705f4cf7cc18714f67f2ac15b0de90e6d9a", id: "caption" }, this.caption)), a("div", { key: "0dc1eddf5c43b151af494806ba03382a74fd839d", role: "rowgroup" }, a("div", { key: "e968a7e039269ebb339b1420aacad2f59edfb0f3", class: "table__header", ref: (r) => this.headerEl = r, role: "row" }, a("slot", { key: "3510faa35ce12b79c9c419e12dca2d4a236ee83a", name: "columns" }))), a("div", { key: "9a2eab4323e49f4a139ed7aa020dc222407d440c", class: "table__body", ref: (r) => this.bodyEl = r }, a("slot", { key: "5d399986bf2341f13140321b3c8c74607481a2c4", name: "rows" }), a("div", { key: "bc225af38fe3831dfde9b460a0c7f0346fdefc5e", class: "table__empty-row", role: "row" }, a("div", { key: "eff4ed0717bb25630ca9cf3c2a09d133f090e25a", "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, a("slot", { key: "e25cb30ff92f814a03ff57e0b30a7b9b24b90402", name: "empty" }), !e && a("swirl-text", { key: "3d410085dc98d3b14c5b38a6e66fb60ac0352a71", align: "center", size: "sm" }, this.emptyStateLabel))))))));
   }
   get el() {
     return k(this);

package/dist/{swirl-tabs.entry.4dba114f.js → swirl-tabs.entry.5d2c3a1a.js}

@@ -1,4 +1,4 @@
-import { r as b, c as r, h as s, H as c, g as n } from "./index.dece22df.js";
+import { r as b, c as r, h as s, H as c, g as n } from "./index.046d5e55.js";
 import { n as e } from "./utils-D_MUFqkF.654ff3ce.js";
 import "react";
 import "react-dom";

package/dist/{swirl-text-input.entry.a4281819.js → swirl-text-input.entry.b2cfaf2b.js}

@@ -1,4 +1,4 @@
-import { r as h, c as n, h as i, H as c } from "./index.dece22df.js";
+import { r as h, c as n, h as i, H as c } from "./index.046d5e55.js";
 import { c as d } from "./index-orsBiyT_.fc4357c3.js";
 import { D as x } from "./media-query.service-Cx_VEA2f.c4de15e1.js";
 import "react";

package/dist/{swirl-text.entry.c5c5712b.js → swirl-text.entry.a54bdddc.js}

@@ -1,4 +1,4 @@
-import { r as lt, h as Z, H as ct, g as ht } from "./index.dece22df.js";
+import { r as lt, h as Z, H as ct, g as ht } from "./index.046d5e55.js";
 import { c as dt, g as ft } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-theme-provider.entry.e11cc09d.js → swirl-theme-provider.entry.6dbcf13f.js}

@@ -1,4 +1,4 @@
-import { r as m, c as a, h as o, H as d } from "./index.dece22df.js";
+import { r as m, c as a, h as o, H as d } from "./index.046d5e55.js";
 import "react";
 import "react-dom";
 const l = ".sc-swirl-theme-provider-h{display:unset}", i = "swirl-preferred-theme", c = class {

package/dist/{swirl-time-input.entry.7872c863.js → swirl-time-input.entry.fb7bb3b7.js}

@@ -1,4 +1,4 @@
-import { r as m, c as n, h as s, H as h, g as d } from "./index.dece22df.js";
+import { r as m, c as n, h as s, H as h, g as d } from "./index.046d5e55.js";
 import { c as p } from "./index-orsBiyT_.fc4357c3.js";
 import { I as a, i as o, f as r, p as l } from "./index-D3UoejeY.7db8c51e.js";
 import { D as f } from "./media-query.service-Cx_VEA2f.c4de15e1.js";

package/dist/{swirl-toast-provider.entry.ee192bd8.js → swirl-toast-provider.entry.0afcc669.js}

@@ -1,4 +1,4 @@
-import { r as o, h as i, H as r } from "./index.dece22df.js";
+import { r as o, h as i, H as r } from "./index.046d5e55.js";
 import "react";
 import "react-dom";
 const c = class {

package/dist/{swirl-toast.entry.b7b74b34.js → swirl-toast.entry.5910a53a.js}

@@ -1,4 +1,4 @@
-import { r as o, c as r, h as i, H as n } from "./index.dece22df.js";
+import { r as o, c as r, h as i, H as n } from "./index.046d5e55.js";
 import { c } from "./index-orsBiyT_.fc4357c3.js";
 import { D as d } from "./media-query.service-Cx_VEA2f.c4de15e1.js";
 import "react";

package/dist/{swirl-toggle-button.entry.a16dbc55.js → swirl-toggle-button.entry.09db7d88.js}

@@ -1,4 +1,4 @@
-import { r as s, h as e } from "./index.dece22df.js";
+import { r as s, h as e } from "./index.046d5e55.js";
 import { c as o } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-toggle-group.entry.a7e0b218.js → swirl-toggle-group.entry.1776cd01.js}

@@ -1,4 +1,4 @@
-import { r as i, c as g, h as o, g as r } from "./index.dece22df.js";
+import { r as i, c as g, h as o, g as r } from "./index.046d5e55.js";
 import { c as l } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-toolbar.entry.5a2269c0.js → swirl-toolbar.entry.cf661ee5.js}

@@ -1,4 +1,4 @@
-import { r, h as s, H as n, g as i } from "./index.dece22df.js";
+import { r, h as s, H as n, g as i } from "./index.046d5e55.js";
 import { k as c } from "./utils-D_MUFqkF.654ff3ce.js";
 import "react";
 import "react-dom";

package/dist/{swirl-tooltip.entry.41d17542.js → swirl-tooltip.entry.0061a11a.js}

@@ -1,4 +1,4 @@
-import { r as p, h as i, H as d, g as h } from "./index.dece22df.js";
+import { r as p, h as i, H as d, g as h } from "./index.046d5e55.js";
 import { u as c, P as m, N as u, D as f, k as b, b as w } from "./floating-ui.dom.browser.min-BtsCuEVE.45e9e353.js";
 import { c as y } from "./index-orsBiyT_.fc4357c3.js";
 import "react";

package/dist/{swirl-tree-navigation-item.entry.9b7aac04.js → swirl-tree-navigation-item.entry.be8d56f8.js}

@@ -1,4 +1,4 @@
-import { r, c as s, h as e, H as o, g as d } from "./index.dece22df.js";
+import { r, c as s, h as e, H as o, g as d } from "./index.046d5e55.js";
 import { c as l } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-tree-navigation.entry.0381045a.js → swirl-tree-navigation.entry.de2a5b76.js}

@@ -1,4 +1,4 @@
-import { r, h as a, H as t } from "./index.dece22df.js";
+import { r, h as a, H as t } from "./index.046d5e55.js";
 import "react";
 import "react-dom";
 const i = ":host{display:block}:host *{box-sizing:border-box}.tree-navigation{margin:0;padding:0}", s = class {

package/dist/{swirl-tree-view-item.entry.6ffd82bb.js → swirl-tree-view-item.entry.a48254e3.js}

@@ -1,4 +1,4 @@
-import { r as f, c as l, f as c, h as s, F as w, H as u, g as y } from "./index.dece22df.js";
+import { r as f, c as l, f as c, h as s, F as w, H as u, g as y } from "./index.046d5e55.js";
 import { c as _ } from "./index-orsBiyT_.fc4357c3.js";
 import { S as I } from "./sortable.esm-CMrz6687.dac971cd.js";
 import { t as p } from "./swirl-tree-view.config-BkSXzL50.94f4a648.js";

package/dist/{swirl-tree-view.entry.4daa2121.js → swirl-tree-view.entry.2026cd33.js}

@@ -1,4 +1,4 @@
-import { r as g, c as h, f as p, h as c, H as I, g as f } from "./index.dece22df.js";
+import { r as g, c as h, f as p, h as c, H as I, g as f } from "./index.046d5e55.js";
 import { S as w } from "./sortable.esm-CMrz6687.dac971cd.js";
 import { t as m } from "./swirl-tree-view.config-BkSXzL50.94f4a648.js";
 import "react";

package/dist/{swirl-video-thumbnail.entry.cb2a3dd5.js → swirl-video-thumbnail.entry.96f172c0.js}

@@ -1,4 +1,4 @@
-import { r as e, h as n, H as a } from "./index.dece22df.js";
+import { r as e, h as n, H as a } from "./index.046d5e55.js";
 import "react";
 import "react-dom";
 const t = `:host {

package/dist/{swirl-visually-hidden.entry.c1ffdc47.js → swirl-visually-hidden.entry.eab7881d.js}

@@ -1,4 +1,4 @@
-import { r as e, h as i, H as r } from "./index.dece22df.js";
+import { r as e, h as i, H as r } from "./index.046d5e55.js";
 import "react";
 import "react-dom";
 const d = ".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)}", a = class {

package/dist/{wc-datepicker.entry.e53e6f02.js → wc-datepicker.entry.58675fbe.js}

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

package/package.json

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