@kong/kongponents 9.64.4 → 9.64.5

package/dist/kongponents203.es.js

@@ -1,19 +1,210 @@
-const o = typeof navigator < "u" && ("userAgentData" in navigator && navigator.userAgentData === "macOS" || navigator.platform?.toLowerCase().includes("mac")), i = typeof navigator < "u" && navigator.userAgent.includes("Firefox");
-function r(e, n) {
-  return typeof CSS < "u" && CSS.supports(e, n);
-}
-let t = null;
-function a() {
-  if (t !== null)
-    return t;
-  if (typeof document > "u")
-    return 0;
-  const e = document.createElement("div");
-  return e.style.width = "100px", e.style.height = "100px", e.style.overflow = "scroll", e.style.position = "absolute", e.style.top = "-9999px", document.body.appendChild(e), t = e.offsetWidth - e.clientWidth, document.body.removeChild(e), t;
+import { toArray as C, watchImmediate as T, noop as S, tryOnMounted as B, tryOnScopeDispose as O, isClient as I, isObject as L } from "./kongponents269.es.js";
+import { getLifeCycleTarget as K } from "./kongponents269.es.js";
+import { computed as R, toValue as b, shallowRef as y, watch as P, getCurrentInstance as k, onMounted as z, unref as W } from "vue";
+const E = I ? window : void 0;
+function p(t) {
+  var n;
+  const l = b(t);
+  return (n = l?.$el) !== null && n !== void 0 ? n : l;
+}
+function $(...t) {
+  const n = (e, u, s, c) => (e.addEventListener(u, s, c), () => e.removeEventListener(u, s, c)), l = R(() => {
+    const e = C(b(t[0])).filter((u) => u != null);
+    return e.every((u) => typeof u != "string") ? e : void 0;
+  });
+  return T(() => {
+    var e, u;
+    return [
+      (e = (u = l.value) === null || u === void 0 ? void 0 : u.map((s) => p(s))) !== null && e !== void 0 ? e : [E].filter((s) => s != null),
+      C(b(l.value ? t[1] : t[0])),
+      C(W(l.value ? t[2] : t[1])),
+      b(l.value ? t[3] : t[2])
+    ];
+  }, ([e, u, s, c], f, a) => {
+    if (!e?.length || !u?.length || !s?.length) return;
+    const v = L(c) ? { ...c } : c, h = e.flatMap((o) => u.flatMap((w) => s.map((m) => n(o, w, m, v))));
+    a(() => {
+      h.forEach((o) => o());
+    });
+  }, { flush: "post" });
+}
+function G(t, n, l = {}) {
+  const { window: e = E, ignore: u = [], capture: s = !0, detectIframe: c = !1, controls: f = !1 } = l;
+  if (!e) return f ? {
+    stop: S,
+    cancel: S,
+    trigger: S
+  } : S;
+  let a = !0;
+  const v = (i) => b(u).some((r) => {
+    if (typeof r == "string") return Array.from(e.document.querySelectorAll(r)).some((d) => d === i.target || i.composedPath().includes(d));
+    {
+      const d = p(r);
+      return d && (i.target === d || i.composedPath().includes(d));
+    }
+  });
+  function h(i) {
+    const r = b(i);
+    return r && r.$.subTree.shapeFlag === 16;
+  }
+  function o(i, r) {
+    const d = b(i), A = d.$.subTree && d.$.subTree.children;
+    return A == null || !Array.isArray(A) ? !1 : A.some((M) => M.el === r.target || r.composedPath().includes(M.el));
+  }
+  const w = (i) => {
+    const r = p(t);
+    if (i.target != null && !(!(r instanceof Element) && h(t) && o(t, i)) && !(!r || r === i.target || i.composedPath().includes(r))) {
+      if ("detail" in i && i.detail === 0 && (a = !v(i)), !a) {
+        a = !0;
+        return;
+      }
+      n(i);
+    }
+  };
+  let m = !1;
+  const g = [
+    $(e, "click", (i) => {
+      m || (m = !0, setTimeout(() => {
+        m = !1;
+      }, 0), w(i));
+    }, {
+      passive: !0,
+      capture: s
+    }),
+    $(e, "pointerdown", (i) => {
+      const r = p(t);
+      a = !v(i) && !!(r && !i.composedPath().includes(r));
+    }, { passive: !0 }),
+    c && $(e, "blur", (i) => {
+      setTimeout(() => {
+        const r = p(t);
+        let d = e.document.activeElement;
+        for (; d?.shadowRoot; ) d = d.shadowRoot.activeElement;
+        d?.tagName === "IFRAME" && !r?.contains(e.document.activeElement) && n(i);
+      }, 0);
+    }, { passive: !0 })
+  ].filter(Boolean), x = () => g.forEach((i) => i());
+  return f ? {
+    stop: x,
+    cancel: () => {
+      a = !1;
+    },
+    trigger: (i) => {
+      a = !0, w(i), a = !1;
+    }
+  } : x;
+}
+// @__NO_SIDE_EFFECTS__
+function F() {
+  const t = y(!1), n = k();
+  return n && z(() => {
+    t.value = !0;
+  }, n), t;
+}
+// @__NO_SIDE_EFFECTS__
+function H(t) {
+  const n = /* @__PURE__ */ F();
+  return R(() => (n.value, !!t()));
+}
+function V(t, n, l = {}) {
+  const { window: e = E, ...u } = l;
+  let s;
+  const c = /* @__PURE__ */ H(() => e && "ResizeObserver" in e), f = () => {
+    s && (s.disconnect(), s = void 0);
+  }, a = P(R(() => {
+    const h = b(t);
+    return Array.isArray(h) ? h.map((o) => p(o)) : [p(h)];
+  }), (h) => {
+    if (f(), c.value && e) {
+      s = new ResizeObserver(n);
+      for (const o of h) o && s.observe(o, u);
+    }
+  }, {
+    immediate: !0,
+    flush: "post"
+  }), v = () => {
+    f(), a();
+  };
+  return O(v), {
+    isSupported: c,
+    stop: v
+  };
+}
+function N(t, n = {
+  width: 0,
+  height: 0
+}, l = {}) {
+  const { window: e = E, box: u = "content-box" } = l, s = R(() => {
+    var o;
+    return (o = p(t)) === null || o === void 0 || (o = o.namespaceURI) === null || o === void 0 ? void 0 : o.includes("svg");
+  }), c = y(n.width), f = y(n.height), { stop: a } = V(t, ([o]) => {
+    const w = u === "border-box" ? o.borderBoxSize : u === "content-box" ? o.contentBoxSize : o.devicePixelContentBoxSize;
+    if (e && s.value) {
+      const m = p(t);
+      if (m) {
+        const g = m.getBoundingClientRect();
+        c.value = g.width, f.value = g.height;
+      }
+    } else if (w) {
+      const m = C(w);
+      c.value = m.reduce((g, { inlineSize: x }) => g + x, 0), f.value = m.reduce((g, { blockSize: x }) => g + x, 0);
+    } else
+      c.value = o.contentRect.width, f.value = o.contentRect.height;
+  }, l);
+  B(() => {
+    const o = p(t);
+    o && (c.value = "offsetWidth" in o ? o.offsetWidth : n.width, f.value = "offsetHeight" in o ? o.offsetHeight : n.height);
+  });
+  const v = P(() => p(t), (o) => {
+    c.value = o ? n.width : 0, f.value = o ? n.height : 0;
+  });
+  function h() {
+    a(), v();
+  }
+  return {
+    width: c,
+    height: f,
+    stop: h
+  };
+}
+function j(t) {
+  var n;
+  const l = (n = t.rangeCount) !== null && n !== void 0 ? n : 0;
+  return Array.from({ length: l }, (e, u) => t.getRangeAt(u));
+}
+// @__NO_SIDE_EFFECTS__
+function U(t = {}) {
+  var n;
+  const { window: l = E } = t, e = y((n = l?.getSelection()) !== null && n !== void 0 ? n : null), u = R(() => {
+    var a, v;
+    return (a = (v = e.value) === null || v === void 0 ? void 0 : v.toString()) !== null && a !== void 0 ? a : "";
+  }), s = R(() => e.value ? j(e.value) : []), c = R(() => s.value.map((a) => a.getBoundingClientRect()));
+  function f() {
+    e.value = null, l && (e.value = l.getSelection());
+  }
+  return l && $(l.document, "selectionchange", f, { passive: !0 }), {
+    text: u,
+    rects: c,
+    ranges: s,
+    selection: e
+  };
 }
 export {
-  i as IS_MAYBE_FIREFOX,
-  o as IS_MAYBE_MAC,
-  r as cssSupports,
-  a as getScrollbarSize
+  E as defaultWindow,
+  K as getLifeCycleTarget,
+  I as isClient,
+  L as isObject,
+  S as noop,
+  G as onClickOutside,
+  C as toArray,
+  B as tryOnMounted,
+  O as tryOnScopeDispose,
+  p as unrefElement,
+  N as useElementSize,
+  $ as useEventListener,
+  F as useMounted,
+  V as useResizeObserver,
+  H as useSupported,
+  U as useTextSelection,
+  T as watchImmediate
 };

package/dist/kongponents204.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kongponents206.cjs");;/* empty css                 */const t=require("./kongponents82.cjs"),u=t.default(e.default,[["__scopeId","data-v-32fee538"]]);exports.getMaximumDepth=e.getMaximumDepth;exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue"),d=require("./kongponents278.cjs"),b=["aria-hidden"],c='<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"/>',h=r.defineComponent({__name:"FileEmptyIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:d.KUI_ICON_SIZE_50,validator:t=>{if(typeof t=="string"&&/^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(t)||typeof t=="number"&&t>0)return!0;if(typeof t=="string"){const e=String(t).replace(/px/gi,""),o=Number(e);if(o&&!isNaN(o)&&Number.isInteger(o)&&o>0)return!0}return!1}},as:{type:String,required:!1,default:"span"},staticIds:{type:Boolean,default:!1}},setup(t){const e=t,o=n=>typeof n=="string"&&/^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(n),l=r.computed(()=>{if(o(e.size))return e.size;if(typeof e.size=="number"&&e.size>0)return`${e.size}px`;if(typeof e.size=="string"){const n=String(e.size).replace(/px/gi,""),i=Number(n);if(i&&!isNaN(i)&&Number.isInteger(i)&&i>0)return`${i}px`}return d.KUI_ICON_SIZE_50}),p=r.computed(()=>({boxSizing:"border-box",color:e.color,display:e.display,flexShrink:"0",height:l.value,lineHeight:"0",width:l.value,pointerEvents:e.decorative?"none":void 0})),f=n=>{const i={},m=Math.random().toString(36).substring(2,12);return n.replace(/id="([^"]+)"/g,(s,a)=>{const u=`${m}-${a}`;return i[a]=u,`id="${u}"`}).replace(/#([^\s^")]+)/g,(s,a)=>i[a]?`#${i[a]}`:s)},g={"<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;","&":"&amp;"},v=n=>n.replace(/[<>"'&]/g,i=>g[i]),y=`${e.title?`<title data-testid="kui-icon-svg-title">${v(e.title)}</title>`:""}${e.staticIds?c:f(c)}`;return(n,i)=>(r.openBlock(),r.createBlock(r.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon file-empty-icon","data-testid":"kui-icon-wrapper-file-empty-icon",style:r.normalizeStyle(p.value),tabindex:t.decorative?"-1":void 0},{default:r.withCtx(()=>[(r.openBlock(),r.createElementBlock("svg",{"aria-hidden":t.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,b))]),_:1},8,["aria-hidden","style","tabindex"]))}});exports.default=h;

package/dist/kongponents204.es.js

@@ -1,9 +1,123 @@
-import e from "./kongponents206.es.js";
-import { getMaximumDepth as _ } from "./kongponents206.es.js";
-/* empty css                  */
-import o from "./kongponents82.es.js";
-const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-32fee538"]]);
+import { defineComponent as b, computed as d, openBlock as u, createBlock as x, resolveDynamicComponent as S, normalizeStyle as C, withCtx as w, createElementBlock as N } from "vue";
+import { KUI_ICON_SIZE_50 as p } from "./kongponents278.es.js";
+const $ = ["aria-hidden"], f = '<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"/>', I = /* @__PURE__ */ b({
+  __name: "FileEmptyIcon",
+  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: p,
+      // if setting to the imported const fails, just pass a number of 24 as the default.
+      validator: (t) => {
+        if (typeof t == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(t) || typeof t == "number" && t > 0)
+          return !0;
+        if (typeof t == "string") {
+          const e = String(t).replace(/px/gi, ""), n = Number(e);
+          if (n && !isNaN(n) && Number.isInteger(n) && n > 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(t) {
+    const e = t, n = (r) => typeof r == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(r), o = d(() => {
+      if (n(e.size))
+        return e.size;
+      if (typeof e.size == "number" && e.size > 0)
+        return `${e.size}px`;
+      if (typeof e.size == "string") {
+        const r = String(e.size).replace(/px/gi, ""), i = Number(r);
+        if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
+          return `${i}px`;
+      }
+      return p;
+    }), c = d(() => ({
+      boxSizing: "border-box",
+      color: e.color,
+      display: e.display,
+      flexShrink: "0",
+      height: o.value,
+      lineHeight: "0",
+      width: o.value,
+      pointerEvents: e.decorative ? "none" : void 0
+    })), g = (r) => {
+      const i = {}, h = Math.random().toString(36).substring(2, 12);
+      return r.replace(/id="([^"]+)"/g, (l, a) => {
+        const s = `${h}-${a}`;
+        return i[a] = s, `id="${s}"`;
+      }).replace(/#([^\s^")]+)/g, (l, a) => i[a] ? `#${i[a]}` : l);
+    }, m = {
+      "<": "&lt;",
+      ">": "&gt;",
+      '"': "&quot;",
+      "'": "&#39;",
+      "&": "&amp;"
+    }, y = (r) => r.replace(/[<>"'&]/g, (i) => m[i]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${y(e.title)}</title>` : ""}${e.staticIds ? f : g(f)}`;
+    return (r, i) => (u(), x(S(t.as), {
+      "aria-hidden": t.decorative ? "true" : void 0,
+      class: "kui-icon file-empty-icon",
+      "data-testid": "kui-icon-wrapper-file-empty-icon",
+      style: C(c.value),
+      tabindex: t.decorative ? "-1" : void 0
+    }, {
+      default: w(() => [
+        (u(), N("svg", {
+          "aria-hidden": t.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: v
+        }, null, 8, $))
+      ]),
+      _: 1
+    }, 8, ["aria-hidden", "style", "tabindex"]));
+  }
+});
 export {
-  a as default,
-  _ as getMaximumDepth
+  I as default
 };

package/dist/kongponents205.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue");function a(r,e){o.warn(`Invalid prop: validator check failed for prop "${r}". ${e}`)}exports.warnInvalidProp=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue"),u=require("./kongponents278.cjs"),b=["aria-hidden"],c='<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"/>',h=r.defineComponent({__name:"UploadIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:u.KUI_ICON_SIZE_50,validator:t=>{if(typeof t=="string"&&/^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(t)||typeof t=="number"&&t>0)return!0;if(typeof t=="string"){const e=String(t).replace(/px/gi,""),n=Number(e);if(n&&!isNaN(n)&&Number.isInteger(n)&&n>0)return!0}return!1}},as:{type:String,required:!1,default:"span"},staticIds:{type:Boolean,default:!1}},setup(t){const e=t,n=o=>typeof o=="string"&&/^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(o),s=r.computed(()=>{if(n(e.size))return e.size;if(typeof e.size=="number"&&e.size>0)return`${e.size}px`;if(typeof e.size=="string"){const o=String(e.size).replace(/px/gi,""),i=Number(o);if(i&&!isNaN(i)&&Number.isInteger(i)&&i>0)return`${i}px`}return u.KUI_ICON_SIZE_50}),p=r.computed(()=>({boxSizing:"border-box",color:e.color,display:e.display,flexShrink:"0",height:s.value,lineHeight:"0",width:s.value,pointerEvents:e.decorative?"none":void 0})),f=o=>{const i={},m=Math.random().toString(36).substring(2,12);return o.replace(/id="([^"]+)"/g,(l,a)=>{const d=`${m}-${a}`;return i[a]=d,`id="${d}"`}).replace(/#([^\s^")]+)/g,(l,a)=>i[a]?`#${i[a]}`:l)},g={"<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;","&":"&amp;"},v=o=>o.replace(/[<>"'&]/g,i=>g[i]),y=`${e.title?`<title data-testid="kui-icon-svg-title">${v(e.title)}</title>`:""}${e.staticIds?c:f(c)}`;return(o,i)=>(r.openBlock(),r.createBlock(r.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon upload-icon","data-testid":"kui-icon-wrapper-upload-icon",style:r.normalizeStyle(p.value),tabindex:t.decorative?"-1":void 0},{default:r.withCtx(()=>[(r.openBlock(),r.createElementBlock("svg",{"aria-hidden":t.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:y},null,8,b))]),_:1},8,["aria-hidden","style","tabindex"]))}});exports.default=h;

package/dist/kongponents205.es.js

@@ -1,7 +1,123 @@
-import { warn as a } from "vue";
-function i(r, o) {
-  a(`Invalid prop: validator check failed for prop "${r}". ${o}`);
-}
+import { defineComponent as b, computed as d, openBlock as u, createBlock as x, resolveDynamicComponent as S, normalizeStyle as w, withCtx as N, createElementBlock as $ } from "vue";
+import { KUI_ICON_SIZE_50 as p } from "./kongponents278.es.js";
+const z = ["aria-hidden"], c = '<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"/>', I = /* @__PURE__ */ b({
+  __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: p,
+      // if setting to the imported const fails, just pass a number of 24 as the default.
+      validator: (t) => {
+        if (typeof t == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(t) || typeof t == "number" && t > 0)
+          return !0;
+        if (typeof t == "string") {
+          const e = String(t).replace(/px/gi, ""), a = Number(e);
+          if (a && !isNaN(a) && Number.isInteger(a) && a > 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(t) {
+    const e = t, a = (r) => typeof r == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(r), n = d(() => {
+      if (a(e.size))
+        return e.size;
+      if (typeof e.size == "number" && e.size > 0)
+        return `${e.size}px`;
+      if (typeof e.size == "string") {
+        const r = String(e.size).replace(/px/gi, ""), i = Number(r);
+        if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
+          return `${i}px`;
+      }
+      return p;
+    }), f = d(() => ({
+      boxSizing: "border-box",
+      color: e.color,
+      display: e.display,
+      flexShrink: "0",
+      height: n.value,
+      lineHeight: "0",
+      width: n.value,
+      pointerEvents: e.decorative ? "none" : void 0
+    })), g = (r) => {
+      const i = {}, h = Math.random().toString(36).substring(2, 12);
+      return r.replace(/id="([^"]+)"/g, (s, o) => {
+        const l = `${h}-${o}`;
+        return i[o] = l, `id="${l}"`;
+      }).replace(/#([^\s^")]+)/g, (s, o) => i[o] ? `#${i[o]}` : s);
+    }, m = {
+      "<": "&lt;",
+      ">": "&gt;",
+      '"': "&quot;",
+      "'": "&#39;",
+      "&": "&amp;"
+    }, v = (r) => r.replace(/[<>"'&]/g, (i) => m[i]), y = `${e.title ? `<title data-testid="kui-icon-svg-title">${v(e.title)}</title>` : ""}${e.staticIds ? c : g(c)}`;
+    return (r, i) => (u(), x(S(t.as), {
+      "aria-hidden": t.decorative ? "true" : void 0,
+      class: "kui-icon upload-icon",
+      "data-testid": "kui-icon-wrapper-upload-icon",
+      style: w(f.value),
+      tabindex: t.decorative ? "-1" : void 0
+    }, {
+      default: N(() => [
+        (u(), $("svg", {
+          "aria-hidden": t.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: y
+        }, null, 8, z))
+      ]),
+      _: 1
+    }, 8, ["aria-hidden", "style", "tabindex"]));
+  }
+});
 export {
-  i as warnInvalidProp
+  I as default
 };

package/dist/kongponents206.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("vue"),A=require("./kongponents351.cjs"),N=require("./kongponents352.cjs"),g=({children:t=[]})=>t.length===0?0:1+Math.max(...t.map(g)),V=l.defineComponent({__name:"KTreeDraggable",props:{items:{},disableDrag:{type:Boolean},filter:{type:[String,Function]},maxDepth:{},level:{default:0},parentId:{},hideIcons:{type:Boolean},group:{},collapsible:{type:Boolean},initialCollapseAll:{type:Boolean}},emits:["change","child-change","selected"],setup(t,{expose:p,emit:x}){const d=x,s=l.ref(0),n=l.ref([]),C={tag:"div","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},h=l.ref(!1),m=l.computed(()=>[".tree-item-expanded-button",...(typeof t.filter=="function"?t.filter():t.filter).split(",").map(i=>i.trim()).filter(Boolean)].join(", ")),v=e=>!n.value.filter(i=>i.id===e.id)?.[0]?.children?.length,y=e=>e.children||[],D=e=>{t.parentId?d("child-change",{parentId:t.parentId,children:n.value,target:e?.added||e?.removed||e?.moved}):d("change",{items:n.value,target:e?.added||e?.removed||e?.moved})},E=e=>{d("child-change",e)},f=e=>{d("selected",e)},r=l.ref(new Map),k=(e,i)=>{r.value.set(i,e)},S=e=>t.collapsible?!!r.value.get(e):!0,u=l.useTemplateRef("tree-items"),B=()=>{n.value.forEach(e=>{r.value.set(e.id,!1)}),u.value?.forEach(e=>{e?.setExpandedValue(!1)})},I=()=>{n.value.forEach(e=>{r.value.set(e.id,!0)}),u.value?.forEach(e=>{e?.setExpandedValue(!0)})},$=l.computed(()=>t.level>t.maxDepth-1),T=e=>{const i=e.relatedContext?.component?.$attrs.level||0,o=e.draggedContext?.element;let a=0;return o.children?.length&&(a=g(o)),!(i+a>t.maxDepth-1)},w=e=>{const i=e.item?._underlying_vm_?.id||"",o=n.value.find(a=>a.id===i);h.value=!0,o&&d("selected",o),b(!0)},L=async()=>{h.value=!1,b(!1),s.value++,await l.nextTick(),u.value?.forEach(e=>{e?.setExpandedValue(r.value.get(e?.id))})},b=e=>{const i=document?.getElementsByTagName("html").item(0);i&&i.classList.toggle("tree-list-grabbing",e)};l.watch(()=>t.items,(e,i)=>{JSON.stringify(e)!==JSON.stringify(i)&&(n.value=e,n.value.forEach(o=>{o.children||(o.children=[])}))});const M=()=>{n.value.forEach(e=>{r.value.set(e.id,!t.initialCollapseAll)})};return l.onMounted(async()=>{n.value=t.items,n.value.forEach(e=>{e.children||(e.children=[])}),await l.nextTick(),t.collapsible&&M()}),p({collapseAll:B,expandAll:I}),(e,i)=>{const o=l.resolveComponent("KTreeDraggable",!0);return l.openBlock(),l.createBlock(l.unref(A.VueDraggableNext),l.mergeProps(C,{class:"tree-draggable",direction:"vertical",disabled:t.disableDrag,filter:m.value,group:{name:t.group,pull:[t.group],put:$.value?[]:[t.group]},level:t.level,list:n.value,move:T,tag:"div",onChange:D,onEnd:L,onStart:w}),{default:l.withCtx(()=>[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(n.value,a=>(l.openBlock(),l.createElementBlock("div",{key:a.id,class:l.normalizeClass(["tree-item-container",{"has-no-children":v(a)}])},[(l.openBlock(),l.createBlock(N.default,{key:`tree-item-${a.id}-${s.value}`,ref_for:!0,ref:"tree-items",collapsible:t.collapsible,"controls-id":a.id,disabled:t.disableDrag,"has-children":!v(a),"hide-icons":t.hideIcons,"initial-collapse":t.initialCollapseAll,item:a,onExpanded:c=>k(c,a.id),onSelected:f},l.createSlots({"item-label":l.withCtx(()=>[l.renderSlot(e.$slots,"item-label",{item:a},()=>[l.createTextVNode(l.toDisplayString(a.name),1)],!0)]),_:2},[e.$slots["item-icon"]?{name:"item-icon",fn:l.withCtx(()=>[l.renderSlot(e.$slots,"item-icon",{item:a},void 0,!0)]),key:"0"}:void 0]),1032,["collapsible","controls-id","disabled","has-children","hide-icons","initial-collapse","item","onExpanded"])),l.withDirectives((l.openBlock(),l.createBlock(o,{id:`tree-list-draggable-${a.id}`,key:`tree-item-${a.id}-children-${s.value}`,class:l.normalizeClass({collapsible:t.collapsible}),collapsible:t.collapsible,"disable-drag":t.disableDrag,filter:m.value,group:t.group,"hide-icons":t.hideIcons,"initial-collapse-all":t.initialCollapseAll,items:y(a),level:t.level+1,"max-depth":t.maxDepth,"parent-id":a.id,onChildChange:E,onSelected:f},l.createSlots({"item-label":l.withCtx(({item:c})=>[l.renderSlot(e.$slots,"item-label",{item:c},void 0,!0)]),_:2},[e.$slots["item-icon"]?{name:"item-icon",fn:l.withCtx(({item:c})=>[l.renderSlot(e.$slots,"item-icon",{item:c},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"])),[[l.vShow,S(a.id)]])],2))),128))]),_:3},16,["disabled","filter","group","level","list"])}}});exports.default=V;exports.getMaximumDepth=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./kongponents209.cjs"),g=require("./kongponents270.cjs"),e=require("vue");function q(t){return t!=null&&typeof t=="object"&&"$el"in t}function _(t){if(q(t)){const a=t.$el;return g.isNode(a)&&g.getNodeName(a)==="#comment"?null:a}return t}function c(t){return typeof t=="function"?t():e.unref(t)}function E(t){return typeof window>"u"?1:(t.ownerDocument.defaultView||window).devicePixelRatio||1}function b(t,a){const l=E(t);return Math.round(a*l)/l}function N(t,a,l){l===void 0&&(l={});const P=l.whileElementsMounted,s=e.computed(()=>{var n;return(n=c(l.open))!=null?n:!0}),R=e.computed(()=>c(l.middleware)),p=e.computed(()=>{var n;return(n=c(l.placement))!=null?n:"bottom"}),v=e.computed(()=>{var n;return(n=c(l.strategy))!=null?n:"absolute"}),S=e.computed(()=>{var n;return(n=c(l.transform))!=null?n:!0}),i=e.computed(()=>_(t.value)),u=e.computed(()=>_(a.value)),w=e.ref(0),y=e.ref(0),f=e.ref(v.value),x=e.ref(p.value),O=e.shallowRef({}),h=e.ref(!1),M=e.computed(()=>{const n={position:f.value,left:"0",top:"0"};if(!u.value)return n;const o=b(u.value,w.value),D=b(u.value,y.value);return S.value?{...n,transform:"translate("+o+"px, "+D+"px)",...E(u.value)>=1.5&&{willChange:"transform"}}:{position:f.value,left:o+"px",top:D+"px"}});let d;function m(){if(i.value==null||u.value==null)return;const n=s.value;r.computePosition(i.value,u.value,{middleware:R.value,placement:p.value,strategy:v.value}).then(o=>{w.value=o.x,y.value=o.y,f.value=o.strategy,x.value=o.placement,O.value=o.middlewareData,h.value=n!==!1})}function V(){typeof d=="function"&&(d(),d=void 0)}function C(){if(V(),P===void 0){m();return}if(i.value!=null&&u.value!=null){d=P(i.value,u.value,m);return}}function U(){s.value||(h.value=!1)}return e.watch([R,p,v,s],m,{flush:"sync"}),e.watch([i,u],C,{flush:"sync"}),e.watch(s,U,{flush:"sync"}),e.getCurrentScope()&&e.onScopeDispose(V),{x:e.shallowReadonly(w),y:e.shallowReadonly(y),strategy:e.shallowReadonly(f),placement:e.shallowReadonly(x),middlewareData:e.shallowReadonly(O),isPositioned:e.shallowReadonly(h),floatingStyles:M,update:m}}exports.autoPlacement=r.autoPlacement;exports.autoUpdate=r.autoUpdate;exports.computePosition=r.computePosition;exports.flip=r.flip;exports.platform=r.platform;exports.shift=r.shift;exports.getOverflowAncestors=g.getOverflowAncestors;exports.useFloating=N;