@kong/kongponents 9.45.3 → 9.46.0

package/dist/kongponents.es89.js

@@ -0,0 +1,478 @@
+import { defineComponent as xe, useCssVars as Te, computed as d, watch as E, useSlots as Ee, ref as m, useTemplateRef as q, nextTick as ne, onMounted as Be, onBeforeUnmount as Se, createElementBlock as b, openBlock as i, normalizeClass as w, createCommentVNode as f, createElementVNode as k, createVNode as r, withCtx as c, Transition as $, createBlock as L, unref as a, Fragment as H, createTextVNode as F, toDisplayString as M, withDirectives as ae, renderSlot as Ie, resolveDynamicComponent as ie, normalizeProps as Re, mergeProps as ue, vShow as re } from "vue";
+import { Virtualizer as ce } from "./kongponents.es171.js";
+import Ae from "./kongponents.es46.js";
+import { copyTextToClipboard as Pe } from "./kongponents.es165.js";
+import { ShortcutManager as qe } from "./kongponents.es172.js";
+import { LINE_NUMBER_EXPRESSION_REGEX as $e, buildLineOffsets as He, highlightMatchingChars as Fe, escapeHTMLIfNeeded as se, normalizeHighlightedLines as Ve, getMatchingLineNumbers as De } from "./kongponents.es173.js";
+import Oe from "./kongponents.es174.js";
+import Ue from "./kongponents.es175.js";
+import je from "./kongponents.es176.js";
+import ze from "./kongponents.es177.js";
+import Ke from "./kongponents.es178.js";
+import Xe from "./kongponents.es179.js";
+import Ge from "./kongponents.es180.js";
+import Qe from "./kongponents.es181.js";
+import { KUI_COLOR_TEXT_NEUTRAL_STRONG as We, KUI_COLOR_TEXT_INVERSE as Ye, KUI_ICON_SIZE_30 as Ze, KUI_LINE_HEIGHT_30 as Je } from "./kongponents.es182.js";
+import B from "./kongponents.es39.js";
+import { IS_MAYBE_MAC as _e } from "./kongponents.es183.js";
+import { normalizeSize as et } from "./kongponents.es184.js";
+import tt from "./kongponents.es185.js";
+const ot = ["id"], lt = {
+  key: 0,
+  class: "code-block-actions"
+}, nt = {
+  key: 0,
+  class: "code-block-search-results-container"
+}, at = {
+  key: 0,
+  class: "code-block-search-results"
+}, it = { class: "code-block-search-actions" }, ut = {
+  ref: "codeBlockContent",
+  class: "code-block-content"
+}, rt = { class: "code-block-secondary-actions" }, ct = ["id", "href"], st = ["innerHTML"], dt = ["id", "href"], ht = ["innerHTML"], Rt = /* @__PURE__ */ xe({
+  __name: "KCodeBlock",
+  props: {
+    id: {},
+    code: {},
+    language: {},
+    initialFilterMode: { type: Boolean },
+    initialRegExpMode: { type: Boolean },
+    searchable: { type: Boolean },
+    highlightedLineNumbers: { default: () => [] },
+    processing: { type: Boolean },
+    query: { default: "" },
+    showCopyButton: { type: [Boolean, String], default: !0 },
+    showLineNumbers: { type: Boolean, default: !0 },
+    showLineNumberLinks: { type: Boolean },
+    theme: { default: "light" },
+    singleLine: { type: Boolean },
+    maxHeight: { default: "none" }
+  },
+  emits: ["code-block-render", "matching-lines-change", "query-change", "filter-mode-change", "reg-exp-mode-change"],
+  setup(t, { emit: de }) {
+    Te((e) => ({
+      v91530a62: ke.value,
+      v7e175f2e: ve.value
+    }));
+    const C = _e ? "Option" : "Alt", he = tt(W, 150, { leading: !0, trailing: !0 });
+    E(() => t.highlightedLineNumbers, (e) => {
+      typeof e == "string" && $e.test(e) || Array.isArray(e) && e.every((o) => Array.isArray(o) ? o.length === 2 && o.every((l) => typeof l == "number") : typeof o == "number") || console.warn(
+        "KCodeBlock: `highlightedLineNumbers` prop should be either a properly formatted string (e.g. '1,3-5,7'), an array of numbers or tuples of numbers."
+      );
+    }, { immediate: !0 });
+    const x = de, me = Ee(), V = m(t.query), p = m(!1), g = m(t.initialRegExpMode), v = m(t.initialFilterMode), y = m(null), s = m(t.query), D = m(0), n = m([]), h = m(null), u = q("codeBlock"), R = q("codeBlockContent"), O = q("codeBlockLineNumbers"), A = m(!1), P = m(!1), U = d(() => new Set(n.value)), S = d(() => {
+      var e;
+      return Array.from({ length: (e = t.code) == null ? void 0 : e.split(`
+`).length }, (o, l) => l + 1);
+    }), ve = d(() => S.value[S.value.length - 1].toString().length + "ch"), j = d(() => t.processing || p.value), N = d(() => v.value && z.value !== ""), fe = d(() => t.id.toLowerCase().replace(/\s+/g, "-"));
+    function T(e) {
+      return `${fe.value}-L${e}`;
+    }
+    const ge = d(() => He(t.code)), z = d(() => {
+      var o;
+      if (s.value === "" || n.value.length === 0)
+        return "";
+      const e = (o = t.code) == null ? void 0 : o.split(`
+`).filter((l, Me) => U.value.has(Me + 1)).join(`
+`);
+      return Fe(e, s.value, g.value);
+    }), be = d(() => !t.singleLine && t.searchable), ye = d(
+      () => t.singleLine ? se(t.code).replaceAll(`
+`, "") : se(t.code)
+    ), ke = d(() => et(t.maxHeight));
+    E(() => t.code, async function() {
+      await ne(), X(), I();
+    }), E(() => g.value, function() {
+      I();
+    }), E(() => t.highlightedLineNumbers, function() {
+      Y();
+    }, { immediate: !0, deep: !0 }), E(() => N.value, function(e) {
+      var o, l;
+      typeof document > "u" || (((o = document == null ? void 0 : document.activeElement) == null ? void 0 : o.tagName) === "PRE" && ((l = u.value) == null || l.focus({ preventScroll: !0 })), P.value = P.value || e, A.value = A.value || !e, R.value && (R.value.scrollTop = 0));
+    }, { immediate: !0 });
+    const Le = {
+      "alt+c": "copyCode",
+      "alt+f": "toggleFilterMode",
+      "alt+g": "toggleFilterMode",
+      "alt+r": "toggleRegExpMode",
+      f3: "jumpToNextMatch",
+      "shift+f3": "jumpToPreviousMatch",
+      enter: "jumpToNextMatch",
+      "shift+enter": "jumpToPreviousMatch"
+    }, Ce = {
+      toggleFilterMode: {
+        trigger: J,
+        isAllowedContext(e) {
+          return u.value !== null && e.composedPath().includes(u.value);
+        },
+        shouldPreventDefaultAction: !0
+      },
+      toggleRegExpMode: {
+        trigger: Z,
+        isAllowedContext(e) {
+          return u.value !== null && e.composedPath().includes(u.value);
+        },
+        shouldPreventDefaultAction: !0
+      },
+      jumpToNextMatch: {
+        trigger: _,
+        isAllowedContext(e) {
+          return u.value !== null && e.composedPath().includes(u.value);
+        },
+        isDisabled: () => n.value.length === 0 || v.value,
+        shouldPreventDefaultAction: !0
+      },
+      jumpToPreviousMatch: {
+        trigger: ee,
+        isAllowedContext(e) {
+          return u.value !== null && e.composedPath().includes(u.value);
+        },
+        isDisabled: () => n.value.length === 0 || v.value,
+        shouldPreventDefaultAction: !0
+      },
+      copyCode: {
+        trigger: oe,
+        isAllowedContext(e) {
+          return u.value !== null && e.composedPath().includes(u.value);
+        },
+        shouldPreventDefaultAction: !0
+      }
+    }, K = new qe(Le, Ce);
+    Be(function() {
+      K.registerListener(), X(), !t.query && t.highlightedLineNumbers.length ? Y() : I();
+    }), Se(function() {
+      K.unRegisterListener();
+    });
+    function X() {
+      var l;
+      const e = (l = u.value) == null ? void 0 : l.querySelector(".highlighted-code-block"), o = e == null ? void 0 : e.querySelector("code");
+      e instanceof HTMLElement && o instanceof HTMLElement && x("code-block-render", Q(e, o));
+    }
+    function G() {
+      var l;
+      if (typeof HTMLElement > "u")
+        return;
+      const e = (l = u.value) == null ? void 0 : l.querySelector(".highlighted-code-block"), o = e == null ? void 0 : e.querySelector("code");
+      e instanceof HTMLElement && o instanceof HTMLElement && x("matching-lines-change", Q(e, o));
+    }
+    function Q(e, o) {
+      return {
+        preElement: e,
+        codeElement: o,
+        code: t.code,
+        language: t.language,
+        query: V.value,
+        matchingLineNumbers: n.value
+      };
+    }
+    function pe() {
+      s.value !== V.value && (p.value = !0, he());
+    }
+    async function W() {
+      await ne(), x("query-change", s.value), I();
+    }
+    function Y() {
+      p.value = !0, y.value = null, n.value = Ve(t.highlightedLineNumbers, S.value.length), D.value = n.value.length, G(), p.value = !1;
+    }
+    function I() {
+      p.value = !0, y.value = null;
+      let e = [];
+      if (s.value.length > 0)
+        try {
+          e = De(
+            t.code.toLowerCase(),
+            s.value.toLowerCase(),
+            g.value,
+            ge.value
+          );
+        } catch (o) {
+          if (o instanceof Error)
+            y.value = o;
+          else
+            throw o;
+        }
+      h.value = null, D.value = e.length, n.value = Array.from(new Set(e)), G(), p.value = !1;
+    }
+    function Ne() {
+      s.value = "", W();
+    }
+    function Z() {
+      g.value = !g.value, x("reg-exp-mode-change", g.value), g.value || (y.value = null);
+    }
+    function J() {
+      v.value = !v.value, x("filter-mode-change", v.value);
+    }
+    function _() {
+      te(1);
+    }
+    function ee() {
+      te(-1);
+    }
+    function te(e) {
+      if (n.value.length === 0 || !(u.value instanceof HTMLElement))
+        return;
+      typeof h.value == "number" ? h.value = (h.value + e + n.value.length) % n.value.length : h.value = 0;
+      const o = n.value[h.value];
+      if (!o)
+        return;
+      const l = u.value.querySelector(`.highlighted-code-block #${T(o)}`);
+      l ? "scrollIntoViewIfNeeded" in l && typeof l.scrollIntoViewIfNeeded == "function" ? l.scrollIntoViewIfNeeded(!0) : l.scrollIntoView({ block: "nearest" }) : O.value && O.value.scrollToIndex(o - 1, { align: "center" });
+    }
+    async function oe(e) {
+      const o = e.target.closest("button");
+      await Pe(t.code) && (o == null || o.setAttribute("data-tooltip-text", "Copied code!"), window == null || window.setTimeout(function() {
+        o == null || o.removeAttribute("data-tooltip-text");
+      }, 1500));
+    }
+    const we = d(() => t.theme === "light" ? We : Ye);
+    function le(e) {
+      return {
+        // These props essentially renders a structure like this:
+        //
+        // <span class="line-number-rows">
+        //  <span class="line">...line number anchor...</span>
+        // </span>
+        as: "span",
+        class: "line-number-rows",
+        data: e ? n.value : S.value,
+        item: "span",
+        itemProps: ({ item: o }) => ({
+          class: w({
+            line: !0,
+            "line-is-match": e ? !1 : U.value.has(o),
+            "line-is-highlighted-match": e ? !1 : h.value !== null && o === n.value[h.value]
+          })
+        }),
+        // slightly increase the number of items to render to avoid blank items when scrolling fast
+        overscan: 8,
+        // provide a fixed item height so that Virtualizer can skip estimation
+        itemSize: parseInt(Je, 10),
+        // the scrollable container isn't the parentElement so we need to manually provide it
+        scrollRef: R.value ?? void 0,
+        // to override the default `position: relative; width: 100%`.
+        style: {
+          position: "absolute",
+          width: "auto"
+        }
+      };
+    }
+    return (e, o) => (i(), b("div", {
+      id: t.id,
+      ref: "codeBlock",
+      class: w(["k-code-block", [`theme-${t.theme}`]]),
+      "data-testid": "k-code-block",
+      tabindex: "-1",
+      onBlur: o[1] || (o[1] = (l) => h.value = null)
+    }, [
+      be.value ? (i(), b("div", lt, [
+        r(Ae, {
+          modelValue: s.value,
+          "onUpdate:modelValue": o[0] || (o[0] = (l) => s.value = l),
+          "aria-label": "Search",
+          autocomplete: "off",
+          class: "code-block-search-input",
+          "data-testid": "code-block-search-input",
+          error: y.value !== null,
+          "error-message": y.value !== null ? y.value.message : void 0,
+          placeholder: "Search...",
+          onInput: pe
+        }, {
+          before: c(() => [
+            r($, {
+              mode: "out-in",
+              name: "kongponents-fade-transition"
+            }, {
+              default: c(() => [
+                s.value ? (i(), b("button", {
+                  key: 0,
+                  "aria-label": "Clear query",
+                  class: "clear-query-button",
+                  "data-testid": "clear-query-button",
+                  title: "Clear query",
+                  type: "button",
+                  onClick: Ne
+                }, [
+                  r(a(je), { decorative: "" })
+                ])) : (i(), L(a(Qe), {
+                  key: 1,
+                  class: "code-block-search-icon",
+                  decorative: ""
+                }))
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["modelValue", "error", "error-message"]),
+        r($, { name: "kongponents-fade-transition" }, {
+          default: c(() => [
+            j.value || s.value ? (i(), b("div", nt, [
+              r($, { name: "kongponents-fade-transition" }, {
+                default: c(() => [
+                  j.value ? (i(), L(a(Xe), {
+                    key: 0,
+                    class: "code-block-processing-icon",
+                    color: we.value,
+                    "data-testid": "code-block-processing-icon",
+                    size: a(Ze),
+                    title: "Loading"
+                  }, null, 8, ["color", "size"])) : f("", !0)
+                ]),
+                _: 1
+              }),
+              s.value ? (i(), b("p", at, [
+                n.value.length === 0 ? (i(), b(H, { key: 0 }, [
+                  F(" No results ")
+                ], 64)) : typeof h.value == "number" && !N.value ? (i(), b(H, { key: 1 }, [
+                  F(M(h.value + 1) + " of " + M(n.value.length), 1)
+                ], 64)) : (i(), b(H, { key: 2 }, [
+                  F(M(n.value.length) + " " + M(n.value.length === 1 ? "result" : "results"), 1)
+                ], 64))
+              ])) : f("", !0)
+            ])) : f("", !0)
+          ]),
+          _: 1
+        }),
+        k("div", it, [
+          r(B, {
+            active: g.value,
+            "aria-label": `Use regular expression (${a(C)}+R)`,
+            "aria-pressed": g.value,
+            class: "regexp-mode-button",
+            "data-testid": "regexp-mode-button",
+            theme: t.theme,
+            title: `Use regular expression (${a(C)}+R)`,
+            onClick: Z
+          }, {
+            default: c(() => [
+              r(a(Ge), { decorative: "" })
+            ]),
+            _: 1
+          }, 8, ["active", "aria-label", "aria-pressed", "theme", "title"]),
+          r(B, {
+            active: v.value,
+            "aria-label": `Filter results (${a(C)}+F)`,
+            "aria-pressed": v.value,
+            class: "action-button filter-mode-button",
+            "data-testid": "filter-mode-button",
+            theme: t.theme,
+            title: `Filter results (${a(C)}+F)`,
+            onClick: J
+          }, {
+            default: c(() => [
+              r(a(Ke), { decorative: "" })
+            ]),
+            _: 1
+          }, 8, ["active", "aria-label", "aria-pressed", "theme", "title"]),
+          r(B, {
+            "aria-label": "Previous match (Shift+F3)",
+            class: "previous-match-button",
+            "data-testid": "previous-match-button",
+            disabled: n.value.length === 0 || v.value,
+            theme: t.theme,
+            title: "Previous match (Shift+F3)",
+            onClick: ee
+          }, {
+            default: c(() => [
+              r(a(Ue), { decorative: "" })
+            ]),
+            _: 1
+          }, 8, ["disabled", "theme"]),
+          r(B, {
+            "aria-label": "Next match (F3)",
+            class: "next-match-button",
+            "data-testid": "next-match-button",
+            disabled: n.value.length === 0 || v.value,
+            theme: t.theme,
+            title: "Next match (F3)",
+            onClick: _
+          }, {
+            default: c(() => [
+              r(a(Oe), { decorative: "" })
+            ]),
+            _: 1
+          }, 8, ["disabled", "theme"])
+        ])
+      ])) : f("", !0),
+      k("div", ut, [
+        t.showCopyButton || me["secondary-actions"] ? (i(), b("div", {
+          key: 0,
+          class: w(["secondary-actions-wrapper", { "always-show": t.showCopyButton === "always" }])
+        }, [
+          k("div", rt, [
+            t.showCopyButton ? (i(), L(B, {
+              key: 0,
+              "aria-label": `Copy (${a(C)}+C)`,
+              class: "code-block-copy-button",
+              "copy-tooltip": `Copy (${a(C)}+C)`,
+              "data-testid": `code-block-copy-button-${t.id}`,
+              theme: t.theme,
+              onClick: oe
+            }, {
+              default: c(() => [
+                r(a(ze), { decorative: "" })
+              ]),
+              _: 1
+            }, 8, ["aria-label", "copy-tooltip", "data-testid", "theme"])) : f("", !0),
+            Ie(e.$slots, "secondary-actions", {}, void 0, !0)
+          ])
+        ], 2)) : f("", !0),
+        N.value || P.value ? ae((i(), L(ie("pre"), {
+          key: 1,
+          class: w(["filtered-code-block", {
+            "show-line-numbers": t.showLineNumbers
+          }]),
+          "data-testid": "filtered-code-block"
+        }, {
+          default: c(() => [
+            t.showLineNumbers && !t.singleLine ? (i(), L(a(ce), Re(ue({ key: 0 }, le(!0))), {
+              default: c(({ item: l }) => [
+                k("a", {
+                  id: T(l),
+                  class: "line-anchor",
+                  href: t.showLineNumberLinks ? `#${T(l)}` : void 0
+                }, M(l), 9, ct)
+              ]),
+              _: 1
+            }, 16)) : f("", !0),
+            k("code", { innerHTML: z.value }, null, 8, st)
+          ]),
+          _: 1
+        }, 8, ["class"])), [
+          [re, N.value]
+        ]) : f("", !0),
+        !N.value || A.value ? ae((i(), L(ie("pre"), {
+          key: 2,
+          class: w(["highlighted-code-block", {
+            "show-line-numbers": t.showLineNumbers,
+            "single-line": t.singleLine
+          }]),
+          "data-testid": "highlighted-code-block"
+        }, {
+          default: c(() => [
+            t.showLineNumbers && !t.singleLine ? (i(), L(a(ce), ue({
+              key: 0,
+              ref: "codeBlockLineNumbers"
+            }, le(!1)), {
+              default: c(({ item: l }) => [
+                k("a", {
+                  id: T(l),
+                  class: w(["line-anchor", { "hide-links": !t.showLineNumberLinks }]),
+                  href: t.showLineNumberLinks ? `#${T(l)}` : void 0
+                }, M(l), 11, dt)
+              ]),
+              _: 1
+            }, 16)) : f("", !0),
+            k("code", { innerHTML: ye.value }, null, 8, ht)
+          ]),
+          _: 1
+        }, 8, ["class"])), [
+          [re, !N.value]
+        ]) : f("", !0)
+      ], 512)
+    ], 42, ot));
+  }
+});
+export {
+  Rt as default
+};

package/dist/kongponents.es9.js

@@ -0,0 +1,4 @@
+const r = ["leading", "trailing"];
+export {
+  r as TriggerAlignmentArray
+};

package/dist/kongponents.es92.js

@@ -0,0 +1,47 @@
+import { defineComponent as i, ref as n, useAttrs as r, watch as u, createBlock as p, openBlock as s, withCtx as o, createVNode as m, mergeProps as f, unref as d, renderSlot as h } from "vue";
+import v from "./kongponents.es33.js";
+import k from "./kongponents.es24.js";
+/* empty css                 */
+const C = /* @__PURE__ */ i({
+  inheritAttrs: !1,
+  __name: "KCodeBlockIconButton",
+  props: {
+    theme: { default: "light" },
+    active: { type: Boolean, default: !0 },
+    copyTooltip: { default: "" }
+  },
+  setup(t) {
+    const e = n(t.copyTooltip), c = r(), a = () => {
+      t.copyTooltip && (e.value = "Copied!");
+    };
+    return u(e, () => {
+      setTimeout(() => {
+        e.value = t.copyTooltip;
+      }, 3e3);
+    }), (l, y) => (s(), p(k, {
+      class: "code-block-action-tooltip",
+      placement: "bottom-start",
+      "popover-timeout": 300,
+      text: e.value
+    }, {
+      default: o(() => [
+        m(v, f({
+          appearance: "tertiary",
+          class: ["code-block-action-button", [`theme-${t.theme}`, { "code-block-action-button-active": t.active }]]
+        }, d(c), {
+          icon: "",
+          onClick: a
+        }), {
+          default: o(() => [
+            h(l.$slots, "default", {}, void 0, !0)
+          ]),
+          _: 3
+        }, 16, ["class"])
+      ]),
+      _: 3
+    }, 8, ["text"]));
+  }
+});
+export {
+  C as default
+};

package/dist/kongponents.es94.js

@@ -0,0 +1,100 @@
+import { defineComponent as L, useSlots as N, useId as T, ref as f, computed as n, watch as w, createElementBlock as g, openBlock as r, createElementVNode as d, createCommentVNode as v, createVNode as h, normalizeClass as b, createBlock as B, resolveDynamicComponent as D, withCtx as C, renderSlot as a, createTextVNode as z, toDisplayString as V, withModifiers as E, unref as c, Transition as A, withDirectives as K, vShow as x } from "vue";
+import M from "./kongponents.es219.js";
+import { KUI_ICON_SIZE_40 as O } from "./kongponents.es182.js";
+const U = { class: "k-collapse" }, Z = { class: "collapse-trigger" }, j = ["aria-controls", "aria-expanded", "aria-label"], q = {
+  key: 0,
+  class: "collapse-trigger-label",
+  "data-testid": "collapse-trigger-label"
+}, F = {
+  key: 0,
+  class: "collapse-visible-content",
+  "data-testid": "collapse-visible-content"
+}, G = ["id"], R = /* @__PURE__ */ L({
+  __name: "KCollapse",
+  props: {
+    modelValue: { type: Boolean, default: !0 },
+    title: { default: "" },
+    titleTag: { default: "div" },
+    triggerLabel: { default: "" },
+    triggerAlignment: { default: "trailing" }
+  },
+  emits: ["toggle", "update:modelValue"],
+  setup(t, { emit: k }) {
+    const m = k, y = N(), p = T(), l = f(!0), u = f(!1), $ = n(() => t.triggerAlignment === "trailing"), S = n(() => !!y["visible-content"]), I = n({
+      get() {
+        return t.modelValue;
+      },
+      set(e) {
+        i(e);
+      }
+    }), o = n(() => u.value ? l.value : t.modelValue), i = (e) => {
+      u.value || (l.value = t.modelValue), l.value = e !== void 0 ? e : !l.value, u.value = !0, m("toggle", l.value), m("update:modelValue", l.value);
+    };
+    return w(I, (e, s) => {
+      e !== s && i(e);
+    }), (e, s) => (r(), g("div", U, [
+      d("div", {
+        class: b(["collapse-heading", { "has-trailing-trigger": $.value }])
+      }, [
+        t.title || e.$slots.title ? (r(), B(D(t.titleTag), {
+          key: 0,
+          class: "collapse-title",
+          "data-testid": "collapse-title"
+        }, {
+          default: C(() => [
+            a(e.$slots, "title", {}, () => [
+              z(V(t.title), 1)
+            ], !0)
+          ]),
+          _: 3
+        })) : v("", !0),
+        d("div", Z, [
+          a(e.$slots, "trigger", {
+            isCollapsed: o.value,
+            toggle: i
+          }, () => [
+            d("button", {
+              "aria-controls": c(p),
+              "aria-expanded": !o.value,
+              "aria-label": t.triggerLabel ? void 0 : "Toggle content",
+              class: "collapse-trigger-content",
+              "data-testid": "collapse-trigger-content",
+              type: "button",
+              onClick: s[0] || (s[0] = E((H) => i(), ["prevent", "stop"]))
+            }, [
+              a(e.$slots, "trigger-content", {}, () => [
+                h(c(M), {
+                  class: b(["collapse-trigger-icon", { "collapse-expanded": !o.value }]),
+                  "data-testid": "collapse-trigger-icon",
+                  decorative: "",
+                  size: c(O)
+                }, null, 8, ["class", "size"]),
+                t.triggerLabel ? (r(), g("span", q, V(t.triggerLabel), 1)) : v("", !0)
+              ], !0)
+            ], 8, j)
+          ], !0)
+        ])
+      ], 2),
+      S.value ? (r(), g("div", F, [
+        a(e.$slots, "visible-content", {}, void 0, !0)
+      ])) : v("", !0),
+      h(A, { name: "kongponents-fade-transition" }, {
+        default: C(() => [
+          K(d("div", {
+            id: c(p),
+            class: "collapse-hidden-content",
+            "data-testid": "collapse-hidden-content"
+          }, [
+            a(e.$slots, "default", {}, void 0, !0)
+          ], 8, G), [
+            [x, !o.value]
+          ])
+        ]),
+        _: 3
+      })
+    ]));
+  }
+});
+export {
+  R as default
+};