@kong/kongponents 9.47.5-pr.3005.17b94c3.0 → 9.48.1-pr.3009.8b5ec33.0

package/dist/kongponents.es414.js

@@ -1,72 +1,97 @@
-import M from "./kongponents.es465.js";
-import T from "./kongponents.es466.js";
-var c = 36e5, D = 6e4, i = {
-  timezoneZ: /^(Z)$/,
-  timezoneHH: /^([+-]\d{2})$/,
-  timezoneHHMM: /^([+-])(\d{2}):?(\d{2})$/
-};
-function z(e, r, n) {
-  var t, u;
-  if (!e || (t = i.timezoneZ.exec(e), t))
-    return 0;
-  var a;
-  if (t = i.timezoneHH.exec(e), t)
-    return a = parseInt(t[1], 10), l(a) ? -(a * c) : NaN;
-  if (t = i.timezoneHHMM.exec(e), t) {
-    a = parseInt(t[2], 10);
-    var o = parseInt(t[3], 10);
-    return l(a, o) ? (u = Math.abs(a) * c + o * D, t[1] === "+" ? -u : u) : NaN;
-  }
-  if (p(e)) {
-    r = new Date(r || Date.now());
-    var I = n ? r : H(r), f = v(I, e), N = n ? f : m(r, f, e);
-    return -N;
-  }
-  return NaN;
-}
-function H(e) {
-  return T(
-    e.getFullYear(),
-    e.getMonth(),
-    e.getDate(),
-    e.getHours(),
-    e.getMinutes(),
-    e.getSeconds(),
-    e.getMilliseconds()
-  );
-}
-function v(e, r) {
-  var n = M(e, r), t = T(
-    n[0],
-    n[1] - 1,
-    n[2],
-    n[3] % 24,
-    n[4],
-    n[5],
-    0
-  ).getTime(), u = e.getTime(), a = u % 1e3;
-  return u -= a >= 0 ? a : 1e3 + a, t - u;
-}
-function m(e, r, n) {
-  var t = e.getTime(), u = t - r, a = v(new Date(u), n);
-  if (r === a)
-    return r;
-  u -= a - r;
-  var o = v(new Date(u), n);
-  return a === o ? a : Math.max(a, o);
-}
-function l(e, r) {
-  return -23 <= e && e <= 23 && (r == null || 0 <= r && r <= 59);
-}
-var s = {};
-function p(e) {
-  if (s[e]) return !0;
-  try {
-    return new Intl.DateTimeFormat(void 0, { timeZone: e }), s[e] = !0, !0;
-  } catch {
-    return !1;
+import { defineComponent as y, useSlots as I, computed as E, ref as k, watch as B, createElementBlock as i, openBlock as d, createCommentVNode as c, createElementVNode as m, withKeys as w, withModifiers as u, normalizeClass as n, createVNode as b, unref as o, renderSlot as p, createTextVNode as N, toDisplayString as V } from "vue";
+import { KUI_ICON_SIZE_40 as $ } from "./kongponents.es172.js";
+import K from "./kongponents.es171.js";
+import S from "./kongponents.es252.js";
+const z = ["data-testid"], T = ["aria-controls", "aria-expanded", "aria-label"], q = ["data-testid"], D = {
+  key: 0,
+  class: "tree-item-icon",
+  "data-testid": "tree-item-icon"
+}, L = {
+  class: "tree-item-label",
+  "data-testid": "tree-item-label"
+}, j = /* @__PURE__ */ y({
+  __name: "KTreeItem",
+  props: {
+    item: {},
+    disabled: { type: Boolean },
+    hideIcons: { type: Boolean },
+    collapsible: { type: Boolean },
+    initialCollapse: { type: Boolean },
+    hasChildren: { type: Boolean },
+    controlsId: {}
+  },
+  emits: ["selected", "expanded"],
+  setup(e, { expose: h, emit: v }) {
+    const s = v, g = I(), x = E(() => !e.hideIcons || !!g["item-icon"]), f = (a) => {
+      a.target && a.target.closest("a:not(.disabled), button:not([data-tree-item-trigger]), label, input, select") !== null || s("selected", e.item);
+    }, t = k(!0), C = (a) => {
+      t.value = a;
+    };
+    B(() => e.initialCollapse, (a, l) => {
+      a !== l && (t.value = !a);
+    }, {
+      immediate: !0
+    });
+    const r = () => {
+      t.value = !t.value, s("expanded", t.value);
+    };
+    return h({ setExpandedValue: C, id: e.item.id }), (a, l) => (d(), i("div", {
+      class: "tree-item-wrapper",
+      "data-testid": `tree-item-wrapper-${e.item.id}`
+    }, [
+      e.collapsible && e.hasChildren ? (d(), i("span", {
+        key: 0,
+        "aria-controls": `tree-list-draggable-${e.controlsId}`,
+        "aria-expanded": t.value,
+        "aria-label": t.value ? "Collapse" : "Expand",
+        class: n(["tree-item-expanded-button", {
+          collapsed: !t.value,
+          expanded: t.value
+        }]),
+        "data-testid": "tree-item-expanded-button",
+        role: "button",
+        onClick: u(r, ["stop"]),
+        onKeyup: w(r, ["enter"])
+      }, [
+        b(o(K), {
+          class: n(["tree-item-expanded-icon", {
+            collapsed: !t.value,
+            expanded: t.value
+          }]),
+          "data-testid": "tree-item-expanded-icon",
+          decorative: "",
+          size: o($),
+          tabindex: "0"
+        }, null, 8, ["class", "size"])
+      ], 42, T)) : c("", !0),
+      m("button", {
+        class: n(["tree-item", {
+          "not-draggable": e.disabled,
+          selected: e.item.selected,
+          expanded: e.collapsible && t.value,
+          collapsed: e.collapsible && !t.value,
+          "no-children": e.collapsible && !e.hasChildren
+        }]),
+        "data-testid": `tree-item-${e.item.id}`,
+        "data-tree-item-trigger": "true",
+        draggable: "false",
+        type: "button",
+        onClick: u(f, ["prevent"])
+      }, [
+        x.value ? (d(), i("div", D, [
+          p(a.$slots, "item-icon", {}, () => [
+            b(o(S), { decorative: "" })
+          ], !0)
+        ])) : c("", !0),
+        m("div", L, [
+          p(a.$slots, "item-label", {}, () => [
+            N(V(e.item.name), 1)
+          ], !0)
+        ])
+      ], 10, q)
+    ], 8, z));
   }
-}
+});
 export {
-  z as default
+  j as default
 };