@kong/kongponents 9.14.19 → 9.14.20-pr.2534.697eddc5f.0

package/dist/kongponents.es.js

@@ -3579,7 +3579,7 @@ const wf = {
       class: de(["k-alert", [e.appearance]])
     }, [
       e.showIcon || n.$slots.icon ? (p(), $("div", Og, [
-        q(n.$slots, "icon", {}, () => [
+        q(n.$slots, "icon", { mdcUnwrap: "p" }, () => [
           (p(), G(Fe(a.value), {
             class: "alert-icon",
             decorative: "",
@@ -3590,7 +3590,7 @@ const wf = {
       F("div", Pg, [
         e.title ? (p(), $("span", Ng, re(e.title), 1)) : H("", !0),
         e.message || n.$slots.default ? (p(), $("div", Bg, [
-          q(n.$slots, "default", {}, () => [
+          q(n.$slots, "default", { mdcUnwrap: "p" }, () => [
             F("p", null, re(e.message), 1)
           ])
         ])) : H("", !0)
@@ -3615,7 +3615,7 @@ const wf = {
   for (const [n, r] of t)
     a[n] = r;
   return a;
-}, _g = /* @__PURE__ */ Ee(Lg, [["__scopeId", "data-v-512ca5a8"]]), Rg = {
+}, _g = /* @__PURE__ */ Ee(Lg, [["__scopeId", "data-v-312cd935"]]), Rg = {
   inheritAttrs: !1
 }, Yg = /* @__PURE__ */ oe({
   ...Rg,
@@ -3682,12 +3682,12 @@ const wf = {
     }, l.value, ho(u.value)), {
       default: P(() => [
         q(c.$slots, "icon", {}, void 0, !0),
-        q(c.$slots, "default", {}, void 0, !0)
+        q(c.$slots, "default", { mdcUnwrap: "p" }, void 0, !0)
       ]),
       _: 3
     }, 16, ["class", "disabled", "tabindex", "type"]));
   }
-}), lt = /* @__PURE__ */ Ee(Yg, [["__scopeId", "data-v-e73e1593"]]), Fg = ["top", "right", "bottom", "left"], Xu = ["start", "end"], Ju = /* @__PURE__ */ Fg.reduce((e, t) => e.concat(t, t + "-" + Xu[0], t + "-" + Xu[1]), []), Ni = Math.min, Sn = Math.max, Bi = Math.round, di = Math.floor, ln = (e) => ({
+}), lt = /* @__PURE__ */ Ee(Yg, [["__scopeId", "data-v-7d71de7f"]]), Fg = ["top", "right", "bottom", "left"], Xu = ["start", "end"], Ju = /* @__PURE__ */ Fg.reduce((e, t) => e.concat(t, t + "-" + Xu[0], t + "-" + Xu[1]), []), Ni = Math.min, Sn = Math.max, Bi = Math.round, di = Math.floor, ln = (e) => ({
   x: e,
   y: e
 }), zg = {
@@ -5489,7 +5489,8 @@ const _m = ["aria-labelledby", "x-placement"], Rm = ["tabindex"], Ym = {
         content: P(() => [
           dt((p(), $("div", qm, [
             q(i.$slots, "content", {
-              label: e.text || e.label
+              label: e.text || e.label,
+              mdcUnwrap: "p"
             }, () => [
               fe(re(e.text || e.label), 1)
             ], !0)
@@ -5498,13 +5499,13 @@ const _m = ["aria-labelledby", "x-placement"], Rm = ["tabindex"], Ym = {
           ])
         ]),
         default: P(() => [
-          q(i.$slots, "default", {}, void 0, !0)
+          q(i.$slots, "default", { mdcUnwrap: "p" }, void 0, !0)
         ]),
         _: 3
       }, 16, ["max-width", "placement", "z-index"])) : q(i.$slots, "default", { key: 1 }, void 0, !0);
     };
   }
-}), wa = /* @__PURE__ */ Ee(Wm, [["__scopeId", "data-v-a55c9998"]]), { getSizeFromString: Um } = Et(), Vm = {
+}), wa = /* @__PURE__ */ Ee(Wm, [["__scopeId", "data-v-f2e3130c"]]), { getSizeFromString: Um } = Et(), Vm = {
   name: "KBadge",
   components: { KButton: lt, KTooltip: wa }
 }, Km = /* @__PURE__ */ oe({
@@ -5548,7 +5549,7 @@ const _m = ["aria-labelledby", "x-placement"], Rm = ["tabindex"], Ym = {
   },
   setup(e) {
     Rt((o) => ({
-      "1ae0deb0": i.value
+      "6371ec18": i.value
     }));
     const t = e, a = y(() => Object.keys(yf).includes(t.appearance)), n = M(), r = M(!1), i = y(() => Um(t.maxWidth)), s = async () => {
       var o, u;
@@ -5566,13 +5567,16 @@ const _m = ["aria-labelledby", "x-placement"], Rm = ["tabindex"], Ym = {
           F("div", {
             class: de(["badge-content", { "icon-after": !e.iconBefore }])
           }, [
-            o.$slots.icon ? q(o.$slots, "icon", { key: 0 }, void 0, !0) : H("", !0),
+            o.$slots.icon ? q(o.$slots, "icon", {
+              key: 0,
+              mdcUnwrap: "p"
+            }, void 0, !0) : H("", !0),
             F("div", {
               ref_key: "badgeTextElement",
               ref: n,
               class: "badge-content-wrapper"
             }, [
-              q(o.$slots, "default", {}, void 0, !0)
+              q(o.$slots, "default", { mdcUnwrap: "p" }, void 0, !0)
             ], 512)
           ], 2)
         ]),
@@ -5580,7 +5584,7 @@ const _m = ["aria-labelledby", "x-placement"], Rm = ["tabindex"], Ym = {
       }, 8, ["text"]))
     ], 2));
   }
-}), Ir = /* @__PURE__ */ Ee(Km, [["__scopeId", "data-v-f53a8b2c"]]), jm = {
+}), Ir = /* @__PURE__ */ Ee(Km, [["__scopeId", "data-v-a392efa5"]]), jm = {
   key: 0,
   class: "breadcrumbs-icon-container"
 }, Gm = {
@@ -7261,7 +7265,7 @@ const W1 = {
       return p(), $("label", {
         class: de(["k-label", { required: e.required }])
       }, [
-        q(i.$slots, "default", {}, void 0, !0),
+        q(i.$slots, "default", { mdcUnwrap: "p" }, void 0, !0),
         n.value ? (p(), G(wa, He({ key: 0 }, e.tooltipAttributes, {
           class: "label-tooltip",
           "tooltip-id": x(r)
@@ -7285,7 +7289,7 @@ const W1 = {
       ], 2);
     };
   }
-}), vn = /* @__PURE__ */ Ee(uy, [["__scopeId", "data-v-d5b88b97"]]), cy = ["aria-checked"], dy = { class: "checkbox-label-wrapper" }, fy = {
+}), vn = /* @__PURE__ */ Ee(uy, [["__scopeId", "data-v-cde08365"]]), cy = ["aria-checked"], dy = { class: "checkbox-label-wrapper" }, fy = {
   key: 1,
   class: "checkbox-description"
 }, vy = {
@@ -7365,7 +7369,7 @@ const W1 = {
         F("div", dy, [
           l.value ? dt((p(), G(vn, He({ key: 0 }, e.labelAttributes, { class: "checkbox-label" }), kt({
             default: P(() => [
-              q(b.$slots, "default", {}, () => [
+              q(b.$slots, "default", { mdcUnwrap: "p" }, () => [
                 fe(re(e.label), 1)
               ], !0)
             ]),
@@ -7382,7 +7386,7 @@ const W1 = {
             [g, { for: x(s) }]
           ]) : H("", !0),
           u.value ? (p(), $("div", fy, [
-            q(b.$slots, "description", {}, () => [
+            q(b.$slots, "description", { mdcUnwrap: "p" }, () => [
               F("p", null, re(e.description), 1)
             ], !0)
           ])) : H("", !0)
@@ -7390,7 +7394,7 @@ const W1 = {
       ], 2);
     };
   }
-}), Fi = /* @__PURE__ */ Ee(py, [["__scopeId", "data-v-8ae365e2"]]), hy = ["aria-invalid", "type", "value"], gy = ["aria-label"], my = {
+}), Fi = /* @__PURE__ */ Ee(py, [["__scopeId", "data-v-b183713f"]]), hy = ["aria-invalid", "type", "value"], gy = ["aria-label"], my = {
   inheritAttrs: !1
 }, yy = /* @__PURE__ */ oe({
   ...my,
@@ -7448,8 +7452,8 @@ const W1 = {
   emits: ["input", "update:modelValue", "char-limit-exceeded"],
   setup(e, { emit: t }) {
     Rt((T) => ({
-      90849794: K.value,
-      a9f08fd6: U.value
+      "7d66a52c": K.value,
+      "884a6f3e": U.value
     }));
     const a = e, n = t, r = M(""), i = M(!1), s = M(0), { stripRequiredLabel: l } = Et(), o = It(), u = Vt(), c = y(() => (u == null ? void 0 : u.required) !== void 0 && String(u == null ? void 0 : u.required) !== "false"), d = u.id ? String(u.id) : Ct(), f = Ct(), v = y(() => l(a.label, c.value)), h = y(() => {
       var T;
@@ -7527,7 +7531,7 @@ const W1 = {
             ref: N,
             class: "before-content-wrapper"
           }, [
-            q(T.$slots, "before", {}, void 0, !0)
+            q(T.$slots, "before", { mdcUnwrap: "p" }, void 0, !0)
           ], 512)) : H("", !0),
           dt(F("input", He({
             "aria-invalid": e.error || e.hasError || g.value ? "true" : void 0,
@@ -7562,7 +7566,10 @@ const W1 = {
                 key: 1,
                 decorative: ""
               }))
-            ], 40, gy)) : q(T.$slots, "after", { key: 1 }, void 0, !0)
+            ], 40, gy)) : q(T.$slots, "after", {
+              key: 1,
+              mdcUnwrap: "p"
+            }, void 0, !0)
           ], 512)) : H("", !0)
         ], 2),
         V(ia, {
@@ -7584,7 +7591,7 @@ const W1 = {
       ], 2);
     };
   }
-}), dn = /* @__PURE__ */ Ee(yy, [["__scopeId", "data-v-3b182bc6"]]);
+}), dn = /* @__PURE__ */ Ee(yy, [["__scopeId", "data-v-8ecdf30b"]]);
 function qf(e, t) {
   let a;
   return (...n) => {
@@ -7812,8 +7819,8 @@ const Sy = {
   setup(e, { emit: t }) {
     var at, nt;
     Rt((Q) => ({
-      f7b3f622: Y.value,
-      "34564d64": k.value
+      fe6f9ac8: Y.value,
+      "451e687b": k.value
     }));
     const { getSizeFromString: a } = Et(), r = ((nt = (at = window == null ? void 0 : window.navigator) == null ? void 0 : at.platform) == null ? void 0 : nt.toLowerCase().includes("mac")) ? "Option" : "Alt", i = qf(_, 150), s = e, l = t, o = It(), u = M(s.query), c = M(!1), d = M(s.initialRegExpMode), f = M(s.initialFilterMode), v = M(null), h = M(null), b = M(s.query), C = M(0), g = M([]), m = M(null), w = y(() => {
       var Q;
@@ -8221,12 +8228,12 @@ const Sy = {
             ]),
             _: 1
           }, 8, ["aria-label", "copy-tooltip", "theme"])) : H("", !0),
-          q(Q.$slots, "secondary-actions", {}, void 0, !0)
+          q(Q.$slots, "secondary-actions", { mdcUnwrap: "p" }, void 0, !0)
         ])) : H("", !0)
       ])
     ], 10, Dy));
   }
