@kong/kongponents 9.64.0 → 9.64.1

package/dist/kongponents173.es.js

@@ -0,0 +1,180 @@
+import { defineComponent as I, useId as A, computed as m, useTemplateRef as D, useModel as E, watch as f, openBlock as d, createElementBlock as o, createBlock as F, mergeProps as L, unref as h, withCtx as y, createTextVNode as q, toDisplayString as $, createCommentVNode as U, createElementVNode as u, normalizeStyle as b, normalizeClass as P, createVNode as W, withDirectives as X, vModelText as G, Fragment as B, renderList as C, mergeModels as K } from "vue";
+import H from "./kongponents57.es.js";
+import J from "./kongponents62.es.js";
+const O = {
+  class: "k-slider",
+  "data-testid": "k-slider"
+}, Q = { class: "slider-container" }, Y = { class: "input-value" }, Z = ["id", "disabled", "list", "max", "min", "step"], p = ["id"], _ = ["data-testid", "label", "value"], ee = {
+  "aria-hidden": "true",
+  class: "slider-marks",
+  "data-testid": "slider-marks"
+}, te = ["data-testid", "onClick"], ne = /* @__PURE__ */ I({
+  __name: "KSlider",
+  props: /* @__PURE__ */ K({
+    label: { default: "" },
+    min: { default: 0 },
+    max: { default: 10 },
+    step: { default: 1 },
+    showMarks: { type: Boolean, default: !1 },
+    marks: { default: () => [] },
+    showValue: { type: Boolean, default: !0 },
+    disabled: { type: Boolean, default: !1 },
+    labelAttributes: { default: () => ({}) }
+  }, {
+    modelValue: {
+      required: !0,
+      type: Number
+    },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ K(["change", "update:modelValue"], ["update:modelValue"]),
+  setup(e, { emit: j }) {
+    const S = j, r = A(), N = m(() => ({ width: s(i.value) })), T = m(() => ({
+      left: s(i.value),
+      transform: `translateX(-${s(i.value)})`
+    })), R = () => {
+      S("change", i.value), g();
+    }, z = (t) => {
+      i.value = t, S("change", i.value), g();
+    }, V = D("thumbPopover"), g = () => {
+      V.value?.showPopover();
+    }, x = () => {
+      V.value?.hidePopover();
+    }, i = E(e, "modelValue"), n = m(() => {
+      const t = Math.max(
+        (String(e.step).split(".")[1] || "").length,
+        (String(e.min).split(".")[1] || "").length,
+        (String(e.max).split(".")[1] || "").length
+      );
+      return Math.pow(10, t);
+    }), c = m(() => {
+      if (e.max <= e.min || e.step <= 0)
+        return [];
+      const t = [], l = e.min * n.value, a = e.max * n.value, w = e.step * n.value;
+      for (let k = l; k <= a; k += w)
+        t.push(k / n.value);
+      return t;
+    }), v = (t) => t >= e.min && t <= e.max && c.value.includes(t), M = m(() => {
+      if (e.marks.length) {
+        if (typeof e.marks[0] == "object")
+          return e.marks.filter((t) => v(t.value));
+        {
+          const t = e.marks.filter((l) => v(l)).map((l) => ({
+            label: String(l),
+            value: l
+          }));
+          return t[0]?.value !== e.min && t.unshift({ label: String(e.min), value: e.min }), t.at(-1)?.value !== e.max && t.push({ label: String(e.max), value: e.max }), t;
+        }
+      }
+      return e.showMarks ? c.value.map((t) => ({
+        label: String(t),
+        value: t
+      })) : [
+        {
+          label: String(e.min),
+          value: e.min
+        },
+        {
+          label: String(e.max),
+          value: e.max
+        }
+      ];
+    }), s = (t) => `${(t - e.min) / (e.max - e.min) * 100}%`;
+    return f(() => e.max, (t) => {
+      t <= e.min && console.warn(`KSlider: max value ${t} must be greater than min value ${e.min}.`);
+    }, { immediate: !0 }), f(() => e.step, (t) => {
+      e.max > e.min && (t <= 0 || (e.max * n.value - e.min * n.value) % (t * n.value) !== 0) && console.warn(`KSlider: step value ${t} is invalid.`);
+    }, { immediate: !0 }), f(i, (t) => {
+      e.max > e.min && !v(t) && (console.warn(`KSlider: value ${t} is out of range [${c.value.join(", ")}]. Setting to min value ${e.min}.`), i.value = e.min);
+    }, { immediate: !0 }), f(() => e.marks, (t) => {
+      if (t.length) {
+        let l = [];
+        l = t.filter((a) => !v(typeof e.marks[0] == "object" ? a.value : a)), l.length && console.warn(`KSlider: marks [${l.map((a) => typeof l[0] == "object" ? a.value : a).join(", ")}] are out of range [${c.value.join(", ")}].`);
+      }
+    }, { immediate: !0 }), (t, l) => (d(), o("div", O, [
+      e.label ? (d(), F(H, L({ key: 0 }, e.labelAttributes, {
+        for: `${h(r)}-input`
+      }), {
+        default: y(() => [
+          q($(e.label), 1)
+        ]),
+        _: 1
+      }, 16, ["for"])) : U("", !0),
+      u("div", Q, [
+        u("span", {
+          "aria-hidden": "true",
+          class: P(["lower-range-track", { "is-disabled": e.disabled }]),
+          style: b(N.value)
+        }, null, 6),
+        W(J, {
+          ref: "thumbPopover",
+          "aria-hidden": "true",
+          disabled: e.disabled || !e.showValue,
+          "hide-close-icon": "",
+          placement: "top",
+          "popover-timeout": 500,
+          trigger: "hover",
+          width: "auto"
+        }, {
+          content: y(() => [
+            u("span", Y, $(i.value), 1)
+          ]),
+          default: y(() => [
+            u("span", {
+              class: P(["thumb", { "is-disabled": e.disabled }]),
+              style: b(T.value)
+            }, null, 6)
+          ]),
+          _: 1
+        }, 8, ["disabled"]),
+        X(u("input", {
+          id: `${h(r)}-input`,
+          "onUpdate:modelValue": l[0] || (l[0] = (a) => i.value = a),
+          "data-testid": "slider-input",
+          disabled: e.disabled,
+          list: `${h(r)}-markers`,
+          max: e.max,
+          min: e.min,
+          step: e.step,
+          type: "range",
+          onBlur: x,
+          onFocus: g,
+          onInput: R,
+          onMouseup: x,
+          onTouchend: x
+        }, null, 40, Z), [
+          [
+            G,
+            i.value,
+            void 0,
+            { number: !0 }
+          ]
+        ]),
+        u("datalist", {
+          id: `${h(r)}-markers`,
+          "data-testid": "slider-datalist-marks"
+        }, [
+          (d(!0), o(B, null, C(M.value, (a) => (d(), o("option", {
+            key: `datalist-mark-${a.value}`,
+            "data-testid": `datalist-mark-${a.value}`,
+            label: a.label,
+            style: b({ left: s(a.value) }),
+            value: a.value
+          }, null, 12, _))), 128))
+        ], 8, p),
+        u("div", ee, [
+          (d(!0), o(B, null, C(M.value, (a) => (d(), o("span", {
+            key: `mark-${a.value}`,
+            "data-testid": `mark-${a.value}`,
+            role: "button",
+            style: b({ left: s(a.value) }),
+            onClick: (w) => z(a.value)
+          }, $(a.label || a.value), 13, te))), 128))
+        ])
+      ])
+    ]));
+  }
+});
+export {
+  ne as default
+};

package/dist/{kongponents174.cjs → kongponents175.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),$=require("./kongponents240.cjs"),N=require("./kongponents241.cjs"),A=require("./kongponents184.cjs"),L={class:"k-filter-group"},M={key:0,class:"label","data-testid":"filter-group-label"},I=["data-testid"],V=e.defineComponent({__name:"KFilterGroup",props:e.mergeModels({filters:{},groupLabel:{default:"Filters"},selectorLabel:{default:()=>{}},itemFiltering:{type:Boolean,default:!1}},{modelValue:{required:!0},modelModifiers:{}}),emits:e.mergeModels(["apply","clear","open","close"],["update:modelValue"]),setup(n,{emit:p}){const F=e.useSlots(),g=t=>`filter-${t}`,v=t=>`filter-item-${t}`,r=e.useModel(n,"modelValue"),i=e.ref(),u=e.ref([]),s=p,f=e.computed(()=>{const t=Object.keys(n.filters).filter(l=>n.filters[l].pinned),o=u.value.filter(l=>r.value[l]!==void 0);return i.value!==void 0&&!t.includes(i.value)&&!o.includes(i.value)&&o.push(i.value),[...t,...o]}),d=e.computed(()=>Object.keys(n.filters).filter(t=>!f.value.includes(t))),b=e.computed(()=>d.value.reduce((t,o)=>({...t,[o]:n.filters[o]}),{})),h=Number.parseFloat(A.KUI_ANIMATION_DURATION_20)*1e3,S=t=>{setTimeout(()=>{i.value=t},h)},B=t=>{i.value!==void 0&&m(i.value),i.value=t,s("open",t)},m=t=>{i.value===t&&(i.value=void 0),s("close",t)},C=t=>{r.value[t]=void 0,i.value===t&&(i.value=void 0),s("clear",t,r.value)},O=(t,o)=>{o!==void 0&&(r.value[t]=o),i.value===t&&(i.value=void 0),s("apply",t,r.value)};return e.watch(r,t=>{Object.entries(t).forEach(([o,l])=>{if(n.filters[o]?.pinned)return;const c=u.value.indexOf(o);c!==-1&&l===void 0?u.value=[...u.value.slice(0,c),...u.value.slice(c+1)]:c===-1&&l!==void 0&&u.value.push(o)})},{immediate:!0,deep:!0}),(t,o)=>(e.openBlock(),e.createElementBlock("div",L,[n.groupLabel?(e.openBlock(),e.createElementBlock("div",M,e.toDisplayString(n.groupLabel),1)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(f.value,l=>(e.openBlock(),e.createElementBlock("div",{key:`filter-pill-${l}`,"data-testid":`filter-group-pill-${l}`},[e.createVNode(N.default,{custom:!!e.unref(F)[`filter-${l}`],filter:n.filters[l],"init-open":l===i.value,selection:r.value[l],onApply:a=>O(l,a),onClear:a=>C(l),onClose:a=>m(l),onOpen:a=>B(l)},{default:e.withCtx(a=>[e.renderSlot(t.$slots,g(l),e.mergeProps({ref_for:!0},a),void 0,!0)]),_:2},1032,["custom","filter","init-open","selection","onApply","onClear","onClose","onOpen"])],8,I))),128)),d.value.length>0?(e.openBlock(),e.createBlock($.default,{key:1,filters:b.value,"item-filtering":n.itemFiltering,label:n.selectorLabel?n.selectorLabel:"Add filter",onSelect:S},e.createSlots({_:2},[e.renderList(d.value,l=>({name:v(l),fn:e.withCtx(()=>[e.renderSlot(t.$slots,v(l),{},void 0,!0)])}))]),1032,["filters","item-filtering","label"])):e.createCommentVNode("",!0)]))}});exports.default=V;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),$=require("./kongponents252.cjs"),N=require("./kongponents253.cjs"),A=require("./kongponents186.cjs"),L={class:"k-filter-group"},M={key:0,class:"label","data-testid":"filter-group-label"},I=["data-testid"],V=e.defineComponent({__name:"KFilterGroup",props:e.mergeModels({filters:{},groupLabel:{default:"Filters"},selectorLabel:{default:()=>{}},itemFiltering:{type:Boolean,default:!1}},{modelValue:{required:!0},modelModifiers:{}}),emits:e.mergeModels(["apply","clear","open","close"],["update:modelValue"]),setup(n,{emit:p}){const F=e.useSlots(),g=t=>`filter-${t}`,v=t=>`filter-item-${t}`,r=e.useModel(n,"modelValue"),i=e.ref(),u=e.ref([]),s=p,f=e.computed(()=>{const t=Object.keys(n.filters).filter(l=>n.filters[l].pinned),o=u.value.filter(l=>r.value[l]!==void 0);return i.value!==void 0&&!t.includes(i.value)&&!o.includes(i.value)&&o.push(i.value),[...t,...o]}),d=e.computed(()=>Object.keys(n.filters).filter(t=>!f.value.includes(t))),b=e.computed(()=>d.value.reduce((t,o)=>({...t,[o]:n.filters[o]}),{})),h=Number.parseFloat(A.KUI_ANIMATION_DURATION_20)*1e3,S=t=>{setTimeout(()=>{i.value=t},h)},B=t=>{i.value!==void 0&&m(i.value),i.value=t,s("open",t)},m=t=>{i.value===t&&(i.value=void 0),s("close",t)},C=t=>{r.value[t]=void 0,i.value===t&&(i.value=void 0),s("clear",t,r.value)},O=(t,o)=>{o!==void 0&&(r.value[t]=o),i.value===t&&(i.value=void 0),s("apply",t,r.value)};return e.watch(r,t=>{Object.entries(t).forEach(([o,l])=>{if(n.filters[o]?.pinned)return;const c=u.value.indexOf(o);c!==-1&&l===void 0?u.value=[...u.value.slice(0,c),...u.value.slice(c+1)]:c===-1&&l!==void 0&&u.value.push(o)})},{immediate:!0,deep:!0}),(t,o)=>(e.openBlock(),e.createElementBlock("div",L,[n.groupLabel?(e.openBlock(),e.createElementBlock("div",M,e.toDisplayString(n.groupLabel),1)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(f.value,l=>(e.openBlock(),e.createElementBlock("div",{key:`filter-pill-${l}`,"data-testid":`filter-group-pill-${l}`},[e.createVNode(N.default,{custom:!!e.unref(F)[`filter-${l}`],filter:n.filters[l],"init-open":l===i.value,selection:r.value[l],onApply:a=>O(l,a),onClear:a=>C(l),onClose:a=>m(l),onOpen:a=>B(l)},{default:e.withCtx(a=>[e.renderSlot(t.$slots,g(l),e.mergeProps({ref_for:!0},a),void 0,!0)]),_:2},1032,["custom","filter","init-open","selection","onApply","onClear","onClose","onOpen"])],8,I))),128)),d.value.length>0?(e.openBlock(),e.createBlock($.default,{key:1,filters:b.value,"item-filtering":n.itemFiltering,label:n.selectorLabel?n.selectorLabel:"Add filter",onSelect:S},e.createSlots({_:2},[e.renderList(d.value,l=>({name:v(l),fn:e.withCtx(()=>[e.renderSlot(t.$slots,v(l),{},void 0,!0)])}))]),1032,["filters","item-filtering","label"])):e.createCommentVNode("",!0)]))}});exports.default=V;

