@sme.up/ketchup2 2.0.0-SNAPSHOT-20250829130014 → 2.0.0-SNAPSHOT-20250829162053

package/dist/ketchup2.es.js

@@ -1364,7 +1364,7 @@ const Ko = (t) => {
 }, zn = (t) => {
   const e = `${Mt.assets}/${t}`.replace(/\/+/g, "/");
   return e.endsWith(".svg") ? e : e + ".svg";
-}, le = mt.memo(
+}, ie = mt.memo(
   ({
     icon: t,
     width: e,
@@ -1560,7 +1560,7 @@ const Lt = {
         onMouseEnter: () => o(!0),
         onMouseLeave: () => o(!1),
         children: /* @__PURE__ */ p.jsx(
-          le,
+          ie,
           {
             icon: "info_outline",
             tabIndex: 0,
@@ -1671,9 +1671,9 @@ const Lt = {
       disabled: o,
       "aria-busy": f,
       title: h || b,
-      children: f ? /* @__PURE__ */ p.jsx(le, { icon: "spinner", state: Or(i), spin: !0 }) : /* @__PURE__ */ p.jsxs(p.Fragment, { children: [
+      children: f ? /* @__PURE__ */ p.jsx(ie, { icon: "spinner", state: Or(i), spin: !0 }) : /* @__PURE__ */ p.jsxs(p.Fragment, { children: [
         n && c && /* @__PURE__ */ p.jsx(
-          le,
+          ie,
           {
             icon: n,
             placeholderIcon: s,
@@ -2000,7 +2000,7 @@ const sn = (t) => {
     M && (Q.container += ` ${M}`);
   }
   const K = E ? { "--smp-textField-width-base": E, ...U } : U, ae = /* @__PURE__ */ p.jsxs("div", { className: Q.container, ref: g, style: K, children: [
-    s && /* @__PURE__ */ p.jsx(le, { icon: s, disabled: e }),
+    s && /* @__PURE__ */ p.jsx(ie, { icon: s, disabled: e }),
     /* @__PURE__ */ p.jsx(
       "input",
       {
@@ -2029,7 +2029,7 @@ const sn = (t) => {
       }
     ),
     y && /* @__PURE__ */ p.jsx(
-      le,
+      ie,
       {
         icon: "clear",
         onClick: Y,
@@ -2038,7 +2038,7 @@ const sn = (t) => {
       }
     ),
     i && /* @__PURE__ */ p.jsx(
-      le,
+      ie,
       {
         icon: i,
         disabled: e,
@@ -2267,7 +2267,7 @@ const os = 10, Zt = ({
                     },
                     children: [
                       rt(V.obj?.k, V.decode, r),
-                      N && /* @__PURE__ */ p.jsx(le, { icon: "check", width: 16 })
+                      N && /* @__PURE__ */ p.jsx(ie, { icon: "check", width: 16 })
                     ]
                   },
                   V.obj?.k
@@ -2340,7 +2340,7 @@ const os = 10, Zt = ({
                   className: `${g.nodeContent} ${y ? g.clickable : g.notClickable}`,
                   children: [
                     /* @__PURE__ */ p.jsxs("div", { className: g.iconTextContainer, children: [
-                      /* @__PURE__ */ p.jsx(le, { icon: v.icon ?? "" }),
+                      /* @__PURE__ */ p.jsx(ie, { icon: v.icon ?? "" }),
                       /* @__PURE__ */ p.jsx("span", { className: g.nodeText, children: /* @__PURE__ */ p.jsx(
                         Oe,
                         {
@@ -2349,7 +2349,7 @@ const os = 10, Zt = ({
                         }
                       ) })
                     ] }),
-                    v.isLoading ? /* @__PURE__ */ p.jsx(le, { icon: "spinner", spin: !0 }) : (T || Bt(v)) && /* @__PURE__ */ p.jsx(le, { icon: "chevron-right" })
+                    v.isLoading ? /* @__PURE__ */ p.jsx(ie, { icon: "spinner", spin: !0 }) : T || Bt(v) ? /* @__PURE__ */ p.jsx(ie, { icon: "chevron-right" }) : /* @__PURE__ */ p.jsx(ie, { icon: "" })
                   ]
                 }
               ),
@@ -2408,6 +2408,7 @@ const os = 10, Zt = ({
   return !a || !a?.children?.length ? null : /* @__PURE__ */ p.jsx(
     "div",
     {
+      style: e ? { position: "absolute", opacity: 0 } : void 0,
       ref: e,
       "aria-label": "Toolbar",
       "data-component": "toolbar",
@@ -2507,7 +2508,7 @@ const os = 10, Zt = ({
             },
             children: [
               k.icon && /* @__PURE__ */ p.jsx(
-                le,
+                ie,
                 {
                   icon: k.icon,
                   placeholderIcon: k.placeholderIcon
@@ -2526,7 +2527,7 @@ const os = 10, Zt = ({
                   ref: l === C ? v : void 0,
                   "smp-id": "tab-toolbar-button",
                   children: /* @__PURE__ */ p.jsx(
-                    le,
+                    ie,
                     {
                       icon: "more_vert",
                       isInteractable: !0,
@@ -4522,10 +4523,10 @@ const eo = (t) => t?.type === "SmeupDataTree", to = (t) => t?.type === "SmeupDat
           "--smp-chips-backgroundColor-base": o
         },
         children: [
-          a && /* @__PURE__ */ p.jsx(le, { icon: "drag_indicator_horizontal", isInteractable: !0 }),
+          a && /* @__PURE__ */ p.jsx(ie, { icon: "drag_indicator_horizontal", isInteractable: !0 }),
           /* @__PURE__ */ p.jsx(Oe, { variant: "label", bindValue: b, color: s }),
           e && /* @__PURE__ */ p.jsx(
-            le,
+            ie,
             {
               icon: "close",
               isInteractable: !0,
@@ -4537,7 +4538,7 @@ const eo = (t) => t?.type === "SmeupDataTree", to = (t) => t?.type === "SmeupDat
       },
       `chip-${h}`
     ), v = a && h < t.length - 1 ? /* @__PURE__ */ p.jsx(
-      le,
+      ie,
       {
         icon: "chevron-right",
         color: s
@@ -5857,12 +5858,12 @@ const Ce = {
       }
     );
   }, y = () => /* @__PURE__ */ p.jsx("span", { className: x.toggle, children: w && /* @__PURE__ */ p.jsx(
-    le,
+    ie,
     {
       icon: f ? "arrow_drop_right" : "arrow_drop_down",
       width: 16
     }
-  ) }), D = (C, E) => /* @__PURE__ */ p.jsx("span", { className: x.toggle, children: /* @__PURE__ */ p.jsx(le, { icon: C, placeholderIcon: E, width: 16 }) }), O = () => /* @__PURE__ */ p.jsx(
+  ) }), D = (C, E) => /* @__PURE__ */ p.jsx("span", { className: x.toggle, children: /* @__PURE__ */ p.jsx(ie, { icon: C, placeholderIcon: E, width: 16 }) }), O = () => /* @__PURE__ */ p.jsx(
     "span",
     {
       className: x.indent,
@@ -6139,7 +6140,7 @@ const Ce = {
             b?.(E(O, n.k));
           }
         };
-        return /* @__PURE__ */ p.jsx(le, { ...N });
+        return /* @__PURE__ */ p.jsx(ie, { ...N });
       }
       case te.INPUT_NUMBER: {
         const N = {
@@ -6354,13 +6355,13 @@ const Ce = {
 }) => {
   const T = "N/A", y = e?.columns || [], D = e?.rows || [], O = D.length > 0, F = "--smp-dashList-color", W = "smp-layout", k = "descr", C = "icon", E = "um", A = "value", I = a || "1em", V = "18px", U = "--smp-dashList-columns", X = "--smp-dashList-fontSize", N = {
     dash: (z = "1") => {
-      const ee = m(z), B = ee, J = S(ee, k), ce = S(ee, C), he = S(ee, E), ie = S(ee, A);
+      const ee = m(z), B = ee, J = S(ee, k), ce = S(ee, C), he = S(ee, E), le = S(ee, A);
       return {
         container: B,
         descr: J,
         icon: ce,
         um: he,
-        value: ie
+        value: le
       };
     },
     dashList: `smp-dash-list ${de(o) ? "smp-dash-list-fill-space" : ""}
@@ -6379,8 +6380,8 @@ const Ce = {
       (we) => parseInt(we || "0")
     ), J = "0,0" + (B ? "." + "0".repeat(B) : ""), ce = j(z, J, "it");
     if (!ee) return ce;
-    const [he, ie] = ce.split(",");
-    return he + (ie ? `,${ie}` : "");
+    const [he, le] = ce.split(",");
+    return he + (le ? `,${le}` : "");
   }, P = (z) => z.includes(";") ? z.split(";") : [z], G = (z) => {
     const ee = (J) => {
       if (J)
@@ -6405,7 +6406,7 @@ const Ce = {
       className: ee,
       descr: (B) => /* @__PURE__ */ p.jsx("div", { className: ee.descr, children: B }, `${z}-${k}`),
       icon: (B) => /* @__PURE__ */ p.jsx("div", { className: ee.icon, children: /* @__PURE__ */ p.jsx(
-        le,
+        ie,
         {
           color: d,
           height: V,
@@ -6421,16 +6422,16 @@ const Ce = {
       [L(k)]: R(s),
       [L(E)]: R(h),
       [L(A)]: R(v)
-    }, ie = [], we = $(ce);
+    }, le = [], we = $(ce);
     switch (_) {
       case "2":
-        B && ie.push(K.icon(B)), ie.push(K.descr(ee)), ie.push(
+        B && le.push(K.icon(B)), le.push(K.descr(ee)), le.push(
           K.value(J ? we + " " + J : we)
         );
         break;
       default:
       case "1":
-        ie.push(K.descr(ee)), ie.push(
+        le.push(K.descr(ee)), le.push(
           K.value(J ? we + " " + J : we)
         );
     }
@@ -6443,7 +6444,7 @@ const Ce = {
         tabIndex: 0,
         onClick: () => q(z),
         onKeyDown: (Tt) => Y(Tt, z),
-        children: ie
+        children: le
       },
       z.rowId
     );
@@ -6828,7 +6829,7 @@ const Mo = ({ columns: t, columnWidths: e }) => /* @__PURE__ */ p.jsx("tfoot", {
           },
           children: [
             /* @__PURE__ */ p.jsx(
-              le,
+              ie,
               {
                 icon: o ? "arrow_drop_down" : "arrow_drop_right",
                 width: 16
@@ -7226,7 +7227,7 @@ const Ye = {
       onDragOver: o,
       onDrop: s,
       children: [
-        /* @__PURE__ */ p.jsx(le, { icon: "groups" }),
+        /* @__PURE__ */ p.jsx(ie, { icon: "groups" }),
         /* @__PURE__ */ p.jsx(
           rr,
           {
@@ -7391,7 +7392,7 @@ const Ye = {
                   /* @__PURE__ */ p.jsx(Oe, { variant: "title", bindValue: j.title }),
                   /* @__PURE__ */ p.jsxs("div", { children: [
                     f === j.name ? /* @__PURE__ */ p.jsx(
-                      le,
+                      ie,
                       {
                         icon: g === "asc" ? "arrow-up" : "arrow-down",
                         isInteractable: !0
@@ -7402,7 +7403,7 @@ const Ye = {
                       {
                         className: `${U(j.name) ? Ie["smp-headerCell-iconNotification"] : ""}`,
                         children: /* @__PURE__ */ p.jsx(
-                          le,
+                          ie,
                           {
                             icon: "filter_list",
                             onClick: (m) => {
@@ -7537,27 +7538,27 @@ const Ye = {
   }, Q = (B) => {
     B.preventDefault();
     const J = B.dataTransfer.getData("text/plain");
-    if (!J || h.some((ie) => ie.column === J))
+    if (!J || h.some((le) => le.column === J))
       return;
     const he = [...h, { column: J, visible: !0 }];
     b(he);
   }, K = (B) => {
     B.preventDefault();
   }, ae = (B, J) => {
-    const ce = B.clientX, he = E[J], ie = (Tt) => {
+    const ce = B.clientX, he = E[J], le = (Tt) => {
       const yn = Tt.clientX - ce, vn = Math.max(50, he + yn);
       A((xn) => ({
         ...xn,
         [J]: vn
       }));
     }, we = () => {
-      window.removeEventListener("mousemove", ie), window.removeEventListener("mouseup", we);
+      window.removeEventListener("mousemove", le), window.removeEventListener("mouseup", we);
     };
-    window.addEventListener("mousemove", ie), window.addEventListener("mouseup", we);
+    window.addEventListener("mousemove", le), window.addEventListener("mouseup", we);
   }, M = (B) => {
     y((J) => {
       const ce = new Set(J);
-      return B.every((ie) => ce.has(ie)) ? B.forEach((ie) => ce.delete(ie)) : B.forEach((ie) => ce.add(ie)), ce;
+      return B.every((le) => ce.has(le)) ? B.forEach((le) => ce.delete(le)) : B.forEach((le) => ce.add(le)), ce;
     });
   }, z = () => {
     const B = f.rows.map((J, ce) => ce);
@@ -7614,8 +7615,8 @@ const Ye = {
               offsetTop: ce,
               level: B.level,
               onClick: () => {
-                const ie = B.id;
-                ie && v((we) => wo(we, ie));
+                const le = B.id;
+                le && v((we) => wo(we, le));
               },
               isExpanded: B.isExpanded
             },
@@ -7752,7 +7753,7 @@ const Ye = {
         children: /* @__PURE__ */ p.jsxs("div", { className: x.container, children: [
           /* @__PURE__ */ p.jsxs("div", { className: x.containerHeader, children: [
             e && /* @__PURE__ */ p.jsx("div", { className: x.containerLogo, children: /* @__PURE__ */ p.jsx(
-              le,
+              ie,
               {
                 icon: e,
                 title: "drawer_logo",
@@ -7761,7 +7762,7 @@ const Ye = {
               }
             ) }),
             /* @__PURE__ */ p.jsx("div", { className: x.containerIcon, children: /* @__PURE__ */ p.jsx(
-              le,
+              ie,
               {
                 icon: de(n) ? "menu_close" : "close",
                 title: "drawer_icon",
@@ -8094,7 +8095,7 @@ export {
   Zo as Drawer,
   ea as Field,
   Xr as INPUT_PANEL_COMMAND_SUBMIT_EVENT_NAME,
-  le as Icon,
+  ie as Icon,
   ta as InputPanel,
   io as Password,
   is as TabBar,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sme.up/ketchup2",
-  "version": "2.0.0-SNAPSHOT-20250829130014",
+  "version": "2.0.0-SNAPSHOT-20250829162053",
   "description": "Sme.UP web components library",
   "license": "Apache-2.0",
   "author": "Smeup LAB <info@smeup.com> (https://www.smeup.com/)",