@kong/kongponents 9.48.10-pr.3042.f75d935.0 → 9.49.0

package/dist/kongponents.es193.js

@@ -1,7 +1,110 @@
-import { warn as a } from "vue";
-function i(r, o) {
-  a(`Invalid prop: validator check failed for prop "${r}". ${o}`);
+import { computed as s, ref as v, watchEffect as D } from "vue";
+import "./kongponents.es242.js";
+import m from "./kongponents.es243.js";
+const S = {
+  VALIDATING: "VALIDATING",
+  VALIDATING_HAS_DATA: "VALIDATING_HAS_DATA",
+  PENDING: "PENDING",
+  SUCCESS: "SUCCESS",
+  SUCCESS_HAS_DATA: "SUCCESS_HAS_DATA",
+  ERROR: "ERROR",
+  STALE_IF_ERROR: "STALE_IF_ERROR"
+};
+function w() {
+  return {
+    useRequest: (e, u, a) => {
+      const {
+        data: t,
+        error: n,
+        isValidating: c,
+        isLoading: o,
+        mutate: r
+      } = m(e, u, {
+        revalidateDebounce: 500,
+        dedupingInterval: 100,
+        ...a
+      });
+      return {
+        data: s(() => {
+          var A;
+          return (A = t.value) == null ? void 0 : A.data;
+        }),
+        response: t,
+        error: n,
+        isValidating: c,
+        isLoading: o,
+        revalidate: r
+      };
+    },
+    useDebounce: (e, u = 300) => {
+      let a;
+      const t = (n) => async (...c) => {
+        clearTimeout(a), n > 0 ? await new Promise((o) => {
+          a = setTimeout(async () => {
+            await e(...c), o();
+          }, n);
+        }) : await e(...c);
+      };
+      return {
+        debouncedFn: t(u),
+        generateDebouncedFn: t
+      };
+    },
+    clientSideSorter: (e, u, a, t) => {
+      let n = null;
+      const c = (r, i) => typeof i == "number" && !Number.isNaN(r) && !Number.isNaN(i) ? r - i : 0, o = (r, i) => r.localeCompare(i);
+      return e !== u ? (n = (r, i) => {
+        const A = (l) => l == null ? "" : typeof l == "number" ? l : Array.isArray(l) && l.length && typeof l[0] == "number" ? l[0] : String(l), f = A(r[e]), d = A(i[e]);
+        switch (typeof f) {
+          case "number":
+            return c(f, d);
+          default:
+            return o(f, d);
+        }
+      }, t.sort(n), u = e, a = "ascending") : (t.reverse(), a === "descending" || a === "desc" ? a = "ascending" : a = "descending"), { previousKey: u, sortOrder: a };
+    },
+    useSwrvState: (e, u, a) => {
+      const t = v(S.PENDING), n = v(!1);
+      return D(() => {
+        var c, o, r, i, A, f;
+        if (n.value = e.value && !!((c = Object.keys(e.value)) != null && c.length || (o = e.value.data) != null && o.length || (i = (r = e.value.data) == null ? void 0 : r.data) != null && i.length || !((A = e.value.data) != null && A.data) && typeof e.value.data == "object" && Object.keys((f = e.value) == null ? void 0 : f.data).length), e.value && n.value && a.value) {
+          t.value = S.VALIDATING_HAS_DATA;
+          return;
+        }
+        if (e.value && a.value) {
+          t.value = S.VALIDATING;
+          return;
+        }
+        if (e.value && u.value) {
+          t.value = S.STALE_IF_ERROR;
+          return;
+        }
+        if (e.value === void 0 && !u.value) {
+          t.value = S.PENDING;
+          return;
+        }
+        if (e.value && !u.value && n.value) {
+          t.value = S.SUCCESS_HAS_DATA;
+          return;
+        }
+        if (e.value && !u.value) {
+          t.value = S.SUCCESS;
+          return;
+        }
+        e.value === void 0 && u && (t.value = S.ERROR);
+      }), {
+        hasData: n,
+        state: t,
+        swrvState: S
+      };
+    },
+    cloneDeep: (e) => {
+      if (e)
+        return JSON.parse(JSON.stringify(e));
+    },
+    stripRequiredLabel: (e, u) => !u || !e ? e || "" : /( )?\*$/gi.test(e) ? e.replace(/\*$/gi, "").trim() : e
+  };
 }
 export {
-  i as warnInvalidProp
+  w as default
 };

package/dist/kongponents.es194.js

@@ -1,191 +1,121 @@
-import { defineComponent as H, ref as g, computed as S, useTemplateRef as Q, watch as U, onMounted as W, nextTick as I, resolveComponent as X, createBlock as b, openBlock as s, unref as Y, mergeProps as Z, withCtx as c, createElementBlock as $, Fragment as _, renderList as ee, normalizeClass as L, withDirectives as le, createSlots as B, renderSlot as h, createTextVNode as ae, toDisplayString as te, vShow as ne } from "vue";
-import { VueDraggableNext as ie } from "./kongponents.es283.js";
-import oe from "./kongponents.es284.js";
-const T = ({ children: a = [] }) => a.length === 0 ? 0 : 1 + Math.max(...a.map(T)), ce = /* @__PURE__ */ H({
-  __name: "KTreeDraggable",
+import { defineComponent as h, computed as s, createBlock as b, openBlock as d, resolveDynamicComponent as x, normalizeStyle as S, withCtx as C, createElementBlock as N } from "vue";
+import { KUI_ICON_SIZE_50 as u } from "./kongponents.es259.js";
+const k = ["aria-hidden"], p = '<path d="M6 22C5.45 22 4.97917 21.8042 4.5875 21.4125C4.19583 21.0208 4 20.55 4 20V4C4 3.45 4.19583 2.97917 4.5875 2.5875C4.97917 2.19583 5.45 2 6 2H14L20 8V20C20 20.55 19.8042 21.0208 19.4125 21.4125C19.0208 21.8042 18.55 22 18 22H6ZM13 9V4H6V20H18V9H13Z" fill="currentColor"/>', $ = /* @__PURE__ */ h({
+  __name: "FileEmptyIcon",
   props: {
-    items: {},
-    disableDrag: { type: Boolean },
-    filter: { type: [String, Function] },
-    maxDepth: {},
-    level: { default: 0 },
-    parentId: {},
-    hideIcons: { type: Boolean },
-    group: {},
-    collapsible: { type: Boolean },
-    initialCollapseAll: { type: Boolean }
+    /** The accessibility text provided to screen readers */
+    title: {
+      type: String,
+      required: !1,
+      default: ""
+    },
+    /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */
+    color: {
+      type: String,
+      required: !1,
+      default: "currentColor"
+    },
+    /** The CSS display property for the icon. Defaults to `block` */
+    display: {
+      type: String,
+      required: !1,
+      default: "block"
+    },
+    /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */
+    decorative: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    /** The icon size */
+    size: {
+      type: [Number, String],
+      required: !1,
+      default: u,
+      // if setting to the imported const fails, just pass a number of 24 as the default.
+      validator: (i) => {
+        if (typeof i == "number" && i > 0)
+          return !0;
+        if (typeof i == "string") {
+          const e = String(i).replace(/px/gi, ""), r = Number(e);
+          if (r && !isNaN(r) && Number.isInteger(r) && r > 0)
+            return !0;
+        }
+        return !1;
+      }
+    },
+    /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
+    as: {
+      type: String,
+      required: !1,
+      default: "span"
+    },
+    /**
+     * A boolean to disable prefixing any internal SVG ids with a unique string which is done to resolve the potential for multiple SVG instances on the same page and the SVG utilizing the same ids and references internally (e.g. in the `<defs>` tag).
+     * Typically only set to `true` during snapshot testing.
+     * Defaults to `false`.
+     */
+    staticIds: {
+      type: Boolean,
+      default: !1
+    }
   },
-  emits: ["change", "child-change", "selected"],
-  setup(a, { expose: A, emit: w }) {
-    const d = w, v = g(0), n = g([]), M = {
-      tag: "div",
-      // Note: force-fallback: true is required to override cursor when dragging
-      "force-fallback": !0,
-      animation: "100",
-      draggable: ".tree-item-container",
-      "item-key": "id",
-      "ghost-class": "tree-item-dragged",
-      "drag-class": "tree-item-grabbing",
-      class: "child-drop-zone",
-      "fallback-tolerance": 10
-    }, m = g(!1), p = S(() => [".tree-item-expanded-button", ...(typeof a.filter == "function" ? a.filter() : a.filter).split(",").map((l) => l.trim()).filter(Boolean)].join(", ")), y = (e) => {
-      var l, i, t;
-      return !((t = (i = (l = n.value.filter((o) => o.id === e.id)) == null ? void 0 : l[0]) == null ? void 0 : i.children) != null && t.length);
-    }, N = (e) => e.children || [], V = (e) => {
-      a.parentId ? d("child-change", {
-        parentId: a.parentId,
-        children: n.value,
-        target: (e == null ? void 0 : e.added) || (e == null ? void 0 : e.removed) || (e == null ? void 0 : e.moved)
-      }) : d("change", {
-        items: n.value,
-        target: (e == null ? void 0 : e.added) || (e == null ? void 0 : e.removed) || (e == null ? void 0 : e.moved)
-      });
-    }, K = (e) => {
-      d("child-change", e);
-    }, E = (e) => {
-      d("selected", e);
-    }, r = g(/* @__PURE__ */ new Map()), F = (e, l) => {
-      r.value.set(l, e);
-    }, O = (e) => a.collapsible ? !!r.value.get(e) : !0, f = Q("tree-items"), z = () => {
-      var e;
-      n.value.forEach((l) => {
-        r.value.set(l.id, !1);
-      }), (e = f.value) == null || e.forEach((l) => {
-        l == null || l.setExpandedValue(!1);
-      });
-    }, J = () => {
-      var e;
-      n.value.forEach((l) => {
-        r.value.set(l.id, !0);
-      }), (e = f.value) == null || e.forEach((l) => {
-        l == null || l.setExpandedValue(!0);
-      });
-    }, R = S(() => a.level > a.maxDepth - 1), j = (e) => {
-      var u, D, x, k;
-      const l = ((D = (u = e.relatedContext) == null ? void 0 : u.component) == null ? void 0 : D.$attrs.level) || 0, i = (x = e.draggedContext) == null ? void 0 : x.element;
-      let t = 0;
-      return (k = i.children) != null && k.length && (t = T(i)), !(l + t > a.maxDepth - 1);
-    }, P = (e) => {
-      var t, o;
-      const l = ((o = (t = e.item) == null ? void 0 : t._underlying_vm_) == null ? void 0 : o.id) || "", i = n.value.find((u) => u.id === l);
-      m.value = !0, i && d("selected", i), C(!0);
-    }, q = async () => {
-      var e;
-      m.value = !1, C(!1), v.value++, await I(), (e = f.value) == null || e.forEach((l) => {
-        l == null || l.setExpandedValue(r.value.get(l == null ? void 0 : l.id));
-      });
-    }, C = (e) => {
-      const l = document == null ? void 0 : document.getElementsByTagName("html").item(0);
-      l && l.classList.toggle("tree-list-grabbing", e);
-    };
-    U(() => a.items, (e, l) => {
-      JSON.stringify(e) !== JSON.stringify(l) && (n.value = e, n.value.forEach((i) => {
-        i.children || (i.children = []);
-      }));
-    });
-    const G = () => {
-      n.value.forEach((e) => {
-        r.value.set(e.id, !a.initialCollapseAll);
-      });
-    };
-    return W(async () => {
-      n.value = a.items, n.value.forEach((e) => {
-        e.children || (e.children = []);
-      }), await I(), a.collapsible && G();
-    }), A({ collapseAll: z, expandAll: J }), (e, l) => {
-      const i = X("KTreeDraggable", !0);
-      return s(), b(Y(ie), Z(M, {
-        class: "tree-draggable",
-        direction: "vertical",
-        disabled: a.disableDrag,
-        filter: p.value,
-        group: { name: a.group, pull: [a.group], put: R.value ? [] : [a.group] },
-        level: a.level,
-        list: n.value,
-        move: j,
-        tag: "div",
-        onChange: V,
-        onEnd: q,
-        onStart: P
-      }), {
-        default: c(() => [
-          (s(!0), $(_, null, ee(n.value, (t) => (s(), $("div", {
-            key: t.id,
-            class: L(["tree-item-container", {
-              "has-no-children": y(t)
-            }])
-          }, [
-            (s(), b(oe, {
-              key: `tree-item-${t.id}-${v.value}`,
-              ref_for: !0,
-              ref: "tree-items",
-              collapsible: a.collapsible,
-              "controls-id": t.id,
-              disabled: a.disableDrag,
-              "has-children": !y(t),
-              "hide-icons": a.hideIcons,
-              "initial-collapse": a.initialCollapseAll,
-              item: t,
-              onExpanded: (o) => F(o, t.id),
-              onSelected: E
-            }, B({
-              "item-label": c(() => [
-                h(e.$slots, "item-label", { item: t }, () => [
-                  ae(te(t.name), 1)
-                ], !0)
-              ]),
-              _: 2
-            }, [
-              e.$slots["item-icon"] ? {
-                name: "item-icon",
-                fn: c(() => [
-                  h(e.$slots, "item-icon", { item: t }, void 0, !0)
-                ]),
-                key: "0"
-              } : void 0
-            ]), 1032, ["collapsible", "controls-id", "disabled", "has-children", "hide-icons", "initial-collapse", "item", "onExpanded"])),
-            le((s(), b(i, {
-              id: `tree-list-draggable-${t.id}`,
-              key: `tree-item-${t.id}-children-${v.value}`,
-              class: L({
-                collapsible: a.collapsible
-              }),
-              collapsible: a.collapsible,
-              "disable-drag": a.disableDrag,
-              filter: p.value,
-              group: a.group,
-              "hide-icons": a.hideIcons,
-              "initial-collapse-all": a.initialCollapseAll,
-              items: N(t),
-              level: a.level + 1,
-              "max-depth": a.maxDepth,
-              "parent-id": t.id,
-              onChildChange: K,
-              onSelected: E
-            }, B({
-              "item-label": c(({ item: o }) => [
-                h(e.$slots, "item-label", { item: o }, void 0, !0)
-              ]),
-              _: 2
-            }, [
-              e.$slots["item-icon"] ? {
-                name: "item-icon",
-                fn: c(({ item: o }) => [
-                  h(e.$slots, "item-icon", { item: o }, void 0, !0)
-                ]),
-                key: "0"
-              } : void 0
-            ]), 1032, ["id", "class", "collapsible", "disable-drag", "filter", "group", "hide-icons", "initial-collapse-all", "items", "level", "max-depth", "parent-id"])), [
-              [ne, O(t.id)]
-            ])
-          ], 2))), 128))
-        ]),
-        _: 3
-      }, 16, ["disabled", "filter", "group", "level", "list"]);
-    };
+  setup(i) {
+    const e = i, r = s(() => {
+      if (typeof e.size == "number" && e.size > 0)
+        return `${e.size}px`;
+      if (typeof e.size == "string") {
+        const a = String(e.size).replace(/px/gi, ""), t = Number(a);
+        if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
+          return `${t}px`;
+      }
+      return u;
+    }), c = s(() => ({
+      boxSizing: "border-box",
+      color: e.color,
+      display: e.display,
+      flexShrink: "0",
+      height: r.value,
+      lineHeight: "0",
+      width: r.value,
+      pointerEvents: e.decorative ? "none" : void 0
+    })), f = (a) => {
+      const t = {}, v = Math.random().toString(36).substring(2, 12);
+      return a.replace(/id="([^"]+)"/g, (o, n) => {
+        const l = `${v}-${n}`;
+        return t[n] = l, `id="${l}"`;
+      }).replace(/#([^\s^")]+)/g, (o, n) => t[n] ? `#${t[n]}` : o);
+    }, g = {
+      "<": "&lt;",
+      ">": "&gt;",
+      '"': "&quot;",
+      "'": "&#39;",
+      "&": "&amp;"
+    }, m = (a) => a.replace(/[<>"'&]/g, (t) => g[t]), y = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? p : f(p)}`;
+    return (a, t) => (d(), b(x(i.as), {
+      "aria-hidden": i.decorative ? "true" : void 0,
+      class: "kui-icon file-empty-icon",
+      "data-testid": "kui-icon-wrapper-file-empty-icon",
+      style: S(c.value),
+      tabindex: i.decorative ? "-1" : void 0
+    }, {
+      default: C(() => [
+        (d(), N("svg", {
+          "aria-hidden": i.decorative ? "true" : void 0,
+          "data-testid": "kui-icon-svg-file-empty-icon",
+          fill: "none",
+          height: "100%",
+          role: "img",
+          viewBox: "0 0 24 24",
+          width: "100%",
+          xmlns: "http://www.w3.org/2000/svg",
+          innerHTML: y
+        }, null, 8, k))
+      ]),
+      _: 1
+    }, 8, ["aria-hidden", "style", "tabindex"]));
   }
 });
 export {
-  ce as default,
-  T as getMaximumDepth
+  $ as default
 };

package/dist/kongponents.es195.js

@@ -1,7 +1,121 @@
-import t from "./kongponents.es255.js";
-/* empty css                  */
-import e from "./kongponents.es74.js";
-const s = /* @__PURE__ */ e(t, [["__scopeId", "data-v-a2ee6e0d"]]);
+import { defineComponent as h, computed as d, createBlock as b, openBlock as s, resolveDynamicComponent as x, normalizeStyle as S, withCtx as N, createElementBlock as C } from "vue";
+import { KUI_ICON_SIZE_50 as u } from "./kongponents.es259.js";
+const k = ["aria-hidden"], p = '<path d="M11 16.5V8.35L8.4 10.95L7 9.5L12 4.5L17 9.5L15.6 10.95L13 8.35V16.5H11ZM6 20.5C5.45 20.5 4.97917 20.3042 4.5875 19.9125C4.19583 19.5208 4 19.05 4 18.5V15.5H6V18.5H18V15.5H20V18.5C20 19.05 19.8042 19.5208 19.4125 19.9125C19.0208 20.3042 18.55 20.5 18 20.5H6Z" fill="currentColor"/>', $ = /* @__PURE__ */ h({
+  __name: "UploadIcon",
+  props: {
+    /** The accessibility text provided to screen readers */
+    title: {
+      type: String,
+      required: !1,
+      default: ""
+    },
+    /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */
+    color: {
+      type: String,
+      required: !1,
+      default: "currentColor"
+    },
+    /** The CSS display property for the icon. Defaults to `block` */
+    display: {
+      type: String,
+      required: !1,
+      default: "block"
+    },
+    /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */
+    decorative: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    /** The icon size */
+    size: {
+      type: [Number, String],
+      required: !1,
+      default: u,
+      // if setting to the imported const fails, just pass a number of 24 as the default.
+      validator: (r) => {
+        if (typeof r == "number" && r > 0)
+          return !0;
+        if (typeof r == "string") {
+          const e = String(r).replace(/px/gi, ""), i = Number(e);
+          if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
+            return !0;
+        }
+        return !1;
+      }
+    },
+    /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
+    as: {
+      type: String,
+      required: !1,
+      default: "span"
+    },
+    /**
+     * A boolean to disable prefixing any internal SVG ids with a unique string which is done to resolve the potential for multiple SVG instances on the same page and the SVG utilizing the same ids and references internally (e.g. in the `<defs>` tag).
+     * Typically only set to `true` during snapshot testing.
+     * Defaults to `false`.
+     */
+    staticIds: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(r) {
+    const e = r, i = d(() => {
+      if (typeof e.size == "number" && e.size > 0)
+        return `${e.size}px`;
+      if (typeof e.size == "string") {
+        const a = String(e.size).replace(/px/gi, ""), t = Number(a);
+        if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
+          return `${t}px`;
+      }
+      return u;
+    }), c = d(() => ({
+      boxSizing: "border-box",
+      color: e.color,
+      display: e.display,
+      flexShrink: "0",
+      height: i.value,
+      lineHeight: "0",
+      width: i.value,
+      pointerEvents: e.decorative ? "none" : void 0
+    })), f = (a) => {
+      const t = {}, y = Math.random().toString(36).substring(2, 12);
+      return a.replace(/id="([^"]+)"/g, (o, n) => {
+        const l = `${y}-${n}`;
+        return t[n] = l, `id="${l}"`;
+      }).replace(/#([^\s^")]+)/g, (o, n) => t[n] ? `#${t[n]}` : o);
+    }, g = {
+      "<": "&lt;",
+      ">": "&gt;",
+      '"': "&quot;",
+      "'": "&#39;",
+      "&": "&amp;"
+    }, m = (a) => a.replace(/[<>"'&]/g, (t) => g[t]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? p : f(p)}`;
+    return (a, t) => (s(), b(x(r.as), {
+      "aria-hidden": r.decorative ? "true" : void 0,
+      class: "kui-icon upload-icon",
+      "data-testid": "kui-icon-wrapper-upload-icon",
+      style: S(c.value),
+      tabindex: r.decorative ? "-1" : void 0
+    }, {
+      default: N(() => [
+        (s(), C("svg", {
+          "aria-hidden": r.decorative ? "true" : void 0,
+          "data-testid": "kui-icon-svg-upload-icon",
+          fill: "none",
+          height: "100%",
+          role: "img",
+          viewBox: "0 0 24 24",
+          width: "100%",
+          xmlns: "http://www.w3.org/2000/svg",
+          innerHTML: v
+        }, null, 8, k))
+      ]),
+      _: 1
+    }, 8, ["aria-hidden", "style", "tabindex"]));
+  }
+});
 export {
-  s as default
+  $ as default
 };