package/dist/{kongponents174.es.js → kongponents175.es.js}

@@ -1,7 +1,7 @@
 import { defineComponent as x, useSlots as D, useModel as T, ref as g, computed as f, watch as w, openBlock as s, createElementBlock as c, toDisplayString as E, createCommentVNode as b, Fragment as K, renderList as h, createVNode as P, unref as U, withCtx as $, renderSlot as C, mergeProps as q, createBlock as G, createSlots as R, mergeModels as O } from "vue";
-import z from "./kongponents240.es.js";
-import H from "./kongponents241.es.js";
-import { KUI_ANIMATION_DURATION_20 as J } from "./kongponents184.es.js";
+import z from "./kongponents252.es.js";
+import H from "./kongponents253.es.js";
+import { KUI_ANIMATION_DURATION_20 as J } from "./kongponents186.es.js";
 const Q = { class: "k-filter-group" }, W = {
   key: 0,
   class: "label",

package/dist/kongponents182.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./kongponents290.cjs");let n=(e=21)=>{let t="",r=crypto.getRandomValues(new Uint8Array(e|=0));for(;e--;)t+=l.urlAlphabet[r[e]&63];return t};exports.urlAlphabet=l.urlAlphabet;exports.nanoid=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./kongponents254.cjs");let n=(e=21)=>{let t="",r=crypto.getRandomValues(new Uint8Array(e|=0));for(;e--;)t+=l.urlAlphabet[r[e]&63];return t};exports.urlAlphabet=l.urlAlphabet;exports.nanoid=n;

