@kong/kongponents 9.49.9-pr.3070.700f0b8.0 → 9.49.9-pr.3072.1a77a45.0

package/dist/kongponents.es259.js

@@ -1,58 +1,47 @@
-import { defineComponent as f, createElementBlock as p, openBlock as u, createVNode as e, withModifiers as i, withCtx as n, unref as s } from "vue";
-import b from "./kongponents.es203.js";
-import m from "./kongponents.es204.js";
-import r from "./kongponents.es33.js";
-const c = { class: "pagination-offset-button-container" }, O = /* @__PURE__ */ f({
-  __name: "PaginationOffset",
+import { defineComponent as d, useCssVars as i, ref as s, computed as u, onMounted as m, onUnmounted as g, openBlock as l, createElementBlock as a, createElementVNode as o, unref as v, normalizeStyle as p, createCommentVNode as f } from "vue";
+import h from "./kongponents.es362.js";
+const I = {
+  class: "fullscreen-loading-container",
+  "data-testid": "full-screen-loader"
+}, _ = ["src"], k = {
+  key: 0,
+  class: "progress"
+}, z = /* @__PURE__ */ d({
+  __name: "FullScreenKongSkeleton",
   props: {
-    previousButtonDisabled: {
-      type: Boolean,
-      default: !1
-    },
-    nextButtonDisabled: {
-      type: Boolean,
-      default: !1
-    }
+    progress: {},
+    hideProgress: { type: Boolean },
+    zIndex: {}
   },
-  emits: ["getPreviousOffset", "getNextOffset"],
-  setup(o, { emit: l }) {
-    const a = l;
-    return (v, t) => (u(), p("div", c, [
-      e(r, {
-        appearance: "tertiary",
-        "aria-label": "Go to the previous page",
-        class: "pagination-button",
-        "data-testid": "previous-button",
-        disabled: o.previousButtonDisabled,
-        icon: "",
-        size: "small",
-        type: "button",
-        onClick: t[0] || (t[0] = i((d) => a("getPreviousOffset"), ["prevent"]))
-      }, {
-        default: n(() => [
-          e(s(b), { decorative: "" })
-        ]),
-        _: 1
-      }, 8, ["disabled"]),
-      e(r, {
-        appearance: "tertiary",
-        "aria-label": "Go to the next page",
-        class: "pagination-button",
-        "data-testid": "next-button",
-        disabled: o.nextButtonDisabled,
-        icon: "",
-        size: "small",
-        type: "button",
-        onClick: t[1] || (t[1] = i((d) => a("getNextOffset"), ["prevent"]))
-      }, {
-        default: n(() => [
-          e(s(m), { decorative: "" })
-        ]),
-        _: 1
-      }, 8, ["disabled"])
+  setup(r) {
+    i((t) => ({
+      v4d434712: t.zIndex
+    }));
+    const n = s(0), e = s(0), c = u(() => r.progress !== null ? r.progress : e.value);
+    return m(() => {
+      r.progress || (n.value = setInterval(() => {
+        e.value >= 100 && (clearInterval(n.value), e.value = 100), e.value = Math.min(e.value + Math.ceil(Math.random() * 10 * 30), 100);
+      }, 200));
+    }), g(() => {
+      clearInterval(n.value);
+    }), (t, x) => (l(), a("div", I, [
+      o("div", null, [
+        o("img", {
+          alt: "Loading",
+          src: v(h)
+        }, null, 8, _),
+        r.hideProgress ? f("", !0) : (l(), a("div", k, [
+          o("div", {
+            class: "progress-bar",
+            role: "progressbar",
+            style: p({ width: `${c.value}%` }),
+            title: "Loading"
+          }, null, 4)
+        ]))
+      ])
     ]));
   }
 });
 export {
-  O as default
+  z as default
 };

package/dist/kongponents.es26.js

@@ -1,8 +1,8 @@
-import { defineComponent as A, watch as d, ref as E, computed as f, useTemplateRef as V, onMounted as I, createElementBlock as k, openBlock as B, normalizeStyle as q, createVNode as N, createSlots as w, withCtx as g, renderSlot as v } from "vue";
-import z from "./kongponents.es218.js";
-import { normalizeSize as J } from "./kongponents.es171.js";
-import { warnInvalidProp as o } from "./kongponents.es210.js";
-import { getMaximumDepth as L } from "./kongponents.es219.js";
+import { defineComponent as A, watch as d, ref as E, computed as f, useTemplateRef as V, onMounted as I, openBlock as k, createElementBlock as B, normalizeStyle as q, createVNode as N, createSlots as w, withCtx as g, renderSlot as v } from "vue";
+import z from "./kongponents.es236.js";
+import { normalizeSize as J } from "./kongponents.es178.js";
+import { warnInvalidProp as o } from "./kongponents.es191.js";
+import { getMaximumDepth as L } from "./kongponents.es237.js";
 const R = /* @__PURE__ */ A({
   __name: "KTreeList",
   props: {
@@ -86,7 +86,7 @@ const R = /* @__PURE__ */ A({
       l.modelValue ? a.value = l.modelValue : l.items && (a.value = l.items), a.value.forEach((e) => {
         e.children || (e.children = []);
       });
-    }), (e, i) => (B(), k("div", {
+    }), (e, i) => (k(), B("div", {
       class: "k-tree-list",
       "data-testid": "k-tree-list",
       style: q(l.width ? y.value : void 0)

package/dist/kongponents.es261.js

@@ -1,177 +1,43 @@
-import { defineComponent as J, mergeModels as K, useModel as I, ref as M, useId as L, computed as k, onMounted as Q, watch as V, createElementBlock as v, openBlock as u, createBlock as P, createCommentVNode as g, unref as c, mergeProps as B, createElementVNode as d, createVNode as X, withDirectives as A, toDisplayString as R, normalizeClass as S, vModelText as U, Fragment as Z, Transition as _, withCtx as ee, nextTick as te } from "vue";
-import { DatePicker as Y } from "./kongponents.es414.js";
-import ae from "./kongponents.es354.js";
-import ne from "./kongponents.es359.js";
-import G from "./kongponents.es193.js";
-import le from "./kongponents.es357.js";
-const ie = { class: "calendar-wrapper" }, re = {
-  key: 2,
-  class: "time-wrapper"
-}, ue = { class: "time-inputs-container" }, se = { class: "time-input-column" }, oe = ["for"], de = { key: 0 }, me = { key: 1 }, ve = ["id", "step"], ce = { class: "time-input-column" }, fe = ["for"], ye = { key: 0 }, ge = ["id", "step"], De = {
+import { defineComponent as u, useCssVars as c, ref as o, computed as v, onMounted as m, onUnmounted as p, openBlock as a, createElementBlock as i, createElementVNode as s, normalizeStyle as g, createCommentVNode as f } from "vue";
+const h = {
+  class: "fullscreen-loading-container",
+  "data-testid": "full-screen-spinner-loader"
+}, I = {
   key: 0,
-  class: "help-text"
-}, be = /* @__PURE__ */ J({
-  __name: "CalendarWrapper",
-  props: /* @__PURE__ */ K({
-    isRange: { type: Boolean },
-    kDatePickerMode: {},
-    maxDate: { default: () => {
-    } },
-    minDate: { default: () => {
-    } },
-    errorMessage: { default: () => {
-    } },
-    timeGranularity: { default: "minutely" },
-    sameDayFullRange: { type: Boolean, default: !1 },
-    customRangeValidation: { type: Function, default: void 0 }
-  }, {
-    modelValue: { required: !0 },
-    modelModifiers: {},
-    error: { type: Boolean, default: !1 },
-    errorModifiers: {}
-  }),
-  emits: ["update:modelValue", "update:error"],
-  setup(t, { expose: $ }) {
-    const l = (n, a) => a === "secondly" ? G(n, "HH:mm:ss") : G(n, "HH:mm"), e = I(t, "modelValue"), f = I(t, "error"), r = M(l(/* @__PURE__ */ new Date(), t.timeGranularity)), s = M(l(/* @__PURE__ */ new Date(), t.timeGranularity)), D = M(!1), m = M({
-      start: l(/* @__PURE__ */ new Date(), t.timeGranularity),
-      end: l(/* @__PURE__ */ new Date(), t.timeGranularity)
-    }), h = L(), N = k(() => t.isRange && o(e.value) ? { year: e.value.start.getFullYear(), month: e.value.start.getMonth() + 1 } : e.value instanceof Date ? { year: e.value.getFullYear(), month: e.value.getMonth() + 1 } : t.maxDate && ae(t.maxDate, ne()) ? { year: t.maxDate.getFullYear(), month: t.maxDate.getMonth() + 1 } : { year: (/* @__PURE__ */ new Date()).getFullYear(), month: (/* @__PURE__ */ new Date()).getMonth() + 1 }), w = k(() => ({
-      borderless: !0,
-      color: "blue",
-      dragAttribute: j,
-      expanded: !0,
-      initialPage: N.value,
-      maxDate: t.maxDate,
-      minDate: t.minDate,
-      mode: "date",
-      modelConfig: W,
-      selectAttribute: q,
-      transparent: !0,
-      trimWeeks: !0
-    })), x = k(() => ["time", "dateTime", "relativeDateTime"].includes(t.kDatePickerMode)), C = k(() => {
-      switch (t.timeGranularity) {
-        case "minutely":
-          return 60;
-        case "secondly":
-          return 1;
-        default:
-          return 60;
-      }
-    }), b = (n, a) => n > a ? !0 : t.customRangeValidation ? t.customRangeValidation(n, a) : !1, o = (n) => !n || typeof n != "object" || !("start" in n) || !("end" in n) ? !1 : n.start instanceof Date && n.end instanceof Date, p = async () => !t.sameDayFullRange || !t.isRange || !o(e.value) || !le(e.value.start, e.value.end) ? !1 : (D.value = !0, r.value = "00:00", s.value = "23:59", e.value.start.setHours(0, 0, 0, 0), e.value.end.setHours(23, 59, 59, 999), await te(), D.value = !1, !0), T = () => {
-      x.value && (t.isRange && o(e.value) ? (r.value = l(e.value.start, t.timeGranularity), s.value = l(e.value.end, t.timeGranularity)) : e.value instanceof Date ? r.value = l(e.value, t.timeGranularity) : r.value = l(/* @__PURE__ */ new Date(), t.timeGranularity));
-    }, F = (n) => {
-      const a = n.split(":"), i = parseInt(a[0] ?? "0", 10), y = parseInt(a[1] ?? "0", 10), O = t.timeGranularity === "secondly" && a[2] ? parseInt(a[2], 10) : 0;
-      return { hours: i, minutes: y, seconds: O };
-    };
-    Q(() => {
-      T(), m.value.start = r.value, m.value.end = s.value;
-    });
-    const W = { type: "number" }, j = {
-      key: "select-drag",
-      highlight: {
-        start: { contentClass: "vcal-day-drag-start" },
-        base: { contentClass: "vcal-day-drag-base" },
-        end: { contentClass: "vcal-day-drag-end" }
-      }
-    }, q = {
-      key: "select-calendar",
-      highlight: {
-        start: { contentClass: "vcal-day-start" },
-        base: { contentClass: "vcal-day-base" },
-        end: { contentClass: "vcal-day-end" }
-      }
-    };
-    V(() => r.value, (n) => {
-      if (!n || D.value)
-        return;
-      const { hours: a, minutes: i, seconds: y } = F(n);
-      t.isRange && o(e.value) ? (e.value.start.setHours(a, i, y, 0), f.value = b(e.value.start, e.value.end)) : e.value instanceof Date && e.value.setHours(a, i, y, 0);
-    }), V(() => s.value, (n) => {
-      if (!n || D.value)
-        return;
-      const { hours: a, minutes: i, seconds: y } = F(n);
-      t.isRange && o(e.value) && (e.value.end.setHours(a, i, y, 0), f.value = b(e.value.start, e.value.end));
-    }), V(() => e.value, () => {
-      t.isRange && o(e.value) ? (p() || (r.value = l(e.value.start, t.timeGranularity), s.value = l(e.value.end, t.timeGranularity)), f.value = b(e.value.start, e.value.end)) : e.value instanceof Date && (r.value = l(e.value, t.timeGranularity));
-    }, { immediate: !0, deep: !0 }), V(() => t.timeGranularity, () => {
-      t.isRange && o(e.value) ? (m.value.start = l(e.value.start, t.timeGranularity), m.value.end = l(e.value.end, t.timeGranularity)) : e.value instanceof Date && (m.value.start = l(e.value, t.timeGranularity));
-    });
-    const E = () => t.isRange && o(e.value), z = () => {
-      r.value = m.value.start, s.value = m.value.end;
-    }, H = (n) => {
-      try {
-        return G(n, "EEE MMM d yyyy");
-      } catch (a) {
-        console.warn("Error formatting date:", a);
-      }
-    };
-    return $({
-      resetTime: z,
-      initTimeInputs: T
-    }), (n, a) => (u(), v("div", ie, [
-      t.isRange ? (u(), P(c(Y), B({ key: 0 }, w.value, {
-        modelValue: e.value,
-        "onUpdate:modelValue": a[0] || (a[0] = (i) => e.value = i),
-        modelModifiers: { range: !0 }
-      }), null, 16, ["modelValue"])) : (u(), P(c(Y), B({ key: 1 }, w.value, {
-        modelValue: e.value,
-        "onUpdate:modelValue": a[1] || (a[1] = (i) => e.value = i)
-      }), null, 16, ["modelValue"])),
-      x.value ? (u(), v("div", re, [
-        d("div", ue, [
-          d("div", se, [
-            d("label", {
-              class: "time-input-label",
-              for: `time-input-start-${c(h)}`
-            }, [
-              E() ? (u(), v("span", de, R(H(e.value.start)), 1)) : e.value && e.value instanceof Date ? (u(), v("span", me, R(H(e.value)), 1)) : g("", !0)
-            ], 8, oe),
-            A(d("input", {
-              id: `time-input-start-${c(h)}`,
-              "onUpdate:modelValue": a[2] || (a[2] = (i) => r.value = i),
-              class: S(["time-input-start", { "input-error": f.value }]),
-              "data-testid": "time-input-start",
-              step: C.value,
-              type: "time"
-            }, null, 10, ve), [
-              [U, r.value]
-            ])
-          ]),
-          t.isRange ? (u(), v(Z, { key: 0 }, [
-            a[4] || (a[4] = d("div", { class: "time-input-separator" }, " - ", -1)),
-            d("div", ce, [
-              d("label", {
-                class: "time-input-label",
-                for: `time-input-end-${c(h)}`
-              }, [
-                E() ? (u(), v("span", ye, R(c(G)(e.value.end, "EEE MMM d yyyy")), 1)) : g("", !0)
-              ], 8, fe),
-              A(d("input", {
-                id: `time-input-end-${c(h)}`,
-                "onUpdate:modelValue": a[3] || (a[3] = (i) => s.value = i),
-                class: S(["time-input-end", { "input-error": f.value }]),
-                "data-testid": "time-input-end",
-                step: C.value,
-                type: "time"
-              }, null, 10, ge), [
-                [U, s.value]
-              ])
-            ])
-          ], 64)) : g("", !0)
-        ]),
-        X(_, {
-          mode: "out-in",
-          name: "kongponents-fade-transition"
-        }, {
-          default: ee(() => [
-            f.value && t.errorMessage ? (u(), v("div", De, R(t.errorMessage), 1)) : g("", !0)
-          ]),
-          _: 1
-        })
-      ])) : g("", !0)
+  class: "progress"
+}, y = /* @__PURE__ */ u({
+  __name: "FullScreenGenericSpinner",
+  props: {
+    progress: {},
+    hideProgress: { type: Boolean },
+    zIndex: {}
+  },
+  setup(r) {
+    c((l) => ({
+      v07a3a490: l.zIndex
+    }));
+    const n = o(0), e = o(0), d = v(() => r.progress !== null ? r.progress : e.value);
+    return m(() => {
+      r.progress || (n.value = setInterval(() => {
+        e.value >= 100 && (clearInterval(n.value), e.value = 100), e.value = Math.min(e.value + Math.ceil(Math.random() * 10 * 30), 100);
+      }, 200));
+    }), p(() => {
+      clearInterval(n.value);
+    }), (l, t) => (a(), i("div", h, [
+      s("div", null, [
+        t[0] || (t[0] = s("div", { class: "spinner-loader" }, null, -1)),
+        r.hideProgress ? f("", !0) : (a(), i("div", I, [
+          s("div", {
+            class: "progress-bar",
+            role: "progressbar",
+            style: g({ width: `${d.value}%` }),
+            title: "Loading"
+          }, null, 4)
+        ]))
+      ])
     ]));
   }
 });
 export {
-  be as default
+  y as default
 };

package/dist/kongponents.es263.js

@@ -1,54 +1,182 @@
-import { defineComponent as c, computed as n, createElementBlock as m, openBlock as l, createElementVNode as a, normalizeClass as d, createBlock as r, createCommentVNode as u, unref as e, normalizeStyle as f, toDisplayString as p } from "vue";
-import z from "./kongponents.es314.js";
-import k from "./kongponents.es177.js";
-import v from "./kongponents.es180.js";
-import { KUI_ICON_SIZE_40 as o, KUI_COLOR_TEXT_INVERSE as i, KUI_COLOR_TEXT_PRIMARY as x } from "./kongponents.es183.js";
-import { normalizeSize as y } from "./kongponents.es171.js";
-const E = ["aria-current", "data-testid"], C = { class: "step-circle" }, $ = /* @__PURE__ */ c({
-  __name: "KStep",
+import { defineComponent as $, ref as u, computed as D, watch as L, onMounted as T, onBeforeMount as H, openBlock as c, createElementBlock as h, createVNode as o, withCtx as r, unref as f, createBlock as g, withModifiers as v, createSlots as K, createCommentVNode as N, createElementVNode as w, Fragment as P, renderList as z, createTextVNode as C, toDisplayString as E, nextTick as U } from "vue";
+import { debounce as q } from "./kongponents.es166.js";
+import A from "./kongponents.es172.js";
+import J from "./kongponents.es205.js";
+import R from "./kongponents.es268.js";
+import p from "./kongponents.es32.js";
+import F from "./kongponents.es36.js";
+import O from "./kongponents.es43.js";
+import j from "./kongponents.es44.js";
+import G from "./kongponents.es48.js";
+import Q from "./kongponents.es24.js";
+/* empty css                 */
+import W from "./kongponents.es50.js";
+const X = { class: "table-column-visibility-menu" }, Y = { class: "apply-button-wrapper" }, me = /* @__PURE__ */ $({
+  __name: "ColumnVisibilityMenu",
   props: {
-    label: {},
-    state: { default: "default" },
-    maxLabelWidth: {}
+    columns: {},
+    tableId: {},
+    visibilityPreferences: {},
+    disabled: { type: Boolean }
   },
-  setup(t) {
-    const s = n(() => ({
-      maxWidth: y(t.maxLabelWidth)
-    }));
-    return (I, S) => (l(), m("li", {
-      "aria-current": t.state === "active" ? "step" : "false",
-      class: "step",
-      "data-testid": `step-${t.state}`
-    }, [
-      a("div", {
-        class: d(["step-container", `${t.state}`])
-      }, [
-        a("div", C, [
-          t.state === "completed" ? (l(), r(e(z), {
+  emits: ["update"],
+  setup(a, { emit: V }) {
+    const x = V, y = u(!1), s = u({}), d = u(!1), n = u(), i = u(""), b = () => {
+      s.value = a.columns.reduce((e, t) => (e[t.key] = a.visibilityPreferences[t.key] === void 0 ? !0 : a.visibilityPreferences[t.key], e), {}), d.value = !1;
+    }, I = q((e) => {
+      i.value = e, n.value && m(n.value);
+    }, 500), k = D(() => i.value ? a.columns.filter((e) => (e.label ? e.label : e.key).toLowerCase().includes(i.value.toLowerCase())) : a.columns), S = () => {
+      x("update", JSON.parse(JSON.stringify(s.value))), d.value = !1, i.value = "";
+    }, B = (e) => {
+      y.value = e, e && n.value && U(() => {
+        n.value && m(n.value);
+      }), !e && d.value && b(), e || (i.value = "");
+    }, m = (e) => {
+      if (!(e.scrollHeight > e.clientHeight)) {
+        e.classList.remove("is-bottom-overflowing");
+        return;
+      }
+      const l = e.scrollHeight < e.clientHeight + e.scrollTop + 1;
+      e.classList.toggle("is-bottom-overflowing", !l);
+    };
+    return L(() => a.visibilityPreferences, () => {
+      b();
+    }, { immediate: !0 }), T(() => {
+      n.value && (n.value.addEventListener("scroll", (e) => {
+        const t = e.currentTarget;
+        m(t);
+      }), m(n.value));
+    }), H(() => {
+      b();
+    }), (e, t) => (c(), h("div", X, [
+      o(O, {
+        "data-testid": "table-column-visibility-menu",
+        disabled: a.disabled,
+        "kpop-attributes": { placement: "bottom-end" },
+        onToggleDropdown: B
+      }, {
+        items: r(() => [
+          i.value || k.value.length > 5 ? (c(), g(G, {
             key: 0,
-            color: `var(--kui-color-text-inverse, ${e(i)})`,
-            size: e(o),
-            title: "Completed"
-          }, null, 8, ["color", "size"])) : t.state === "pending" ? (l(), r(e(v), {
-            key: 1,
-            color: `var(--kui-color-text-primary, ${e(x)})`,
-            size: e(o),
-            title: "Pending"
-          }, null, 8, ["color", "size"])) : t.state === "error" ? (l(), r(e(k), {
-            key: 2,
-            color: `var(--kui-color-text-inverse, ${e(i)})`,
-            size: e(o),
-            title: "Error"
-          }, null, 8, ["color", "size"])) : u("", !0)
+            modelValue: i.value,
+            "onUpdate:modelValue": t[1] || (t[1] = (l) => i.value = l),
+            modelModifiers: { trim: !0 },
+            autocapitalize: "off",
+            autocomplete: "off",
+            autocorrect: "off",
+            class: "search-input",
+            "data-testid": "search-input",
+            name: "column-search",
+            placeholder: "Search columns",
+            spellcheck: "false",
+            type: "search",
+            onClick: t[2] || (t[2] = v(() => {
+            }, ["stop"])),
+            onInput: f(I)
+          }, K({
+            before: r(() => [
+              o(f(J), { decorative: "" })
+            ]),
+            _: 2
+          }, [
+            i.value ? {
+              name: "after",
+              fn: r(() => [
+                o(p, {
+                  appearance: "tertiary",
+                  "aria-label": "Clear search",
+                  class: "clear-search",
+                  "data-testid": "clear-search-button",
+                  icon: "",
+                  size: "small",
+                  onClick: t[0] || (t[0] = v(() => i.value = "", ["stop"]))
+                }, {
+                  default: r(() => [
+                    o(f(A), { decorative: "" })
+                  ]),
+                  _: 1
+                })
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1032, ["modelValue", "onInput"])) : N("", !0),
+          w("div", {
+            ref_key: "menuItemsRef",
+            ref: n,
+            class: "menu-items-wrapper"
+          }, [
+            (c(!0), h(P, null, z(k.value, (l) => (c(), g(j, {
+              key: l.key,
+              class: "column-visibility-menu-item",
+              "data-testid": `column-visibility-menu-item-${l.key}`,
+              onClick: v(() => {
+                s.value[l.key] = !s.value[l.key], d.value = !0;
+              }, ["stop"])
+            }, {
+              default: r(() => [
+                o(F, {
+                  modelValue: s.value[l.key],
+                  "onUpdate:modelValue": (M) => s.value[l.key] = M,
+                  "aria-labelledby": `${a.tableId}-${l.key}-visibility-checkbox-label`,
+                  "data-testid": `column-visibility-checkbox-${l.key}`
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "aria-labelledby", "data-testid"]),
+                o(W, {
+                  id: `${a.tableId}-${l.key}-visibility-checkbox-label`,
+                  class: "visibility-checkbox-label",
+                  title: l.label
+                }, {
+                  default: r(() => [
+                    C(E(l.label), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["id", "title"])
+              ]),
+              _: 2
+            }, 1032, ["data-testid", "onClick"]))), 128))
+          ], 512),
+          w("div", Y, [
+            o(p, {
+              appearance: "tertiary",
+              class: "apply-button",
+              "data-testid": "apply-button",
+              onClick: S
+            }, {
+              default: r(() => [...t[3] || (t[3] = [
+                C(" Apply ", -1)
+              ])]),
+              _: 1
+            })
+          ])
         ]),
-        a("span", {
-          class: "step-label",
-          style: f(s.value)
-        }, p(t.label), 5)
-      ], 2)
-    ], 8, E));
+        default: r(() => [
+          o(Q, {
+            placement: "bottom-end",
+            text: y.value ? void 0 : "Show/Hide Columns"
+          }, {
+            default: r(() => [
+              o(p, {
+                appearance: "tertiary",
+                "aria-label": "Show/Hide Columns",
+                class: "menu-button",
+                "data-testid": "column-visibility-menu-button",
+                disabled: a.disabled,
+                icon: "",
+                size: "large"
+              }, {
+                default: r(() => [
+                  o(f(R), { decorative: "" })
+                ]),
+                _: 1
+              }, 8, ["disabled"])
+            ]),
+            _: 1
+          }, 8, ["text"])
+        ]),
+        _: 1
+      }, 8, ["disabled"])
+    ]));
   }
 });
 export {
-  $ as default
+  me as default
 };

package/dist/kongponents.es265.js

@@ -1,7 +1,4 @@
-function n(t) {
-  var e = typeof t;
-  return t != null && (e == "object" || e == "function");
-}
+const I = "24px";
 export {
-  n as default
+  I as KUI_ICON_SIZE_50
 };