@kong/kongponents 9.53.0 → 9.53.1

package/dist/kongponents.es460.js

@@ -1,219 +1,4 @@
-/*!
-* tabbable 6.4.0
-* @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
-*/
-var T = ["input:not([inert]):not([inert] *)", "select:not([inert]):not([inert] *)", "textarea:not([inert]):not([inert] *)", "a[href]:not([inert]):not([inert] *)", "button:not([inert]):not([inert] *)", "[tabindex]:not(slot):not([inert]):not([inert] *)", "audio[controls]:not([inert]):not([inert] *)", "video[controls]:not([inert]):not([inert] *)", '[contenteditable]:not([contenteditable="false"]):not([inert]):not([inert] *)', "details>summary:first-of-type:not([inert]):not([inert] *)", "details:not([inert]):not([inert] *)"], v = /* @__PURE__ */ T.join(","), I = typeof Element > "u", d = I ? function() {
-} : Element.prototype.matches || Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector, b = !I && Element.prototype.getRootNode ? function(i) {
-  var t;
-  return i == null || (t = i.getRootNode) === null || t === void 0 ? void 0 : t.call(i);
-} : function(i) {
-  return i == null ? void 0 : i.ownerDocument;
-}, h = function(t, e) {
-  var r;
-  e === void 0 && (e = !0);
-  var a = t == null || (r = t.getAttribute) === null || r === void 0 ? void 0 : r.call(t, "inert"), l = a === "" || a === "true", n = l || e && t && // closest does not exist on shadow roots, so we fall back to a manual
-  // lookup upward, in case it is not defined.
-  (typeof t.closest == "function" ? t.closest("[inert]") : h(t.parentNode));
-  return n;
-}, x = function(t) {
-  var e, r = t == null || (e = t.getAttribute) === null || e === void 0 ? void 0 : e.call(t, "contenteditable");
-  return r === "" || r === "true";
-}, m = function(t, e, r) {
-  if (h(t))
-    return [];
-  var a = Array.prototype.slice.apply(t.querySelectorAll(v));
-  return e && d.call(t, v) && a.unshift(t), a = a.filter(r), a;
-}, g = function(t, e, r) {
-  for (var a = [], l = Array.from(t); l.length; ) {
-    var n = l.shift();
-    if (!h(n, !1))
-      if (n.tagName === "SLOT") {
-        var c = n.assignedElements(), o = c.length ? c : n.children, u = g(o, !0, r);
-        r.flatten ? a.push.apply(a, u) : a.push({
-          scopeParent: n,
-          candidates: u
-        });
-      } else {
-        var s = d.call(n, v);
-        s && r.filter(n) && (e || !t.includes(n)) && a.push(n);
-        var f = n.shadowRoot || // check for an undisclosed shadow
-        typeof r.getShadowRoot == "function" && r.getShadowRoot(n), A = !h(f, !1) && (!r.shadowRootFilter || r.shadowRootFilter(n));
-        if (f && A) {
-          var p = g(f === !0 ? n.children : f.children, !0, r);
-          r.flatten ? a.push.apply(a, p) : a.push({
-            scopeParent: n,
-            candidates: p
-          });
-        } else
-          l.unshift.apply(l, n.children);
-      }
-  }
-  return a;
-}, C = function(t) {
-  return !isNaN(parseInt(t.getAttribute("tabindex"), 10));
-}, N = function(t) {
-  if (!t)
-    throw new Error("No node provided");
-  return t.tabIndex < 0 && (/^(AUDIO|VIDEO|DETAILS)$/.test(t.tagName) || x(t)) && !C(t) ? 0 : t.tabIndex;
-}, O = function(t, e) {
-  var r = N(t);
-  return r < 0 && e && !C(t) ? 0 : r;
-}, k = function(t, e) {
-  return t.tabIndex === e.tabIndex ? t.documentOrder - e.documentOrder : t.tabIndex - e.tabIndex;
-}, R = function(t) {
-  return t.tagName === "INPUT";
-}, F = function(t) {
-  return R(t) && t.type === "hidden";
-}, D = function(t) {
-  var e = t.tagName === "DETAILS" && Array.prototype.slice.apply(t.children).some(function(r) {
-    return r.tagName === "SUMMARY";
-  });
-  return e;
-}, M = function(t, e) {
-  for (var r = 0; r < t.length; r++)
-    if (t[r].checked && t[r].form === e)
-      return t[r];
-}, P = function(t) {
-  if (!t.name)
-    return !0;
-  var e = t.form || b(t), r = function(c) {
-    return e.querySelectorAll('input[type="radio"][name="' + c + '"]');
-  }, a;
-  if (typeof window < "u" && typeof window.CSS < "u" && typeof window.CSS.escape == "function")
-    a = r(window.CSS.escape(t.name));
-  else
-    try {
-      a = r(t.name);
-    } catch (n) {
-      return console.error("Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s", n.message), !1;
-    }
-  var l = M(a, t.form);
-  return !l || l === t;
-}, L = function(t) {
-  return R(t) && t.type === "radio";
-}, V = function(t) {
-  return L(t) && !P(t);
-}, B = function(t) {
-  var e, r = t && b(t), a = (e = r) === null || e === void 0 ? void 0 : e.host, l = !1;
-  if (r && r !== t) {
-    var n, c, o;
-    for (l = !!((n = a) !== null && n !== void 0 && (c = n.ownerDocument) !== null && c !== void 0 && c.contains(a) || t != null && (o = t.ownerDocument) !== null && o !== void 0 && o.contains(t)); !l && a; ) {
-      var u, s, f;
-      r = b(a), a = (u = r) === null || u === void 0 ? void 0 : u.host, l = !!((s = a) !== null && s !== void 0 && (f = s.ownerDocument) !== null && f !== void 0 && f.contains(a));
-    }
-  }
-  return l;
-}, w = function(t) {
-  var e = t.getBoundingClientRect(), r = e.width, a = e.height;
-  return r === 0 && a === 0;
-}, q = function(t, e) {
-  var r = e.displayCheck, a = e.getShadowRoot;
-  if (r === "full-native" && "checkVisibility" in t) {
-    var l = t.checkVisibility({
-      // Checking opacity might be desirable for some use cases, but natively,
-      // opacity zero elements _are_ focusable and tabbable.
-      checkOpacity: !1,
-      opacityProperty: !1,
-      contentVisibilityAuto: !0,
-      visibilityProperty: !0,
-      // This is an alias for `visibilityProperty`. Contemporary browsers
-      // support both. However, this alias has wider browser support (Chrome
-      // >= 105 and Firefox >= 106, vs. Chrome >= 121 and Firefox >= 122), so
-      // we include it anyway.
-      checkVisibilityCSS: !0
-    });
-    return !l;
-  }
-  if (getComputedStyle(t).visibility === "hidden")
-    return !0;
-  var n = d.call(t, "details>summary:first-of-type"), c = n ? t.parentElement : t;
-  if (d.call(c, "details:not([open]) *"))
-    return !0;
-  if (!r || r === "full" || // full-native can run this branch when it falls through in case
-  // Element#checkVisibility is unsupported
-  r === "full-native" || r === "legacy-full") {
-    if (typeof a == "function") {
-      for (var o = t; t; ) {
-        var u = t.parentElement, s = b(t);
-        if (u && !u.shadowRoot && a(u) === !0)
-          return w(t);
-        t.assignedSlot ? t = t.assignedSlot : !u && s !== t.ownerDocument ? t = s.host : t = u;
-      }
-      t = o;
-    }
-    if (B(t))
-      return !t.getClientRects().length;
-    if (r !== "legacy-full")
-      return !0;
-  } else if (r === "non-zero-area")
-    return w(t);
-  return !1;
-}, U = function(t) {
-  if (/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(t.tagName))
-    for (var e = t.parentElement; e; ) {
-      if (e.tagName === "FIELDSET" && e.disabled) {
-        for (var r = 0; r < e.children.length; r++) {
-          var a = e.children.item(r);
-          if (a.tagName === "LEGEND")
-            return d.call(e, "fieldset[disabled] *") ? !0 : !a.contains(t);
-        }
-        return !0;
-      }
-      e = e.parentElement;
-    }
-  return !1;
-}, y = function(t, e) {
-  return !(e.disabled || F(e) || q(e, t) || // For a details element with a summary, the summary element gets the focus
-  D(e) || U(e));
-}, S = function(t, e) {
-  return !(V(e) || N(e) < 0 || !y(t, e));
-}, j = function(t) {
-  var e = parseInt(t.getAttribute("tabindex"), 10);
-  return !!(isNaN(e) || e >= 0);
-}, E = function(t) {
-  var e = [], r = [];
-  return t.forEach(function(a, l) {
-    var n = !!a.scopeParent, c = n ? a.scopeParent : a, o = O(c, n), u = n ? E(a.candidates) : c;
-    o === 0 ? n ? e.push.apply(e, u) : e.push(c) : r.push({
-      documentOrder: l,
-      tabIndex: o,
-      item: a,
-      isScope: n,
-      content: u
-    });
-  }), r.sort(k).reduce(function(a, l) {
-    return l.isScope ? a.push.apply(a, l.content) : a.push(l.content), a;
-  }, []).concat(e);
-}, Z = function(t, e) {
-  e = e || {};
-  var r;
-  return e.getShadowRoot ? r = g([t], e.includeContainer, {
-    filter: S.bind(null, e),
-    flatten: !1,
-    getShadowRoot: e.getShadowRoot,
-    shadowRootFilter: j
-  }) : r = m(t, e.includeContainer, S.bind(null, e)), E(r);
-}, z = function(t, e) {
-  e = e || {};
-  var r;
-  return e.getShadowRoot ? r = g([t], e.includeContainer, {
-    filter: y.bind(null, e),
-    flatten: !0,
-    getShadowRoot: e.getShadowRoot
-  }) : r = m(t, e.includeContainer, y.bind(null, e)), r;
-}, G = function(t, e) {
-  if (e = e || {}, !t)
-    throw new Error("No node provided");
-  return d.call(t, v) === !1 ? !1 : S(e, t);
-}, W = /* @__PURE__ */ T.concat("iframe:not([inert]):not([inert] *)").join(","), X = function(t, e) {
-  if (e = e || {}, !t)
-    throw new Error("No node provided");
-  return d.call(t, W) === !1 ? !1 : y(e, t);
-};
+var e = { exports: {} };
 export {
-  z as focusable,
-  N as getTabIndex,
-  X as isFocusable,
-  G as isTabbable,
-  Z as tabbable
+  e as __module
 };

