@kong/kongponents 9.60.9 → 9.60.10

package/dist/kongponents240.es.js

@@ -1,123 +1,38 @@
-import { defineComponent as h, computed as d, openBlock as u, createBlock as b, resolveDynamicComponent as k, normalizeStyle as S, withCtx as C, createElementBlock as w } from "vue";
-import { KUI_ICON_SIZE_50 as p } from "./kongponents263.es.js";
-const z = ["aria-hidden"], c = '<path d="M5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H12V5H5V19H19V12H21V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM9.7 15.7L8.3 14.3L17.6 5H14V3H21V10H19V6.4L9.7 15.7Z" fill="currentColor"/>', N = /* @__PURE__ */ h({
-  __name: "ExternalLinkIcon",
-  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;
-    }), f = 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 = {}, x = Math.random().toString(36).substring(2, 12);
-      return r.replace(/id="([^"]+)"/g, (l, a) => {
-        const s = `${x}-${a}`;
-        return i[a] = s, `id="${s}"`;
-      }).replace(/#([^\s^")]+)/g, (l, a) => i[a] ? `#${i[a]}` : l);
-    }, 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(), b(k(t.as), {
-      "aria-hidden": t.decorative ? "true" : void 0,
-      class: "kui-icon external-link-icon",
-      "data-testid": "kui-icon-wrapper-external-link-icon",
-      style: S(f.value),
-      tabindex: t.decorative ? "-1" : void 0
-    }, {
-      default: C(() => [
-        (u(), w("svg", {
-          "aria-hidden": t.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-external-link-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"]));
+const u = ["ControlLeft", "ControlRight", "ShiftLeft", "ShiftRight", "AltLeft"];
+class l {
+  commands;
+  keyMap;
+  boundTriggerShortcuts;
+  constructor(r, o) {
+    this.commands = o, this.keyMap = Object.fromEntries(Object.entries(r).map(([i, s]) => [i.toLowerCase(), s])), this.boundTriggerShortcuts = this.triggerShortcuts.bind(this);
   }
-});
+  registerListener() {
+    document?.addEventListener("keydown", this.boundTriggerShortcuts);
+  }
+  unRegisterListener() {
+    document?.removeEventListener("keydown", this.boundTriggerShortcuts);
+  }
+  triggerShortcuts(r) {
+    d(r, this.keyMap, this.commands);
+  }
+}
+function d(t, r, o) {
+  if (!t.code)
+    return;
+  const i = h(t.code), s = [
+    t.ctrlKey ? "ctrl" : "",
+    t.shiftKey ? "shift" : "",
+    t.altKey ? "alt" : "",
+    i
+  ].filter((c) => c !== "").join("+"), n = r[s];
+  if (!n)
+    return;
+  const e = o[n];
+  e.isAllowedContext && !e.isAllowedContext(t) || (e.shouldPreventDefaultAction && t.preventDefault(), !(e.isDisabled && e.isDisabled()) && e.trigger(t));
+}
+function h(t) {
+  return !t || u.includes(t) ? "" : t.replace(/^Key/, "").toLowerCase();
+}
 export {
-  N as default
+  l as ShortcutManager
 };

package/dist/kongponents241.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kongponents242.cjs");;/* empty css                 */const t=require("./kongponents75.cjs"),u=t.default(e.default,[["__scopeId","data-v-032174d6"]]);exports.getMaximumDepth=e.getMaximumDepth;exports.default=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const L=require("./kongponents278.cjs");function f(t){const n=[0];for(let r=0;r<t.length;r++)t[r]===`
+`&&n.push(r+1);return n}function o(t,n){let r=0,e=t.length-1;for(;r<e;){const i=Math.floor((r+e+1)/2);t[i]&&t[i]<=n?r=i:e=i-1}return r+1}function d(t,n,r){if(!t||!n)return[];const e=[];let i=0;for(;;){const s=t.indexOf(n,i);if(s===-1)break;const l=o(r,s);e.push(l),i=(l<r.length?r[l]:t.length)??0}return e}function x(t,n,r){if(!t||!n)return[];const e=new RegExp(n,"sg"),i=[];let s;for(;(s=e.exec(t))!==null;){const l=s.index,c=s.index+s[0].length-1,u=o(r,l),M=o(r,c);for(let h=u;h<=M;h++)i[i.length-1]!==h&&i.push(h)}return i}function N(t,n,r,e=f(t)){return r?x(t,n,e):d(t,n,e)}const g=t=>`<mark class="matched-term">${t}</mark>`,p=/[<&]/;function a(t){return t.replace(/[&<]/g,n=>n==="&"?"&amp;":"&lt;")}function b(t,n=p,r=a){return n.test(t)?r(t):t}function I(t,n,r){if(!t||!n)return"";let e;try{e=new RegExp(`(?:${r?n:L.default(n)})+`,"sgi")}catch{return t}const i=!p.test(t);let s="",l=0,c;for(;(c=e.exec(t))!==null;){const u=c.index;s+=i?t.slice(l,u):a(t.slice(l,u)),s+=g(i?c[0]:a(c[0])),l=u+c[0].length}return s+=i?t.slice(l):a(t.slice(l)),s}const m=/^\d+(?:-\d+)?(?:,\d+(?:-\d+)?)*$/;function R(t,n){if(!m.test(t))throw new Error("Invalid line number expression.");const r=t.split(",").map(e=>{const[i,s]=e.split("-").map(Number);return s==null?i:[i,s]}).filter(e=>e!==void 0);return E(r,n)}function E(t,n){const r=t.flatMap(e=>{if(typeof e=="number")return e<1||e>n?[]:e;let[i,s]=e[0]<e[1]?e:[e[1],e[0]];return i=Math.max(1,i),s=Math.min(n,s),Array.from({length:s-i+1},(l,c)=>c+i)}).sort((e,i)=>e-i);return Array.from(new Set(r))}function w(t,n){return typeof t=="string"?R(t,n):E(t,n)}exports.LINE_NUMBER_EXPRESSION_REGEX=m;exports.buildLineOffsets=f;exports.escapeHTMLIfNeeded=b;exports.escapeInnerHTML=a;exports.getMatchingLineNumbers=N;exports.highlightMatchingChars=I;exports.normalizeHighlightedLines=w;exports.wrapMark=g;

package/dist/kongponents241.es.js

@@ -1,9 +1,100 @@
-import o from "./kongponents242.es.js";
-import { getMaximumDepth as _ } from "./kongponents242.es.js";
-/* empty css                  */
-import r from "./kongponents75.es.js";
-const a = /* @__PURE__ */ r(o, [["__scopeId", "data-v-032174d6"]]);
+import g from "./kongponents278.es.js";
+function E(t) {
+  const n = [0];
+  for (let r = 0; r < t.length; r++)
+    t[r] === `
+` && n.push(r + 1);
+  return n;
+}
+function a(t, n) {
+  let r = 0, e = t.length - 1;
+  for (; r < e; ) {
+    const i = Math.floor((r + e + 1) / 2);
+    t[i] && t[i] <= n ? r = i : e = i - 1;
+  }
+  return r + 1;
+}
+function x(t, n, r) {
+  if (!t || !n)
+    return [];
+  const e = [];
+  let i = 0;
+  for (; ; ) {
+    const s = t.indexOf(n, i);
+    if (s === -1) break;
+    const l = a(r, s);
+    e.push(l), i = (l < r.length ? r[l] : t.length) ?? 0;
+  }
+  return e;
+}
+function L(t, n, r) {
+  if (!t || !n)
+    return [];
+  const e = new RegExp(n, "sg"), i = [];
+  let s;
+  for (; (s = e.exec(t)) !== null; ) {
+    const l = s.index, c = s.index + s[0].length - 1, u = a(r, l), m = a(r, c);
+    for (let o = u; o <= m; o++)
+      i[i.length - 1] !== o && i.push(o);
+  }
+  return i;
+}
+function w(t, n, r, e = E(t)) {
+  return r ? L(t, n, e) : x(t, n, e);
+}
+const M = (t) => `<mark class="matched-term">${t}</mark>`, f = /[<&]/;
+function h(t) {
+  return t.replace(/[&<]/g, (n) => n === "&" ? "&amp;" : "&lt;");
+}
+function R(t, n = f, r = h) {
+  return n.test(t) ? r(t) : t;
+}
+function I(t, n, r) {
+  if (!t || !n)
+    return "";
+  let e;
+  try {
+    e = new RegExp(`(?:${r ? n : g(n)})+`, "sgi");
+  } catch {
+    return t;
+  }
+  const i = !f.test(t);
+  let s = "", l = 0, c;
+  for (; (c = e.exec(t)) !== null; ) {
+    const u = c.index;
+    s += i ? t.slice(l, u) : h(t.slice(l, u)), s += M(i ? c[0] : h(c[0])), l = u + c[0].length;
+  }
+  return s += i ? t.slice(l) : h(t.slice(l)), s;
+}
+const d = /^\d+(?:-\d+)?(?:,\d+(?:-\d+)?)*$/;
+function b(t, n) {
+  if (!d.test(t))
+    throw new Error("Invalid line number expression.");
+  const r = t.split(",").map((e) => {
+    const [i, s] = e.split("-").map(Number);
+    return s == null ? i : [i, s];
+  }).filter((e) => e !== void 0);
+  return p(r, n);
+}
+function p(t, n) {
+  const r = t.flatMap((e) => {
+    if (typeof e == "number")
+      return e < 1 || e > n ? [] : e;
+    let [i, s] = e[0] < e[1] ? e : [e[1], e[0]];
+    return i = Math.max(1, i), s = Math.min(n, s), Array.from({ length: s - i + 1 }, (l, c) => c + i);
+  }).sort((e, i) => e - i);
+  return Array.from(new Set(r));
+}
+function k(t, n) {
+  return typeof t == "string" ? b(t, n) : p(t, n);
+}
 export {
-  a as default,
-  _ as getMaximumDepth
+  d as LINE_NUMBER_EXPRESSION_REGEX,
+  E as buildLineOffsets,
+  R as escapeHTMLIfNeeded,
+  h as escapeInnerHTML,
+  w as getMatchingLineNumbers,
+  I as highlightMatchingChars,
+  k as normalizeHighlightedLines,
+  M as wrapMark
 };

package/dist/kongponents242.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("vue"),A=require("./kongponents440.cjs"),N=require("./kongponents441.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.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("vue"),d=require("./kongponents270.cjs"),b=["aria-hidden"],c='<path d="M11 20V7.825L5.4 13.425L4 12L12 4L20 12L18.6 13.425L13 7.825V20H11Z" fill="currentColor"/>',h=i.defineComponent({__name:"ArrowUpIcon",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,""),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=i.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,""),r=Number(o);if(r&&!isNaN(r)&&Number.isInteger(r)&&r>0)return`${r}px`}return d.KUI_ICON_SIZE_50}),p=i.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 r={},m=Math.random().toString(36).substring(2,12);return o.replace(/id="([^"]+)"/g,(l,a)=>{const u=`${m}-${a}`;return r[a]=u,`id="${u}"`}).replace(/#([^\s^")]+)/g,(l,a)=>r[a]?`#${r[a]}`:l)},g={"<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;","&":"&amp;"},v=o=>o.replace(/[<>"'&]/g,r=>g[r]),y=`${e.title?`<title data-testid="kui-icon-svg-title">${v(e.title)}</title>`:""}${e.staticIds?c:f(c)}`;return(o,r)=>(i.openBlock(),i.createBlock(i.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon arrow-up-icon","data-testid":"kui-icon-wrapper-arrow-up-icon",style:i.normalizeStyle(p.value),tabindex:t.decorative?"-1":void 0},{default:i.withCtx(()=>[(i.openBlock(),i.createElementBlock("svg",{"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-arrow-up-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/kongponents242.es.js

@@ -1,183 +1,123 @@
-import { defineComponent as j, ref as u, computed as C, useTemplateRef as P, watch as q, onMounted as G, nextTick as D, resolveComponent as H, openBlock as s, createBlock as v, unref as Q, mergeProps as U, withCtx as c, createElementBlock as x, Fragment as W, renderList as X, normalizeClass as k, createSlots as S, renderSlot as g, createTextVNode as Y, toDisplayString as Z, withDirectives as _, vShow as ee } from "vue";
-import { VueDraggableNext as le } from "./kongponents440.es.js";
-import te from "./kongponents441.es.js";
-const I = ({ children: l = [] }) => l.length === 0 ? 0 : 1 + Math.max(...l.map(I)), oe = /* @__PURE__ */ j({
-  __name: "KTreeDraggable",
+import { defineComponent as w, computed as d, openBlock as u, createBlock as b, resolveDynamicComponent as x, normalizeStyle as S, withCtx as $, createElementBlock as z } from "vue";
+import { KUI_ICON_SIZE_50 as p } from "./kongponents270.es.js";
+const N = ["aria-hidden"], c = '<path d="M11 20V7.825L5.4 13.425L4 12L12 4L20 12L18.6 13.425L13 7.825V20H11Z" fill="currentColor"/>', q = /* @__PURE__ */ w({
+  __name: "ArrowUpIcon",
   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: 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
+    }
   },
-  emits: ["change", "child-change", "selected"],
-  setup(l, { expose: $, emit: L }) {
-    const d = L, h = u(0), i = u([]), B = {
-      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
-    }, f = u(!1), b = C(() => [".tree-item-expanded-button", ...(typeof l.filter == "function" ? l.filter() : l.filter).split(",").map((a) => a.trim()).filter(Boolean)].join(", ")), p = (e) => !i.value.filter((a) => a.id === e.id)?.[0]?.children?.length, T = (e) => e.children || [], A = (e) => {
-      l.parentId ? d("child-change", {
-        parentId: l.parentId,
-        children: i.value,
-        target: e?.added || e?.removed || e?.moved
-      }) : d("change", {
-        items: i.value,
-        target: e?.added || e?.removed || e?.moved
-      });
-    }, w = (e) => {
-      d("child-change", e);
-    }, y = (e) => {
-      d("selected", e);
-    }, o = u(/* @__PURE__ */ new Map()), M = (e, a) => {
-      o.value.set(a, e);
-    }, N = (e) => l.collapsible ? !!o.value.get(e) : !0, m = P("tree-items"), V = () => {
-      i.value.forEach((e) => {
-        o.value.set(e.id, !1);
-      }), m.value?.forEach((e) => {
-        e?.setExpandedValue(!1);
-      });
-    }, K = () => {
-      i.value.forEach((e) => {
-        o.value.set(e.id, !0);
-      }), m.value?.forEach((e) => {
-        e?.setExpandedValue(!0);
-      });
-    }, F = C(() => l.level > l.maxDepth - 1), O = (e) => {
-      const a = e.relatedContext?.component?.$attrs.level || 0, n = e.draggedContext?.element;
-      let t = 0;
-      return n.children?.length && (t = I(n)), !(a + t > l.maxDepth - 1);
-    }, z = (e) => {
-      const a = e.item?._underlying_vm_?.id || "", n = i.value.find((t) => t.id === a);
-      f.value = !0, n && d("selected", n), E(!0);
-    }, J = async () => {
-      f.value = !1, E(!1), h.value++, await D(), m.value?.forEach((e) => {
-        e?.setExpandedValue(o.value.get(e?.id));
-      });
-    }, E = (e) => {
-      const a = document?.getElementsByTagName("html").item(0);
-      a && a.classList.toggle("tree-list-grabbing", e);
-    };
-    q(() => l.items, (e, a) => {
-      JSON.stringify(e) !== JSON.stringify(a) && (i.value = e, i.value.forEach((n) => {
-        n.children || (n.children = []);
-      }));
-    });
-    const R = () => {
-      i.value.forEach((e) => {
-        o.value.set(e.id, !l.initialCollapseAll);
-      });
-    };
-    return G(async () => {
-      i.value = l.items, i.value.forEach((e) => {
-        e.children || (e.children = []);
-      }), await D(), l.collapsible && R();
-    }), $({ collapseAll: V, expandAll: K }), (e, a) => {
-      const n = H("KTreeDraggable", !0);
-      return s(), v(Q(le), U(B, {
-        class: "tree-draggable",
-        direction: "vertical",
-        disabled: l.disableDrag,
-        filter: b.value,
-        group: { name: l.group, pull: [l.group], put: F.value ? [] : [l.group] },
-        level: l.level,
-        list: i.value,
-        move: O,
-        tag: "div",
-        onChange: A,
-        onEnd: J,
-        onStart: z
-      }), {
-        default: c(() => [
-          (s(!0), x(W, null, X(i.value, (t) => (s(), x("div", {
-            key: t.id,
-            class: k(["tree-item-container", {
-              "has-no-children": p(t)
-            }])
-          }, [
-            (s(), v(te, {
-              key: `tree-item-${t.id}-${h.value}`,
-              ref_for: !0,
-              ref: "tree-items",
-              collapsible: l.collapsible,
-              "controls-id": t.id,
-              disabled: l.disableDrag,
-              "has-children": !p(t),
-              "hide-icons": l.hideIcons,
-              "initial-collapse": l.initialCollapseAll,
-              item: t,
-              onExpanded: (r) => M(r, t.id),
-              onSelected: y
-            }, S({
-              "item-label": c(() => [
-                g(e.$slots, "item-label", { item: t }, () => [
-                  Y(Z(t.name), 1)
-                ], !0)
-              ]),
-              _: 2
-            }, [
-              e.$slots["item-icon"] ? {
-                name: "item-icon",
-                fn: c(() => [
-                  g(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"])),
-            _((s(), v(n, {
-              id: `tree-list-draggable-${t.id}`,
-              key: `tree-item-${t.id}-children-${h.value}`,
-              class: k({
-                collapsible: l.collapsible
-              }),
-              collapsible: l.collapsible,
-              "disable-drag": l.disableDrag,
-              filter: b.value,
-              group: l.group,
-              "hide-icons": l.hideIcons,
-              "initial-collapse-all": l.initialCollapseAll,
-              items: T(t),
-              level: l.level + 1,
-              "max-depth": l.maxDepth,
-              "parent-id": t.id,
-              onChildChange: w,
-              onSelected: y
-            }, S({
-              "item-label": c(({ item: r }) => [
-                g(e.$slots, "item-label", { item: r }, void 0, !0)
-              ]),
-              _: 2
-            }, [
-              e.$slots["item-icon"] ? {
-                name: "item-icon",
-                fn: c(({ item: r }) => [
-                  g(e.$slots, "item-icon", { item: r }, 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"])), [
-              [ee, N(t.id)]
-            ])
-          ], 2))), 128))
-        ]),
-        _: 3
-      }, 16, ["disabled", "filter", "group", "level", "list"]);
-    };
+  setup(t) {
+    const e = t, a = (i) => typeof i == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(i), 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 i = String(e.size).replace(/px/gi, ""), r = Number(i);
+        if (r && !isNaN(r) && Number.isInteger(r) && r > 0)
+          return `${r}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 = (i) => {
+      const r = {}, h = Math.random().toString(36).substring(2, 12);
+      return i.replace(/id="([^"]+)"/g, (s, o) => {
+        const l = `${h}-${o}`;
+        return r[o] = l, `id="${l}"`;
+      }).replace(/#([^\s^")]+)/g, (s, o) => r[o] ? `#${r[o]}` : s);
+    }, m = {
+      "<": "&lt;",
+      ">": "&gt;",
+      '"': "&quot;",
+      "'": "&#39;",
+      "&": "&amp;"
+    }, v = (i) => i.replace(/[<>"'&]/g, (r) => m[r]), y = `${e.title ? `<title data-testid="kui-icon-svg-title">${v(e.title)}</title>` : ""}${e.staticIds ? c : g(c)}`;
+    return (i, r) => (u(), b(x(t.as), {
+      "aria-hidden": t.decorative ? "true" : void 0,
+      class: "kui-icon arrow-up-icon",
+      "data-testid": "kui-icon-wrapper-arrow-up-icon",
+      style: S(f.value),
+      tabindex: t.decorative ? "-1" : void 0
+    }, {
+      default: $(() => [
+        (u(), z("svg", {
+          "aria-hidden": t.decorative ? "true" : void 0,
+          "data-testid": "kui-icon-svg-arrow-up-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, N))
+      ]),
+      _: 1
+    }, 8, ["aria-hidden", "style", "tabindex"]));
   }
 });
 export {
-  oe as default,
-  I as getMaximumDepth
+  q as default
 };

package/dist/kongponents243.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kongponents279.cjs");;/* empty css                 */const t=require("./kongponents75.cjs"),r=t.default(e.default,[["__scopeId","data-v-4d3fc89d"]]);exports.default=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue"),d=require("./kongponents270.cjs"),b=["aria-hidden"],c='<path d="M10 18V16H14V18H10ZM6 13V11H18V13H6ZM3 8V6H21V8H3Z" fill="currentColor"/>',h=r.defineComponent({__name:"FilterIcon",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 filter-icon","data-testid":"kui-icon-wrapper-filter-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-filter-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;