@gxp-dev/mod-ui 2.0.0

package/dist/components/compositions/elements/configuration-block/ModalBlock.vue2.js

@@ -0,0 +1,106 @@
+import { defineComponent as b, computed as n, openBlock as o, createBlock as f, unref as t, withCtx as l, createVNode as a, normalizeClass as k, createTextVNode as r, toDisplayString as s, createElementBlock as m, Fragment as v, renderList as x } from "vue";
+import { Construction as y } from "lucide-vue-next";
+import "../../../ui/sheet/index.js";
+import "../../../ui/button/index.js";
+import "../../../ui/badge/index.js";
+import $ from "../../../../engine/ElementRenderer.vue.js";
+import { cn as h } from "../../../../lib/utils.js";
+import B from "../../../ui/sheet/Sheet.vue.js";
+import L from "../../../ui/sheet/SheetTrigger.vue.js";
+import C from "../../../ui/button/Button.vue.js";
+import M from "../../../ui/badge/Badge.vue.js";
+import z from "../../../ui/sheet/SheetContent.vue.js";
+import E from "../../../ui/sheet/SheetHeader.vue.js";
+import T from "../../../ui/sheet/SheetTitle.vue.js";
+const w = {
+  key: 0,
+  class: "flex flex-col gap-3 py-4"
+}, F = {
+  key: 1,
+  class: "py-4 text-sm text-muted-foreground"
+}, u = "modal", R = /* @__PURE__ */ b({
+  __name: "ModalBlock",
+  props: {
+    label: { default: "Modal" },
+    name: {},
+    triggerLabel: {},
+    title: {},
+    nestedElements: { default: () => [] },
+    item: { default: () => ({}) },
+    classList: {}
+  },
+  setup(p) {
+    const e = p, _ = n(
+      () => e.triggerLabel ?? e.label ?? "Open modal"
+    ), g = n(
+      () => e.title ?? e.label ?? "Modal"
+    ), c = n(
+      () => (e.nestedElements ?? []).filter(
+        (i) => typeof i == "object" && i !== null && typeof i.type == "string"
+      )
+    );
+    return (i, N) => (o(), f(t(B), null, {
+      default: l(() => [
+        a(t(L), { "as-child": "" }, {
+          default: l(() => [
+            a(t(C), {
+              type: "button",
+              variant: "outline",
+              class: k(t(h)(e.classList)),
+              "data-element-name": e.name ?? void 0,
+              "data-stub": `configuration-block/${u}`,
+              "aria-label": e.label
+            }, {
+              default: l(() => [
+                a(t(y), { class: "size-4" }),
+                r(" " + s(_.value) + " ", 1),
+                a(t(M), {
+                  variant: "outline",
+                  size: "sm"
+                }, {
+                  default: l(() => [
+                    r(s(u))
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["class", "data-element-name", "data-stub", "aria-label"])
+          ]),
+          _: 1
+        }),
+        a(t(z), {
+          side: "right",
+          class: "sm:max-w-xl"
+        }, {
+          default: l(() => [
+            a(t(E), null, {
+              default: l(() => [
+                a(t(T), null, {
+                  default: l(() => [
+                    r(s(g.value), 1)
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }),
+            c.value.length ? (o(), m("div", w, [
+              (o(!0), m(v, null, x(c.value, (d) => (o(), f($, {
+                key: d.id,
+                element: d,
+                item: e.item
+              }, null, 8, ["element", "item"]))), 128))
+            ])) : (o(), m("p", F, " Modal block — FormBuilder integration coming in task #7. "))
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }));
+  }
+});
+export {
+  R as default
+};
+//# sourceMappingURL=ModalBlock.vue2.js.map

package/dist/components/compositions/elements/configuration-block/ModalBlock.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalBlock.vue2.js","sources":["../../../../../src/components/compositions/elements/configuration-block/ModalBlock.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven renderer for `configuration-block/modal`.\n *\n * Sister to DialogBlock — wraps inner children (`nestedElements`) in a\n * full-bleed Sheet-style modal opened by a trigger Button. Full\n * FormBuilder integration arrives in task #7.\n */\nimport { computed } from \"vue\"\nimport { Construction } from \"lucide-vue-next\"\nimport type { CardElement } from \"@/definitions/elements\"\nimport {\n  Sheet,\n  SheetContent,\n  SheetHeader,\n  SheetTitle,\n  SheetTrigger,\n} from \"@/components/ui/sheet\"\nimport { Button } from \"@/components/ui/button\"\nimport { Badge } from \"@/components/ui/badge\"\nimport ElementRenderer from \"@/engine/ElementRenderer.vue\"\nimport { cn } from \"@/lib/utils\"\n\nexport interface ModalBlockProps {\n  label?: string\n  name?: string | null\n  triggerLabel?: string\n  title?: string\n  nestedElements?: CardElement[]\n  item?: Record<string, unknown>\n  classList?: string[] | string\n}\n\nconst props = withDefaults(defineProps<ModalBlockProps>(), {\n  label: \"Modal\",\n  nestedElements: () => [],\n  item: () => ({}),\n})\n\nconst styleKey = \"modal\"\n\nconst resolvedTrigger = computed(\n  () => props.triggerLabel ?? props.label ?? \"Open modal\",\n)\nconst resolvedTitle = computed(\n  () => props.title ?? props.label ?? \"Modal\",\n)\n\nconst children = computed<CardElement[]>(() =>\n  (props.nestedElements ?? []).filter(\n    (entry): entry is CardElement =>\n      typeof entry === \"object\" &&\n      entry !== null &&\n      typeof (entry as { type?: unknown }).type === \"string\",\n  ),\n)\n</script>\n\n<template>\n  <Sheet>\n    <SheetTrigger as-child>\n      <Button\n        type=\"button\"\n        variant=\"outline\"\n        :class=\"cn(props.classList)\"\n        :data-element-name=\"props.name ?? undefined\"\n        :data-stub=\"`configuration-block/${styleKey}`\"\n        :aria-label=\"props.label\"\n      >\n        <Construction class=\"size-4\" />\n        {{ resolvedTrigger }}\n        <Badge variant=\"outline\" size=\"sm\">{{ styleKey }}</Badge>\n      </Button>\n    </SheetTrigger>\n    <SheetContent side=\"right\" class=\"sm:max-w-xl\">\n      <SheetHeader>\n        <SheetTitle>{{ resolvedTitle }}</SheetTitle>\n      </SheetHeader>\n      <div v-if=\"children.length\" class=\"flex flex-col gap-3 py-4\">\n        <ElementRenderer\n          v-for=\"child in children\"\n          :key=\"child.id\"\n          :element=\"child\"\n          :item=\"props.item\"\n        />\n      </div>\n      <p v-else class=\"py-4 text-sm text-muted-foreground\">\n        Modal block — FormBuilder integration coming in task #7.\n      </p>\n    </SheetContent>\n  </Sheet>\n</template>\n"],"names":["styleKey","props","__props","resolvedTrigger","computed","resolvedTitle","children","entry","_createBlock","_unref","Sheet","_createVNode","SheetTrigger","Button","_normalizeClass","cn","Construction","_toDisplayString","Badge","SheetContent","SheetHeader","SheetTitle","_openBlock","_createElementBlock","_hoisted_1","_Fragment","_renderList","child","ElementRenderer","_hoisted_2"],"mappings":";;;;;;;;;;;;;;;;;;;;GAuCMA,IAAW;;;;;;;;;;;;AANjB,UAAMC,IAAQC,GAQRC,IAAkBC;AAAA,MACtB,MAAMH,EAAM,gBAAgBA,EAAM,SAAS;AAAA,IAAA,GAEvCI,IAAgBD;AAAA,MACpB,MAAMH,EAAM,SAASA,EAAM,SAAS;AAAA,IAAA,GAGhCK,IAAWF;AAAA,MAAwB,OACtCH,EAAM,kBAAkB,CAAA,GAAI;AAAA,QAC3B,CAACM,MACC,OAAOA,KAAU,YACjBA,MAAU,QACV,OAAQA,EAA6B,QAAS;AAAA,MAAA;AAAA,IAClD;2BAKAC,EA+BQC,EAAAC,CAAA,GAAA,MAAA;AAAA,iBA9BN,MAae;AAAA,QAbfC,EAaeF,EAAAG,CAAA,GAAA,EAbD,YAAA,MAAQ;AAAA,qBACpB,MAWS;AAAA,YAXTD,EAWSF,EAAAI,CAAA,GAAA;AAAA,cAVP,MAAK;AAAA,cACL,SAAQ;AAAA,cACP,OAAKC,EAAEL,EAAAM,CAAA,EAAGd,EAAM,SAAS,CAAA;AAAA,cACzB,qBAAmBA,EAAM,QAAQ;AAAA,cACjC,oCAAkCD,CAAQ;AAAA,cAC1C,cAAYC,EAAM;AAAA,YAAA;yBAEnB,MAA+B;AAAA,gBAA/BU,EAA+BF,EAAAO,CAAA,GAAA,EAAjB,OAAM,UAAQ;AAAA,kBAAG,MAC/BC,EAAGd,EAAA,KAAe,IAAG,KACrB,CAAA;AAAA,gBAAAQ,EAAyDF,EAAAS,CAAA,GAAA;AAAA,kBAAlD,SAAQ;AAAA,kBAAU,MAAK;AAAA,gBAAA;6BAAK,MAAc;AAAA,wBAAXlB,CAAQ,CAAA;AAAA,kBAAA;;;;;;;;;QAGlDW,EAeeF,EAAAU,CAAA,GAAA;AAAA,UAfD,MAAK;AAAA,UAAQ,OAAM;AAAA,QAAA;qBAC/B,MAEc;AAAA,YAFdR,EAEcF,EAAAW,CAAA,GAAA,MAAA;AAAA,yBADZ,MAA4C;AAAA,gBAA5CT,EAA4CF,EAAAY,CAAA,GAAA,MAAA;AAAA,6BAAhC,MAAmB;AAAA,wBAAhBhB,EAAA,KAAa,GAAA,CAAA;AAAA,kBAAA;;;;;;YAEnBC,EAAA,MAAS,UAApBgB,KAAAC,EAOM,OAPNC,GAOM;AAAA,sBANJD,EAKEE,GAAA,MAAAC,EAJgBpB,EAAA,OAAQ,CAAjBqB,YADTnB,EAKEoB,GAAA;AAAA,gBAHC,KAAKD,EAAM;AAAA,gBACX,SAASA;AAAA,gBACT,MAAM1B,EAAM;AAAA,cAAA;wBAGjBsB,EAEI,KAFJM,GAAqD,4DAErD;AAAA,UAAA;;;;;;;;"}

package/dist/components/compositions/elements/configuration-block/RepeatableBlock.vue.js

@@ -0,0 +1,5 @@
+import f from "./RepeatableBlock.vue2.js";
+export {
+  f as default
+};
+//# sourceMappingURL=RepeatableBlock.vue.js.map

package/dist/components/compositions/elements/configuration-block/RepeatableBlock.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RepeatableBlock.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/compositions/elements/configuration-block/RepeatableBlock.vue2.js

@@ -0,0 +1,143 @@
+import { defineComponent as A, computed as B, ref as z, watch as L, openBlock as s, createBlock as g, unref as l, normalizeClass as N, withCtx as r, createVNode as n, createElementVNode as m, toDisplayString as u, createTextVNode as h, createElementBlock as d, Fragment as v, renderList as x, createCommentVNode as y } from "vue";
+import { Construction as j, X as T, Plus as E } from "lucide-vue-next";
+import "../../../ui/card/index.js";
+import "../../../ui/badge/index.js";
+import "../../../ui/button/index.js";
+import F from "../../../../engine/ElementRenderer.vue.js";
+import { cn as S } from "../../../../lib/utils.js";
+import D from "../../../ui/card/Card.vue.js";
+import K from "../../../ui/card/CardHeader.vue.js";
+import O from "../../../ui/card/CardTitle.vue.js";
+import P from "../../../ui/badge/Badge.vue.js";
+import X from "../../../ui/card/CardContent.vue.js";
+import k from "../../../ui/button/Button.vue.js";
+const q = { class: "flex items-center justify-between gap-2" }, G = { class: "mb-3 text-sm text-muted-foreground" }, H = {
+  key: 0,
+  class: "mb-3 flex flex-col gap-3"
+}, J = { class: "mb-2 flex items-center justify-between" }, M = { class: "text-xs font-medium text-muted-foreground" }, Q = {
+  key: 0,
+  class: "flex flex-col gap-2"
+}, V = "repeatable", ie = /* @__PURE__ */ A({
+  __name: "RepeatableBlock",
+  props: {
+    label: { default: "Repeatable" },
+    name: {},
+    modelValue: { default: () => [] },
+    itemTemplate: { default: () => [] },
+    addButtonLabel: { default: "Add row" },
+    item: { default: () => ({}) },
+    classList: {}
+  },
+  emits: ["update:modelValue"],
+  setup(w, { emit: $ }) {
+    const t = w, f = $, p = B(
+      () => (t.itemTemplate ?? []).filter(
+        (e) => typeof e == "object" && e !== null && typeof e.type == "string"
+      )
+    ), _ = Array.isArray(t.modelValue) ? t.modelValue.length : 0, o = z(
+      Array.from({ length: _ }, (e, i) => i)
+    );
+    let b = _;
+    L(
+      () => t.modelValue,
+      (e) => {
+        Array.isArray(e) && e.length !== o.value.length && (o.value = Array.from({ length: e.length }, (i, a) => a), b = e.length);
+      }
+    );
+    function R() {
+      o.value.push(b++), f("update:modelValue", [...t.modelValue ?? [], {}]);
+    }
+    function C(e) {
+      const i = o.value.indexOf(e);
+      if (o.value = o.value.filter((a) => a !== e), i >= 0) {
+        const a = [...t.modelValue ?? []];
+        a.splice(i, 1), f("update:modelValue", a);
+      }
+    }
+    return (e, i) => (s(), g(l(D), {
+      class: N(l(S)("border-dashed", t.classList)),
+      "data-element-name": t.name ?? void 0,
+      "data-stub": `configuration-block/${V}`
+    }, {
+      default: r(() => [
+        n(l(K), null, {
+          default: r(() => [
+            m("div", q, [
+              n(l(O), { class: "flex items-center gap-2 text-base" }, {
+                default: r(() => [
+                  n(l(j), { class: "size-5 text-muted-foreground" }),
+                  m("span", null, u(t.label), 1)
+                ]),
+                _: 1
+              }),
+              n(l(P), {
+                variant: "outline",
+                size: "sm"
+              }, {
+                default: r(() => [
+                  h(u(V))
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          _: 1
+        }),
+        n(l(X), null, {
+          default: r(() => [
+            m("p", G, " Repeatable block — FormBuilder integration coming in task #7. Rows: " + u(o.value.length), 1),
+            o.value.length ? (s(), d("div", H, [
+              (s(!0), d(v, null, x(o.value, (a) => (s(), d("div", {
+                key: a,
+                class: "rounded-md border border-dashed p-3",
+                "data-testid": "repeatable-row"
+              }, [
+                m("div", J, [
+                  m("span", M, " Row " + u(a + 1), 1),
+                  n(l(k), {
+                    variant: "ghost",
+                    size: "icon-sm",
+                    type: "button",
+                    "aria-label": "Remove row",
+                    onClick: (c) => C(a)
+                  }, {
+                    default: r(() => [
+                      n(l(T))
+                    ]),
+                    _: 1
+                  }, 8, ["onClick"])
+                ]),
+                p.value.length ? (s(), d("div", Q, [
+                  (s(!0), d(v, null, x(p.value, (c) => (s(), g(F, {
+                    key: `${a}-${c.id}`,
+                    element: c,
+                    item: t.item
+                  }, null, 8, ["element", "item"]))), 128))
+                ])) : y("", !0)
+              ]))), 128))
+            ])) : y("", !0),
+            n(l(k), {
+              type: "button",
+              variant: "outline",
+              size: "sm",
+              "data-testid": "repeatable-add",
+              onClick: R
+            }, {
+              default: r(() => [
+                n(l(E)),
+                h(" " + u(t.addButtonLabel), 1)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["class", "data-element-name", "data-stub"]));
+  }
+});
+export {
+  ie as default
+};
+//# sourceMappingURL=RepeatableBlock.vue2.js.map

package/dist/components/compositions/elements/configuration-block/RepeatableBlock.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RepeatableBlock.vue2.js","sources":["../../../../../src/components/compositions/elements/configuration-block/RepeatableBlock.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven renderer for `configuration-block/repeatable`.\n *\n * Renders an Add/Remove UI shell for repeatable rows. Each row mirrors\n * `itemTemplate`. The current row count is reflected via `modelValue`\n * (defaulting to an empty array). Full FormBuilder integration arrives\n * in task #7.\n */\nimport { computed, ref, watch } from \"vue\"\nimport { Construction, Plus, X } from \"lucide-vue-next\"\nimport type { CardElement } from \"@/definitions/elements\"\nimport { Card, CardContent, CardHeader, CardTitle } from \"@/components/ui/card\"\nimport { Badge } from \"@/components/ui/badge\"\nimport { Button } from \"@/components/ui/button\"\nimport ElementRenderer from \"@/engine/ElementRenderer.vue\"\nimport { cn } from \"@/lib/utils\"\n\nexport interface RepeatableBlockProps {\n  label?: string\n  name?: string | null\n  modelValue?: unknown[]\n  itemTemplate?: CardElement[]\n  addButtonLabel?: string\n  item?: Record<string, unknown>\n  classList?: string[] | string\n}\n\nconst props = withDefaults(defineProps<RepeatableBlockProps>(), {\n  label: \"Repeatable\",\n  addButtonLabel: \"Add row\",\n  modelValue: () => [],\n  itemTemplate: () => [],\n  item: () => ({}),\n})\n\nconst emit = defineEmits<{\n  (e: \"update:modelValue\", value: unknown[]): void\n}>()\n\nconst styleKey = \"repeatable\"\n\nconst rowSchema = computed<CardElement[]>(() =>\n  (props.itemTemplate ?? []).filter(\n    (entry): entry is CardElement =>\n      typeof entry === \"object\" &&\n      entry !== null &&\n      typeof (entry as { type?: unknown }).type === \"string\",\n  ),\n)\n\nconst initialRowCount = Array.isArray(props.modelValue)\n  ? props.modelValue.length\n  : 0\n\nconst rows = ref<number[]>(\n  Array.from({ length: initialRowCount }, (_unused, index) => index),\n)\n\nlet nextRowId = initialRowCount\n\nwatch(\n  () => props.modelValue,\n  (next) => {\n    if (!Array.isArray(next)) {\n      return\n    }\n    if (next.length !== rows.value.length) {\n      rows.value = Array.from({ length: next.length }, (_u, i) => i)\n      nextRowId = next.length\n    }\n  },\n)\n\nfunction addRow(): void {\n  rows.value.push(nextRowId++)\n  emit(\"update:modelValue\", [...(props.modelValue ?? []), {}])\n}\n\nfunction removeRow(rowId: number): void {\n  const idx = rows.value.indexOf(rowId)\n  rows.value = rows.value.filter((id) => id !== rowId)\n  if (idx >= 0) {\n    const next = [...(props.modelValue ?? [])]\n    next.splice(idx, 1)\n    emit(\"update:modelValue\", next)\n  }\n}\n</script>\n\n<template>\n  <Card\n    :class=\"cn('border-dashed', props.classList)\"\n    :data-element-name=\"props.name ?? undefined\"\n    :data-stub=\"`configuration-block/${styleKey}`\"\n  >\n    <CardHeader>\n      <div class=\"flex items-center justify-between gap-2\">\n        <CardTitle class=\"flex items-center gap-2 text-base\">\n          <Construction class=\"size-5 text-muted-foreground\" />\n          <span>{{ props.label }}</span>\n        </CardTitle>\n        <Badge variant=\"outline\" size=\"sm\">{{ styleKey }}</Badge>\n      </div>\n    </CardHeader>\n    <CardContent>\n      <p class=\"mb-3 text-sm text-muted-foreground\">\n        Repeatable block — FormBuilder integration coming in task #7. Rows:\n        {{ rows.length }}\n      </p>\n      <div v-if=\"rows.length\" class=\"mb-3 flex flex-col gap-3\">\n        <div\n          v-for=\"rowId in rows\"\n          :key=\"rowId\"\n          class=\"rounded-md border border-dashed p-3\"\n          data-testid=\"repeatable-row\"\n        >\n          <div class=\"mb-2 flex items-center justify-between\">\n            <span class=\"text-xs font-medium text-muted-foreground\">\n              Row {{ rowId + 1 }}\n            </span>\n            <Button\n              variant=\"ghost\"\n              size=\"icon-sm\"\n              type=\"button\"\n              aria-label=\"Remove row\"\n              @click=\"removeRow(rowId)\"\n            >\n              <X />\n            </Button>\n          </div>\n          <div v-if=\"rowSchema.length\" class=\"flex flex-col gap-2\">\n            <ElementRenderer\n              v-for=\"child in rowSchema\"\n              :key=\"`${rowId}-${child.id}`\"\n              :element=\"child\"\n              :item=\"props.item\"\n            />\n          </div>\n        </div>\n      </div>\n      <Button\n        type=\"button\"\n        variant=\"outline\"\n        size=\"sm\"\n        data-testid=\"repeatable-add\"\n        @click=\"addRow\"\n      >\n        <Plus />\n        {{ props.addButtonLabel }}\n      </Button>\n    </CardContent>\n  </Card>\n</template>\n"],"names":["styleKey","props","__props","emit","__emit","rowSchema","computed","entry","initialRowCount","rows","ref","_unused","index","nextRowId","watch","next","_u","i","addRow","removeRow","rowId","idx","id","_createBlock","_unref","Card","_normalizeClass","cn","_createVNode","CardHeader","_createElementVNode","_hoisted_1","CardTitle","Construction","_toDisplayString","Badge","CardContent","_hoisted_2","_openBlock","_createElementBlock","_hoisted_3","_Fragment","_renderList","_hoisted_4","_hoisted_5","Button","$event","X","_hoisted_6","child","ElementRenderer","Plus"],"mappings":"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"}

package/dist/components/compositions/elements/display/BannerDisplay.vue.js

@@ -0,0 +1,5 @@
+import f from "./BannerDisplay.vue2.js";
+export {
+  f as default
+};
+//# sourceMappingURL=BannerDisplay.vue.js.map

package/dist/components/compositions/elements/display/BannerDisplay.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BannerDisplay.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/compositions/elements/display/BannerDisplay.vue2.js

@@ -0,0 +1,66 @@
+import { defineComponent as _, computed as f, ref as k, watch as g, openBlock as n, createBlock as r, unref as c, normalizeClass as x, withCtx as s, resolveDynamicComponent as w, createCommentVNode as u, createTextVNode as d, toDisplayString as v } from "vue";
+import { Info as B } from "lucide-vue-next";
+import "../../../ui/alert/index.js";
+import D from "../../../ui/alert/Alert.vue.js";
+import I from "../../../ui/alert/AlertTitle.vue.js";
+import $ from "../../../ui/alert/AlertDescription.vue.js";
+const V = /* @__PURE__ */ _({
+  __name: "BannerDisplay",
+  props: {
+    value: {},
+    title: {},
+    variant: { default: "default" },
+    icon: {},
+    classList: {}
+  },
+  setup(t) {
+    const a = t, m = f(() => a.value === void 0 || a.value === null ? "" : String(a.value)), p = f(() => {
+      const e = a.classList;
+      return e ? Array.isArray(e) ? e.join(" ") : e : "";
+    });
+    function y(e) {
+      return e.replace(/[-_\s]+(.)?/g, (i, l) => l ? l.toUpperCase() : "").replace(/^(.)/, (i) => i.toUpperCase());
+    }
+    const o = k(null);
+    async function C(e) {
+      if (!e) {
+        o.value = null;
+        return;
+      }
+      const l = await import("lucide-vue-next");
+      o.value = l[y(e)] ?? null;
+    }
+    return g(
+      () => a.icon,
+      (e) => {
+        C(e);
+      },
+      { immediate: !0 }
+    ), (e, i) => (n(), r(c(D), {
+      variant: t.variant,
+      class: x(p.value),
+      "data-testid": "banner-display"
+    }, {
+      default: s(() => [
+        t.icon && o.value ? (n(), r(w(o.value), { key: 0 })) : t.icon ? u("", !0) : (n(), r(c(B), { key: 1 })),
+        t.title ? (n(), r(c(I), { key: 2 }, {
+          default: s(() => [
+            d(v(t.title), 1)
+          ]),
+          _: 1
+        })) : u("", !0),
+        m.value ? (n(), r(c($), { key: 3 }, {
+          default: s(() => [
+            d(v(m.value), 1)
+          ]),
+          _: 1
+        })) : u("", !0)
+      ]),
+      _: 1
+    }, 8, ["variant", "class"]));
+  }
+});
+export {
+  V as default
+};
+//# sourceMappingURL=BannerDisplay.vue2.js.map

package/dist/components/compositions/elements/display/BannerDisplay.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BannerDisplay.vue2.js","sources":["../../../../../src/components/compositions/elements/display/BannerDisplay.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven banner display.\n *\n * Wraps the Alert primitive: `title` is the alert title and `value`\n * is the description. `variant` selects the colour scheme and `icon`\n * is a lucide icon name (PascalCase or kebab-case). The library is\n * lazy-imported so we only pay for it when an icon is requested.\n */\nimport { computed, ref, watch, type Component } from \"vue\"\nimport { Info } from \"lucide-vue-next\"\nimport { Alert, AlertDescription, AlertTitle } from \"@/components/ui/alert\"\nimport type { AlertVariants } from \"@/components/ui/alert\"\n\nexport interface BannerDisplayProps {\n  value?: string | number | null\n  title?: string\n  variant?: AlertVariants[\"variant\"]\n  icon?: string\n  classList?: string[] | string\n}\n\nconst props = withDefaults(defineProps<BannerDisplayProps>(), {\n  variant: \"default\",\n})\n\nconst content = computed<string>(() => {\n  if (props.value === undefined || props.value === null) {\n    return \"\"\n  }\n  return String(props.value)\n})\n\nconst rootClass = computed<string>(() => {\n  const cl = props.classList\n  if (!cl) {\n    return \"\"\n  }\n  return Array.isArray(cl) ? cl.join(\" \") : cl\n})\n\nfunction toPascalCase(input: string): string {\n  return input\n    .replace(/[-_\\s]+(.)?/g, (_, ch?: string) => (ch ? ch.toUpperCase() : \"\"))\n    .replace(/^(.)/, (m) => m.toUpperCase())\n}\n\nconst ResolvedIcon = ref<Component | null>(null)\n\nasync function loadIcon(name: string | undefined): Promise<void> {\n  if (!name) {\n    ResolvedIcon.value = null\n    return\n  }\n  const mod = await import(\"lucide-vue-next\")\n  const registry = mod as unknown as Record<string, Component | undefined>\n  ResolvedIcon.value = registry[toPascalCase(name)] ?? null\n}\n\nwatch(\n  () => props.icon,\n  (next) => {\n    void loadIcon(next)\n  },\n  { immediate: true },\n)\n</script>\n\n<template>\n  <Alert\n    :variant=\"variant\"\n    :class=\"rootClass\"\n    data-testid=\"banner-display\"\n  >\n    <component\n      :is=\"ResolvedIcon\"\n      v-if=\"icon && ResolvedIcon\"\n    />\n    <Info v-else-if=\"!icon\" />\n    <AlertTitle v-if=\"title\">\n      {{ title }}\n    </AlertTitle>\n    <AlertDescription v-if=\"content\">\n      {{ content }}\n    </AlertDescription>\n  </Alert>\n</template>\n"],"names":["props","__props","content","computed","rootClass","cl","toPascalCase","input","_","ch","m","ResolvedIcon","ref","loadIcon","name","registry","watch","next","_createBlock","_unref","Alert","_openBlock","_resolveDynamicComponent","Info","AlertTitle","AlertDescription"],"mappings":";;;;;;;;;;;;;;;;AAsBA,UAAMA,IAAQC,GAIRC,IAAUC,EAAiB,MAC3BH,EAAM,UAAU,UAAaA,EAAM,UAAU,OACxC,KAEF,OAAOA,EAAM,KAAK,CAC1B,GAEKI,IAAYD,EAAiB,MAAM;AACvC,YAAME,IAAKL,EAAM;AACjB,aAAKK,IAGE,MAAM,QAAQA,CAAE,IAAIA,EAAG,KAAK,GAAG,IAAIA,IAFjC;AAAA,IAGX,CAAC;AAED,aAASC,EAAaC,GAAuB;AAC3C,aAAOA,EACJ,QAAQ,gBAAgB,CAACC,GAAGC,MAAiBA,IAAKA,EAAG,YAAA,IAAgB,EAAG,EACxE,QAAQ,QAAQ,CAACC,MAAMA,EAAE,aAAa;AAAA,IAC3C;AAEA,UAAMC,IAAeC,EAAsB,IAAI;AAE/C,mBAAeC,EAASC,GAAyC;AAC/D,UAAI,CAACA,GAAM;AACT,QAAAH,EAAa,QAAQ;AACrB;AAAA,MACF;AAEA,YAAMI,IADM,MAAM,OAAO,iBAAiB;AAE1C,MAAAJ,EAAa,QAAQI,EAAST,EAAaQ,CAAI,CAAC,KAAK;AAAA,IACvD;AAEA,WAAAE;AAAA,MACE,MAAMhB,EAAM;AAAA,MACZ,CAACiB,MAAS;AACR,QAAKJ,EAASI,CAAI;AAAA,MACpB;AAAA,MACA,EAAE,WAAW,GAAA;AAAA,IAAK,mBAKlBC,EAgBQC,EAAAC,CAAA,GAAA;AAAA,MAfL,SAASnB,EAAA;AAAA,MACT,SAAOG,EAAA,KAAS;AAAA,MACjB,eAAY;AAAA,IAAA;iBAEZ,MAGE;AAAA,QADMH,EAAA,QAAQU,EAAA,SAFhBU,KAAAH,EAGEI,EAFKX,EAAA,KAAY,GAAA,EAAA,KAAA,GAAA,KAGDV,EAAA,yBAAlBiB,EAA0BC,EAAAI,CAAA,GAAA,EAAA,KAAA,EAAA,CAAA;AAAA,QACRtB,EAAA,cAAlBiB,EAEaC,EAAAK,CAAA,GAAA,EAAA,KAAA,KAAA;AAAA,qBADX,MAAW;AAAA,gBAARvB,EAAA,KAAK,GAAA,CAAA;AAAA,UAAA;;;QAEcC,EAAA,cAAxBgB,EAEmBC,EAAAM,CAAA,GAAA,EAAA,KAAA,KAAA;AAAA,qBADjB,MAAa;AAAA,gBAAVvB,EAAA,KAAO,GAAA,CAAA;AAAA,UAAA;;;;;;;;"}

package/dist/components/compositions/elements/display/BarcodeDisplay.vue.js

@@ -0,0 +1,5 @@
+import f from "./BarcodeDisplay.vue2.js";
+export {
+  f as default
+};
+//# sourceMappingURL=BarcodeDisplay.vue.js.map

package/dist/components/compositions/elements/display/BarcodeDisplay.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BarcodeDisplay.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/compositions/elements/display/BarcodeDisplay.vue2.js

@@ -0,0 +1,55 @@
+import { defineComponent as v, computed as i, useTemplateRef as f, ref as m, onMounted as p, watch as _, openBlock as s, createElementBlock as l, normalizeClass as y, toDisplayString as g, createCommentVNode as b } from "vue";
+const B = ["aria-label"], h = {
+  key: 0,
+  class: "mt-1 text-xs text-destructive",
+  "data-testid": "barcode-error"
+}, x = /* @__PURE__ */ v({
+  __name: "BarcodeDisplay",
+  props: {
+    value: {},
+    format: { default: "CODE128" },
+    classList: {}
+  },
+  setup(u) {
+    const t = u, a = i(() => t.value === void 0 || t.value === null ? "" : String(t.value)), d = i(() => {
+      const e = t.classList;
+      return e ? Array.isArray(e) ? e.join(" ") : e : "";
+    }), o = f("svgRef"), r = m("");
+    async function n() {
+      if (!(!o.value || !a.value))
+        try {
+          const c = (await import("jsbarcode")).default;
+          c(o.value, a.value, {
+            format: t.format,
+            displayValue: !0,
+            margin: 4
+          }), r.value = "";
+        } catch (e) {
+          r.value = e instanceof Error ? e.message : "Failed to render barcode";
+        }
+    }
+    return p(() => {
+      n();
+    }), _(
+      () => [a.value, t.format],
+      () => {
+        n();
+      }
+    ), (e, c) => (s(), l("div", {
+      class: y(["inline-block", d.value]),
+      "data-testid": "barcode-display"
+    }, [
+      (s(), l("svg", {
+        ref_key: "svgRef",
+        ref: o,
+        role: "img",
+        "aria-label": `Barcode: ${a.value}`
+      }, null, 8, B)),
+      r.value ? (s(), l("p", h, g(r.value), 1)) : b("", !0)
+    ], 2));
+  }
+});
+export {
+  x as default
+};
+//# sourceMappingURL=BarcodeDisplay.vue2.js.map

package/dist/components/compositions/elements/display/BarcodeDisplay.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BarcodeDisplay.vue2.js","sources":["../../../../../src/components/compositions/elements/display/BarcodeDisplay.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven barcode display.\n *\n * Generates a barcode SVG from `value` using the `jsbarcode` library,\n * lazy-imported on mount. Default format is CODE128; supply alternates\n * (EAN13, UPC, ...) via the `format` prop.\n */\nimport { computed, onMounted, ref, useTemplateRef, watch } from \"vue\"\n\nexport interface BarcodeDisplayProps {\n  value?: string | number | null\n  format?: string\n  classList?: string[] | string\n}\n\nconst props = withDefaults(defineProps<BarcodeDisplayProps>(), {\n  format: \"CODE128\",\n})\n\nconst content = computed<string>(() => {\n  if (props.value === undefined || props.value === null) {\n    return \"\"\n  }\n  return String(props.value)\n})\n\nconst rootClass = computed<string>(() => {\n  const cl = props.classList\n  if (!cl) {\n    return \"\"\n  }\n  return Array.isArray(cl) ? cl.join(\" \") : cl\n})\n\nconst svgRef = useTemplateRef<SVGSVGElement>(\"svgRef\")\nconst error = ref<string>(\"\")\n\nasync function renderBarcode(): Promise<void> {\n  if (!svgRef.value || !content.value) {\n    return\n  }\n  try {\n    const mod = await import(\"jsbarcode\")\n    const JsBarcode = (mod as unknown as { default: (el: SVGElement | HTMLElement, value: string, options?: Record<string, unknown>) => void }).default\n    JsBarcode(svgRef.value, content.value, {\n      format: props.format,\n      displayValue: true,\n      margin: 4,\n    })\n    error.value = \"\"\n  } catch (e) {\n    error.value = e instanceof Error ? e.message : \"Failed to render barcode\"\n  }\n}\n\nonMounted(() => {\n  void renderBarcode()\n})\n\nwatch(\n  () => [content.value, props.format],\n  () => {\n    void renderBarcode()\n  },\n)\n</script>\n\n<template>\n  <div\n    class=\"inline-block\"\n    :class=\"rootClass\"\n    data-testid=\"barcode-display\"\n  >\n    <svg\n      ref=\"svgRef\"\n      role=\"img\"\n      :aria-label=\"`Barcode: ${content}`\"\n    />\n    <p\n      v-if=\"error\"\n      class=\"mt-1 text-xs text-destructive\"\n      data-testid=\"barcode-error\"\n    >\n      {{ error }}\n    </p>\n  </div>\n</template>\n"],"names":["props","__props","content","computed","rootClass","cl","svgRef","useTemplateRef","error","ref","renderBarcode","JsBarcode","onMounted","watch","_createElementBlock","_normalizeClass","_hoisted_2","_toDisplayString"],"mappings":";;;;;;;;;;;;;AAgBA,UAAMA,IAAQC,GAIRC,IAAUC,EAAiB,MAC3BH,EAAM,UAAU,UAAaA,EAAM,UAAU,OACxC,KAEF,OAAOA,EAAM,KAAK,CAC1B,GAEKI,IAAYD,EAAiB,MAAM;AACvC,YAAME,IAAKL,EAAM;AACjB,aAAKK,IAGE,MAAM,QAAQA,CAAE,IAAIA,EAAG,KAAK,GAAG,IAAIA,IAFjC;AAAA,IAGX,CAAC,GAEKC,IAASC,EAA8B,QAAQ,GAC/CC,IAAQC,EAAY,EAAE;AAE5B,mBAAeC,IAA+B;AAC5C,UAAI,GAACJ,EAAO,SAAS,CAACJ,EAAQ;AAG9B,YAAI;AAEF,gBAAMS,KADM,MAAM,OAAO,WAAW,GACwG;AAC5I,UAAAA,EAAUL,EAAO,OAAOJ,EAAQ,OAAO;AAAA,YACrC,QAAQF,EAAM;AAAA,YACd,cAAc;AAAA,YACd,QAAQ;AAAA,UAAA,CACT,GACDQ,EAAM,QAAQ;AAAA,QAChB,SAAS,GAAG;AACV,UAAAA,EAAM,QAAQ,aAAa,QAAQ,EAAE,UAAU;AAAA,QACjD;AAAA,IACF;AAEA,WAAAI,EAAU,MAAM;AACd,MAAKF,EAAA;AAAA,IACP,CAAC,GAEDG;AAAA,MACE,MAAM,CAACX,EAAQ,OAAOF,EAAM,MAAM;AAAA,MAClC,MAAM;AACJ,QAAKU,EAAA;AAAA,MACP;AAAA,IAAA,mBAKAI,EAiBM,OAAA;AAAA,MAhBJ,OAAKC,EAAA,CAAC,gBACEX,EAAA,KAAS,CAAA;AAAA,MACjB,eAAY;AAAA,IAAA;YAEZU,EAIE,OAAA;AAAA,iBAHI;AAAA,QAAJ,KAAIR;AAAA,QACJ,MAAK;AAAA,QACJ,0BAAwBJ,EAAA,KAAO;AAAA,MAAA;MAG1BM,EAAA,cADRM,EAMI,KANJE,GAMIC,EADCT,EAAA,KAAK,GAAA,CAAA;;;;"}

package/dist/components/compositions/elements/display/CarouselDisplay.vue.js

@@ -0,0 +1,5 @@
+import f from "./CarouselDisplay.vue2.js";
+export {
+  f as default
+};
+//# sourceMappingURL=CarouselDisplay.vue.js.map

package/dist/components/compositions/elements/display/CarouselDisplay.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CarouselDisplay.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/compositions/elements/display/CarouselDisplay.vue2.js

@@ -0,0 +1,147 @@
+import { defineComponent as L, computed as y, ref as D, watch as h, onBeforeUnmount as M, openBlock as t, createElementBlock as l, normalizeClass as k, unref as b, Fragment as c, createElementVNode as d, renderList as w, toDisplayString as x, createCommentVNode as p, createVNode as _ } from "vue";
+import T from "embla-carousel-vue";
+import { ChevronLeft as z, ChevronRight as S } from "lucide-vue-next";
+import { cn as V } from "../../../../lib/utils.js";
+const P = {
+  key: 0,
+  class: "flex h-32 w-full items-center justify-center rounded border border-dashed bg-muted text-sm text-muted-foreground",
+  "data-testid": "carousel-display-empty"
+}, R = { class: "flex" }, E = ["src", "alt"], H = ["innerHTML"], $ = {
+  key: 2,
+  class: "flex h-full w-full items-center justify-center p-6 text-center text-sm"
+}, F = {
+  key: 3,
+  class: "mt-2 text-sm text-muted-foreground",
+  "data-testid": "carousel-slide-caption"
+}, G = {
+  key: 1,
+  class: "mt-2 flex items-center justify-center gap-1.5",
+  "data-testid": "carousel-indicators"
+}, U = ["aria-label", "aria-current", "onClick"], W = /* @__PURE__ */ L({
+  __name: "CarouselDisplay",
+  props: {
+    slides: { default: () => [] },
+    loop: { type: Boolean, default: !0 },
+    autoplay: { type: Boolean, default: !1 },
+    autoplayDelayMs: { default: 5e3 },
+    showIndicators: { type: Boolean, default: !0 },
+    showArrows: { type: Boolean, default: !0 },
+    classList: {}
+  },
+  setup(n) {
+    const r = n, [C, a] = T(
+      y(() => ({ loop: r.loop }))
+    ), f = D(0), i = y(() => r.slides.length);
+    function v() {
+      const e = a.value;
+      e && (f.value = e.selectedScrollSnap());
+    }
+    h(a, (e) => {
+      e && (v(), e.on("select", v), e.on("reInit", v));
+    });
+    let u = null;
+    function g() {
+      u !== null && (clearInterval(u), u = null);
+    }
+    function N() {
+      g(), !(!r.autoplay || i.value <= 1) && (u = setInterval(() => {
+        var e;
+        (e = a.value) == null || e.scrollNext();
+      }, r.autoplayDelayMs));
+    }
+    h(
+      () => [r.autoplay, r.autoplayDelayMs, i.value],
+      () => {
+        N();
+      },
+      { immediate: !0 }
+    ), M(() => {
+      g();
+    });
+    function A() {
+      var e;
+      (e = a.value) == null || e.scrollPrev();
+    }
+    function B() {
+      var e;
+      (e = a.value) == null || e.scrollNext();
+    }
+    function j(e) {
+      var m;
+      (m = a.value) == null || m.scrollTo(e);
+    }
+    const I = y(() => {
+      const e = r.classList;
+      return e ? Array.isArray(e) ? e.join(" ") : e : "";
+    });
+    return (e, m) => (t(), l("div", {
+      class: k(b(V)("relative w-full overflow-hidden", I.value)),
+      "data-testid": "carousel-display"
+    }, [
+      i.value === 0 ? (t(), l("div", P, " No slides ")) : (t(), l(c, { key: 1 }, [
+        d("div", {
+          ref_key: "emblaRef",
+          ref: C,
+          class: "overflow-hidden",
+          "data-testid": "carousel-viewport"
+        }, [
+          d("div", R, [
+            (t(!0), l(c, null, w(n.slides, (o, s) => (t(), l("div", {
+              key: s,
+              class: "min-w-0 flex-[0_0_100%]",
+              "data-testid": "carousel-slide"
+            }, [
+              o.src ? (t(), l("img", {
+                key: 0,
+                src: o.src,
+                alt: o.alt ?? "",
+                class: "block h-auto w-full rounded",
+                loading: "lazy"
+              }, null, 8, E)) : o.html ? (t(), l("div", {
+                key: 1,
+                class: "h-full w-full",
+                innerHTML: o.html
+              }, null, 8, H)) : (t(), l("div", $, x(o.caption ?? ""), 1)),
+              o.src && o.caption ? (t(), l("p", F, x(o.caption), 1)) : p("", !0)
+            ]))), 128))
+          ])
+        ], 512),
+        n.showArrows && i.value > 1 ? (t(), l(c, { key: 0 }, [
+          d("button", {
+            type: "button",
+            class: "absolute left-2 top-1/2 -translate-y-1/2 inline-flex h-8 w-8 items-center justify-center rounded-full bg-background/70 text-foreground shadow ring-1 ring-border hover:bg-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+            "aria-label": "Previous slide",
+            "data-testid": "carousel-prev",
+            onClick: A
+          }, [
+            _(b(z), { class: "size-4" })
+          ]),
+          d("button", {
+            type: "button",
+            class: "absolute right-2 top-1/2 -translate-y-1/2 inline-flex h-8 w-8 items-center justify-center rounded-full bg-background/70 text-foreground shadow ring-1 ring-border hover:bg-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+            "aria-label": "Next slide",
+            "data-testid": "carousel-next",
+            onClick: B
+          }, [
+            _(b(S), { class: "size-4" })
+          ])
+        ], 64)) : p("", !0),
+        n.showIndicators && i.value > 1 ? (t(), l("div", G, [
+          (t(!0), l(c, null, w(n.slides, (o, s) => (t(), l("button", {
+            key: s,
+            type: "button",
+            class: k(["h-2 w-2 rounded-full bg-muted-foreground/40 transition-colors hover:bg-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", s === f.value ? "bg-primary" : ""]),
+            "aria-label": `Go to slide ${s + 1}`,
+            "aria-current": s === f.value ? "true" : void 0,
+            "data-testid": "carousel-indicator",
+            onClick: (q) => j(s)
+          }, null, 10, U))), 128))
+        ])) : p("", !0)
+      ], 64))
+    ], 2));
+  }
+});
+export {
+  W as default
+};
+//# sourceMappingURL=CarouselDisplay.vue2.js.map

package/dist/components/compositions/elements/display/CarouselDisplay.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CarouselDisplay.vue2.js","sources":["../../../../../src/components/compositions/elements/display/CarouselDisplay.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven carousel display.\n *\n * Wraps `embla-carousel-vue` to render a slideshow of image / html / text\n * slides. Read-only — no `modelValue`. Supports looping, autoplay (via a\n * lightweight `setInterval`, since `embla-carousel-autoplay` is not a\n * dependency here), prev/next arrows, and dot indicators.\n *\n *   <CarouselDisplay :slides=\"[{ src: '/a.jpg', alt: 'A' }, { src: '/b.jpg' }]\" />\n */\nimport { computed, onBeforeUnmount, ref, watch } from \"vue\"\nimport emblaCarouselVue from \"embla-carousel-vue\"\nimport { ChevronLeft, ChevronRight } from \"lucide-vue-next\"\nimport { cn } from \"@/lib/utils\"\n\nexport interface CarouselSlide {\n  src?: string\n  alt?: string\n  caption?: string\n  html?: string\n}\n\nexport interface CarouselDisplayProps {\n  slides?: CarouselSlide[]\n  loop?: boolean\n  autoplay?: boolean\n  autoplayDelayMs?: number\n  showIndicators?: boolean\n  showArrows?: boolean\n  classList?: string[] | string\n}\n\nconst props = withDefaults(defineProps<CarouselDisplayProps>(), {\n  slides: () => [],\n  loop: true,\n  autoplay: false,\n  autoplayDelayMs: 5000,\n  showIndicators: true,\n  showArrows: true,\n})\n\nconst [emblaRef, emblaApi] = emblaCarouselVue(\n  computed(() => ({ loop: props.loop })),\n)\n\nconst selectedIndex = ref<number>(0)\nconst slideCount = computed<number>(() => props.slides.length)\n\nfunction onSelect(): void {\n  const api = emblaApi.value\n  if (!api) {\n    return\n  }\n  selectedIndex.value = api.selectedScrollSnap()\n}\n\nwatch(emblaApi, (api) => {\n  if (!api) {\n    return\n  }\n  onSelect()\n  api.on(\"select\", onSelect)\n  api.on(\"reInit\", onSelect)\n})\n\nlet autoplayTimer: ReturnType<typeof setInterval> | null = null\n\nfunction clearAutoplay(): void {\n  if (autoplayTimer !== null) {\n    clearInterval(autoplayTimer)\n    autoplayTimer = null\n  }\n}\n\nfunction startAutoplay(): void {\n  clearAutoplay()\n  if (!props.autoplay || slideCount.value <= 1) {\n    return\n  }\n  autoplayTimer = setInterval(() => {\n    emblaApi.value?.scrollNext()\n  }, props.autoplayDelayMs)\n}\n\nwatch(\n  () => [props.autoplay, props.autoplayDelayMs, slideCount.value] as const,\n  () => {\n    startAutoplay()\n  },\n  { immediate: true },\n)\n\nonBeforeUnmount(() => {\n  clearAutoplay()\n})\n\nfunction scrollPrev(): void {\n  emblaApi.value?.scrollPrev()\n}\n\nfunction scrollNext(): void {\n  emblaApi.value?.scrollNext()\n}\n\nfunction scrollTo(index: number): void {\n  emblaApi.value?.scrollTo(index)\n}\n\nconst rootClass = computed<string>(() => {\n  const cl = props.classList\n  if (!cl) {\n    return \"\"\n  }\n  return Array.isArray(cl) ? cl.join(\" \") : cl\n})\n</script>\n\n<template>\n  <div\n    :class=\"cn('relative w-full overflow-hidden', rootClass)\"\n    data-testid=\"carousel-display\"\n  >\n    <div\n      v-if=\"slideCount === 0\"\n      class=\"flex h-32 w-full items-center justify-center rounded border border-dashed bg-muted text-sm text-muted-foreground\"\n      data-testid=\"carousel-display-empty\"\n    >\n      No slides\n    </div>\n    <template v-else>\n      <div ref=\"emblaRef\" class=\"overflow-hidden\" data-testid=\"carousel-viewport\">\n        <div class=\"flex\">\n          <div\n            v-for=\"(slide, index) in slides\"\n            :key=\"index\"\n            class=\"min-w-0 flex-[0_0_100%]\"\n            data-testid=\"carousel-slide\"\n          >\n            <img\n              v-if=\"slide.src\"\n              :src=\"slide.src\"\n              :alt=\"slide.alt ?? ''\"\n              class=\"block h-auto w-full rounded\"\n              loading=\"lazy\"\n            >\n            <div\n              v-else-if=\"slide.html\"\n              class=\"h-full w-full\"\n              v-html=\"slide.html\"\n            />\n            <div\n              v-else\n              class=\"flex h-full w-full items-center justify-center p-6 text-center text-sm\"\n            >\n              {{ slide.caption ?? \"\" }}\n            </div>\n            <p\n              v-if=\"slide.src && slide.caption\"\n              class=\"mt-2 text-sm text-muted-foreground\"\n              data-testid=\"carousel-slide-caption\"\n            >\n              {{ slide.caption }}\n            </p>\n          </div>\n        </div>\n      </div>\n\n      <template v-if=\"showArrows && slideCount > 1\">\n        <button\n          type=\"button\"\n          class=\"absolute left-2 top-1/2 -translate-y-1/2 inline-flex h-8 w-8 items-center justify-center rounded-full bg-background/70 text-foreground shadow ring-1 ring-border hover:bg-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n          aria-label=\"Previous slide\"\n          data-testid=\"carousel-prev\"\n          @click=\"scrollPrev\"\n        >\n          <ChevronLeft class=\"size-4\" />\n        </button>\n        <button\n          type=\"button\"\n          class=\"absolute right-2 top-1/2 -translate-y-1/2 inline-flex h-8 w-8 items-center justify-center rounded-full bg-background/70 text-foreground shadow ring-1 ring-border hover:bg-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n          aria-label=\"Next slide\"\n          data-testid=\"carousel-next\"\n          @click=\"scrollNext\"\n        >\n          <ChevronRight class=\"size-4\" />\n        </button>\n      </template>\n\n      <div\n        v-if=\"showIndicators && slideCount > 1\"\n        class=\"mt-2 flex items-center justify-center gap-1.5\"\n        data-testid=\"carousel-indicators\"\n      >\n        <button\n          v-for=\"(_, index) in slides\"\n          :key=\"index\"\n          type=\"button\"\n          class=\"h-2 w-2 rounded-full bg-muted-foreground/40 transition-colors hover:bg-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n          :class=\"index === selectedIndex ? 'bg-primary' : ''\"\n          :aria-label=\"`Go to slide ${index + 1}`\"\n          :aria-current=\"index === selectedIndex ? 'true' : undefined\"\n          data-testid=\"carousel-indicator\"\n          @click=\"scrollTo(index)\"\n        />\n      </div>\n    </template>\n  </div>\n</template>\n"],"names":["props","__props","emblaRef","emblaApi","emblaCarouselVue","computed","selectedIndex","ref","slideCount","onSelect","api","watch","autoplayTimer","clearAutoplay","startAutoplay","_a","onBeforeUnmount","scrollPrev","scrollNext","scrollTo","index","rootClass","cl","_createElementBlock","_normalizeClass","_unref","cn","_hoisted_1","_Fragment","_createElementVNode","_hoisted_2","_openBlock","_renderList","slide","_hoisted_5","_toDisplayString","_hoisted_6","_createVNode","ChevronLeft","ChevronRight","_hoisted_7","_","$event"],"mappings":"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"}

package/dist/components/compositions/elements/display/ChartDisplay.vue.js

@@ -0,0 +1,5 @@
+import f from "./ChartDisplay.vue2.js";
+export {
+  f as default
+};
+//# sourceMappingURL=ChartDisplay.vue.js.map