@getflip/swirl-components-react 0.355.1 → 0.356.0

package/dist/{swirl-table.entry.43b59e97.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.c5a9be6c.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}.",
@@ -305,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: "d09c8462d08878a85fcb6acc09b1abd3842ddf59" }, a("div", { key: "1a58d897b032ba1d956145a4a3f463deaef25954", class: t }, this.enableDragDrop && a("swirl-visually-hidden", { key: "2a4a97c04b0c1eab141d0061b2f5318f0ef2eb06" }, a("span", { key: "fd1d908a5a8dc07de46fb250e8f80d3e7c664deb", "aria-live": "assertive" }, this.liveRegionText)), a("div", { key: "b6b760bcb1868eb5046e78ba1a1ecb544c591e44", 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: "e0d3bbd9884b5b276e26ed9a8d77f2673f7641f4", "aria-describedby": Boolean(this.caption) ? "caption" : void 0, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && a("swirl-visually-hidden", { key: "a3b3450f652f06b546085319a835385f24c4290d" }, a("div", { key: "b0a14cb4fc8cff4802ea0ca8c7bfd409703add52", id: "caption" }, this.caption)), a("div", { key: "69f5cc1e7341cc35cf3277f9d040dd4bb7440a63", role: "rowgroup" }, a("div", { key: "078e55799fb188c98bba3555f974c908d0f8d567", class: "table__header", ref: (r) => this.headerEl = r, role: "row" }, a("slot", { key: "1b43e8d83fc7046714655c386bc6b987ac2c6a28", name: "columns" }))), a("div", { key: "74dc59b7f3e19ce121dc637bd7e6456298132238", class: "table__body", ref: (r) => this.bodyEl = r }, a("slot", { key: "0ff61dfa4cff198fb2c8fd44304cdc57cead2440", name: "rows" }), this.empty && a("div", { key: "e326641b5168d3020e06b24ca51114764a7cdbb9", class: "table__empty-row", role: "row" }, a("div", { key: "d215ae8668e684f5cfee230bd175db40014a9484", "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, a("slot", { key: "efae0b8038adf50ff2f5320acc7328edfae22190", name: "empty" }), !e && a("swirl-text", { key: "4b97b4c843a430e3712cdfe464b0a54a36b075a4", 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.ddb2fe9c.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.c5a9be6c.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.e437ebf6.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.c5a9be6c.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.04611001.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.c5a9be6c.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.6a922fc6.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.c5a9be6c.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.09494028.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.c5a9be6c.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.bdc9885b.js → swirl-toast-provider.entry.0afcc669.js}

@@ -1,4 +1,4 @@
-import { r as o, h as i, H as r } from "./index.c5a9be6c.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.30714eaf.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.c5a9be6c.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.97819fbf.js → swirl-toggle-button.entry.09db7d88.js}

@@ -1,4 +1,4 @@
-import { r as s, h as e } from "./index.c5a9be6c.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.09e164ab.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.c5a9be6c.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.bcf42458.js → swirl-toolbar.entry.cf661ee5.js}

@@ -1,4 +1,4 @@
-import { r, h as s, H as n, g as i } from "./index.c5a9be6c.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.76b6ab14.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.c5a9be6c.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.e6aa9d9e.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.c5a9be6c.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.25789e2d.js → swirl-tree-navigation.entry.de2a5b76.js}

@@ -1,4 +1,4 @@
-import { r, h as a, H as t } from "./index.c5a9be6c.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.80f724ad.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.c5a9be6c.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.d38518ae.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.c5a9be6c.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.6f3983c6.js → swirl-video-thumbnail.entry.96f172c0.js}

@@ -1,4 +1,4 @@
-import { r as e, h as n, H as a } from "./index.c5a9be6c.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.3a158577.js → swirl-visually-hidden.entry.eab7881d.js}

@@ -1,4 +1,4 @@
-import { r as e, h as i, H as r } from "./index.c5a9be6c.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.7b2c54ff.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.c5a9be6c.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.1",
+  "version": "0.356.0",
   "type": "module",
   "files": [
     "dist"
@@ -23,7 +23,7 @@
     "react-dom": "^18.2.0"
   },
   "dependencies": {
-    "@getflip/swirl-components": "^0.355.1"
+    "@getflip/swirl-components": "^0.356.0"
   },
   "devDependencies": {
     "@types/react": "^18.0.18",