@kong/kongponents 9.46.0 → 9.46.1-pr.2962.dc37c46.0

package/dist/kongponents.es271.js

@@ -1,121 +1,132 @@
-import { defineComponent as y, computed as s, createBlock as b, openBlock as d, resolveDynamicComponent as k, normalizeStyle as x, withCtx as S, createElementBlock as N } from "vue";
-import { KUI_ICON_SIZE_50 as u } from "./kongponents.es270.js";
-const w = ["aria-hidden"], c = '<path d="M9.7 18.025L4 12.325L5.425 10.9L9.7 15.175L18.875 6L20.3 7.425L9.7 18.025Z" fill="currentColor"/>', z = /* @__PURE__ */ y({
-  __name: "CheckIcon",
-  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: u,
-      // if setting to the imported const fails, just pass a number of 24 as the default.
-      validator: (r) => {
-        if (typeof r == "number" && r > 0)
-          return !0;
-        if (typeof r == "string") {
-          const e = String(r).replace(/px/gi, ""), i = Number(e);
-          if (i && !isNaN(i) && Number.isInteger(i) && i > 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(r) {
-    const e = r, i = s(() => {
-      if (typeof e.size == "number" && e.size > 0)
-        return `${e.size}px`;
-      if (typeof e.size == "string") {
-        const a = String(e.size).replace(/px/gi, ""), t = Number(a);
-        if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
-          return `${t}px`;
-      }
-      return u;
-    }), p = s(() => ({
-      boxSizing: "border-box",
-      color: e.color,
-      display: e.display,
-      flexShrink: "0",
-      height: i.value,
-      lineHeight: "0",
-      width: i.value,
-      pointerEvents: e.decorative ? "none" : void 0
-    })), f = (a) => {
-      const t = {}, h = Math.random().toString(36).substring(2, 12);
-      return a.replace(/id="([^"]+)"/g, (o, n) => {
-        const l = `${h}-${n}`;
-        return t[n] = l, `id="${l}"`;
-      }).replace(/#([^\s^")]+)/g, (o, n) => t[n] ? `#${t[n]}` : o);
-    }, g = {
-      "<": "&lt;",
-      ">": "&gt;",
-      '"': "&quot;",
-      "'": "&#39;",
-      "&": "&amp;"
-    }, m = (a) => a.replace(/[<>"'&]/g, (t) => g[t]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? c : f(c)}`;
-    return (a, t) => (d(), b(k(r.as), {
-      "aria-hidden": r.decorative ? "true" : void 0,
-      class: "kui-icon check-icon",
-      "data-testid": "kui-icon-wrapper-check-icon",
-      style: x(p.value),
-      tabindex: r.decorative ? "-1" : void 0
-    }, {
-      default: S(() => [
-        (d(), N("svg", {
-          "aria-hidden": r.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-check-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, w))
-      ]),
-      _: 1
-    }, 8, ["aria-hidden", "style", "tabindex"]));
+const p = ["top", "right", "bottom", "left"], l = ["start", "end"], L = /* @__PURE__ */ p.reduce((t, e) => t.concat(e, e + "-" + l[0], e + "-" + l[1]), []), h = Math.min, x = Math.max, E = Math.round, R = Math.floor, T = (t) => ({
+  x: t,
+  y: t
+}), b = {
+  left: "right",
+  right: "left",
+  bottom: "top",
+  top: "bottom"
+}, d = {
+  start: "end",
+  end: "start"
+};
+function k(t, e, n) {
+  return x(t, h(e, n));
+}
+function q(t, e) {
+  return typeof t == "function" ? t(e) : t;
+}
+function g(t) {
+  return t.split("-")[0];
+}
+function m(t) {
+  return t.split("-")[1];
+}
+function A(t) {
+  return t === "x" ? "y" : "x";
+}
+function P(t) {
+  return t === "y" ? "height" : "width";
+}
+const y = /* @__PURE__ */ new Set(["top", "bottom"]);
+function M(t) {
+  return y.has(g(t)) ? "y" : "x";
+}
+function O(t) {
+  return A(M(t));
+}
+function z(t, e, n) {
+  n === void 0 && (n = !1);
+  const r = m(t), i = O(t), o = P(i);
+  let c = i === "x" ? r === (n ? "end" : "start") ? "right" : "left" : r === "start" ? "bottom" : "top";
+  return e.reference[o] > e.floating[o] && (c = f(c)), [c, f(c)];
+}
+function B(t) {
+  const e = f(t);
+  return [s(t), e, s(e)];
+}
+function s(t) {
+  return t.replace(/start|end/g, (e) => d[e]);
+}
+const u = ["left", "right"], a = ["right", "left"], S = ["top", "bottom"], w = ["bottom", "top"];
+function j(t, e, n) {
+  switch (t) {
+    case "top":
+    case "bottom":
+      return n ? e ? a : u : e ? u : a;
+    case "left":
+    case "right":
+      return e ? S : w;
+    default:
+      return [];
   }
-});
+}
+function D(t, e, n, r) {
+  const i = m(t);
+  let o = j(g(t), n === "start", r);
+  return i && (o = o.map((c) => c + "-" + i), e && (o = o.concat(o.map(s)))), o;
+}
+function f(t) {
+  return t.replace(/left|right|bottom|top/g, (e) => b[e]);
+}
+function C(t) {
+  return {
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0,
+    ...t
+  };
+}
+function F(t) {
+  return typeof t != "number" ? C(t) : {
+    top: t,
+    right: t,
+    bottom: t,
+    left: t
+  };
+}
+function G(t) {
+  const {
+    x: e,
+    y: n,
+    width: r,
+    height: i
+  } = t;
+  return {
+    width: r,
+    height: i,
+    top: n,
+    left: e,
+    right: e + r,
+    bottom: n + i,
+    x: e,
+    y: n
+  };
+}
 export {
-  z as default
+  l as alignments,
+  k as clamp,
+  T as createCoords,
+  q as evaluate,
+  C as expandPaddingObject,
+  R as floor,
+  m as getAlignment,
+  O as getAlignmentAxis,
+  z as getAlignmentSides,
+  P as getAxisLength,
+  B as getExpandedPlacements,
+  s as getOppositeAlignmentPlacement,
+  A as getOppositeAxis,
+  D as getOppositeAxisPlacements,
+  f as getOppositePlacement,
+  F as getPaddingObject,
+  g as getSide,
+  M as getSideAxis,
+  x as max,
+  h as min,
+  L as placements,
+  G as rectToClientRect,
+  E as round,
+  p as sides
 };

package/dist/kongponents.es272.js

@@ -1,121 +1,202 @@
-import { defineComponent as h, computed as s, createBlock as b, openBlock as d, resolveDynamicComponent as S, normalizeStyle as x, withCtx as C, createElementBlock as H } from "vue";
-import { KUI_ICON_SIZE_50 as u } from "./kongponents.es270.js";
-const N = ["aria-hidden"], c = '<path d="M8 18H16V16H8V18ZM8 14H16V12H8V14ZM6 22C5.45 22 4.97917 21.8042 4.5875 21.4125C4.19583 21.0208 4 20.55 4 20V4C4 3.45 4.19583 2.97917 4.5875 2.5875C4.97917 2.19583 5.45 2 6 2H14L20 8V20C20 20.55 19.8042 21.0208 19.4125 21.4125C19.0208 21.8042 18.55 22 18 22H6ZM13 9V4H6V20H18V9H13Z" fill="currentColor"/>', I = /* @__PURE__ */ h({
-  __name: "ServiceDocumentIcon",
-  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: u,
-      // if setting to the imported const fails, just pass a number of 24 as the default.
-      validator: (r) => {
-        if (typeof r == "number" && r > 0)
-          return !0;
-        if (typeof r == "string") {
-          const e = String(r).replace(/px/gi, ""), i = Number(e);
-          if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
-            return !0;
-        }
-        return !1;
+/*!
+* tabbable 6.2.0
+* @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
+*/
+var w = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])", "a[href]:not([inert])", "button:not([inert])", "[tabindex]:not(slot):not([inert])", "audio[controls]:not([inert])", "video[controls]:not([inert])", '[contenteditable]:not([contenteditable="false"]):not([inert])', "details>summary:first-of-type:not([inert])", "details:not([inert])"], v = /* @__PURE__ */ w.join(","), T = typeof Element > "u", o = T ? function() {
+} : Element.prototype.matches || Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector, b = !T && 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 i(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 && i(t.parentNode);
+  return n;
+}, A = function(t) {
+  var e, r = t == null || (e = t.getAttribute) === null || e === void 0 ? void 0 : e.call(t, "contenteditable");
+  return r === "" || r === "true";
+}, I = function(t, e, r) {
+  if (h(t))
+    return [];
+  var a = Array.prototype.slice.apply(t.querySelectorAll(v));
+  return e && o.call(t, v) && a.unshift(t), a = a.filter(r), a;
+}, m = function i(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 u = n.assignedElements(), c = u.length ? u : n.children, s = i(c, !0, r);
+        r.flatten ? a.push.apply(a, s) : a.push({
+          scopeParent: n,
+          candidates: s
+        });
+      } else {
+        var f = o.call(n, v);
+        f && r.filter(n) && (e || !t.includes(n)) && a.push(n);
+        var d = n.shadowRoot || // check for an undisclosed shadow
+        typeof r.getShadowRoot == "function" && r.getShadowRoot(n), E = !h(d, !1) && (!r.shadowRootFilter || r.shadowRootFilter(n));
+        if (d && E) {
+          var y = i(d === !0 ? n.children : d.children, !0, r);
+          r.flatten ? a.push.apply(a, y) : a.push({
+            scopeParent: n,
+            candidates: y
+          });
+        } else
+          l.unshift.apply(l, n.children);
       }
-    },
-    /** 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
+  }
+  return a;
+}, N = function(t) {
+  return !isNaN(parseInt(t.getAttribute("tabindex"), 10));
+}, R = function(t) {
+  if (!t)
+    throw new Error("No node provided");
+  return t.tabIndex < 0 && (/^(AUDIO|VIDEO|DETAILS)$/.test(t.tagName) || A(t)) && !N(t) ? 0 : t.tabIndex;
+}, x = function(t, e) {
+  var r = R(t);
+  return r < 0 && e && !N(t) ? 0 : r;
+}, O = function(t, e) {
+  return t.tabIndex === e.tabIndex ? t.documentOrder - e.documentOrder : t.tabIndex - e.tabIndex;
+}, C = function(t) {
+  return t.tagName === "INPUT";
+}, F = function(t) {
+  return C(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;
+}, k = function(t, e) {
+  for (var r = 0; r < t.length; r++)
+    if (t[r].checked && t[r].form === e)
+      return t[r];
+}, M = function(t) {
+  if (!t.name)
+    return !0;
+  var e = t.form || b(t), r = function(u) {
+    return e.querySelectorAll('input[type="radio"][name="' + u + '"]');
+  }, 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 = k(a, t.form);
+  return !l || l === t;
+}, L = function(t) {
+  return C(t) && t.type === "radio";
+}, P = function(t) {
+  return L(t) && !M(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, u, c;
+    for (l = !!((n = a) !== null && n !== void 0 && (u = n.ownerDocument) !== null && u !== void 0 && u.contains(a) || t != null && (c = t.ownerDocument) !== null && c !== void 0 && c.contains(t)); !l && a; ) {
+      var s, f, d;
+      r = b(a), a = (s = r) === null || s === void 0 ? void 0 : s.host, l = !!((f = a) !== null && f !== void 0 && (d = f.ownerDocument) !== null && d !== void 0 && d.contains(a));
     }
-  },
-  setup(r) {
-    const e = r, i = s(() => {
-      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;
-    }), p = s(() => ({
-      boxSizing: "border-box",
-      color: e.color,
-      display: e.display,
-      flexShrink: "0",
-      height: i.value,
-      lineHeight: "0",
-      width: i.value,
-      pointerEvents: e.decorative ? "none" : void 0
-    })), f = (n) => {
-      const t = {}, y = Math.random().toString(36).substring(2, 12);
-      return n.replace(/id="([^"]+)"/g, (o, a) => {
-        const l = `${y}-${a}`;
-        return t[a] = l, `id="${l}"`;
-      }).replace(/#([^\s^")]+)/g, (o, a) => t[a] ? `#${t[a]}` : o);
-    }, g = {
-      "<": "&lt;",
-      ">": "&gt;",
-      '"': "&quot;",
-      "'": "&#39;",
-      "&": "&amp;"
-    }, m = (n) => n.replace(/[<>"'&]/g, (t) => g[t]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? c : f(c)}`;
-    return (n, t) => (d(), b(S(r.as), {
-      "aria-hidden": r.decorative ? "true" : void 0,
-      class: "kui-icon service-document-icon",
-      "data-testid": "kui-icon-wrapper-service-document-icon",
-      style: x(p.value),
-      tabindex: r.decorative ? "-1" : void 0
-    }, {
-      default: C(() => [
-        (d(), H("svg", {
-          "aria-hidden": r.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-service-document-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, N))
-      ]),
-      _: 1
-    }, 8, ["aria-hidden", "style", "tabindex"]));
   }
-});
+  return l;
+}, p = 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 (getComputedStyle(t).visibility === "hidden")
+    return !0;
+  var l = o.call(t, "details>summary:first-of-type"), n = l ? t.parentElement : t;
+  if (o.call(n, "details:not([open]) *"))
+    return !0;
+  if (!r || r === "full" || r === "legacy-full") {
+    if (typeof a == "function") {
+      for (var u = t; t; ) {
+        var c = t.parentElement, s = b(t);
+        if (c && !c.shadowRoot && a(c) === !0)
+          return p(t);
+        t.assignedSlot ? t = t.assignedSlot : !c && s !== t.ownerDocument ? t = s.host : t = c;
+      }
+      t = u;
+    }
+    if (B(t))
+      return !t.getClientRects().length;
+    if (r !== "legacy-full")
+      return !0;
+  } else if (r === "non-zero-area")
+    return p(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 o.call(e, "fieldset[disabled] *") ? !0 : !a.contains(t);
+        }
+        return !0;
+      }
+      e = e.parentElement;
+    }
+  return !1;
+}, g = function(t, e) {
+  return !(e.disabled || // we must do an inert look up to filter out any elements inside an inert ancestor
+  //  because we're limited in the type of selectors we can use in JSDom (see related
+  //  note related to `candidateSelectors`)
+  h(e) || 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 !(P(e) || R(e) < 0 || !g(t, e));
+}, V = function(t) {
+  var e = parseInt(t.getAttribute("tabindex"), 10);
+  return !!(isNaN(e) || e >= 0);
+}, j = function i(t) {
+  var e = [], r = [];
+  return t.forEach(function(a, l) {
+    var n = !!a.scopeParent, u = n ? a.scopeParent : a, c = x(u, n), s = n ? i(a.candidates) : u;
+    c === 0 ? n ? e.push.apply(e, s) : e.push(u) : r.push({
+      documentOrder: l,
+      tabIndex: c,
+      item: a,
+      isScope: n,
+      content: s
+    });
+  }), r.sort(O).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 = m([t], e.includeContainer, {
+    filter: S.bind(null, e),
+    flatten: !1,
+    getShadowRoot: e.getShadowRoot,
+    shadowRootFilter: V
+  }) : r = I(t, e.includeContainer, S.bind(null, e)), j(r);
+}, z = function(t, e) {
+  e = e || {};
+  var r;
+  return e.getShadowRoot ? r = m([t], e.includeContainer, {
+    filter: g.bind(null, e),
+    flatten: !0,
+    getShadowRoot: e.getShadowRoot
+  }) : r = I(t, e.includeContainer, g.bind(null, e)), r;
+}, G = function(t, e) {
+  if (e = e || {}, !t)
+    throw new Error("No node provided");
+  return o.call(t, v) === !1 ? !1 : S(e, t);
+}, W = /* @__PURE__ */ w.concat("iframe").join(","), X = function(t, e) {
+  if (e = e || {}, !t)
+    throw new Error("No node provided");
+  return o.call(t, W) === !1 ? !1 : g(e, t);
+};
 export {
-  I as default
+  z as focusable,
+  R as getTabIndex,
+  X as isFocusable,
+  G as isTabbable,
+  Z as tabbable
 };