package/dist/kongponents.es461.js

@@ -1,13 +1,125 @@
-var f = /* @__PURE__ */ new WeakMap(), l = 0;
-function u(e) {
-  if (!e.length)
-    return "";
-  for (var o = "arg", t = 0; t < e.length; ++t) {
-    var n = void 0;
-    e[t] === null || typeof e[t] != "object" && typeof e[t] != "function" ? typeof e[t] == "string" ? n = '"' + e[t] + '"' : n = String(e[t]) : f.has(e[t]) ? n = f.get(e[t]) : (n = l, f.set(e[t], l++)), o += "@" + n;
+import { defineComponent as V, useAttrs as A, computed as r, ref as d, useTemplateRef as f, watch as C, nextTick as W, openBlock as v, createElementBlock as m, createVNode as b, withCtx as q, createElementVNode as l, mergeProps as D, unref as i, toDisplayString as F, renderSlot as $, createCommentVNode as y } from "vue";
+import K from "./kongponents.es224.js";
+import O from "./kongponents.es177.js";
+import U from "./kongponents.es24.js";
+/* empty css                 */
+import { KUI_ICON_SIZE_30 as k } from "./kongponents.es182.js";
+const Z = {
+  class: "base-label",
+  "data-testid": "interactive-pill-base-label"
+}, j = {
+  class: "content-label",
+  "data-testid": "interactive-pill-content-label"
+}, G = {
+  key: 0,
+  class: "pill-icon open-icon",
+  "data-testid": "interactive-pill-open-icon"
+}, H = {
+  class: "clear-focus-highlight",
+  "data-testid": "interactive-pill-clear-focus"
+}, ee = /* @__PURE__ */ V({
+  inheritAttrs: !1,
+  __name: "InteractivePill",
+  props: {
+    label: {},
+    clearFocus: { type: Boolean, default: !1 },
+    contentLabel: { default: () => {
+    } },
+    delimiter: { default: ": " },
+    pillFocus: { type: Boolean, default: !1 },
+    tooltipText: { default: () => {
+    } }
+  },
+  emits: ["trigger", "clear"],
+  setup(e, { emit: x }) {
+    const B = A(), a = r(() => !!e.contentLabel), n = d(!1), c = d(!1), p = f("trigger"), L = f("clear"), g = x, u = r(() => a.value ? `${e.label}${e.delimiter}` : e.label), h = d(!1), s = f("labelRef");
+    C(() => [u.value, e.contentLabel], async () => {
+      await W(), h.value = s.value ? s.value.scrollWidth > s.value.clientWidth : !1;
+    }, { immediate: !0 }), C(() => e.pillFocus, (t) => {
+      var o;
+      t && ((o = p.value) == null || o.focus());
+    });
+    const w = r(() => e.pillFocus || e.clearFocus ? "" : e.tooltipText !== void 0 ? e.tooltipText : a.value && h.value ? `${u.value}${e.contentLabel}` : ""), P = r(() => {
+      const t = a.value ? "has-content" : "no-content", o = e.pillFocus || c.value ? "focused" : "unfocused", E = e.clearFocus || n.value ? "clear-focused" : "clear-unfocused";
+      return `${t} ${o} ${E}`;
+    }), R = () => {
+      c.value = !0;
+    }, T = () => {
+      c.value = !1;
+    }, z = () => {
+      n.value = !0;
+    }, I = () => {
+      n.value = !1;
+    }, N = () => {
+      var t;
+      g("trigger"), c.value && ((t = p.value) == null || t.blur());
+    }, S = () => {
+      var t;
+      g("clear"), n.value && ((t = L.value) == null || t.blur());
+    };
+    return (t, o) => (v(), m("div", null, [
+      b(U, {
+        class: "interactive-pill-tooltip",
+        "max-width": "350",
+        text: w.value
+      }, {
+        default: q(() => [
+          l("div", D({
+            class: ["interactive-pill", P.value],
+            "data-testid": "interactive-pill"
+          }, i(B)), [
+            l("button", {
+              ref: "trigger",
+              class: "interactive-pill-trigger",
+              "data-testid": "interactive-pill-trigger",
+              type: "button",
+              onBlur: T,
+              onClick: N,
+              onFocus: R
+            }, [
+              l("div", {
+                ref_key: "labelRef",
+                ref: s,
+                class: "label"
+              }, [
+                l("span", Z, F(u.value), 1),
+                l("span", j, F(e.contentLabel), 1)
+              ], 512),
+              a.value ? y("", !0) : (v(), m("div", G, [
+                $(t.$slots, "open-icon", {}, () => [
+                  b(i(K), {
+                    decorative: "",
+                    size: i(k)
+                  }, null, 8, ["size"])
+                ], !0)
+              ]))
+            ], 544),
+            a.value ? (v(), m("button", {
+              key: 0,
+              ref: "clear",
+              class: "pill-icon clear-icon",
+              "data-testid": "interactive-pill-clear-icon",
+              type: "button",
+              onBlur: I,
+              onClick: S,
+              onFocus: z
+            }, [
+              l("div", H, [
+                $(t.$slots, "clear-icon", {}, () => [
+                  b(i(O), {
+                    decorative: "",
+                    size: i(k)
+                  }, null, 8, ["size"])
+                ], !0)
+              ])
+            ], 544)) : y("", !0)
+          ], 16)
+        ]),
+        _: 3
+      }, 8, ["text"])
+    ]));
   }
-  return o;
-}
+});
 export {
-  u as default
+  ee as default
 };

package/dist/kongponents.es463.js

@@ -1,10 +1,9 @@
-import s from "./kongponents.es281.js";
-import f from "./kongponents.es282.js";
-function i(a) {
-  f(1, arguments);
-  var e = 1, t = s(a), r = t.getUTCDay(), o = (r < e ? 7 : 0) + r - e;
-  return t.setUTCDate(t.getUTCDate() - o), t.setUTCHours(0, 0, 0, 0), t;
+import r from "./kongponents.es403.js";
+import i from "./kongponents.es514.js";
+function f(t, a) {
+  var e = i(t, a);
+  return r(e) ? e : void 0;
 }
 export {
-  i as default
+  f as default
 };

package/dist/kongponents.es464.js

@@ -1,13 +1,20 @@
-import o from "./kongponents.es380.js";
-import f from "./kongponents.es463.js";
-import u from "./kongponents.es282.js";
-function O(e) {
-  u(1, arguments);
-  var t = o(e), r = /* @__PURE__ */ new Date(0);
-  r.setUTCFullYear(t, 0, 4), r.setUTCHours(0, 0, 0, 0);
-  var a = f(r);
-  return a;
+import p from "./kongponents.es515.js";
+import a from "./kongponents.es516.js";
+import i from "./kongponents.es517.js";
+import h from "./kongponents.es518.js";
+import s from "./kongponents.es519.js";
+function t(e) {
+  var o = -1, l = e == null ? 0 : e.length;
+  for (this.clear(); ++o < l; ) {
+    var r = e[o];
+    this.set(r[0], r[1]);
+  }
 }
+t.prototype.clear = p;
+t.prototype.delete = a;
+t.prototype.get = i;
+t.prototype.has = h;
+t.prototype.set = s;
 export {
-  O as default
+  t as default
 };

package/dist/kongponents.es465.js

@@ -1,16 +1,7 @@
-import p from "./kongponents.es281.js";
-import w from "./kongponents.es282.js";
-import c from "./kongponents.es280.js";
-import { getDefaultOptions as k } from "./kongponents.es289.js";
-function C(O, e) {
-  var l, r, a, i, n, d, v, u;
-  w(1, arguments);
-  var s = k(), o = c((l = (r = (a = (i = e == null ? void 0 : e.weekStartsOn) !== null && i !== void 0 ? i : e == null || (n = e.locale) === null || n === void 0 || (d = n.options) === null || d === void 0 ? void 0 : d.weekStartsOn) !== null && a !== void 0 ? a : s.weekStartsOn) !== null && r !== void 0 ? r : (v = s.locale) === null || v === void 0 || (u = v.options) === null || u === void 0 ? void 0 : u.weekStartsOn) !== null && l !== void 0 ? l : 0);
-  if (!(o >= 0 && o <= 6))
-    throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");
-  var t = p(O), f = t.getUTCDay(), m = (f < o ? 7 : 0) + f - o;
-  return t.setUTCDate(t.getUTCDate() - m), t.setUTCHours(0, 0, 0, 0), t;
+import t from "./kongponents.es464.js";
+function e() {
+  this.__data__ = new t(), this.size = 0;
 }
 export {
-  C as default
+  e as default
 };

package/dist/kongponents.es466.js

@@ -1,16 +1,7 @@
-import k from "./kongponents.es382.js";
-import W from "./kongponents.es282.js";
-import p from "./kongponents.es465.js";
-import _ from "./kongponents.es280.js";
-import { getDefaultOptions as c } from "./kongponents.es289.js";
-function U(v, e) {
-  var t, o, r, l, i, a, n, f;
-  W(1, arguments);
-  var s = c(), u = _((t = (o = (r = (l = e == null ? void 0 : e.firstWeekContainsDate) !== null && l !== void 0 ? l : e == null || (i = e.locale) === null || i === void 0 || (a = i.options) === null || a === void 0 ? void 0 : a.firstWeekContainsDate) !== null && r !== void 0 ? r : s.firstWeekContainsDate) !== null && o !== void 0 ? o : (n = s.locale) === null || n === void 0 || (f = n.options) === null || f === void 0 ? void 0 : f.firstWeekContainsDate) !== null && t !== void 0 ? t : 1), m = k(v, e), d = /* @__PURE__ */ new Date(0);
-  d.setUTCFullYear(m, 0, u), d.setUTCHours(0, 0, 0, 0);
-  var C = p(d, e);
-  return C;
+function s(t) {
+  var e = this.__data__, a = e.delete(t);
+  return this.size = e.size, a;
 }
 export {
-  U as default
+  s as default
 };

package/dist/kongponents.es467.js

@@ -1,69 +1,6 @@
-var r = {
-  lessThanXSeconds: {
-    one: "less than a second",
-    other: "less than {{count}} seconds"
-  },
-  xSeconds: {
-    one: "1 second",
-    other: "{{count}} seconds"
-  },
-  halfAMinute: "half a minute",
-  lessThanXMinutes: {
-    one: "less than a minute",
-    other: "less than {{count}} minutes"
-  },
-  xMinutes: {
-    one: "1 minute",
-    other: "{{count}} minutes"
-  },
-  aboutXHours: {
-    one: "about 1 hour",
-    other: "about {{count}} hours"
-  },
-  xHours: {
-    one: "1 hour",
-    other: "{{count}} hours"
-  },
-  xDays: {
-    one: "1 day",
-    other: "{{count}} days"
-  },
-  aboutXWeeks: {
-    one: "about 1 week",
-    other: "about {{count}} weeks"
-  },
-  xWeeks: {
-    one: "1 week",
-    other: "{{count}} weeks"
-  },
-  aboutXMonths: {
-    one: "about 1 month",
-    other: "about {{count}} months"
-  },
-  xMonths: {
-    one: "1 month",
-    other: "{{count}} months"
-  },
-  aboutXYears: {
-    one: "about 1 year",
-    other: "about {{count}} years"
-  },
-  xYears: {
-    one: "1 year",
-    other: "{{count}} years"
-  },
-  overXYears: {
-    one: "over 1 year",
-    other: "over {{count}} years"
-  },
-  almostXYears: {
-    one: "almost 1 year",
-    other: "almost {{count}} years"
-  }
-}, u = function(a, n, o) {
-  var e, t = r[a];
-  return typeof t == "string" ? e = t : n === 1 ? e = t.one : e = t.other.replace("{{count}}", n.toString()), o != null && o.addSuffix ? o.comparison && o.comparison > 0 ? "in " + e : e + " ago" : e;
-};
+function a(t) {
+  return this.__data__.get(t);
+}
 export {
-  u as default
+  a as default
 };

package/dist/kongponents.es468.js

@@ -1,33 +1,6 @@
-import t from "./kongponents.es533.js";
-var m = {
-  full: "EEEE, MMMM do, y",
-  long: "MMMM do, y",
-  medium: "MMM d, y",
-  short: "MM/dd/yyyy"
-}, a = {
-  full: "h:mm:ss a zzzz",
-  long: "h:mm:ss a z",
-  medium: "h:mm:ss a",
-  short: "h:mm a"
-}, d = {
-  full: "{{date}} 'at' {{time}}",
-  long: "{{date}} 'at' {{time}}",
-  medium: "{{date}}, {{time}}",
-  short: "{{date}}, {{time}}"
-}, o = {
-  date: t({
-    formats: m,
-    defaultWidth: "full"
-  }),
-  time: t({
-    formats: a,
-    defaultWidth: "full"
-  }),
-  dateTime: t({
-    formats: d,
-    defaultWidth: "full"
-  })
-};
+function t(a) {
+  return this.__data__.has(a);
+}
 export {
-  o as default
+  t as default
 };

package/dist/kongponents.es469.js

@@ -1,13 +1,17 @@
-var t = {
-  lastWeek: "'last' eeee 'at' p",
-  yesterday: "'yesterday at' p",
-  today: "'today at' p",
-  tomorrow: "'tomorrow at' p",
-  nextWeek: "eeee 'at' p",
-  other: "P"
-}, p = function(e, o, r, l) {
-  return t[e];
-};
+import _ from "./kongponents.es464.js";
+import e from "./kongponents.es392.js";
+import r from "./kongponents.es301.js";
+var h = 200;
+function m(i, s) {
+  var t = this.__data__;
+  if (t instanceof _) {
+    var a = t.__data__;
+    if (!e || a.length < h - 1)
+      return a.push([i, s]), this.size = ++t.size, this;
+    t = this.__data__ = new r(a);
+  }
+  return t.set(i, s), this.size = t.size, this;
+}
 export {
-  p as default
+  m as default
 };