@gxp-dev/mod-ui 2.0.0 → 2.0.3

package/dist/components/compositions/elements/option-select/AutoCompleteOption.vue2.js

@@ -1,124 +1,5 @@
-import { defineComponent as g, useModel as V, computed as m, ref as B, openBlock as s, createBlock as c, unref as a, withCtx as i, createVNode as r, normalizeClass as $, createTextVNode as v, createElementBlock as L, Fragment as S, renderList as q, toDisplayString as C, mergeModels as k } from "vue";
-import { Search as w } from "lucide-vue-next";
-import x from "../../../ui/combobox/Combobox.vue.js";
-import A from "../../../ui/combobox/ComboboxAnchor.vue.js";
-import M from "../../../ui/combobox/ComboboxContent.vue.js";
-import N from "../../../ui/combobox/ComboboxEmpty.vue.js";
-import "@vueuse/core";
-import "reka-ui";
-import "clsx";
-import "tailwind-merge";
-import T from "../../../ui/combobox/ComboboxInput.vue.js";
-import U from "../../../ui/combobox/ComboboxItem.vue.js";
-import O from "../../../ui/combobox/ComboboxItemIndicator.vue.js";
-import z from "../../../ui/field-frame/FieldFrame.vue.js";
-const Y = /* @__PURE__ */ g({
-  __name: "AutoCompleteOption",
-  props: /* @__PURE__ */ k({
-    modelValue: {},
-    options: { default: () => [] },
-    id: {},
-    name: {},
-    label: {},
-    hideLabel: { type: Boolean },
-    placeholder: {},
-    required: { type: Boolean },
-    readonly: { type: Boolean },
-    disabled: { type: Boolean },
-    helpText: {},
-    errors: { default: () => [] },
-    minSearchLength: { default: 0 }
-  }, {
-    modelValue: {},
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(l) {
-    const f = l, d = V(l, "modelValue");
-    function b(e) {
-      return typeof e == "string" ? { label: e, value: e, disabled: !1 } : {
-        label: e.label,
-        value: String(e.value),
-        disabled: !!e.disabled
-      };
-    }
-    const n = m(
-      () => (f.options ?? []).map(b)
-    ), u = B(""), h = m(() => {
-      const e = u.value.trim().toLowerCase();
-      return e.length < f.minSearchLength || e === "" ? n.value : n.value.filter((t) => t.label.toLowerCase().includes(e));
-    }), p = m(() => {
-      if (!(d.value === void 0 || d.value === null))
-        return String(d.value);
-    });
-    function y(e) {
-      if (Array.isArray(e)) {
-        d.value = e[0] === void 0 ? null : e[0];
-        return;
-      }
-      d.value = e === void 0 ? null : e;
-    }
-    return (e, t) => (s(), c(a(z), {
-      label: l.label,
-      required: l.required,
-      "hide-label": l.hideLabel,
-      for: l.id,
-      "help-text": l.helpText,
-      errors: l.errors
-    }, {
-      default: i(() => [
-        r(a(x), {
-          "model-value": p.value,
-          disabled: l.disabled || l.readonly,
-          "onUpdate:modelValue": y
-        }, {
-          default: i(() => [
-            r(a(A), {
-              "data-element-name": l.name ?? void 0,
-              class: $(l.errors.length ? "border-destructive ring-destructive" : "")
-            }, {
-              default: i(() => [
-                r(a(w), { class: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
-                r(a(T), {
-                  id: l.id,
-                  modelValue: u.value,
-                  "onUpdate:modelValue": t[0] || (t[0] = (o) => u.value = o),
-                  placeholder: l.placeholder ?? "Search…"
-                }, null, 8, ["id", "modelValue", "placeholder"])
-              ]),
-              _: 1
-            }, 8, ["data-element-name", "class"]),
-            r(a(M), null, {
-              default: i(() => [
-                r(a(N), null, {
-                  default: i(() => [...t[1] || (t[1] = [
-                    v("No matches.", -1)
-                  ])]),
-                  _: 1
-                }),
-                (s(!0), L(S, null, q(h.value, (o) => (s(), c(a(U), {
-                  key: o.value,
-                  value: o.value,
-                  disabled: o.disabled
-                }, {
-                  default: i(() => [
-                    r(a(O)),
-                    v(" " + C(o.label), 1)
-                  ]),
-                  _: 2
-                }, 1032, ["value", "disabled"]))), 128))
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        }, 8, ["model-value", "disabled"])
-      ]),
-      _: 1
-    }, 8, ["label", "required", "hide-label", "for", "help-text", "errors"]));
-  }
-});
+import f from "./AutoCompleteOption.vue.js";
 export {
-  Y as default
+  f as default
 };
 //# sourceMappingURL=AutoCompleteOption.vue2.js.map

package/dist/components/compositions/elements/option-select/AutoCompleteOption.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"AutoCompleteOption.vue2.js","sources":["../../../../../src/components/compositions/elements/option-select/AutoCompleteOption.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven autocomplete composition. Wraps the shadcn Combobox\n * primitive with client-side search filtering.\n *\n *   <AutoCompleteOption v-model=\"city\" :options=\"[...]\" label=\"City\" />\n */\nimport { computed, ref } from \"vue\"\nimport { Search } from \"lucide-vue-next\"\nimport type { SelectOptionLike } from \"@/definitions/shared/select-options\"\nimport {\n  Combobox,\n  ComboboxAnchor,\n  ComboboxContent,\n  ComboboxEmpty,\n  ComboboxInput,\n  ComboboxItem,\n  ComboboxItemIndicator,\n} from \"@/components/ui/combobox\"\nimport { FieldFrame } from \"@/components/ui/field-frame\"\n\nexport interface AutoCompleteOptionProps {\n  modelValue?: string | number | null\n  options?: SelectOptionLike[]\n  id?: string\n  name?: string\n  label?: string\n  hideLabel?: boolean\n  placeholder?: string\n  required?: boolean\n  readonly?: boolean\n  disabled?: boolean\n  helpText?: string\n  errors?: string[]\n  minSearchLength?: number\n}\n\nconst props = withDefaults(defineProps<AutoCompleteOptionProps>(), {\n  errors: () => [],\n  options: () => [],\n  minSearchLength: 0,\n})\n\nconst model = defineModel<string | number | null>(\"modelValue\")\n\ninterface NormalisedOption {\n  label: string\n  value: string\n  disabled: boolean\n}\n\nfunction normaliseOption(opt: SelectOptionLike): NormalisedOption {\n  if (typeof opt === \"string\") {\n    return { label: opt, value: opt, disabled: false }\n  }\n  return {\n    label: opt.label,\n    value: String(opt.value),\n    disabled: Boolean(opt.disabled),\n  }\n}\n\nconst normalised = computed<NormalisedOption[]>(() =>\n  (props.options ?? []).map(normaliseOption),\n)\n\nconst query = ref(\"\")\n\nconst filtered = computed<NormalisedOption[]>(() => {\n  const q = query.value.trim().toLowerCase()\n  if (q.length < props.minSearchLength) {\n    return normalised.value\n  }\n  if (q === \"\") {\n    return normalised.value\n  }\n  return normalised.value.filter((o) => o.label.toLowerCase().includes(q))\n})\n\nconst currentValue = computed<string | undefined>(() => {\n  if (model.value === undefined || model.value === null) {\n    return undefined\n  }\n  return String(model.value)\n})\n\nfunction onUpdate(next: unknown): void {\n  if (Array.isArray(next)) {\n    model.value = next[0] === undefined ? null : (next[0] as string | number)\n    return\n  }\n  model.value = next === undefined ? null : (next as string | number)\n}\n</script>\n\n<template>\n  <FieldFrame\n    :label=\"label\"\n    :required=\"required\"\n    :hide-label=\"hideLabel\"\n    :for=\"id\"\n    :help-text=\"helpText\"\n    :errors=\"errors\"\n  >\n    <Combobox\n      :model-value=\"currentValue\"\n      :disabled=\"disabled || readonly\"\n      @update:model-value=\"onUpdate\"\n    >\n      <ComboboxAnchor\n        :data-element-name=\"name ?? undefined\"\n        :class=\"errors.length ? 'border-destructive ring-destructive' : ''\"\n      >\n        <Search class=\"mr-2 h-4 w-4 shrink-0 opacity-50\" />\n        <ComboboxInput\n          :id=\"id\"\n          v-model=\"query\"\n          :placeholder=\"placeholder ?? 'Search…'\"\n        />\n      </ComboboxAnchor>\n      <ComboboxContent>\n        <ComboboxEmpty>No matches.</ComboboxEmpty>\n        <ComboboxItem\n          v-for=\"opt in filtered\"\n          :key=\"opt.value\"\n          :value=\"opt.value\"\n          :disabled=\"opt.disabled\"\n        >\n          <ComboboxItemIndicator />\n          {{ opt.label }}\n        </ComboboxItem>\n      </ComboboxContent>\n    </Combobox>\n  </FieldFrame>\n</template>\n"],"names":["props","__props","model","_useModel","normaliseOption","opt","normalised","computed","query","ref","filtered","q","o","currentValue","onUpdate","next","_createBlock","_unref","FieldFrame","_createVNode","Combobox","ComboboxAnchor","_normalizeClass","Search","ComboboxInput","$event","ComboboxContent","ComboboxEmpty","_cache","_createElementBlock","_Fragment","_renderList","ComboboxItem","ComboboxItemIndicator","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqCA,UAAMA,IAAQC,GAMRC,IAAQC,KAAoC,YAAY;AAQ9D,aAASC,EAAgBC,GAAyC;AAChE,aAAI,OAAOA,KAAQ,WACV,EAAE,OAAOA,GAAK,OAAOA,GAAK,UAAU,GAAA,IAEtC;AAAA,QACL,OAAOA,EAAI;AAAA,QACX,OAAO,OAAOA,EAAI,KAAK;AAAA,QACvB,UAAU,EAAQA,EAAI;AAAA,MAAQ;AAAA,IAElC;AAEA,UAAMC,IAAaC;AAAA,MAA6B,OAC7CP,EAAM,WAAW,CAAA,GAAI,IAAII,CAAe;AAAA,IAAA,GAGrCI,IAAQC,EAAI,EAAE,GAEdC,IAAWH,EAA6B,MAAM;AAClD,YAAMI,IAAIH,EAAM,MAAM,KAAA,EAAO,YAAA;AAI7B,aAHIG,EAAE,SAASX,EAAM,mBAGjBW,MAAM,KACDL,EAAW,QAEbA,EAAW,MAAM,OAAO,CAACM,MAAMA,EAAE,MAAM,YAAA,EAAc,SAASD,CAAC,CAAC;AAAA,IACzE,CAAC,GAEKE,IAAeN,EAA6B,MAAM;AACtD,UAAI,EAAAL,EAAM,UAAU,UAAaA,EAAM,UAAU;AAGjD,eAAO,OAAOA,EAAM,KAAK;AAAA,IAC3B,CAAC;AAED,aAASY,EAASC,GAAqB;AACrC,UAAI,MAAM,QAAQA,CAAI,GAAG;AACvB,QAAAb,EAAM,QAAQa,EAAK,CAAC,MAAM,SAAY,OAAQA,EAAK,CAAC;AACpD;AAAA,MACF;AACA,MAAAb,EAAM,QAAQa,MAAS,SAAY,OAAQA;AAAA,IAC7C;2BAIEC,EAqCaC,EAAAC,CAAA,GAAA;AAAA,MApCV,OAAOjB,EAAA;AAAA,MACP,UAAUA,EAAA;AAAA,MACV,cAAYA,EAAA;AAAA,MACZ,KAAKA,EAAA;AAAA,MACL,aAAWA,EAAA;AAAA,MACX,QAAQA,EAAA;AAAA,IAAA;iBAET,MA4BW;AAAA,QA5BXkB,EA4BWF,EAAAG,CAAA,GAAA;AAAA,UA3BR,eAAaP,EAAA;AAAA,UACb,UAAUZ,EAAA,YAAYA,EAAA;AAAA,UACtB,uBAAoBa;AAAA,QAAA;qBAErB,MAUiB;AAAA,YAVjBK,EAUiBF,EAAAI,CAAA,GAAA;AAAA,cATd,qBAAmBpB,EAAA,QAAQ;AAAA,cAC3B,OAAKqB,EAAErB,EAAA,OAAO,SAAM,wCAAA,EAAA;AAAA,YAAA;yBAErB,MAAmD;AAAA,gBAAnDkB,EAAmDF,EAAAM,CAAA,GAAA,EAA3C,OAAM,oCAAkC;AAAA,gBAChDJ,EAIEF,EAAAO,CAAA,GAAA;AAAA,kBAHC,IAAIvB,EAAA;AAAA,8BACIO,EAAA;AAAA,gEAAAA,EAAK,QAAAiB;AAAA,kBACb,aAAaxB,EAAA,eAAW;AAAA,gBAAA;;;;YAG7BkB,EAWkBF,EAAAS,CAAA,GAAA,MAAA;AAAA,yBAVhB,MAA0C;AAAA,gBAA1CP,EAA0CF,EAAAU,CAAA,GAAA,MAAA;AAAA,6BAA3B,MAAW,CAAA,GAAAC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA;AAAA,sBAAX,eAAW,EAAA;AAAA,kBAAA;;;wBAC1BC,EAQeC,GAAA,MAAAC,EAPCrB,EAAA,OAAQ,CAAfL,YADTW,EAQeC,EAAAe,CAAA,GAAA;AAAA,kBANZ,KAAK3B,EAAI;AAAA,kBACT,OAAOA,EAAI;AAAA,kBACX,UAAUA,EAAI;AAAA,gBAAA;6BAEf,MAAyB;AAAA,oBAAzBc,EAAyBF,EAAAgB,CAAA,CAAA;AAAA,sBAAA,MACzBC,EAAG7B,EAAI,KAAK,GAAA,CAAA;AAAA,kBAAA;;;;;;;;;;;;;;"}
+{"version":3,"file":"AutoCompleteOption.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/compositions/elements/option-select/CheckboxOption.vue.d.ts

@@ -0,0 +1,29 @@
+import { SelectOptionLike } from '../../../../definitions/shared/select-options';
+export interface CheckboxOptionProps {
+    modelValue?: Array<string | number> | null;
+    options?: SelectOptionLike[];
+    id?: string;
+    name?: string;
+    label?: string;
+    hideLabel?: boolean;
+    inline?: boolean;
+    required?: boolean;
+    readonly?: boolean;
+    disabled?: boolean;
+    helpText?: string;
+    errors?: string[];
+}
+type __VLS_Props = CheckboxOptionProps;
+type __VLS_PublicProps = {
+    "modelValue"?: Array<string | number> | null;
+} & __VLS_Props;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: (string | number)[] | null) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: (string | number)[] | null) => any) | undefined;
+}>, {
+    options: SelectOptionLike[];
+    errors: string[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;
+//# sourceMappingURL=CheckboxOption.vue.d.ts.map

package/dist/components/compositions/elements/option-select/CheckboxOption.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxOption.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/compositions/elements/option-select/CheckboxOption.vue"],"names":[],"mappings":"AA8HA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAA;AAK3E,MAAM,WAAW,mBAAmB;IAClC,UAAU,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,GAAG,IAAI,CAAA;IAC1C,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAA;IAC5B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAA;CAClB;AAED,KAAK,WAAW,GAAG,mBAAmB,CAAC;AA8DvC,KAAK,iBAAiB,GAAG;IACzB,YAAY,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,GAAG,IAAI,CAAC;CAC5C,GAAG,WAAW,CAAC;;;;;;aA7EJ,gBAAgB,EAAE;YAUnB,MAAM,EAAE;;AAmLnB,wBASG"}

package/dist/components/compositions/elements/option-select/CheckboxOption.vue.js

@@ -1,5 +1,90 @@
-import f from "./CheckboxOption.vue2.js";
+import { defineComponent as g, useModel as y, computed as u, openBlock as i, createBlock as B, unref as d, withCtx as m, createElementVNode as V, normalizeClass as k, createElementBlock as s, Fragment as $, renderList as C, createVNode as c, createTextVNode as q, toDisplayString as S, mergeModels as T } from "vue";
+import w from "../../../ui/checkbox/Checkbox.vue.js";
+import "../../../ui/label/index.js";
+import L from "../../../ui/field-frame/FieldFrame.vue.js";
+import M from "../../../ui/label/Label.vue.js";
+const N = ["data-element-name"], z = /* @__PURE__ */ g({
+  __name: "CheckboxOption",
+  props: /* @__PURE__ */ T({
+    modelValue: {},
+    options: { default: () => [] },
+    id: {},
+    name: {},
+    label: {},
+    hideLabel: { type: Boolean },
+    inline: { type: Boolean },
+    required: { type: Boolean },
+    readonly: { type: Boolean },
+    disabled: { type: Boolean },
+    helpText: {},
+    errors: { default: () => [] }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(l) {
+    const f = l, r = y(l, "modelValue");
+    function b(e) {
+      return typeof e == "string" ? { label: e, value: e, disabled: !1 } : {
+        label: e.label,
+        value: String(e.value),
+        disabled: !!e.disabled
+      };
+    }
+    const v = u(
+      () => (f.options ?? []).map(b)
+    ), o = u(() => {
+      const e = r.value;
+      return e ? Array.isArray(e) ? e.map((n) => String(n)) : [String(e)] : [];
+    });
+    function h(e) {
+      return o.value.includes(e);
+    }
+    function x(e, n) {
+      const a = o.value;
+      n === !0 ? a.includes(e) || (r.value = [...a, e]) : r.value = a.filter((t) => t !== e);
+    }
+    return (e, n) => (i(), B(d(L), {
+      label: l.label,
+      required: l.required,
+      "hide-label": l.hideLabel,
+      "help-text": l.helpText,
+      errors: l.errors
+    }, {
+      default: m(() => [
+        V("div", {
+          class: k(l.inline ? "flex flex-row flex-wrap gap-4" : "grid gap-2"),
+          "data-element-name": l.name ?? void 0
+        }, [
+          (i(!0), s($, null, C(v.value, (a) => (i(), s("div", {
+            key: a.value,
+            class: "flex items-center gap-2"
+          }, [
+            c(d(w), {
+              id: `${l.id ?? "checkbox"}-${a.value}`,
+              name: l.name,
+              "model-value": h(a.value),
+              disabled: a.disabled || l.disabled || l.readonly,
+              "onUpdate:modelValue": (t) => x(a.value, t)
+            }, null, 8, ["id", "name", "model-value", "disabled", "onUpdate:modelValue"]),
+            c(d(M), {
+              for: `${l.id ?? "checkbox"}-${a.value}`,
+              class: "cursor-pointer"
+            }, {
+              default: m(() => [
+                q(S(a.label), 1)
+              ]),
+              _: 2
+            }, 1032, ["for"])
+          ]))), 128))
+        ], 10, N)
+      ]),
+      _: 1
+    }, 8, ["label", "required", "hide-label", "help-text", "errors"]));
+  }
+});
 export {
-  f as default
+  z as default
 };
 //# sourceMappingURL=CheckboxOption.vue.js.map

package/dist/components/compositions/elements/option-select/CheckboxOption.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxOption.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"CheckboxOption.vue.js","sources":["../../../../../src/components/compositions/elements/option-select/CheckboxOption.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven multi-checkbox composition. Renders one Checkbox per\n * option and stores the result as an array of selected values.\n *\n *   <CheckboxOption v-model=\"prefs\" :options=\"[...]\" label=\"Preferences\" />\n */\nimport { computed } from \"vue\"\nimport type { SelectOptionLike } from \"@/definitions/shared/select-options\"\nimport { Checkbox } from \"@/components/ui/checkbox\"\nimport { Label } from \"@/components/ui/label\"\nimport { FieldFrame } from \"@/components/ui/field-frame\"\n\nexport interface CheckboxOptionProps {\n  modelValue?: Array<string | number> | null\n  options?: SelectOptionLike[]\n  id?: string\n  name?: string\n  label?: string\n  hideLabel?: boolean\n  inline?: boolean\n  required?: boolean\n  readonly?: boolean\n  disabled?: boolean\n  helpText?: string\n  errors?: string[]\n}\n\nconst props = withDefaults(defineProps<CheckboxOptionProps>(), {\n  errors: () => [],\n  options: () => [],\n})\n\nconst model = defineModel<Array<string | number> | null>(\"modelValue\")\n\ninterface NormalisedOption {\n  label: string\n  value: string\n  disabled: boolean\n}\n\nfunction normaliseOption(opt: SelectOptionLike): NormalisedOption {\n  if (typeof opt === \"string\") {\n    return { label: opt, value: opt, disabled: false }\n  }\n  return {\n    label: opt.label,\n    value: String(opt.value),\n    disabled: Boolean(opt.disabled),\n  }\n}\n\nconst normalised = computed<NormalisedOption[]>(() =>\n  (props.options ?? []).map(normaliseOption),\n)\n\nconst selected = computed<string[]>(() => {\n  const v = model.value\n  if (!v) {\n    return []\n  }\n  if (Array.isArray(v)) {\n    return v.map((x) => String(x))\n  }\n  return [String(v)]\n})\n\nfunction isChecked(val: string): boolean {\n  return selected.value.includes(val)\n}\n\nfunction onToggle(val: string, checked: boolean | \"indeterminate\"): void {\n  const current = selected.value\n  if (checked === true) {\n    if (!current.includes(val)) {\n      model.value = [...current, val]\n    }\n  } else {\n    model.value = current.filter((v) => v !== val)\n  }\n}\n</script>\n\n<template>\n  <FieldFrame\n    :label=\"label\"\n    :required=\"required\"\n    :hide-label=\"hideLabel\"\n    :help-text=\"helpText\"\n    :errors=\"errors\"\n  >\n    <div\n      :class=\"inline ? 'flex flex-row flex-wrap gap-4' : 'grid gap-2'\"\n      :data-element-name=\"name ?? undefined\"\n    >\n      <div\n        v-for=\"opt in normalised\"\n        :key=\"opt.value\"\n        class=\"flex items-center gap-2\"\n      >\n        <Checkbox\n          :id=\"`${id ?? 'checkbox'}-${opt.value}`\"\n          :name=\"name\"\n          :model-value=\"isChecked(opt.value)\"\n          :disabled=\"opt.disabled || disabled || readonly\"\n          @update:model-value=\"(c) => onToggle(opt.value, c)\"\n        />\n        <Label\n          :for=\"`${id ?? 'checkbox'}-${opt.value}`\"\n          class=\"cursor-pointer\"\n        >\n          {{ opt.label }}\n        </Label>\n      </div>\n    </div>\n  </FieldFrame>\n</template>\n"],"names":["props","__props","model","_useModel","normaliseOption","opt","normalised","computed","selected","v","x","isChecked","val","onToggle","checked","current","_createBlock","_unref","FieldFrame","_createElementVNode","_createElementBlock","_Fragment","_renderList","_createVNode","Checkbox","c","Label","_createTextVNode","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,UAAMA,IAAQC,GAKRC,IAAQC,EAA0CF,GAAC,YAAY;AAQrE,aAASG,EAAgBC,GAAyC;AAChE,aAAI,OAAOA,KAAQ,WACV,EAAE,OAAOA,GAAK,OAAOA,GAAK,UAAU,GAAA,IAEtC;AAAA,QACL,OAAOA,EAAI;AAAA,QACX,OAAO,OAAOA,EAAI,KAAK;AAAA,QACvB,UAAU,EAAQA,EAAI;AAAA,MAAQ;AAAA,IAElC;AAEA,UAAMC,IAAaC;AAAA,MAA6B,OAC7CP,EAAM,WAAW,CAAA,GAAI,IAAII,CAAe;AAAA,IAAA,GAGrCI,IAAWD,EAAmB,MAAM;AACxC,YAAME,IAAIP,EAAM;AAChB,aAAKO,IAGD,MAAM,QAAQA,CAAC,IACVA,EAAE,IAAI,CAACC,MAAM,OAAOA,CAAC,CAAC,IAExB,CAAC,OAAOD,CAAC,CAAC,IALR,CAAA;AAAA,IAMX,CAAC;AAED,aAASE,EAAUC,GAAsB;AACvC,aAAOJ,EAAS,MAAM,SAASI,CAAG;AAAA,IACpC;AAEA,aAASC,EAASD,GAAaE,GAA0C;AACvE,YAAMC,IAAUP,EAAS;AACzB,MAAIM,MAAY,KACTC,EAAQ,SAASH,CAAG,MACvBV,EAAM,QAAQ,CAAC,GAAGa,GAASH,CAAG,KAGhCV,EAAM,QAAQa,EAAQ,OAAO,CAACN,MAAMA,MAAMG,CAAG;AAAA,IAEjD;2BAIEI,EA+BaC,EAAAC,CAAA,GAAA;AAAA,MA9BV,OAAOjB,EAAA;AAAA,MACP,UAAUA,EAAA;AAAA,MACV,cAAYA,EAAA;AAAA,MACZ,aAAWA,EAAA;AAAA,MACX,QAAQA,EAAA;AAAA,IAAA;iBAET,MAuBM;AAAA,QAvBNkB,EAuBM,OAAA;AAAA,UAtBH,SAAOlB,EAAA,SAAM,kCAAA,YAAA;AAAA,UACb,qBAAmBA,EAAA,QAAQ;AAAA,QAAA;kBAE5BmB,EAkBMC,GAAA,MAAAC,EAjBUhB,EAAA,OAAU,CAAjBD,YADTe,EAkBM,OAAA;AAAA,YAhBH,KAAKf,EAAI;AAAA,YACV,OAAM;AAAA,UAAA;YAENkB,EAMEN,EAAAO,CAAA,GAAA;AAAA,cALC,IAAE,GAAKvB,EAAA,MAAE,UAAA,IAAkBI,EAAI,KAAK;AAAA,cACpC,MAAMJ,EAAA;AAAA,cACN,eAAaU,EAAUN,EAAI,KAAK;AAAA,cAChC,UAAUA,EAAI,YAAYJ,EAAA,YAAYA,EAAA;AAAA,cACtC,uBAAkB,CAAGwB,MAAMZ,EAASR,EAAI,OAAOoB,CAAC;AAAA,YAAA;YAEnDF,EAKQN,EAAAS,CAAA,GAAA;AAAA,cAJL,KAAG,GAAKzB,EAAA,MAAE,UAAA,IAAkBI,EAAI,KAAK;AAAA,cACtC,OAAM;AAAA,YAAA;yBAEN,MAAe;AAAA,gBAAZsB,EAAAC,EAAAvB,EAAI,KAAK,GAAA,CAAA;AAAA,cAAA;;;;;;;;;;"}

package/dist/components/compositions/elements/option-select/CheckboxOption.vue2.js

@@ -1,90 +1,5 @@
-import { defineComponent as g, useModel as y, computed as u, openBlock as i, createBlock as B, unref as d, withCtx as m, createElementVNode as V, normalizeClass as k, createElementBlock as s, Fragment as $, renderList as C, createVNode as c, createTextVNode as q, toDisplayString as S, mergeModels as T } from "vue";
-import w from "../../../ui/checkbox/Checkbox.vue.js";
-import "../../../ui/label/index.js";
-import L from "../../../ui/field-frame/FieldFrame.vue.js";
-import M from "../../../ui/label/Label.vue.js";
-const N = ["data-element-name"], z = /* @__PURE__ */ g({
-  __name: "CheckboxOption",
-  props: /* @__PURE__ */ T({
-    modelValue: {},
-    options: { default: () => [] },
-    id: {},
-    name: {},
-    label: {},
-    hideLabel: { type: Boolean },
-    inline: { type: Boolean },
-    required: { type: Boolean },
-    readonly: { type: Boolean },
-    disabled: { type: Boolean },
-    helpText: {},
-    errors: { default: () => [] }
-  }, {
-    modelValue: {},
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(l) {
-    const f = l, r = y(l, "modelValue");
-    function b(e) {
-      return typeof e == "string" ? { label: e, value: e, disabled: !1 } : {
-        label: e.label,
-        value: String(e.value),
-        disabled: !!e.disabled
-      };
-    }
-    const v = u(
-      () => (f.options ?? []).map(b)
-    ), o = u(() => {
-      const e = r.value;
-      return e ? Array.isArray(e) ? e.map((n) => String(n)) : [String(e)] : [];
-    });
-    function h(e) {
-      return o.value.includes(e);
-    }
-    function x(e, n) {
-      const a = o.value;
-      n === !0 ? a.includes(e) || (r.value = [...a, e]) : r.value = a.filter((t) => t !== e);
-    }
-    return (e, n) => (i(), B(d(L), {
-      label: l.label,
-      required: l.required,
-      "hide-label": l.hideLabel,
-      "help-text": l.helpText,
-      errors: l.errors
-    }, {
-      default: m(() => [
-        V("div", {
-          class: k(l.inline ? "flex flex-row flex-wrap gap-4" : "grid gap-2"),
-          "data-element-name": l.name ?? void 0
-        }, [
-          (i(!0), s($, null, C(v.value, (a) => (i(), s("div", {
-            key: a.value,
-            class: "flex items-center gap-2"
-          }, [
-            c(d(w), {
-              id: `${l.id ?? "checkbox"}-${a.value}`,
-              name: l.name,
-              "model-value": h(a.value),
-              disabled: a.disabled || l.disabled || l.readonly,
-              "onUpdate:modelValue": (t) => x(a.value, t)
-            }, null, 8, ["id", "name", "model-value", "disabled", "onUpdate:modelValue"]),
-            c(d(M), {
-              for: `${l.id ?? "checkbox"}-${a.value}`,
-              class: "cursor-pointer"
-            }, {
-              default: m(() => [
-                q(S(a.label), 1)
-              ]),
-              _: 2
-            }, 1032, ["for"])
-          ]))), 128))
-        ], 10, N)
-      ]),
-      _: 1
-    }, 8, ["label", "required", "hide-label", "help-text", "errors"]));
-  }
-});
+import f from "./CheckboxOption.vue.js";
 export {
-  z as default
+  f as default
 };
 //# sourceMappingURL=CheckboxOption.vue2.js.map

package/dist/components/compositions/elements/option-select/CheckboxOption.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxOption.vue2.js","sources":["../../../../../src/components/compositions/elements/option-select/CheckboxOption.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven multi-checkbox composition. Renders one Checkbox per\n * option and stores the result as an array of selected values.\n *\n *   <CheckboxOption v-model=\"prefs\" :options=\"[...]\" label=\"Preferences\" />\n */\nimport { computed } from \"vue\"\nimport type { SelectOptionLike } from \"@/definitions/shared/select-options\"\nimport { Checkbox } from \"@/components/ui/checkbox\"\nimport { Label } from \"@/components/ui/label\"\nimport { FieldFrame } from \"@/components/ui/field-frame\"\n\nexport interface CheckboxOptionProps {\n  modelValue?: Array<string | number> | null\n  options?: SelectOptionLike[]\n  id?: string\n  name?: string\n  label?: string\n  hideLabel?: boolean\n  inline?: boolean\n  required?: boolean\n  readonly?: boolean\n  disabled?: boolean\n  helpText?: string\n  errors?: string[]\n}\n\nconst props = withDefaults(defineProps<CheckboxOptionProps>(), {\n  errors: () => [],\n  options: () => [],\n})\n\nconst model = defineModel<Array<string | number> | null>(\"modelValue\")\n\ninterface NormalisedOption {\n  label: string\n  value: string\n  disabled: boolean\n}\n\nfunction normaliseOption(opt: SelectOptionLike): NormalisedOption {\n  if (typeof opt === \"string\") {\n    return { label: opt, value: opt, disabled: false }\n  }\n  return {\n    label: opt.label,\n    value: String(opt.value),\n    disabled: Boolean(opt.disabled),\n  }\n}\n\nconst normalised = computed<NormalisedOption[]>(() =>\n  (props.options ?? []).map(normaliseOption),\n)\n\nconst selected = computed<string[]>(() => {\n  const v = model.value\n  if (!v) {\n    return []\n  }\n  if (Array.isArray(v)) {\n    return v.map((x) => String(x))\n  }\n  return [String(v)]\n})\n\nfunction isChecked(val: string): boolean {\n  return selected.value.includes(val)\n}\n\nfunction onToggle(val: string, checked: boolean | \"indeterminate\"): void {\n  const current = selected.value\n  if (checked === true) {\n    if (!current.includes(val)) {\n      model.value = [...current, val]\n    }\n  } else {\n    model.value = current.filter((v) => v !== val)\n  }\n}\n</script>\n\n<template>\n  <FieldFrame\n    :label=\"label\"\n    :required=\"required\"\n    :hide-label=\"hideLabel\"\n    :help-text=\"helpText\"\n    :errors=\"errors\"\n  >\n    <div\n      :class=\"inline ? 'flex flex-row flex-wrap gap-4' : 'grid gap-2'\"\n      :data-element-name=\"name ?? undefined\"\n    >\n      <div\n        v-for=\"opt in normalised\"\n        :key=\"opt.value\"\n        class=\"flex items-center gap-2\"\n      >\n        <Checkbox\n          :id=\"`${id ?? 'checkbox'}-${opt.value}`\"\n          :name=\"name\"\n          :model-value=\"isChecked(opt.value)\"\n          :disabled=\"opt.disabled || disabled || readonly\"\n          @update:model-value=\"(c) => onToggle(opt.value, c)\"\n        />\n        <Label\n          :for=\"`${id ?? 'checkbox'}-${opt.value}`\"\n          class=\"cursor-pointer\"\n        >\n          {{ opt.label }}\n        </Label>\n      </div>\n    </div>\n  </FieldFrame>\n</template>\n"],"names":["props","__props","model","_useModel","normaliseOption","opt","normalised","computed","selected","v","x","isChecked","val","onToggle","checked","current","_createBlock","_unref","FieldFrame","_createElementVNode","_createElementBlock","_Fragment","_renderList","_createVNode","Checkbox","c","Label","_createTextVNode","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,UAAMA,IAAQC,GAKRC,IAAQC,EAA0CF,GAAC,YAAY;AAQrE,aAASG,EAAgBC,GAAyC;AAChE,aAAI,OAAOA,KAAQ,WACV,EAAE,OAAOA,GAAK,OAAOA,GAAK,UAAU,GAAA,IAEtC;AAAA,QACL,OAAOA,EAAI;AAAA,QACX,OAAO,OAAOA,EAAI,KAAK;AAAA,QACvB,UAAU,EAAQA,EAAI;AAAA,MAAQ;AAAA,IAElC;AAEA,UAAMC,IAAaC;AAAA,MAA6B,OAC7CP,EAAM,WAAW,CAAA,GAAI,IAAII,CAAe;AAAA,IAAA,GAGrCI,IAAWD,EAAmB,MAAM;AACxC,YAAME,IAAIP,EAAM;AAChB,aAAKO,IAGD,MAAM,QAAQA,CAAC,IACVA,EAAE,IAAI,CAACC,MAAM,OAAOA,CAAC,CAAC,IAExB,CAAC,OAAOD,CAAC,CAAC,IALR,CAAA;AAAA,IAMX,CAAC;AAED,aAASE,EAAUC,GAAsB;AACvC,aAAOJ,EAAS,MAAM,SAASI,CAAG;AAAA,IACpC;AAEA,aAASC,EAASD,GAAaE,GAA0C;AACvE,YAAMC,IAAUP,EAAS;AACzB,MAAIM,MAAY,KACTC,EAAQ,SAASH,CAAG,MACvBV,EAAM,QAAQ,CAAC,GAAGa,GAASH,CAAG,KAGhCV,EAAM,QAAQa,EAAQ,OAAO,CAACN,MAAMA,MAAMG,CAAG;AAAA,IAEjD;2BAIEI,EA+BaC,EAAAC,CAAA,GAAA;AAAA,MA9BV,OAAOjB,EAAA;AAAA,MACP,UAAUA,EAAA;AAAA,MACV,cAAYA,EAAA;AAAA,MACZ,aAAWA,EAAA;AAAA,MACX,QAAQA,EAAA;AAAA,IAAA;iBAET,MAuBM;AAAA,QAvBNkB,EAuBM,OAAA;AAAA,UAtBH,SAAOlB,EAAA,SAAM,kCAAA,YAAA;AAAA,UACb,qBAAmBA,EAAA,QAAQ;AAAA,QAAA;kBAE5BmB,EAkBMC,GAAA,MAAAC,EAjBUhB,EAAA,OAAU,CAAjBD,YADTe,EAkBM,OAAA;AAAA,YAhBH,KAAKf,EAAI;AAAA,YACV,OAAM;AAAA,UAAA;YAENkB,EAMEN,EAAAO,CAAA,GAAA;AAAA,cALC,IAAE,GAAKvB,EAAA,MAAE,UAAA,IAAkBI,EAAI,KAAK;AAAA,cACpC,MAAMJ,EAAA;AAAA,cACN,eAAaU,EAAUN,EAAI,KAAK;AAAA,cAChC,UAAUA,EAAI,YAAYJ,EAAA,YAAYA,EAAA;AAAA,cACtC,uBAAkB,CAAGwB,MAAMZ,EAASR,EAAI,OAAOoB,CAAC;AAAA,YAAA;YAEnDF,EAKQN,EAAAS,CAAA,GAAA;AAAA,cAJL,KAAG,GAAKzB,EAAA,MAAE,UAAA,IAAkBI,EAAI,KAAK;AAAA,cACtC,OAAM;AAAA,YAAA;yBAEN,MAAe;AAAA,gBAAZsB,EAAAC,EAAAvB,EAAI,KAAK,GAAA,CAAA;AAAA,cAAA;;;;;;;;;;"}
+{"version":3,"file":"CheckboxOption.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/compositions/elements/option-select/IntegrationConnectorOption.vue.d.ts

@@ -0,0 +1,41 @@
+import { Connector } from '../../../../definitions/shared/connector';
+export interface IntegrationConnectorOptionProps {
+    modelValue?: string | null;
+    id?: string;
+    name?: string;
+    label?: string;
+    hideLabel?: boolean;
+    placeholder?: string;
+    required?: boolean;
+    readonly?: boolean;
+    disabled?: boolean;
+    helpText?: string;
+    errors?: string[];
+    /** REQUIRED. Returns the list of connectors. */
+    onLoadConnectors: () => Promise<Connector[]>;
+    /** When supplied, surfaces a per-row Connect button on non-connected rows. */
+    onConnect?: (id: string) => Promise<void>;
+    loadingText?: string;
+    emptyText?: string;
+    errorText?: string;
+}
+type __VLS_Props = IntegrationConnectorOptionProps;
+declare function handleConnect(id: string, event?: Event): Promise<void>;
+type __VLS_PublicProps = {
+    "modelValue"?: string | null;
+} & __VLS_Props;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
+    refresh: () => Promise<void>;
+    handleConnect: typeof handleConnect;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string | null) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | null) => any) | undefined;
+}>, {
+    emptyText: string;
+    errors: string[];
+    loadingText: string;
+    errorText: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;
+//# sourceMappingURL=IntegrationConnectorOption.vue.d.ts.map

package/dist/components/compositions/elements/option-select/IntegrationConnectorOption.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IntegrationConnectorOption.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/compositions/elements/option-select/IntegrationConnectorOption.vue"],"names":[],"mappings":"AAqTA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAA;AAG/D,MAAM,WAAW,+BAA+B;IAC9C,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAA;IACjB,gDAAgD;IAChD,gBAAgB,EAAE,MAAM,OAAO,CAAC,SAAS,EAAE,CAAC,CAAA;IAC5C,8EAA8E;IAC9E,SAAS,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IACzC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,KAAK,WAAW,GAAG,+BAA+B,CAAC;AA6GnD,iBAAe,aAAa,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC,IAAI,CAAC,CAIrE;AAcD,KAAK,iBAAiB,GAAG;IACzB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC5B,GAAG,WAAW,CAAC;;;;;;;;;eArIF,MAAM;YANT,MAAM,EAAE;iBAKH,MAAM;eAER,MAAM;;AA6dpB,wBAUG"}