-}), Fy = /* @__PURE__ */ Ee(Yy, [["__scopeId", "data-v-ca51cb93"]]), zy = { class: "k-collapse" }, Hy = { class: "collapse-trigger" }, qy = ["aria-expanded", "aria-label"], Wy = {
+}), Fy = /* @__PURE__ */ Ee(Yy, [["__scopeId", "data-v-1509a224"]]), zy = { class: "k-collapse" }, Hy = { class: "collapse-trigger" }, qy = ["aria-expanded", "aria-label"], Wy = {
   key: 0,
   class: "collapse-trigger-label",
   "data-testid": "collapse-trigger-label"
@@ -18351,13 +18358,16 @@ const e4 = /* @__PURE__ */ hn(X8, [["render", J8]]), t4 = { class: "k-segmented-
         type: "button",
         onClick: (c) => s(u)
       }, [
-        q(l.$slots, "option-label", { option: u }, () => [
+        q(l.$slots, "option-label", {
+          mdcUnwrap: "p",
+          option: u
+        }, () => [
           fe(re(u.label), 1)
         ], !0)
       ], 10, a4))), 128))
     ]));
   }
-}), Np = /* @__PURE__ */ Ee(l4, [["__scopeId", "data-v-1c95a3b6"]]), u4 = ["tabindex"], c4 = ["innerHTML"], d4 = {
+}), Np = /* @__PURE__ */ Ee(l4, [["__scopeId", "data-v-49a186eb"]]), u4 = ["tabindex"], c4 = ["innerHTML"], d4 = {
   key: 1,
   class: "range-display"
 }, f4 = {
@@ -18927,7 +18937,7 @@ const e4 = /* @__PURE__ */ hn(X8, [["render", J8]]), t4 = { class: "k-segmented-
         }, 8, ["label"])),
         e.label || c.$slots.label ? dt((p(), G(f, { key: 0 }, {
           default: P(() => [
-            q(c.$slots, "label", {}, () => [
+            q(c.$slots, "label", { mdcUnwrap: "p" }, () => [
               fe(re(e.label), 1)
             ], !0)
           ]),
@@ -18938,7 +18948,7 @@ const e4 = /* @__PURE__ */ hn(X8, [["render", J8]]), t4 = { class: "k-segmented-
       ], 2);
     };
   }
-}), D4 = /* @__PURE__ */ Ee($4, [["__scopeId", "data-v-28e827c3"]]);
+}), D4 = /* @__PURE__ */ Ee($4, [["__scopeId", "data-v-e316084b"]]);
 /*!
 * tabbable 6.2.0
 * @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
@@ -21162,7 +21172,7 @@ const _P = { "data-testid": "multiselect-container" }, RP = ["tabindex"], YP = {
         }, [
           dt((p(), G(vn, He(e.labelAttributes, { class: "radio-label" }), kt({
             default: P(() => [
-              q(C.$slots, "default", {}, () => [
+              q(C.$slots, "default", { mdcUnwrap: "p" }, () => [
                 fe(re(e.label), 1)
               ], !0)
             ]),
@@ -21179,7 +21189,7 @@ const _P = { "data-testid": "multiselect-container" }, RP = ["tabindex"], YP = {
             [m, { for: x(i) }]
           ]),
           o.value ? (p(), $("div", s7, [
-            q(C.$slots, "description", {}, () => [
+            q(C.$slots, "description", { mdcUnwrap: "p" }, () => [
               F("p", null, re(e.description), 1)
             ], !0)
           ])) : H("", !0)
@@ -21193,12 +21203,12 @@ const _P = { "data-testid": "multiselect-container" }, RP = ["tabindex"], YP = {
           onKeyup: gt(v, ["space"])
         }, [
           C.$slots.default ? (p(), $("span", u7, [
-            q(C.$slots, "default", {}, void 0, !0)
+            q(C.$slots, "default", { mdcUnwrap: "p" }, void 0, !0)
           ])) : H("", !0),
           e.label || u.value ? (p(), $("span", c7, [
             e.label ? (p(), $("span", d7, re(e.label), 1)) : H("", !0),
             u.value ? (p(), $("span", f7, [
-              q(C.$slots, "description", {}, () => [
+              q(C.$slots, "description", { mdcUnwrap: "p" }, () => [
                 fe(re(e.description), 1)
               ], !0)
             ])) : H("", !0)
@@ -21207,7 +21217,7 @@ const _P = { "data-testid": "multiselect-container" }, RP = ["tabindex"], YP = {
       ], 2);
     };
   }
-}), h7 = /* @__PURE__ */ Ee(p7, [["__scopeId", "data-v-aa1b0d26"]]), g7 = ["aria-selected", "data-testid"], m7 = { class: "select-item-container" }, y7 = ["disabled", "value"], b7 = { class: "select-item-label" }, w7 = /* @__PURE__ */ oe({
+}), h7 = /* @__PURE__ */ Ee(p7, [["__scopeId", "data-v-276a6765"]]), g7 = ["aria-selected", "data-testid"], m7 = { class: "select-item-container" }, y7 = ["disabled", "value"], b7 = { class: "select-item-label" }, w7 = /* @__PURE__ */ oe({
   __name: "KSelectItem",
   props: {
     item: {
@@ -25169,9 +25179,9 @@ const dN = {
   },
   setup(e) {
     Rt((g) => ({
-      ab9f0938: u.value,
-      "7f8f51c0": x(c),
-      f3bcefe6: a.rows
+      a8a3260a: u.value,
+      31740977: x(c),
+      "2b3fd5d6": a.rows
     }));
     const { getSizeFromString: t } = Et(), a = e, n = M(a.expanded), r = M(!1), i = M(), s = M(), l = M(), o = M(), u = M("0px"), c = Eg, d = M(0), f = async () => {
       var g;
@@ -25216,6 +25226,7 @@ const dN = {
           n.value ? H("", !0) : (p(), $("div", TN, [
             q(g.$slots, "expand-trigger", {
               expand: b,
+              mdcUnwrap: "p",
               truncatedCount: d.value
             }, () => [
               F("button", {
@@ -25232,9 +25243,12 @@ const dN = {
           ref: s,
           class: "truncate-container"
         }, [
-          q(g.$slots, "default", {}, void 0, !0),
+          q(g.$slots, "default", { mdcUnwrap: "p" }, void 0, !0),
           !e.truncateText && n.value ? (p(), $("div", EN, [
-            q(g.$slots, "collapse-trigger", { collapse: b }, () => [
+            q(g.$slots, "collapse-trigger", {
+              collapse: b,
+              mdcUnwrap: "p"
+            }, () => [
               F("button", {
                 "aria-label": "Collapse content",
                 class: "collapse-trigger",
@@ -25256,7 +25270,10 @@ const dN = {
           class: "truncate-collapse-controls"
         }, [
           n.value ? H("", !0) : (p(), $("div", MN, [
-            q(g.$slots, "expand-trigger", { expand: b }, () => [
+            q(g.$slots, "expand-trigger", {
+              expand: b,
+              mdcUnwrap: "p"
+            }, () => [
               V(w, {
                 appearance: "tertiary",
                 size: "small",
@@ -25270,7 +25287,10 @@ const dN = {
             ], !0)
           ])),
           n.value ? (p(), $("div", IN, [
-            q(g.$slots, "collapse-trigger", { collapse: b }, () => [
+            q(g.$slots, "collapse-trigger", {
+              collapse: b,
+              mdcUnwrap: "p"
+            }, () => [
               V(w, {
                 appearance: "tertiary",
                 size: "small",
@@ -25287,7 +25307,7 @@ const dN = {
       ], 6);
     };
   }
-}), PN = /* @__PURE__ */ Ee(ON, [["__scopeId", "data-v-a16a1149"]]), NN = { class: "k-copy" }, BN = {
+}), PN = /* @__PURE__ */ Ee(ON, [["__scopeId", "data-v-ea7a3a1f"]]), NN = { class: "k-copy" }, BN = {
   key: 0,
   class: "copy-badge-text"
 }, LN = ["aria-label", "onClick"], _N = /* @__PURE__ */ oe({