@kong/kongponents 9.61.2-pr.3293.b31fc2d.0 → 9.61.2

package/dist/kongponents197.es.js

@@ -1,19 +1,123 @@
-import { defineComponent as r, openBlock as l, createBlock as a, Teleport as p, renderSlot as o } from "vue";
-const u = /* @__PURE__ */ r({
-  __name: "KPopTeleportWrapper",
+import { defineComponent as b, computed as d, openBlock as u, createBlock as h, resolveDynamicComponent as x, normalizeStyle as S, withCtx as w, createElementBlock as N } from "vue";
+import { KUI_ICON_SIZE_50 as p } from "./kongponents271.es.js";
+const $ = ["aria-hidden"], c = '<path d="M12 16C13.25 16 14.3125 15.5625 15.1875 14.6875C16.0625 13.8125 16.5 12.75 16.5 11.5C16.5 10.25 16.0625 9.1875 15.1875 8.3125C14.3125 7.4375 13.25 7 12 7C10.75 7 9.6875 7.4375 8.8125 8.3125C7.9375 9.1875 7.5 10.25 7.5 11.5C7.5 12.75 7.9375 13.8125 8.8125 14.6875C9.6875 15.5625 10.75 16 12 16ZM12 14.2C11.25 14.2 10.6125 13.9375 10.0875 13.4125C9.5625 12.8875 9.3 12.25 9.3 11.5C9.3 10.75 9.5625 10.1125 10.0875 9.5875C10.6125 9.0625 11.25 8.8 12 8.8C12.75 8.8 13.3875 9.0625 13.9125 9.5875C14.4375 10.1125 14.7 10.75 14.7 11.5C14.7 12.25 14.4375 12.8875 13.9125 13.4125C13.3875 13.9375 12.75 14.2 12 14.2ZM12 19C9.56667 19 7.35 18.3208 5.35 16.9625C3.35 15.6042 1.9 13.7833 1 11.5C1.9 9.21667 3.35 7.39583 5.35 6.0375C7.35 4.67917 9.56667 4 12 4C14.4333 4 16.65 4.67917 18.65 6.0375C20.65 7.39583 22.1 9.21667 23 11.5C22.1 13.7833 20.65 15.6042 18.65 16.9625C16.65 18.3208 14.4333 19 12 19Z" fill="currentColor"/>', I = /* @__PURE__ */ b({
+  __name: "VisibilityIcon",
   props: {
-    useTeleport: { type: Boolean },
-    target: { default: null }
+    /** 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: (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, ""), 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(e) {
-    return (t, n) => e.useTeleport ? (l(), a(p, {
-      key: 0,
-      to: e.target
-    }, [
-      o(t.$slots, "default")
-    ], 8, ["to"])) : o(t.$slots, "default", { key: 1 });
+  setup(i) {
+    const e = i, 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, ""), t = Number(r);
+        if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
+          return `${t}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 t = {}, m = Math.random().toString(36).substring(2, 12);
+      return r.replace(/id="([^"]+)"/g, (s, a) => {
+        const l = `${m}-${a}`;
+        return t[a] = l, `id="${l}"`;
+      }).replace(/#([^\s^")]+)/g, (s, a) => t[a] ? `#${t[a]}` : s);
+    }, C = {
+      "<": "&lt;",
+      ">": "&gt;",
+      '"': "&quot;",
+      "'": "&#39;",
+      "&": "&amp;"
+    }, v = (r) => r.replace(/[<>"'&]/g, (t) => C[t]), y = `${e.title ? `<title data-testid="kui-icon-svg-title">${v(e.title)}</title>` : ""}${e.staticIds ? c : g(c)}`;
+    return (r, t) => (u(), h(x(i.as), {
+      "aria-hidden": i.decorative ? "true" : void 0,
+      class: "kui-icon visibility-icon",
+      "data-testid": "kui-icon-wrapper-visibility-icon",
+      style: S(f.value),
+      tabindex: i.decorative ? "-1" : void 0
+    }, {
+      default: w(() => [
+        (u(), N("svg", {
+          "aria-hidden": i.decorative ? "true" : void 0,
+          "data-testid": "kui-icon-svg-visibility-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, $))
+      ]),
+      _: 1
+    }, 8, ["aria-hidden", "style", "tabindex"]));
   }
 });
 export {
-  u as default
+  I as default
 };

package/dist/kongponents198.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./kongponents256.cjs"),r=require("vue"),R=a.isClient?window:void 0;function m(t){var n;const i=r.toValue(t);return(n=i?.$el)!==null&&n!==void 0?n:i}function C(...t){const n=(e,l,s,d)=>(e.addEventListener(l,s,d),()=>e.removeEventListener(l,s,d)),i=r.computed(()=>{const e=a.toArray(r.toValue(t[0])).filter(l=>l!=null);return e.every(l=>typeof l!="string")?e:void 0});return a.watchImmediate(()=>{var e,l;return[(e=(l=i.value)===null||l===void 0?void 0:l.map(s=>m(s)))!==null&&e!==void 0?e:[R].filter(s=>s!=null),a.toArray(r.toValue(i.value?t[1]:t[0])),a.toArray(r.unref(i.value?t[2]:t[1])),r.toValue(i.value?t[3]:t[2])]},([e,l,s,d],p,f)=>{if(!e?.length||!l?.length||!s?.length)return;const h=a.isObject(d)?{...d}:d,g=e.flatMap(o=>l.flatMap(y=>s.map(w=>n(o,y,w,h))));f(()=>{g.forEach(o=>o())})},{flush:"post"})}function T(t,n,i={}){const{window:e=R,ignore:l=[],capture:s=!0,detectIframe:d=!1,controls:p=!1}=i;if(!e)return p?{stop:a.noop,cancel:a.noop,trigger:a.noop}:a.noop;let f=!0;const h=u=>r.toValue(l).some(c=>{if(typeof c=="string")return Array.from(e.document.querySelectorAll(c)).some(v=>v===u.target||u.composedPath().includes(v));{const v=m(c);return v&&(u.target===v||u.composedPath().includes(v))}});function g(u){const c=r.toValue(u);return c&&c.$.subTree.shapeFlag===16}function o(u,c){const v=r.toValue(u),E=v.$.subTree&&v.$.subTree.children;return E==null||!Array.isArray(E)?!1:E.some(O=>O.el===c.target||c.composedPath().includes(O.el))}const y=u=>{const c=m(t);if(u.target!=null&&!(!(c instanceof Element)&&g(t)&&o(t,u))&&!(!c||c===u.target||u.composedPath().includes(c))){if("detail"in u&&u.detail===0&&(f=!h(u)),!f){f=!0;return}n(u)}};let w=!1;const b=[C(e,"click",u=>{w||(w=!0,setTimeout(()=>{w=!1},0),y(u))},{passive:!0,capture:s}),C(e,"pointerdown",u=>{const c=m(t);f=!h(u)&&!!(c&&!u.composedPath().includes(c))},{passive:!0}),d&&C(e,"blur",u=>{setTimeout(()=>{const c=m(t);let v=e.document.activeElement;for(;v?.shadowRoot;)v=v.shadowRoot.activeElement;v?.tagName==="IFRAME"&&!c?.contains(e.document.activeElement)&&n(u)},0)},{passive:!0})].filter(Boolean),S=()=>b.forEach(u=>u());return p?{stop:S,cancel:()=>{f=!1},trigger:u=>{f=!0,y(u),f=!1}}:S}function A(){const t=r.shallowRef(!1),n=r.getCurrentInstance();return n&&r.onMounted(()=>{t.value=!0},n),t}function x(t){const n=A();return r.computed(()=>(n.value,!!t()))}function M(t,n,i={}){const{window:e=R,...l}=i;let s;const d=x(()=>e&&"ResizeObserver"in e),p=()=>{s&&(s.disconnect(),s=void 0)},f=r.watch(r.computed(()=>{const g=r.toValue(t);return Array.isArray(g)?g.map(o=>m(o)):[m(g)]}),g=>{if(p(),d.value&&e){s=new ResizeObserver(n);for(const o of g)o&&s.observe(o,l)}},{immediate:!0,flush:"post"}),h=()=>{p(),f()};return a.tryOnScopeDispose(h),{isSupported:d,stop:h}}function $(t,n={width:0,height:0},i={}){const{window:e=R,box:l="content-box"}=i,s=r.computed(()=>{var o;return(o=m(t))===null||o===void 0||(o=o.namespaceURI)===null||o===void 0?void 0:o.includes("svg")}),d=r.shallowRef(n.width),p=r.shallowRef(n.height),{stop:f}=M(t,([o])=>{const y=l==="border-box"?o.borderBoxSize:l==="content-box"?o.contentBoxSize:o.devicePixelContentBoxSize;if(e&&s.value){const w=m(t);if(w){const b=w.getBoundingClientRect();d.value=b.width,p.value=b.height}}else if(y){const w=a.toArray(y);d.value=w.reduce((b,{inlineSize:S})=>b+S,0),p.value=w.reduce((b,{blockSize:S})=>b+S,0)}else d.value=o.contentRect.width,p.value=o.contentRect.height},i);a.tryOnMounted(()=>{const o=m(t);o&&(d.value="offsetWidth"in o?o.offsetWidth:n.width,p.value="offsetHeight"in o?o.offsetHeight:n.height)});const h=r.watch(()=>m(t),o=>{d.value=o?n.width:0,p.value=o?n.height:0});function g(){f(),h()}return{width:d,height:p,stop:g}}function P(t){var n;const i=(n=t.rangeCount)!==null&&n!==void 0?n:0;return Array.from({length:i},(e,l)=>t.getRangeAt(l))}function V(t={}){var n;const{window:i=R}=t,e=r.shallowRef((n=i?.getSelection())!==null&&n!==void 0?n:null),l=r.computed(()=>{var f,h;return(f=(h=e.value)===null||h===void 0?void 0:h.toString())!==null&&f!==void 0?f:""}),s=r.computed(()=>e.value?P(e.value):[]),d=r.computed(()=>s.value.map(f=>f.getBoundingClientRect()));function p(){e.value=null,i&&(e.value=i.getSelection())}return i&&C(i.document,"selectionchange",p,{passive:!0}),{text:l,rects:d,ranges:s,selection:e}}exports.getLifeCycleTarget=a.getLifeCycleTarget;exports.isClient=a.isClient;exports.isObject=a.isObject;exports.noop=a.noop;exports.toArray=a.toArray;exports.tryOnMounted=a.tryOnMounted;exports.tryOnScopeDispose=a.tryOnScopeDispose;exports.watchImmediate=a.watchImmediate;exports.defaultWindow=R;exports.onClickOutside=T;exports.unrefElement=m;exports.useElementSize=$;exports.useEventListener=C;exports.useMounted=A;exports.useResizeObserver=M;exports.useSupported=x;exports.useTextSelection=V;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kongponents261.cjs");;/* empty css                 */const t=require("./kongponents82.cjs"),u=t.default(e.default,[["__scopeId","data-v-72a28527"]]);exports.default=u;

package/dist/kongponents198.es.js

@@ -1,210 +1,7 @@
-import { toArray as C, watchImmediate as T, noop as S, tryOnMounted as B, tryOnScopeDispose as O, isClient as I, isObject as L } from "./kongponents256.es.js";
-import { getLifeCycleTarget as K } from "./kongponents256.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
-  };
-}
+import t from "./kongponents261.es.js";
+/* empty css                  */
+import o from "./kongponents82.es.js";
+const a = /* @__PURE__ */ o(t, [["__scopeId", "data-v-72a28527"]]);
 export {
-  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
+  a as default
 };

package/dist/kongponents199.cjs

@@ -1 +1 @@
-"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;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kongponents263.cjs");;/* empty css                 */const t=require("./kongponents82.cjs"),u=t.default(e.default,[["__scopeId","data-v-e0ed9447"]]);exports.default=u;

package/dist/kongponents199.es.js

@@ -1,7 +1,7 @@
-const n = (r) => {
-  const e = Number(r);
-  return Number.isNaN(e) ? `${r}` : `${e}px`;
-};
+import t from "./kongponents263.es.js";
+/* empty css                  */
+import e from "./kongponents82.es.js";
+const p = /* @__PURE__ */ e(t, [["__scopeId", "data-v-e0ed9447"]]);
 export {
-  n as normalizeSize
+  p as default
 };

package/dist/kongponents200.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=Symbol("popover-parent-zindex");exports.POPOVER_PARENT_ZINDEX_KEY=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue"),u=require("./kongponents271.cjs"),y=["aria-hidden"],c='<path d="M12 15.4L6 9.4L7.4 8L12 12.6L16.6 8L18 9.4L12 15.4Z" fill="currentColor"/>',b=r.defineComponent({__name:"ChevronDownIcon",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,""),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),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,""),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:a.value,lineHeight:"0",width:a.value,pointerEvents:e.decorative?"none":void 0})),f=n=>{const i={},m=Math.random().toString(36).substring(2,12);return n.replace(/id="([^"]+)"/g,(l,s)=>{const d=`${m}-${s}`;return i[s]=d,`id="${d}"`}).replace(/#([^\s^")]+)/g,(l,s)=>i[s]?`#${i[s]}`:l)},g={"<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;","&":"&amp;"},v=n=>n.replace(/[<>"'&]/g,i=>g[i]),h=`${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 chevron-down-icon","data-testid":"kui-icon-wrapper-chevron-down-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-chevron-down-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,y))]),_:1},8,["aria-hidden","style","tabindex"]))}});exports.default=b;

package/dist/kongponents200.es.js

@@ -1,4 +1,123 @@
-const o = /* @__PURE__ */ Symbol("popover-parent-zindex");
+import { defineComponent as w, computed as d, openBlock as u, createBlock as b, resolveDynamicComponent as x, normalizeStyle as S, withCtx as N, createElementBlock as $ } from "vue";
+import { KUI_ICON_SIZE_50 as c } from "./kongponents271.es.js";
+const z = ["aria-hidden"], p = '<path d="M12 15.4L6 9.4L7.4 8L12 12.6L16.6 8L18 9.4L12 15.4Z" fill="currentColor"/>', q = /* @__PURE__ */ w({
+  __name: "ChevronDownIcon",
+  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, ""), 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), a = 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 c;
+    }), f = d(() => ({
+      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
+    })), g = (r) => {
+      const i = {}, y = Math.random().toString(36).substring(2, 12);
+      return r.replace(/id="([^"]+)"/g, (s, o) => {
+        const l = `${y}-${o}`;
+        return i[o] = l, `id="${l}"`;
+      }).replace(/#([^\s^")]+)/g, (s, o) => i[o] ? `#${i[o]}` : s);
+    }, v = {
+      "<": "&lt;",
+      ">": "&gt;",
+      '"': "&quot;",
+      "'": "&#39;",
+      "&": "&amp;"
+    }, m = (r) => r.replace(/[<>"'&]/g, (i) => v[i]), h = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? p : g(p)}`;
+    return (r, i) => (u(), b(x(t.as), {
+      "aria-hidden": t.decorative ? "true" : void 0,
+      class: "kui-icon chevron-down-icon",
+      "data-testid": "kui-icon-wrapper-chevron-down-icon",
+      style: S(f.value),
+      tabindex: t.decorative ? "-1" : void 0
+    }, {
+      default: N(() => [
+        (u(), $("svg", {
+          "aria-hidden": t.decorative ? "true" : void 0,
+          "data-testid": "kui-icon-svg-chevron-down-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 POPOVER_PARENT_ZINDEX_KEY
+  q as default
 };

package/dist/kongponents201.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("./kongponents381.cjs"),a=require("./kongponents382.cjs"),i=require("./kongponents277.cjs");function H(t){const e=i.getComputedStyle(t);let o=parseFloat(e.width)||0,n=parseFloat(e.height)||0;const s=i.isHTMLElement(t),c=s?t.offsetWidth:o,r=s?t.offsetHeight:n,l=a.round(o)!==c||a.round(n)!==r;return l&&(o=c,n=r),{width:o,height:n,$:l}}function W(t){return i.isElement(t)?t:t.contextElement}function R(t){const e=W(t);if(!i.isHTMLElement(e))return a.createCoords(1);const o=e.getBoundingClientRect(),{width:n,height:s,$:c}=H(e);let r=(c?a.round(o.width):o.width)/n,l=(c?a.round(o.height):o.height)/s;return(!r||!Number.isFinite(r))&&(r=1),(!l||!Number.isFinite(l))&&(l=1),{x:r,y:l}}const q=a.createCoords(0);function A(t){const e=i.getWindow(t);return!i.isWebKit()||!e.visualViewport?q:{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}}function U(t,e,o){return e===void 0&&(e=!1),!o||e&&o!==i.getWindow(t)?!1:e}function E(t,e,o,n){e===void 0&&(e=!1),o===void 0&&(o=!1);const s=t.getBoundingClientRect(),c=W(t);let r=a.createCoords(1);e&&(n?i.isElement(n)&&(r=R(n)):r=R(t));const l=U(c,o,n)?A(c):a.createCoords(0);let f=(s.left+l.x)/r.x,u=(s.top+l.y)/r.y,d=s.width/r.x,h=s.height/r.y;if(c){const m=i.getWindow(c),g=n&&i.isElement(n)?i.getWindow(n):n;let w=m,y=i.getFrameElement(w);for(;y&&n&&g!==w;){const v=R(y),p=y.getBoundingClientRect(),x=i.getComputedStyle(y),C=p.left+(y.clientLeft+parseFloat(x.paddingLeft))*v.x,b=p.top+(y.clientTop+parseFloat(x.paddingTop))*v.y;f*=v.x,u*=v.y,d*=v.x,h*=v.y,f+=C,u+=b,w=i.getWindow(y),y=i.getFrameElement(w)}}return a.rectToClientRect({width:d,height:h,x:f,y:u})}function O(t,e){const o=i.getNodeScroll(t).scrollLeft;return e?e.left+o:E(i.getDocumentElement(t)).left+o}function I(t,e){const o=t.getBoundingClientRect(),n=o.left+e.scrollLeft-O(t,o),s=o.top+e.scrollTop;return{x:n,y:s}}function k(t){let{elements:e,rect:o,offsetParent:n,strategy:s}=t;const c=s==="fixed",r=i.getDocumentElement(n),l=e?i.isTopLayer(e.floating):!1;if(n===r||l&&c)return o;let f={scrollLeft:0,scrollTop:0},u=a.createCoords(1);const d=a.createCoords(0),h=i.isHTMLElement(n);if((h||!h&&!c)&&((i.getNodeName(n)!=="body"||i.isOverflowElement(r))&&(f=i.getNodeScroll(n)),h)){const g=E(n);u=R(n),d.x=g.x+n.clientLeft,d.y=g.y+n.clientTop}const m=r&&!h&&!c?I(r,f):a.createCoords(0);return{width:o.width*u.x,height:o.height*u.y,x:o.x*u.x-f.scrollLeft*u.x+d.x+m.x,y:o.y*u.y-f.scrollTop*u.y+d.y+m.y}}function X(t){return Array.from(t.getClientRects())}function K(t){const e=i.getDocumentElement(t),o=i.getNodeScroll(t),n=t.ownerDocument.body,s=a.max(e.scrollWidth,e.clientWidth,n.scrollWidth,n.clientWidth),c=a.max(e.scrollHeight,e.clientHeight,n.scrollHeight,n.clientHeight);let r=-o.scrollLeft+O(t);const l=-o.scrollTop;return i.getComputedStyle(n).direction==="rtl"&&(r+=a.max(e.clientWidth,n.clientWidth)-s),{width:s,height:c,x:r,y:l}}const F=25;function $(t,e){const o=i.getWindow(t),n=i.getDocumentElement(t),s=o.visualViewport;let c=n.clientWidth,r=n.clientHeight,l=0,f=0;if(s){c=s.width,r=s.height;const d=i.isWebKit();(!d||d&&e==="fixed")&&(l=s.offsetLeft,f=s.offsetTop)}const u=O(n);if(u<=0){const d=n.ownerDocument,h=d.body,m=getComputedStyle(h),g=d.compatMode==="CSS1Compat"&&parseFloat(m.marginLeft)+parseFloat(m.marginRight)||0,w=Math.abs(n.clientWidth-h.clientWidth-g);w<=F&&(c-=w)}else u<=F&&(c+=u);return{width:c,height:r,x:l,y:f}}function j(t,e){const o=E(t,!0,e==="fixed"),n=o.top+t.clientTop,s=o.left+t.clientLeft,c=i.isHTMLElement(t)?R(t):a.createCoords(1),r=t.clientWidth*c.x,l=t.clientHeight*c.y,f=s*c.x,u=n*c.y;return{width:r,height:l,x:f,y:u}}function M(t,e,o){let n;if(e==="viewport")n=$(t,o);else if(e==="document")n=K(i.getDocumentElement(t));else if(i.isElement(e))n=j(e,o);else{const s=A(t);n={x:e.x-s.x,y:e.y-s.y,width:e.width,height:e.height}}return a.rectToClientRect(n)}function _(t,e){const o=i.getParentNode(t);return o===e||!i.isElement(o)||i.isLastTraversableNode(o)?!1:i.getComputedStyle(o).position==="fixed"||_(o,e)}function G(t,e){const o=e.get(t);if(o)return o;let n=i.getOverflowAncestors(t,[],!1).filter(l=>i.isElement(l)&&i.getNodeName(l)!=="body"),s=null;const c=i.getComputedStyle(t).position==="fixed";let r=c?i.getParentNode(t):t;for(;i.isElement(r)&&!i.isLastTraversableNode(r);){const l=i.getComputedStyle(r),f=i.isContainingBlock(r);!f&&l.position==="fixed"&&(s=null),(c?!f&&!s:!f&&l.position==="static"&&!!s&&(s.position==="absolute"||s.position==="fixed")||i.isOverflowElement(r)&&!f&&_(t,r))?n=n.filter(d=>d!==r):s=l,r=i.getParentNode(r)}return e.set(t,n),n}function J(t){let{element:e,boundary:o,rootBoundary:n,strategy:s}=t;const r=[...o==="clippingAncestors"?i.isTopLayer(e)?[]:G(e,this._c):[].concat(o),n],l=M(e,r[0],s);let f=l.top,u=l.right,d=l.bottom,h=l.left;for(let m=1;m<r.length;m++){const g=M(e,r[m],s);f=a.max(g.top,f),u=a.min(g.right,u),d=a.min(g.bottom,d),h=a.max(g.left,h)}return{width:u-h,height:d-f,x:h,y:f}}function Q(t){const{width:e,height:o}=H(t);return{width:e,height:o}}function Y(t,e,o){const n=i.isHTMLElement(e),s=i.getDocumentElement(e),c=o==="fixed",r=E(t,!0,c,e);let l={scrollLeft:0,scrollTop:0};const f=a.createCoords(0);function u(){f.x=O(s)}if(n||!n&&!c)if((i.getNodeName(e)!=="body"||i.isOverflowElement(s))&&(l=i.getNodeScroll(e)),n){const g=E(e,!0,c,e);f.x=g.x+e.clientLeft,f.y=g.y+e.clientTop}else s&&u();c&&!n&&s&&u();const d=s&&!n&&!c?I(s,l):a.createCoords(0),h=r.left+l.scrollLeft-f.x-d.x,m=r.top+l.scrollTop-f.y-d.y;return{x:h,y:m,width:r.width,height:r.height}}function S(t){return i.getComputedStyle(t).position==="static"}function B(t,e){if(!i.isHTMLElement(t)||i.getComputedStyle(t).position==="fixed")return null;if(e)return e(t);let o=t.offsetParent;return i.getDocumentElement(t)===o&&(o=o.ownerDocument.body),o}function P(t,e){const o=i.getWindow(t);if(i.isTopLayer(t))return o;if(!i.isHTMLElement(t)){let s=i.getParentNode(t);for(;s&&!i.isLastTraversableNode(s);){if(i.isElement(s)&&!S(s))return s;s=i.getParentNode(s)}return o}let n=B(t,e);for(;n&&i.isTableElement(n)&&S(n);)n=B(n,e);return n&&i.isLastTraversableNode(n)&&S(n)&&!i.isContainingBlock(n)?o:n||i.getContainingBlock(t)||o}const Z=async function(t){const e=this.getOffsetParent||P,o=this.getDimensions,n=await o(t.floating);return{reference:Y(t.reference,await e(t.floating),t.strategy),floating:{x:0,y:0,width:n.width,height:n.height}}};function tt(t){return i.getComputedStyle(t).direction==="rtl"}const V={convertOffsetParentRelativeRectToViewportRelativeRect:k,getDocumentElement:i.getDocumentElement,getClippingRect:J,getOffsetParent:P,getElementRects:Z,getClientRects:X,getDimensions:Q,getScale:R,isElement:i.isElement,isRTL:tt};function z(t,e){return t.x===e.x&&t.y===e.y&&t.width===e.width&&t.height===e.height}function et(t,e){let o=null,n;const s=i.getDocumentElement(t);function c(){var l;clearTimeout(n),(l=o)==null||l.disconnect(),o=null}function r(l,f){l===void 0&&(l=!1),f===void 0&&(f=1),c();const u=t.getBoundingClientRect(),{left:d,top:h,width:m,height:g}=u;if(l||e(),!m||!g)return;const w=a.floor(h),y=a.floor(s.clientWidth-(d+m)),v=a.floor(s.clientHeight-(h+g)),p=a.floor(d),C={rootMargin:-w+"px "+-y+"px "+-v+"px "+-p+"px",threshold:a.max(0,a.min(1,f))||1};let b=!0;function N(D){const L=D[0].intersectionRatio;if(L!==f){if(!b)return r();L?r(!1,L):n=setTimeout(()=>{r(!1,1e-7)},1e3)}L===1&&!z(u,t.getBoundingClientRect())&&r(),b=!1}try{o=new IntersectionObserver(N,{...C,root:s.ownerDocument})}catch{o=new IntersectionObserver(N,C)}o.observe(t)}return r(!0),c}function ot(t,e,o,n){n===void 0&&(n={});const{ancestorScroll:s=!0,ancestorResize:c=!0,elementResize:r=typeof ResizeObserver=="function",layoutShift:l=typeof IntersectionObserver=="function",animationFrame:f=!1}=n,u=W(t),d=s||c?[...u?i.getOverflowAncestors(u):[],...e?i.getOverflowAncestors(e):[]]:[];d.forEach(p=>{s&&p.addEventListener("scroll",o,{passive:!0}),c&&p.addEventListener("resize",o)});const h=u&&l?et(u,o):null;let m=-1,g=null;r&&(g=new ResizeObserver(p=>{let[x]=p;x&&x.target===u&&g&&e&&(g.unobserve(e),cancelAnimationFrame(m),m=requestAnimationFrame(()=>{var C;(C=g)==null||C.observe(e)})),o()}),u&&!f&&g.observe(u),e&&g.observe(e));let w,y=f?E(t):null;f&&v();function v(){const p=E(t);y&&!z(y,p)&&o(),y=p,w=requestAnimationFrame(v)}return o(),()=>{var p;d.forEach(x=>{s&&x.removeEventListener("scroll",o),c&&x.removeEventListener("resize",o)}),h?.(),(p=g)==null||p.disconnect(),g=null,f&&cancelAnimationFrame(w)}}const nt=T.autoPlacement,it=T.shift,st=T.flip,rt=(t,e,o)=>{const n=new Map,s={platform:V,...o},c={...s.platform,_c:n};return T.computePosition(t,e,{...s,platform:c})};exports.getOverflowAncestors=i.getOverflowAncestors;exports.autoPlacement=nt;exports.autoUpdate=ot;exports.computePosition=rt;exports.flip=st;exports.platform=V;exports.shift=it;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("vue"),u=require("./kongponents271.cjs"),y=["aria-hidden"],c=`<style>@keyframes kong-icon-spin { from {transform: rotate(0deg);} to {transform: rotate(360deg);} }</style>
+<path d="M12 22C10.6333 22 9.34167 21.7375 8.125 21.2125C6.90833 20.6875 5.84583 19.9708 4.9375 19.0625C4.02917 18.1542 3.3125 17.0917 2.7875 15.875C2.2625 14.6583 2 13.3667 2 12C2 10.6167 2.2625 9.32083 2.7875 8.1125C3.3125 6.90417 4.02917 5.84583 4.9375 4.9375C5.84583 4.02917 6.90833 3.3125 8.125 2.7875C9.34167 2.2625 10.6333 2 12 2C12.2833 2 12.5208 2.09583 12.7125 2.2875C12.9042 2.47917 13 2.71667 13 3C13 3.28333 12.9042 3.52083 12.7125 3.7125C12.5208 3.90417 12.2833 4 12 4C9.78333 4 7.89583 4.77917 6.3375 6.3375C4.77917 7.89583 4 9.78333 4 12C4 14.2167 4.77917 16.1042 6.3375 17.6625C7.89583 19.2208 9.78333 20 12 20C14.2167 20 16.1042 19.2208 17.6625 17.6625C19.2208 16.1042 20 14.2167 20 12C20 11.7167 20.0958 11.4792 20.2875 11.2875C20.4792 11.0958 20.7167 11 21 11C21.2833 11 21.5208 11.0958 21.7125 11.2875C21.9042 11.4792 22 11.7167 22 12C22 13.3667 21.7375 14.6583 21.2125 15.875C20.6875 17.0917 19.9708 18.1542 19.0625 19.0625C18.1542 19.9708 17.0958 20.6875 15.8875 21.2125C14.6792 21.7375 13.3833 22 12 22Z" fill="currentColor" style="transform-origin: 50% 50%; animation: kong-icon-spin 1.5s linear infinite;"/>`,b=i.defineComponent({__name:"ProgressIcon",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,""),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),a=i.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,""),r=Number(n);if(r&&!isNaN(r)&&Number.isInteger(r)&&r>0)return`${r}px`}return u.KUI_ICON_SIZE_50}),p=i.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 r={},v=Math.random().toString(36).substring(2,12);return n.replace(/id="([^"]+)"/g,(l,s)=>{const d=`${v}-${s}`;return r[s]=d,`id="${d}"`}).replace(/#([^\s^")]+)/g,(l,s)=>r[s]?`#${r[s]}`:l)},g={"<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;","&":"&amp;"},C=n=>n.replace(/[<>"'&]/g,r=>g[r]),m=`${e.title?`<title data-testid="kui-icon-svg-title">${C(e.title)}</title>`:""}${e.staticIds?c:f(c)}`;return(n,r)=>(i.openBlock(),i.createBlock(i.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon progress-icon","data-testid":"kui-icon-wrapper-progress-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-progress-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=b;