package/dist/kongponents182.es.js

@@ -1,4 +1,4 @@
-import { urlAlphabet as l } from "./kongponents290.es.js";
+import { urlAlphabet as l } from "./kongponents254.es.js";
 let o = (t = 21) => {
   let e = "", r = crypto.getRandomValues(new Uint8Array(t |= 0));
   for (; t--; )

package/dist/kongponents183.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const A=require("vue");require("./kongponents256.cjs");const f=require("./kongponents257.cjs"),i={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 D(){return{useRequest:(e,u,a)=>{const{data:t,error:n,isValidating:S,isLoading:o,mutate:l}=f.default(e,u,{revalidateDebounce:500,dedupingInterval:100,...a});return{data:A.computed(()=>t.value?.data),response:t,error:n,isValidating:S,isLoading:o,revalidate:l}},useDebounce:(e,u=300)=>{let a;const t=n=>async(...S)=>{clearTimeout(a),n>0?await new Promise(o=>{a=setTimeout(async()=>{await e(...S),o()},n)}):await e(...S)};return{debouncedFn:t(u),generateDebouncedFn:t}},clientSideSorter:(e,u,a,t)=>{let n=null;const S=(l,c)=>typeof c=="number"&&!Number.isNaN(l)&&!Number.isNaN(c)?l-c:0,o=(l,c)=>l.localeCompare(c);return e!==u?(n=(l,c)=>{const s=r=>r==null?"":typeof r=="number"?r:Array.isArray(r)&&r.length&&typeof r[0]=="number"?r[0]:String(r),d=s(l[e]),v=s(c[e]);return typeof d==="number"?S(d,v):o(d,v)},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=A.ref(i.PENDING),n=A.ref(!1);return A.watchEffect(()=>{if(n.value=e.value&&!!(Object.keys(e.value)?.length||e.value.data?.length||e.value.data?.data?.length||!e.value.data?.data&&typeof e.value.data=="object"&&Object.keys(e.value?.data).length),e.value&&n.value&&a.value){t.value=i.VALIDATING_HAS_DATA;return}if(e.value&&a.value){t.value=i.VALIDATING;return}if(e.value&&u.value){t.value=i.STALE_IF_ERROR;return}if(e.value===void 0&&!u.value){t.value=i.PENDING;return}if(e.value&&!u.value&&n.value){t.value=i.SUCCESS_HAS_DATA;return}if(e.value&&!u.value){t.value=i.SUCCESS;return}e.value===void 0&&u&&(t.value=i.ERROR)}),{hasData:n,state:t,swrvState:i}},cloneDeep:e=>{if(e)return JSON.parse(JSON.stringify(e))},stripRequiredLabel:(e,u)=>!u||!e?e||"":/( )?\*$/gi.test(e)?e.replace(/\*$/gi,"").trim():e}}exports.default=D;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=e=>{const r=Number(e);return Number.isNaN(r)?`${e}`:`${r}px`};exports.normalizeSize=t;

package/dist/kongponents183.es.js

@@ -1,101 +1,7 @@
-import { computed as s, ref as v, watchEffect as D } from "vue";
-import "./kongponents256.es.js";
-import m from "./kongponents257.es.js";
-const i = {
-  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"
+const n = (r) => {
+  const e = Number(r);
+  return Number.isNaN(e) ? `${r}` : `${e}px`;
 };
-function w() {
-  return {
-    useRequest: (e, u, a) => {
-      const {
-        data: t,
-        error: n,
-        isValidating: S,
-        isLoading: o,
-        mutate: c
-      } = m(e, u, {
-        revalidateDebounce: 500,
-        dedupingInterval: 100,
-        ...a
-      });
-      return {
-        data: s(() => t.value?.data),
-        response: t,
-        error: n,
-        isValidating: S,
-        isLoading: o,
-        revalidate: c
-      };
-    },
-    useDebounce: (e, u = 300) => {
-      let a;
-      const t = (n) => async (...S) => {
-        clearTimeout(a), n > 0 ? await new Promise((o) => {
-          a = setTimeout(async () => {
-            await e(...S), o();
-          }, n);
-        }) : await e(...S);
-      };
-      return {
-        debouncedFn: t(u),
-        generateDebouncedFn: t
-      };
-    },
-    clientSideSorter: (e, u, a, t) => {
-      let n = null;
-      const S = (c, l) => typeof l == "number" && !Number.isNaN(c) && !Number.isNaN(l) ? c - l : 0, o = (c, l) => c.localeCompare(l);
-      return e !== u ? (n = (c, l) => {
-        const f = (r) => r == null ? "" : typeof r == "number" ? r : Array.isArray(r) && r.length && typeof r[0] == "number" ? r[0] : String(r), A = f(c[e]), d = f(l[e]);
-        return typeof A === "number" ? S(A, d) : o(A, 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(i.PENDING), n = v(!1);
-      return D(() => {
-        if (n.value = e.value && !!(Object.keys(e.value)?.length || e.value.data?.length || e.value.data?.data?.length || !e.value.data?.data && typeof e.value.data == "object" && Object.keys(e.value?.data).length), e.value && n.value && a.value) {
-          t.value = i.VALIDATING_HAS_DATA;
-          return;
-        }
-        if (e.value && a.value) {
-          t.value = i.VALIDATING;
-          return;
-        }
-        if (e.value && u.value) {
-          t.value = i.STALE_IF_ERROR;
-          return;
-        }
-        if (e.value === void 0 && !u.value) {
-          t.value = i.PENDING;
-          return;
-        }
-        if (e.value && !u.value && n.value) {
-          t.value = i.SUCCESS_HAS_DATA;
-          return;
-        }
-        if (e.value && !u.value) {
-          t.value = i.SUCCESS;
-          return;
-        }
-        e.value === void 0 && u && (t.value = i.ERROR);
-      }), {
-        hasData: n,
-        state: t,
-        swrvState: i
-      };
-    },
-    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 {
-  w as default
+  n as normalizeSize
 };

package/dist/kongponents184.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _="#000933",I="#00abd2",E="#ffffff",O="#6c7489",U="#52596e",T="#afb7c5",K="#0044f4",R="#995c00",C="0.2s",A="16px",N="20px",S="24px",t="32px",c="20px",L="4px",o="6px",s="8px",n="12px",X="16px";exports.KUI_ANIMATION_DURATION_20=C;exports.KUI_COLOR_BACKGROUND_INVERSE=_;exports.KUI_COLOR_TEXT_DECORATIVE_AQUA=I;exports.KUI_COLOR_TEXT_INVERSE=E;exports.KUI_COLOR_TEXT_NEUTRAL=O;exports.KUI_COLOR_TEXT_NEUTRAL_STRONG=U;exports.KUI_COLOR_TEXT_NEUTRAL_WEAK=T;exports.KUI_COLOR_TEXT_PRIMARY=K;exports.KUI_COLOR_TEXT_WARNING=R;exports.KUI_ICON_SIZE_30=A;exports.KUI_ICON_SIZE_40=N;exports.KUI_ICON_SIZE_50=S;exports.KUI_ICON_SIZE_60=t;exports.KUI_LINE_HEIGHT_30=c;exports.KUI_SPACE_20=L;exports.KUI_SPACE_30=o;exports.KUI_SPACE_40=s;exports.KUI_SPACE_50=n;exports.KUI_SPACE_60=X;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue"),d=require("./kongponents279.cjs"),y=["aria-hidden"],c='<path d="M8 14.4L4 10.4L5.4 9L8 11.6L14.6 5L16 6.4L8 14.4Z" fill="currentColor"/>',S=r.defineComponent({__name:"CheckSmallIcon",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,""),a=Number(e);if(a&&!isNaN(a)&&Number.isInteger(a)&&a>0)return!0}return!1}},as:{type:String,required:!1,default:"span"},staticIds:{type:Boolean,default:!1}},setup(t){const e=t,a=n=>typeof n=="string"&&/^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(n),l=r.computed(()=>{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 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={},h=Math.random().toString(36).substring(2,12);return n.replace(/id="([^"]+)"/g,(s,o)=>{const u=`${h}-${o}`;return i[o]=u,`id="${u}"`}).replace(/#([^\s^")]+)/g,(s,o)=>i[o]?`#${i[o]}`:s)},g={"<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;","&":"&amp;"},v=n=>n.replace(/[<>"'&]/g,i=>g[i]),m=`${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 check-small-icon","data-testid":"kui-icon-wrapper-check-small-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-check-small-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg",innerHTML:m},null,8,y))]),_:1},8,["aria-hidden","style","tabindex"]))}});exports.default=S;

package/dist/kongponents184.es.js

@@ -1,22 +1,123 @@
-const _ = "#000933", I = "#00abd2", E = "#ffffff", O = "#6c7489", U = "#52596e", c = "#afb7c5", T = "#0044f4", K = "#995c00", o = "0.2s", s = "16px", t = "20px", R = "24px", n = "32px", C = "20px", A = "4px", N = "6px", L = "8px", S = "12px", p = "16px";
+import { defineComponent as b, computed as d, openBlock as u, createBlock as S, resolveDynamicComponent as k, normalizeStyle as x, withCtx as w, createElementBlock as $ } from "vue";
+import { KUI_ICON_SIZE_50 as c } from "./kongponents279.es.js";
+const z = ["aria-hidden"], p = '<path d="M8 14.4L4 10.4L5.4 9L8 11.6L14.6 5L16 6.4L8 14.4Z" fill="currentColor"/>', C = /* @__PURE__ */ b({
+  __name: "CheckSmallIcon",
+  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: c,
+      // 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), o = 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 c;
+    }), 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 = {}, y = Math.random().toString(36).substring(2, 12);
+      return r.replace(/id="([^"]+)"/g, (l, n) => {
+        const s = `${y}-${n}`;
+        return i[n] = s, `id="${s}"`;
+      }).replace(/#([^\s^")]+)/g, (l, n) => i[n] ? `#${i[n]}` : l);
+    }, m = {
+      "<": "&lt;",
+      ">": "&gt;",
+      '"': "&quot;",
+      "'": "&#39;",
+      "&": "&amp;"
+    }, v = (r) => r.replace(/[<>"'&]/g, (i) => m[i]), h = `${e.title ? `<title data-testid="kui-icon-svg-title">${v(e.title)}</title>` : ""}${e.staticIds ? p : g(p)}`;
+    return (r, i) => (u(), S(k(t.as), {
+      "aria-hidden": t.decorative ? "true" : void 0,
+      class: "kui-icon check-small-icon",
+      "data-testid": "kui-icon-wrapper-check-small-icon",
+      style: x(f.value),
+      tabindex: t.decorative ? "-1" : void 0
+    }, {
+      default: w(() => [
+        (u(), $("svg", {
+          "aria-hidden": t.decorative ? "true" : void 0,
+          "data-testid": "kui-icon-svg-check-small-icon",
+          fill: "none",
+          height: "100%",
+          role: "img",
+          viewBox: "0 0 24 24",
+          width: "100%",
+          xmlns: "http://www.w3.org/2000/svg",
+          innerHTML: h
+        }, null, 8, z))
+      ]),
+      _: 1
+    }, 8, ["aria-hidden", "style", "tabindex"]));
+  }
+});
 export {
-  o as KUI_ANIMATION_DURATION_20,
-  _ as KUI_COLOR_BACKGROUND_INVERSE,
-  I as KUI_COLOR_TEXT_DECORATIVE_AQUA,
-  E as KUI_COLOR_TEXT_INVERSE,
-  O as KUI_COLOR_TEXT_NEUTRAL,
-  U as KUI_COLOR_TEXT_NEUTRAL_STRONG,
-  c as KUI_COLOR_TEXT_NEUTRAL_WEAK,
-  T as KUI_COLOR_TEXT_PRIMARY,
-  K as KUI_COLOR_TEXT_WARNING,
-  s as KUI_ICON_SIZE_30,
-  t as KUI_ICON_SIZE_40,
-  R as KUI_ICON_SIZE_50,
-  n as KUI_ICON_SIZE_60,
-  C as KUI_LINE_HEIGHT_30,
-  A as KUI_SPACE_20,
-  N as KUI_SPACE_30,
-  L as KUI_SPACE_40,
-  S as KUI_SPACE_50,
-  p as KUI_SPACE_60
+  C as default
 };

package/dist/kongponents185.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue"),u=require("./kongponents286.cjs"),m=["aria-hidden"],d='<path d="M19.0999 21.9L15.5999 18.45C15.0166 18.6333 14.4249 18.7708 13.8249 18.8625C13.2249 18.9541 12.6166 19 11.9999 19C9.76657 19 7.7249 18.4 5.8749 17.2C4.0249 16 2.5749 14.4166 1.5249 12.45C1.44157 12.3 1.37907 12.1458 1.3374 11.9875C1.29574 11.8291 1.2749 11.6666 1.2749 11.5C1.2749 11.3333 1.29574 11.1708 1.3374 11.0125C1.37907 10.8541 1.44157 10.7 1.5249 10.55C1.89157 9.89998 2.28324 9.26664 2.6999 8.64998C3.11657 8.03331 3.5999 7.48331 4.1499 6.99998L2.0749 4.89998C1.89157 4.71664 1.7999 4.48748 1.7999 4.21248C1.7999 3.93748 1.8999 3.69998 2.0999 3.49998C2.28324 3.31664 2.51657 3.22498 2.7999 3.22498C3.08324 3.22498 3.31657 3.31664 3.4999 3.49998L20.4999 20.5C20.6832 20.6833 20.7791 20.9125 20.7874 21.1875C20.7957 21.4625 20.6999 21.7 20.4999 21.9C20.3166 22.0833 20.0832 22.175 19.7999 22.175C19.5166 22.175 19.2832 22.0833 19.0999 21.9ZM11.9999 16C12.1832 16 12.3582 15.9916 12.5249 15.975C12.6916 15.9583 12.8582 15.925 13.0249 15.875L7.6249 10.475C7.5749 10.6416 7.54157 10.8083 7.5249 10.975C7.50824 11.1416 7.4999 11.3166 7.4999 11.5C7.4999 12.75 7.9374 13.8125 8.8124 14.6875C9.6874 15.5625 10.7499 16 11.9999 16ZM11.9999 3.99998C14.2332 3.99998 16.2791 4.60414 18.1374 5.81248C19.9957 7.02081 21.4499 8.60831 22.4999 10.575C22.5832 10.7083 22.6457 10.8541 22.6874 11.0125C22.7291 11.1708 22.7499 11.3333 22.7499 11.5C22.7499 11.6666 22.7332 11.8291 22.6999 11.9875C22.6666 12.1458 22.6082 12.2916 22.5249 12.425C22.2082 13.0416 21.8541 13.625 21.4624 14.175C21.0707 14.725 20.6332 15.2416 20.1499 15.725C19.9166 15.9583 19.6416 16.0666 19.3249 16.05C19.0082 16.0333 18.7332 15.9083 18.4999 15.675L16.4999 13.675C16.3832 13.5583 16.3082 13.4208 16.2749 13.2625C16.2416 13.1041 16.2499 12.9416 16.2999 12.775C16.3666 12.5583 16.4166 12.35 16.4499 12.15C16.4832 11.95 16.4999 11.7333 16.4999 11.5C16.4999 10.25 16.0624 9.18748 15.1874 8.31248C14.3124 7.43748 13.2499 6.99998 11.9999 6.99998C11.7666 6.99998 11.5499 7.01664 11.3499 7.04998C11.1499 7.08331 10.9416 7.13331 10.7249 7.19998C10.5582 7.24998 10.3916 7.25831 10.2249 7.22498C10.0582 7.19164 9.91657 7.11664 9.7999 6.99998L8.9749 6.17498C8.65824 5.85831 8.55407 5.49164 8.6624 5.07498C8.77074 4.65831 9.03324 4.39164 9.4499 4.27498C9.86657 4.19164 10.2874 4.12498 10.7124 4.07498C11.1374 4.02498 11.5666 3.99998 11.9999 3.99998ZM13.9749 9.64998C14.1582 9.86664 14.3124 10.1041 14.4374 10.3625C14.5624 10.6208 14.6416 10.8916 14.6749 11.175C14.6916 11.3083 14.6416 11.4 14.5249 11.45C14.4082 11.5 14.2999 11.475 14.1999 11.375L12.1499 9.32498C12.0499 9.22498 12.0291 9.11664 12.0874 8.99998C12.1457 8.88331 12.2416 8.82498 12.3749 8.82498C12.6916 8.85831 12.9832 8.94581 13.2499 9.08748C13.5166 9.22914 13.7582 9.41664 13.9749 9.64998Z" fill="currentColor"/>',b=r.defineComponent({__name:"VisibilityOffIcon",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:i=>{if(typeof i=="string"&&/^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(i)||typeof i=="number"&&i>0)return!0;if(typeof i=="string"){const e=String(i).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(i){const e=i,o=n=>typeof n=="string"&&/^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(n),a=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,""),t=Number(n);if(t&&!isNaN(t)&&Number.isInteger(t)&&t>0)return`${t}px`}return u.KUI_ICON_SIZE_50}),c=r.computed(()=>({boxSizing:"border-box",color:e.color,display:e.display,flexShrink:"0",height:a.value,lineHeight:"0",width:a.value,pointerEvents:e.decorative?"none":void 0})),f=n=>{const t={},y=Math.random().toString(36).substring(2,12);return n.replace(/id="([^"]+)"/g,(l,s)=>{const C=`${y}-${s}`;return t[s]=C,`id="${C}"`}).replace(/#([^\s^")]+)/g,(l,s)=>t[s]?`#${t[s]}`:l)},p={"<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;","&":"&amp;"},g=n=>n.replace(/[<>"'&]/g,t=>p[t]),v=`${e.title?`<title data-testid="kui-icon-svg-title">${g(e.title)}</title>`:""}${e.staticIds?d:f(d)}`;return(n,t)=>(r.openBlock(),r.createBlock(r.resolveDynamicComponent(i.as),{"aria-hidden":i.decorative?"true":void 0,class:"kui-icon visibility-off-icon","data-testid":"kui-icon-wrapper-visibility-off-icon",style:r.normalizeStyle(c.value),tabindex:i.decorative?"-1":void 0},{default:r.withCtx(()=>[(r.openBlock(),r.createElementBlock("svg",{"aria-hidden":i.decorative?"true":void 0,"data-testid":"kui-icon-svg-visibility-off-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,m))]),_:1},8,["aria-hidden","style","tabindex"]))}});exports.default=b;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue"),u=require("./kongponents279.cjs"),S=["aria-hidden"],c='<path d="M5 11V9H15V11H5Z" fill="currentColor"/>',b=r.defineComponent({__name:"IndeterminateSmallIcon",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,""),a=Number(e);if(a&&!isNaN(a)&&Number.isInteger(a)&&a>0)return!0}return!1}},as:{type:String,required:!1,default:"span"},staticIds:{type:Boolean,default:!1}},setup(t){const e=t,a=n=>typeof n=="string"&&/^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(n),l=r.computed(()=>{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 n=String(e.size).replace(/px/gi,""),i=Number(n);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:l.value,lineHeight:"0",width:l.value,pointerEvents:e.decorative?"none":void 0})),f=n=>{const i={},y=Math.random().toString(36).substring(2,12);return n.replace(/id="([^"]+)"/g,(s,o)=>{const d=`${y}-${o}`;return i[o]=d,`id="${d}"`}).replace(/#([^\s^")]+)/g,(s,o)=>i[o]?`#${i[o]}`:s)},g={"<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;","&":"&amp;"},m=n=>n.replace(/[<>"'&]/g,i=>g[i]),v=`${e.title?`<title data-testid="kui-icon-svg-title">${m(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 indeterminate-small-icon","data-testid":"kui-icon-wrapper-indeterminate-small-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-indeterminate-small-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,S))]),_:1},8,["aria-hidden","style","tabindex"]))}});exports.default=b;