@gxp-dev/mod-ui 2.0.12 → 2.0.14

package/dist/components/compositions/elements/picker/IconPickerInline.vue_vue_type_script_setup_true_lang.js

@@ -1,123 +0,0 @@
-import e from "../../../ui/button/Button.js";
-import "../../../ui/button/index.js";
-import t from "../../../ui/input/Input.js";
-import "../../../ui/input/index.js";
-import n from "../../../ui/popover/Popover.js";
-import r from "../../../ui/popover/PopoverContent.js";
-import i from "../../../ui/popover/PopoverTrigger.js";
-import "../../../ui/popover/index.js";
-import a from "../../../ui/field-frame/FieldFrame.js";
-import "../../../ui/field-frame/index.js";
-import { Fragment as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createVNode as f, defineComponent as p, h as m, mergeModels as h, normalizeClass as g, openBlock as _, ref as v, renderList as y, resolveDynamicComponent as b, toDisplayString as x, unref as S, useModel as C, withCtx as w } from "vue";
-import * as T from "@lucide/vue";
-import { Search as E } from "@lucide/vue";
-//#region src/components/compositions/elements/picker/IconPickerInline.vue?vue&type=script&setup=true&lang.ts
-var D = { class: "mb-2 flex items-center gap-2" }, O = {
-	class: "grid max-h-60 grid-cols-6 gap-1 overflow-auto",
-	"data-testid": "icon-picker-inline-grid"
-}, k = [
-	"aria-label",
-	"title",
-	"data-testid",
-	"onClick"
-], A = {
-	key: 0,
-	class: "p-3 text-center text-sm text-muted-foreground"
-}, j = /* @__PURE__ */ p({
-	__name: "IconPickerInline",
-	props: /* @__PURE__ */ h({
-		modelValue: {},
-		id: {},
-		name: {},
-		label: {},
-		hideLabel: { type: Boolean },
-		required: { type: Boolean },
-		disabled: { type: Boolean },
-		helpText: {},
-		errors: { default: () => [] }
-	}, {
-		modelValue: {},
-		modelModifiers: {}
-	}),
-	emits: ["update:modelValue"],
-	setup(p) {
-		let h = C(p, "modelValue"), j = v(""), M = /* @__PURE__ */ "Activity.AlertCircle.Archive.Bell.Bookmark.Calendar.Camera.Check.Clock.Cloud.Code.Download.Edit.Eye.File.Flag.Folder.Globe.Heart.Home.Image.Info.Link.Lock.Mail.MapPin.MessageSquare.Plus.Search.Settings.Star.Tag.Trash.Upload.User.Video.X.Zap".split("."), N = s(() => {
-			let e = j.value.trim().toLowerCase();
-			return e ? M.filter((t) => t.toLowerCase().includes(e)) : M;
-		});
-		function P(e) {
-			return T[e];
-		}
-		function F(e, t = "size-4") {
-			let n = P(e);
-			return n ? m(n, { class: t }) : null;
-		}
-		let I = s(() => P(h.value ?? ""));
-		function L(e) {
-			h.value = e;
-		}
-		return (s, m) => (_(), c(S(a), {
-			label: p.label,
-			required: p.required,
-			"hide-label": p.hideLabel,
-			for: p.id,
-			"help-text": p.helpText,
-			errors: p.errors,
-			"data-testid": "icon-picker-inline"
-		}, {
-			default: w(() => [f(S(n), null, {
-				default: w(() => [f(S(i), { "as-child": "" }, {
-					default: w(() => [f(S(e), {
-						type: "button",
-						variant: "outline",
-						class: "w-fit justify-start gap-2",
-						disabled: p.disabled,
-						"data-element-name": p.name ?? void 0,
-						"data-testid": "icon-picker-inline-trigger"
-					}, {
-						default: w(() => [I.value ? (_(), c(b(I.value), {
-							key: 0,
-							class: "size-4"
-						})) : l("", !0), d("span", null, x(h.value || "Pick an icon"), 1)]),
-						_: 1
-					}, 8, ["disabled", "data-element-name"])]),
-					_: 1
-				}), f(S(r), { class: "w-72 p-2" }, {
-					default: w(() => [
-						d("div", D, [f(S(E), { class: "size-4 text-muted-foreground" }), f(S(t), {
-							modelValue: j.value,
-							"onUpdate:modelValue": m[0] ||= (e) => j.value = e,
-							placeholder: "Search icons…",
-							"data-testid": "icon-picker-inline-search",
-							class: "h-8"
-						}, null, 8, ["modelValue"])]),
-						d("div", O, [(_(!0), u(o, null, y(N.value, (e) => (_(), u("button", {
-							key: e,
-							type: "button",
-							class: g(["flex aspect-square items-center justify-center rounded border border-transparent hover:border-border hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", h.value === e ? "border-primary bg-primary/10" : ""]),
-							"aria-label": e,
-							title: e,
-							"data-testid": `icon-picker-inline-item-${e}`,
-							onClick: (t) => L(e)
-						}, [(_(), c(b(F(e))))], 10, k))), 128))]),
-						N.value.length ? l("", !0) : (_(), u("p", A, " No icons match. "))
-					]),
-					_: 1
-				})]),
-				_: 1
-			})]),
-			_: 1
-		}, 8, [
-			"label",
-			"required",
-			"hide-label",
-			"for",
-			"help-text",
-			"errors"
-		]));
-	}
-});
-//#endregion
-export { j as default };
-
-//# sourceMappingURL=IconPickerInline.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/compositions/elements/picker/IconPickerInline.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IconPickerInline.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../../../src/components/compositions/elements/picker/IconPickerInline.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven inline icon picker composition. A trigger Button +\n * Popover with a searchable grid of lucide icons.\n *\n * Self-contained — usable directly in any Vue app:\n *\n *   <IconPickerInline v-model=\"iconName\" label=\"Pick an icon\" />\n */\nimport { computed, h, ref, type Component } from \"vue\"\nimport * as LucideIcons from \"@lucide/vue\"\nimport { Search } from \"@lucide/vue\"\nimport { Button } from \"@/components/ui/button\"\nimport { Input } from \"@/components/ui/input\"\nimport { FieldFrame } from \"@/components/ui/field-frame\"\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from \"@/components/ui/popover\"\n\nexport interface IconPickerInlineProps {\n  modelValue?: string\n  id?: string\n  name?: string\n  label?: string\n  hideLabel?: boolean\n  required?: boolean\n  disabled?: boolean\n  helpText?: string\n  errors?: string[]\n}\n\nwithDefaults(defineProps<IconPickerInlineProps>(), {\n  errors: () => [],\n})\n\nconst model = defineModel<string>(\"modelValue\")\n\nconst query = ref<string>(\"\")\n\n/**\n * Curated subset of lucide icons. Hardcoded so we don't enumerate\n * the entire ~1400-icon set in the picker UI.\n */\nconst ICON_NAMES: readonly string[] = [\n  \"Activity\",\n  \"AlertCircle\",\n  \"Archive\",\n  \"Bell\",\n  \"Bookmark\",\n  \"Calendar\",\n  \"Camera\",\n  \"Check\",\n  \"Clock\",\n  \"Cloud\",\n  \"Code\",\n  \"Download\",\n  \"Edit\",\n  \"Eye\",\n  \"File\",\n  \"Flag\",\n  \"Folder\",\n  \"Globe\",\n  \"Heart\",\n  \"Home\",\n  \"Image\",\n  \"Info\",\n  \"Link\",\n  \"Lock\",\n  \"Mail\",\n  \"MapPin\",\n  \"MessageSquare\",\n  \"Plus\",\n  \"Search\",\n  \"Settings\",\n  \"Star\",\n  \"Tag\",\n  \"Trash\",\n  \"Upload\",\n  \"User\",\n  \"Video\",\n  \"X\",\n  \"Zap\",\n]\n\nconst filtered = computed<readonly string[]>(() => {\n  const q = query.value.trim().toLowerCase()\n  if (!q) {\n    return ICON_NAMES\n  }\n  return ICON_NAMES.filter((name) => name.toLowerCase().includes(q))\n})\n\nfunction resolveIcon(name: string): Component | undefined {\n  const registry = LucideIcons as unknown as Record<string, Component | undefined>\n  return registry[name]\n}\n\nfunction renderIcon(name: string, cls = \"size-4\") {\n  const icon = resolveIcon(name)\n  return icon ? h(icon, { class: cls }) : null\n}\n\nconst previewIcon = computed<Component | undefined>(() =>\n  resolveIcon(model.value ?? \"\"),\n)\n\nfunction onSelect(name: string): void {\n  model.value = name\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    data-testid=\"icon-picker-inline\"\n  >\n    <Popover>\n      <PopoverTrigger as-child>\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          class=\"w-fit justify-start gap-2\"\n          :disabled=\"disabled\"\n          :data-element-name=\"name ?? undefined\"\n          data-testid=\"icon-picker-inline-trigger\"\n        >\n          <component\n            :is=\"previewIcon\"\n            v-if=\"previewIcon\"\n            class=\"size-4\"\n          />\n          <span>{{ model || \"Pick an icon\" }}</span>\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent class=\"w-72 p-2\">\n        <div class=\"mb-2 flex items-center gap-2\">\n          <Search class=\"size-4 text-muted-foreground\" />\n          <Input\n            v-model=\"query\"\n            placeholder=\"Search icons…\"\n            data-testid=\"icon-picker-inline-search\"\n            class=\"h-8\"\n          />\n        </div>\n        <div\n          class=\"grid max-h-60 grid-cols-6 gap-1 overflow-auto\"\n          data-testid=\"icon-picker-inline-grid\"\n        >\n          <button\n            v-for=\"iconName in filtered\"\n            :key=\"iconName\"\n            type=\"button\"\n            class=\"flex aspect-square items-center justify-center rounded border border-transparent hover:border-border hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n            :class=\"model === iconName ? 'border-primary bg-primary/10' : ''\"\n            :aria-label=\"iconName\"\n            :title=\"iconName\"\n            :data-testid=\"`icon-picker-inline-item-${iconName}`\"\n            @click=\"onSelect(iconName)\"\n          >\n            <component :is=\"renderIcon(iconName)\" />\n          </button>\n        </div>\n        <p\n          v-if=\"!filtered.length\"\n          class=\"p-3 text-center text-sm text-muted-foreground\"\n        >\n          No icons match.\n        </p>\n      </PopoverContent>\n    </Popover>\n  </FieldFrame>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqCA,IAAM,IAAQ,EAAmB,GAAC,YAAY,GAExC,IAAQ,EAAY,EAAE,GAMtB,IAAgC,4QAuCtC,GAEM,IAAW,QAAkC;GACjD,IAAM,IAAI,EAAM,MAAM,KAAK,EAAE,YAAY;GAIzC,OAHK,IAGE,EAAW,QAAQ,MAAS,EAAK,YAAY,EAAE,SAAS,CAAC,CAAC,IAFxD;EAGX,CAAC;EAED,SAAS,EAAY,GAAqC;GAExD,OAAO,EAAS;EAClB;EAEA,SAAS,EAAW,GAAc,IAAM,UAAU;GAChD,IAAM,IAAO,EAAY,CAAI;GAC7B,OAAO,IAAO,EAAE,GAAM,EAAE,OAAO,EAAI,CAAC,IAAI;EAC1C;EAEA,IAAM,IAAc,QAClB,EAAY,EAAM,SAAS,EAAE,CAC/B;EAEA,SAAS,EAAS,GAAoB;GACpC,EAAM,QAAQ;EAChB;yBAIE,EA+Da,EAAA,CAAA,GAAA;GA9DV,OAAO,EAAA;GACP,UAAU,EAAA;GACV,cAAY,EAAA;GACZ,KAAK,EAAA;GACL,aAAW,EAAA;GACX,QAAQ,EAAA;GACT,eAAY;;oBAuDF,CArDV,EAqDU,EAAA,CAAA,GAAA,MAAA;qBApCS,CAhBjB,EAgBiB,EAAA,CAAA,GAAA,EAhBD,YAAA,GAAQ,GAAA;sBAeb,CAdT,EAcS,EAAA,CAAA,GAAA;MAbP,MAAK;MACL,SAAQ;MACR,OAAM;MACL,UAAU,EAAA;MACV,qBAAmB,EAAA,QAAQ,KAAA;MAC5B,eAAY;;uBAMV,CAFM,EAAA,SAAA,EAAA,GAFR,EAIE,EAHK,EAAA,KAAW,GAAA;;OAEhB,OAAM;uBAER,EAA0C,QAAA,MAAA,EAAjC,EAAA,SAAK,cAAA,GAAA,CAAA,CAAA,CAAA;;;;QAGlB,EAkCiB,EAAA,CAAA,GAAA,EAlCD,OAAM,WAAU,GAAA;sBASxB;MARN,EAQM,OARN,GAQM,CAPJ,EAA+C,EAAA,CAAA,GAAA,EAAvC,OAAM,+BAA8B,CAAA,GAC5C,EAKE,EAAA,CAAA,GAAA;mBAJS,EAAA;gDAAK,QAAA;OACd,aAAY;OACZ,eAAY;OACZ,OAAM;;MAGV,EAiBM,OAjBN,GAiBM,EAAA,EAAA,EAAA,GAbJ,EAYS,GAAA,MAAA,EAXY,EAAA,QAAZ,YADT,EAYS,UAAA;OAVN,KAAK;OACN,MAAK;OACL,OAAK,EAAA,CAAC,+LACE,EAAA,UAAU,IAAQ,iCAAA,EAAA,CAAA;OACzB,cAAY;OACZ,OAAO;OACP,eAAW,2BAA6B;OACxC,UAAK,MAAE,EAAS,CAAQ;gBAEzB,EAAwC,EAAxB,EAAW,CAAQ,CAAA,CAAA,EAAA,GAAA,IAAA,CAAA;MAI9B,EAAA,MAAS,SAIlB,EAAA,IAAA,EAAA,KAJkB,EAAA,GADlB,EAKI,KALJ,GAGC,mBAED"}

package/dist/components/compositions/elements/picker/IntegrationConnectorPicker.js

@@ -1,7 +0,0 @@
-import e from "./IntegrationConnectorPicker.vue_vue_type_script_setup_true_lang.js";
-//#region src/components/compositions/elements/picker/IntegrationConnectorPicker.vue
-var t = e;
-//#endregion
-export { t as default };
-
-//# sourceMappingURL=IntegrationConnectorPicker.js.map

package/dist/components/compositions/elements/picker/IntegrationConnectorPicker.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IntegrationConnectorPicker.js","names":[],"sources":["../../../../../src/components/compositions/elements/picker/IntegrationConnectorPicker.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven integration-connector picker. Same connector-loading\n * surface as `IntegrationConnectorOption`, presented as a button-style\n * picker: the trigger renders the selected connector's icon + label +\n * status dot, and clicking opens a searchable Combobox panel.\n *\n *   <IntegrationConnectorPicker\n *     v-model=\"connectorId\"\n *     label=\"Connector\"\n *     :on-load-connectors=\"() => fetch('/connectors').then((r) => r.json())\"\n *     :on-connect=\"(id) => beginOAuth(id)\"\n *   />\n */\nimport { computed, ref, watch, type Component } from \"vue\"\nimport { ChevronsUpDown, Loader2, Plug, Search } from \"@lucide/vue\"\nimport {\n  Combobox,\n  ComboboxAnchor,\n  ComboboxContent,\n  ComboboxEmpty,\n  ComboboxInput,\n  ComboboxItem,\n  ComboboxItemIndicator,\n} from \"@/components/ui/combobox\"\nimport { Button } from \"@/components/ui/button\"\nimport { Badge } from \"@/components/ui/badge\"\nimport { FieldFrame } from \"@/components/ui/field-frame\"\nimport type { Connector } from \"@/definitions/shared/connector\"\nimport { useConnectorLoader } from \"@/composables/useConnectorLoader\"\n\nexport interface IntegrationConnectorPickerProps {\n  modelValue?: string | null\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  /** REQUIRED. Returns the list of connectors. */\n  onLoadConnectors: () => Promise<Connector[]>\n  /** When supplied, surfaces a per-row Connect button on non-connected rows. */\n  onConnect?: (id: string) => Promise<void>\n  loadingText?: string\n  emptyText?: string\n  errorText?: string\n}\n\nconst props = withDefaults(defineProps<IntegrationConnectorPickerProps>(), {\n  errors: () => [],\n  loadingText: \"Loading connectors...\",\n  emptyText: \"No connectors available\",\n  errorText: \"Could not load connectors\",\n})\n\nconst model = defineModel<string | null>(\"modelValue\")\n\nconst { connectors, isLoading, error, refresh, isConnecting, connect } =\n  useConnectorLoader(() => props.onLoadConnectors())\n\nconst STATUS_DOT_CLASS: Record<NonNullable<Connector[\"status\"]>, string> = {\n  connected: \"bg-success\",\n  disconnected: \"bg-muted-foreground/40\",\n  error: \"bg-destructive\",\n}\n\nfunction statusDotClass(status: Connector[\"status\"]): string {\n  if (status && STATUS_DOT_CLASS[status]) {\n    return STATUS_DOT_CLASS[status]\n  }\n  return \"bg-muted-foreground/40\"\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 iconRegistry = ref<Record<string, Component | null>>({})\n\nasync function ensureIcon(name: string): Promise<void> {\n  if (!name) {\n    return\n  }\n  const pascal = toPascalCase(name)\n  if (pascal in iconRegistry.value) {\n    return\n  }\n  const mod = await import(\"@lucide/vue\")\n  const registry = mod as unknown as Record<string, Component | undefined>\n  iconRegistry.value = {\n    ...iconRegistry.value,\n    [pascal]: registry[pascal] ?? null,\n  }\n}\n\nwatch(\n  connectors,\n  (next) => {\n    for (const c of next) {\n      if (c.icon) {\n        void ensureIcon(c.icon)\n      }\n    }\n  },\n  { immediate: true },\n)\n\nfunction iconFor(name?: string): Component | null {\n  if (!name) {\n    return null\n  }\n  return iconRegistry.value[toPascalCase(name)] ?? null\n}\n\nconst query = ref<string>(\"\")\n\nconst filteredConnectors = computed<Connector[]>(() => {\n  const q = query.value.trim().toLowerCase()\n  if (!q) {\n    return connectors.value\n  }\n  return connectors.value.filter((c) =>\n    [c.label, c.type ?? \"\", c.id].some((field) =>\n      field.toLowerCase().includes(q),\n    ),\n  )\n})\n\nconst selectedConnector = computed<Connector | null>(() => {\n  if (model.value === undefined || model.value === null) {\n    return null\n  }\n  return connectors.value.find((c) => c.id === model.value) ?? null\n})\n\nconst currentValue = computed<string | undefined>(() => {\n  if (model.value === undefined || model.value === null) {\n    return undefined\n  }\n  return model.value\n})\n\nfunction onInput(event: Event): void {\n  query.value = (event.target as HTMLInputElement).value\n}\n\nfunction onUpdate(next: unknown): void {\n  if (Array.isArray(next)) {\n    model.value = next[0] === undefined ? null : (next[0] as string)\n    return\n  }\n  model.value = next === undefined ? null : (next as string)\n}\n\nasync function handleConnect(id: string, event?: Event): Promise<void> {\n  event?.stopPropagation()\n  event?.preventDefault()\n  await connect(id, props.onConnect)\n}\n\ndefineExpose({ refresh, handleConnect })\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      ignore-filter\n      @update:model-value=\"onUpdate\"\n    >\n      <ComboboxAnchor\n        :data-element-name=\"name ?? undefined\"\n        data-testid=\"integration-connector-picker-anchor\"\n        :class=\"[\n          'justify-between text-left',\n          errors.length ? 'border-destructive ring-destructive' : '',\n        ]\"\n      >\n        <div class=\"flex min-w-0 flex-1 items-center gap-2\">\n          <component\n            :is=\"iconFor(selectedConnector?.icon)\"\n            v-if=\"selectedConnector && iconFor(selectedConnector.icon)\"\n            class=\"size-4 shrink-0\"\n          />\n          <Plug\n            v-else-if=\"!selectedConnector\"\n            class=\"size-4 shrink-0 text-muted-foreground/60\"\n          />\n          <span\n            v-if=\"selectedConnector\"\n            class=\"truncate text-sm\"\n            data-testid=\"integration-connector-picker-label\"\n          >\n            {{ selectedConnector.label }}\n          </span>\n          <span\n            v-else\n            class=\"truncate text-sm text-muted-foreground\"\n            data-testid=\"integration-connector-picker-placeholder\"\n          >\n            {{ placeholder ?? \"Select connector…\" }}\n          </span>\n          <span\n            v-if=\"selectedConnector\"\n            :class=\"[\n              'inline-block size-2 shrink-0 rounded-full',\n              statusDotClass(selectedConnector.status),\n            ]\"\n            :data-status=\"selectedConnector.status ?? 'unknown'\"\n            data-testid=\"integration-connector-picker-status\"\n          />\n        </div>\n        <ChevronsUpDown class=\"ml-2 h-4 w-4 shrink-0 opacity-50\" />\n      </ComboboxAnchor>\n      <ComboboxContent>\n        <div class=\"flex items-center border-b px-2 py-1.5\">\n          <Search class=\"mr-2 h-4 w-4 shrink-0 opacity-50\" />\n          <ComboboxInput\n            :id=\"id\"\n            :model-value=\"query\"\n            placeholder=\"Search connectors…\"\n            class=\"h-8\"\n            data-testid=\"integration-connector-picker-input\"\n            @input=\"onInput\"\n          />\n          <Loader2\n            v-if=\"isLoading\"\n            data-testid=\"integration-connector-picker-loader\"\n            class=\"ml-2 h-4 w-4 shrink-0 animate-spin text-muted-foreground\"\n          />\n        </div>\n        <div\n          v-if=\"isLoading\"\n          class=\"px-2 py-2 text-sm text-muted-foreground\"\n          data-testid=\"integration-connector-picker-loading-text\"\n        >\n          {{ loadingText }}\n        </div>\n        <div\n          v-else-if=\"error\"\n          class=\"flex flex-col gap-2 px-2 py-2\"\n          data-testid=\"integration-connector-picker-error\"\n        >\n          <p class=\"text-sm text-destructive\">{{ errorText }}</p>\n          <Button\n            type=\"button\"\n            size=\"sm\"\n            variant=\"outline\"\n            data-testid=\"integration-connector-picker-retry\"\n            @click=\"refresh\"\n          >\n            Retry\n          </Button>\n        </div>\n        <ComboboxEmpty v-else-if=\"filteredConnectors.length === 0\">\n          {{ emptyText }}\n        </ComboboxEmpty>\n        <ComboboxItem\n          v-for=\"conn in filteredConnectors\"\n          :key=\"conn.id\"\n          :value=\"conn.id\"\n          :data-testid=\"`integration-connector-picker-item-${conn.id}`\"\n        >\n          <ComboboxItemIndicator />\n          <div class=\"flex flex-1 items-center gap-2\">\n            <component\n              :is=\"iconFor(conn.icon)\"\n              v-if=\"iconFor(conn.icon)\"\n              class=\"size-4 shrink-0\"\n            />\n            <span class=\"truncate text-sm\">{{ conn.label }}</span>\n            <Badge v-if=\"conn.type\" variant=\"outline\" size=\"sm\">\n              {{ conn.type }}\n            </Badge>\n            <span\n              :class=\"['ml-auto inline-block size-2 rounded-full', statusDotClass(conn.status)]\"\n              :data-status=\"conn.status ?? 'unknown'\"\n              :data-testid=\"`integration-connector-picker-status-${conn.id}`\"\n            />\n            <Button\n              v-if=\"onConnect && conn.status !== 'connected'\"\n              type=\"button\"\n              size=\"sm\"\n              variant=\"outline\"\n              class=\"ml-2\"\n              :disabled=\"Boolean(isConnecting[conn.id])\"\n              :data-testid=\"`integration-connector-picker-connect-${conn.id}`\"\n              @click.stop=\"handleConnect(conn.id, $event)\"\n            >\n              <Loader2\n                v-if=\"isConnecting[conn.id]\"\n                class=\"size-3 animate-spin\"\n              />\n              <span>{{\n                conn.status === \"error\" ? \"Reconnect\" : \"Connect\"\n              }}</span>\n            </Button>\n          </div>\n        </ComboboxItem>\n      </ComboboxContent>\n    </Combobox>\n  </FieldFrame>\n</template>\n"],"mappings":""}

package/dist/components/compositions/elements/picker/IntegrationConnectorPicker.vue_vue_type_script_setup_true_lang.js

@@ -1,247 +0,0 @@
-import e from "../../../ui/badge/Badge.js";
-import "../../../ui/badge/index.js";
-import t from "../../../ui/button/Button.js";
-import "../../../ui/button/index.js";
-import n from "../../../ui/combobox/Combobox.js";
-import r from "../../../ui/combobox/ComboboxAnchor.js";
-import i from "../../../ui/combobox/ComboboxContent.js";
-import a from "../../../ui/combobox/ComboboxEmpty.js";
-import o from "../../../ui/combobox/ComboboxInput.js";
-import s from "../../../ui/combobox/ComboboxItem.js";
-import ee from "../../../ui/combobox/ComboboxItemIndicator.js";
-import "../../../ui/combobox/index.js";
-import te from "../../../ui/field-frame/FieldFrame.js";
-import "../../../ui/field-frame/index.js";
-import { useConnectorLoader as ne } from "../../../../composables/useConnectorLoader.js";
-import { Fragment as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createTextVNode as m, createVNode as h, defineComponent as g, mergeModels as _, normalizeClass as v, openBlock as y, ref as b, renderList as x, resolveDynamicComponent as S, toDisplayString as C, unref as w, useModel as re, watch as ie, withCtx as T, withModifiers as ae } from "vue";
-import { ChevronsUpDown as oe, Loader2 as E, Plug as se, Search as ce } from "@lucide/vue";
-//#region src/components/compositions/elements/picker/IntegrationConnectorPicker.vue?vue&type=script&setup=true&lang.ts
-var D = { class: "flex min-w-0 flex-1 items-center gap-2" }, O = {
-	key: 2,
-	class: "truncate text-sm",
-	"data-testid": "integration-connector-picker-label"
-}, k = {
-	key: 3,
-	class: "truncate text-sm text-muted-foreground",
-	"data-testid": "integration-connector-picker-placeholder"
-}, A = ["data-status"], j = { class: "flex items-center border-b px-2 py-1.5" }, M = {
-	key: 0,
-	class: "px-2 py-2 text-sm text-muted-foreground",
-	"data-testid": "integration-connector-picker-loading-text"
-}, N = {
-	key: 1,
-	class: "flex flex-col gap-2 px-2 py-2",
-	"data-testid": "integration-connector-picker-error"
-}, P = { class: "text-sm text-destructive" }, F = { class: "flex flex-1 items-center gap-2" }, I = { class: "truncate text-sm" }, L = ["data-status", "data-testid"], R = /* @__PURE__ */ g({
-	__name: "IntegrationConnectorPicker",
-	props: /* @__PURE__ */ _({
-		modelValue: {},
-		id: {},
-		name: {},
-		label: {},
-		hideLabel: { type: Boolean },
-		placeholder: {},
-		required: { type: Boolean },
-		readonly: { type: Boolean },
-		disabled: { type: Boolean },
-		helpText: {},
-		errors: { default: () => [] },
-		onLoadConnectors: {},
-		onConnect: {},
-		loadingText: { default: "Loading connectors..." },
-		emptyText: { default: "No connectors available" },
-		errorText: { default: "Could not load connectors" }
-	}, {
-		modelValue: {},
-		modelModifiers: {}
-	}),
-	emits: ["update:modelValue"],
-	setup(g, { expose: _ }) {
-		let R = g, z = re(g, "modelValue"), { connectors: B, isLoading: V, error: H, refresh: U, isConnecting: W, connect: le } = ne(() => R.onLoadConnectors()), G = {
-			connected: "bg-success",
-			disconnected: "bg-muted-foreground/40",
-			error: "bg-destructive"
-		};
-		function K(e) {
-			return e && G[e] ? G[e] : "bg-muted-foreground/40";
-		}
-		function q(e) {
-			return e.replace(/[-_\s]+(.)?/g, (e, t) => t ? t.toUpperCase() : "").replace(/^(.)/, (e) => e.toUpperCase());
-		}
-		let J = b({});
-		async function ue(e) {
-			if (!e) return;
-			let t = q(e);
-			if (t in J.value) return;
-			let n = await import("@lucide/vue");
-			J.value = {
-				...J.value,
-				[t]: n[t] ?? null
-			};
-		}
-		ie(B, (e) => {
-			for (let t of e) t.icon && ue(t.icon);
-		}, { immediate: !0 });
-		function Y(e) {
-			return e ? J.value[q(e)] ?? null : null;
-		}
-		let X = b(""), Z = l(() => {
-			let e = X.value.trim().toLowerCase();
-			return e ? B.value.filter((t) => [
-				t.label,
-				t.type ?? "",
-				t.id
-			].some((t) => t.toLowerCase().includes(e))) : B.value;
-		}), Q = l(() => z.value === void 0 || z.value === null ? null : B.value.find((e) => e.id === z.value) ?? null), de = l(() => {
-			if (!(z.value === void 0 || z.value === null)) return z.value;
-		});
-		function fe(e) {
-			X.value = e.target.value;
-		}
-		function pe(e) {
-			if (Array.isArray(e)) {
-				z.value = e[0] === void 0 ? null : e[0];
-				return;
-			}
-			z.value = e === void 0 ? null : e;
-		}
-		async function $(e, t) {
-			t?.stopPropagation(), t?.preventDefault(), await le(e, R.onConnect);
-		}
-		return _({
-			refresh: U,
-			handleConnect: $
-		}), (ne, l) => (y(), u(w(te), {
-			label: g.label,
-			required: g.required,
-			"hide-label": g.hideLabel,
-			for: g.id,
-			"help-text": g.helpText,
-			errors: g.errors
-		}, {
-			default: T(() => [h(w(n), {
-				"model-value": de.value,
-				disabled: g.disabled || g.readonly,
-				"ignore-filter": "",
-				"onUpdate:modelValue": pe
-			}, {
-				default: T(() => [h(w(r), {
-					"data-element-name": g.name ?? void 0,
-					"data-testid": "integration-connector-picker-anchor",
-					class: v(["justify-between text-left", g.errors.length ? "border-destructive ring-destructive" : ""])
-				}, {
-					default: T(() => [p("div", D, [
-						Q.value && Y(Q.value.icon) ? (y(), u(S(Y(Q.value?.icon)), {
-							key: 0,
-							class: "size-4 shrink-0"
-						})) : Q.value ? d("", !0) : (y(), u(w(se), {
-							key: 1,
-							class: "size-4 shrink-0 text-muted-foreground/60"
-						})),
-						Q.value ? (y(), f("span", O, C(Q.value.label), 1)) : (y(), f("span", k, C(g.placeholder ?? "Select connector…"), 1)),
-						Q.value ? (y(), f("span", {
-							key: 4,
-							class: v(["inline-block size-2 shrink-0 rounded-full", K(Q.value.status)]),
-							"data-status": Q.value.status ?? "unknown",
-							"data-testid": "integration-connector-picker-status"
-						}, null, 10, A)) : d("", !0)
-					]), h(w(oe), { class: "ml-2 h-4 w-4 shrink-0 opacity-50" })]),
-					_: 1
-				}, 8, ["data-element-name", "class"]), h(w(i), null, {
-					default: T(() => [
-						p("div", j, [
-							h(w(ce), { class: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
-							h(w(o), {
-								id: g.id,
-								"model-value": X.value,
-								placeholder: "Search connectors…",
-								class: "h-8",
-								"data-testid": "integration-connector-picker-input",
-								onInput: fe
-							}, null, 8, ["id", "model-value"]),
-							w(V) ? (y(), u(w(E), {
-								key: 0,
-								"data-testid": "integration-connector-picker-loader",
-								class: "ml-2 h-4 w-4 shrink-0 animate-spin text-muted-foreground"
-							})) : d("", !0)
-						]),
-						w(V) ? (y(), f("div", M, C(g.loadingText), 1)) : w(H) ? (y(), f("div", N, [p("p", P, C(g.errorText), 1), h(w(t), {
-							type: "button",
-							size: "sm",
-							variant: "outline",
-							"data-testid": "integration-connector-picker-retry",
-							onClick: w(U)
-						}, {
-							default: T(() => [...l[0] ||= [m(" Retry ", -1)]]),
-							_: 1
-						}, 8, ["onClick"])])) : Z.value.length === 0 ? (y(), u(w(a), { key: 2 }, {
-							default: T(() => [m(C(g.emptyText), 1)]),
-							_: 1
-						})) : d("", !0),
-						(y(!0), f(c, null, x(Z.value, (n) => (y(), u(w(s), {
-							key: n.id,
-							value: n.id,
-							"data-testid": `integration-connector-picker-item-${n.id}`
-						}, {
-							default: T(() => [h(w(ee)), p("div", F, [
-								Y(n.icon) ? (y(), u(S(Y(n.icon)), {
-									key: 0,
-									class: "size-4 shrink-0"
-								})) : d("", !0),
-								p("span", I, C(n.label), 1),
-								n.type ? (y(), u(w(e), {
-									key: 1,
-									variant: "outline",
-									size: "sm"
-								}, {
-									default: T(() => [m(C(n.type), 1)]),
-									_: 2
-								}, 1024)) : d("", !0),
-								p("span", {
-									class: v(["ml-auto inline-block size-2 rounded-full", K(n.status)]),
-									"data-status": n.status ?? "unknown",
-									"data-testid": `integration-connector-picker-status-${n.id}`
-								}, null, 10, L),
-								g.onConnect && n.status !== "connected" ? (y(), u(w(t), {
-									key: 2,
-									type: "button",
-									size: "sm",
-									variant: "outline",
-									class: "ml-2",
-									disabled: !!w(W)[n.id],
-									"data-testid": `integration-connector-picker-connect-${n.id}`,
-									onClick: ae((e) => $(n.id, e), ["stop"])
-								}, {
-									default: T(() => [w(W)[n.id] ? (y(), u(w(E), {
-										key: 0,
-										class: "size-3 animate-spin"
-									})) : d("", !0), p("span", null, C(n.status === "error" ? "Reconnect" : "Connect"), 1)]),
-									_: 2
-								}, 1032, [
-									"disabled",
-									"data-testid",
-									"onClick"
-								])) : d("", !0)
-							])]),
-							_: 2
-						}, 1032, ["value", "data-testid"]))), 128))
-					]),
-					_: 1
-				})]),
-				_: 1
-			}, 8, ["model-value", "disabled"])]),
-			_: 1
-		}, 8, [
-			"label",
-			"required",
-			"hide-label",
-			"for",
-			"help-text",
-			"errors"
-		]));
-	}
-});
-//#endregion
-export { R as default };
-
-//# sourceMappingURL=IntegrationConnectorPicker.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/compositions/elements/picker/IntegrationConnectorPicker.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IntegrationConnectorPicker.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../../../src/components/compositions/elements/picker/IntegrationConnectorPicker.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven integration-connector picker. Same connector-loading\n * surface as `IntegrationConnectorOption`, presented as a button-style\n * picker: the trigger renders the selected connector's icon + label +\n * status dot, and clicking opens a searchable Combobox panel.\n *\n *   <IntegrationConnectorPicker\n *     v-model=\"connectorId\"\n *     label=\"Connector\"\n *     :on-load-connectors=\"() => fetch('/connectors').then((r) => r.json())\"\n *     :on-connect=\"(id) => beginOAuth(id)\"\n *   />\n */\nimport { computed, ref, watch, type Component } from \"vue\"\nimport { ChevronsUpDown, Loader2, Plug, Search } from \"@lucide/vue\"\nimport {\n  Combobox,\n  ComboboxAnchor,\n  ComboboxContent,\n  ComboboxEmpty,\n  ComboboxInput,\n  ComboboxItem,\n  ComboboxItemIndicator,\n} from \"@/components/ui/combobox\"\nimport { Button } from \"@/components/ui/button\"\nimport { Badge } from \"@/components/ui/badge\"\nimport { FieldFrame } from \"@/components/ui/field-frame\"\nimport type { Connector } from \"@/definitions/shared/connector\"\nimport { useConnectorLoader } from \"@/composables/useConnectorLoader\"\n\nexport interface IntegrationConnectorPickerProps {\n  modelValue?: string | null\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  /** REQUIRED. Returns the list of connectors. */\n  onLoadConnectors: () => Promise<Connector[]>\n  /** When supplied, surfaces a per-row Connect button on non-connected rows. */\n  onConnect?: (id: string) => Promise<void>\n  loadingText?: string\n  emptyText?: string\n  errorText?: string\n}\n\nconst props = withDefaults(defineProps<IntegrationConnectorPickerProps>(), {\n  errors: () => [],\n  loadingText: \"Loading connectors...\",\n  emptyText: \"No connectors available\",\n  errorText: \"Could not load connectors\",\n})\n\nconst model = defineModel<string | null>(\"modelValue\")\n\nconst { connectors, isLoading, error, refresh, isConnecting, connect } =\n  useConnectorLoader(() => props.onLoadConnectors())\n\nconst STATUS_DOT_CLASS: Record<NonNullable<Connector[\"status\"]>, string> = {\n  connected: \"bg-success\",\n  disconnected: \"bg-muted-foreground/40\",\n  error: \"bg-destructive\",\n}\n\nfunction statusDotClass(status: Connector[\"status\"]): string {\n  if (status && STATUS_DOT_CLASS[status]) {\n    return STATUS_DOT_CLASS[status]\n  }\n  return \"bg-muted-foreground/40\"\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 iconRegistry = ref<Record<string, Component | null>>({})\n\nasync function ensureIcon(name: string): Promise<void> {\n  if (!name) {\n    return\n  }\n  const pascal = toPascalCase(name)\n  if (pascal in iconRegistry.value) {\n    return\n  }\n  const mod = await import(\"@lucide/vue\")\n  const registry = mod as unknown as Record<string, Component | undefined>\n  iconRegistry.value = {\n    ...iconRegistry.value,\n    [pascal]: registry[pascal] ?? null,\n  }\n}\n\nwatch(\n  connectors,\n  (next) => {\n    for (const c of next) {\n      if (c.icon) {\n        void ensureIcon(c.icon)\n      }\n    }\n  },\n  { immediate: true },\n)\n\nfunction iconFor(name?: string): Component | null {\n  if (!name) {\n    return null\n  }\n  return iconRegistry.value[toPascalCase(name)] ?? null\n}\n\nconst query = ref<string>(\"\")\n\nconst filteredConnectors = computed<Connector[]>(() => {\n  const q = query.value.trim().toLowerCase()\n  if (!q) {\n    return connectors.value\n  }\n  return connectors.value.filter((c) =>\n    [c.label, c.type ?? \"\", c.id].some((field) =>\n      field.toLowerCase().includes(q),\n    ),\n  )\n})\n\nconst selectedConnector = computed<Connector | null>(() => {\n  if (model.value === undefined || model.value === null) {\n    return null\n  }\n  return connectors.value.find((c) => c.id === model.value) ?? null\n})\n\nconst currentValue = computed<string | undefined>(() => {\n  if (model.value === undefined || model.value === null) {\n    return undefined\n  }\n  return model.value\n})\n\nfunction onInput(event: Event): void {\n  query.value = (event.target as HTMLInputElement).value\n}\n\nfunction onUpdate(next: unknown): void {\n  if (Array.isArray(next)) {\n    model.value = next[0] === undefined ? null : (next[0] as string)\n    return\n  }\n  model.value = next === undefined ? null : (next as string)\n}\n\nasync function handleConnect(id: string, event?: Event): Promise<void> {\n  event?.stopPropagation()\n  event?.preventDefault()\n  await connect(id, props.onConnect)\n}\n\ndefineExpose({ refresh, handleConnect })\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      ignore-filter\n      @update:model-value=\"onUpdate\"\n    >\n      <ComboboxAnchor\n        :data-element-name=\"name ?? undefined\"\n        data-testid=\"integration-connector-picker-anchor\"\n        :class=\"[\n          'justify-between text-left',\n          errors.length ? 'border-destructive ring-destructive' : '',\n        ]\"\n      >\n        <div class=\"flex min-w-0 flex-1 items-center gap-2\">\n          <component\n            :is=\"iconFor(selectedConnector?.icon)\"\n            v-if=\"selectedConnector && iconFor(selectedConnector.icon)\"\n            class=\"size-4 shrink-0\"\n          />\n          <Plug\n            v-else-if=\"!selectedConnector\"\n            class=\"size-4 shrink-0 text-muted-foreground/60\"\n          />\n          <span\n            v-if=\"selectedConnector\"\n            class=\"truncate text-sm\"\n            data-testid=\"integration-connector-picker-label\"\n          >\n            {{ selectedConnector.label }}\n          </span>\n          <span\n            v-else\n            class=\"truncate text-sm text-muted-foreground\"\n            data-testid=\"integration-connector-picker-placeholder\"\n          >\n            {{ placeholder ?? \"Select connector…\" }}\n          </span>\n          <span\n            v-if=\"selectedConnector\"\n            :class=\"[\n              'inline-block size-2 shrink-0 rounded-full',\n              statusDotClass(selectedConnector.status),\n            ]\"\n            :data-status=\"selectedConnector.status ?? 'unknown'\"\n            data-testid=\"integration-connector-picker-status\"\n          />\n        </div>\n        <ChevronsUpDown class=\"ml-2 h-4 w-4 shrink-0 opacity-50\" />\n      </ComboboxAnchor>\n      <ComboboxContent>\n        <div class=\"flex items-center border-b px-2 py-1.5\">\n          <Search class=\"mr-2 h-4 w-4 shrink-0 opacity-50\" />\n          <ComboboxInput\n            :id=\"id\"\n            :model-value=\"query\"\n            placeholder=\"Search connectors…\"\n            class=\"h-8\"\n            data-testid=\"integration-connector-picker-input\"\n            @input=\"onInput\"\n          />\n          <Loader2\n            v-if=\"isLoading\"\n            data-testid=\"integration-connector-picker-loader\"\n            class=\"ml-2 h-4 w-4 shrink-0 animate-spin text-muted-foreground\"\n          />\n        </div>\n        <div\n          v-if=\"isLoading\"\n          class=\"px-2 py-2 text-sm text-muted-foreground\"\n          data-testid=\"integration-connector-picker-loading-text\"\n        >\n          {{ loadingText }}\n        </div>\n        <div\n          v-else-if=\"error\"\n          class=\"flex flex-col gap-2 px-2 py-2\"\n          data-testid=\"integration-connector-picker-error\"\n        >\n          <p class=\"text-sm text-destructive\">{{ errorText }}</p>\n          <Button\n            type=\"button\"\n            size=\"sm\"\n            variant=\"outline\"\n            data-testid=\"integration-connector-picker-retry\"\n            @click=\"refresh\"\n          >\n            Retry\n          </Button>\n        </div>\n        <ComboboxEmpty v-else-if=\"filteredConnectors.length === 0\">\n          {{ emptyText }}\n        </ComboboxEmpty>\n        <ComboboxItem\n          v-for=\"conn in filteredConnectors\"\n          :key=\"conn.id\"\n          :value=\"conn.id\"\n          :data-testid=\"`integration-connector-picker-item-${conn.id}`\"\n        >\n          <ComboboxItemIndicator />\n          <div class=\"flex flex-1 items-center gap-2\">\n            <component\n              :is=\"iconFor(conn.icon)\"\n              v-if=\"iconFor(conn.icon)\"\n              class=\"size-4 shrink-0\"\n            />\n            <span class=\"truncate text-sm\">{{ conn.label }}</span>\n            <Badge v-if=\"conn.type\" variant=\"outline\" size=\"sm\">\n              {{ conn.type }}\n            </Badge>\n            <span\n              :class=\"['ml-auto inline-block size-2 rounded-full', statusDotClass(conn.status)]\"\n              :data-status=\"conn.status ?? 'unknown'\"\n              :data-testid=\"`integration-connector-picker-status-${conn.id}`\"\n            />\n            <Button\n              v-if=\"onConnect && conn.status !== 'connected'\"\n              type=\"button\"\n              size=\"sm\"\n              variant=\"outline\"\n              class=\"ml-2\"\n              :disabled=\"Boolean(isConnecting[conn.id])\"\n              :data-testid=\"`integration-connector-picker-connect-${conn.id}`\"\n              @click.stop=\"handleConnect(conn.id, $event)\"\n            >\n              <Loader2\n                v-if=\"isConnecting[conn.id]\"\n                class=\"size-3 animate-spin\"\n              />\n              <span>{{\n                conn.status === \"error\" ? \"Reconnect\" : \"Connect\"\n              }}</span>\n            </Button>\n          </div>\n        </ComboboxItem>\n      </ComboboxContent>\n    </Combobox>\n  </FieldFrame>\n</template>\n"],"mappings":"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"}

package/dist/components/compositions/elements/picker/MapPicker.js

@@ -1,7 +0,0 @@
-import e from "./MapPicker.vue_vue_type_script_setup_true_lang.js";
-//#region src/components/compositions/elements/picker/MapPicker.vue
-var t = e;
-//#endregion
-export { t as default };
-
-//# sourceMappingURL=MapPicker.js.map

package/dist/components/compositions/elements/picker/MapPicker.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MapPicker.js","names":[],"sources":["../../../../../src/components/compositions/elements/picker/MapPicker.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, onMounted, onUnmounted, shallowRef, watch } from \"vue\"\nimport type { LeafletMouseEvent, Map as LeafletMap, Marker } from \"leaflet\"\nimport { FieldFrame } from \"@/components/ui/field-frame\"\nimport \"leaflet/dist/leaflet.css\"\nimport markerIconUrl from \"leaflet/dist/images/marker-icon.png\"\nimport markerIcon2xUrl from \"leaflet/dist/images/marker-icon-2x.png\"\nimport markerShadowUrl from \"leaflet/dist/images/marker-shadow.png\"\n\n/**\n * Props-driven map picker. Renders a Leaflet map inside a FieldFrame.\n * Clicking the map drops a pin and emits the {lat, lng} pair via\n * `update:modelValue`.\n *\n * Leaflet is imported dynamically inside `onMounted` so it never runs\n * its initialisation code during SSR or module evaluation — avoiding\n * the `L.Icon.Default` crash that plagues wrapper packages in Vite.\n */\n\nexport interface LatLng {\n  lat: number\n  lng: number\n}\n\nexport interface MapPickerProps {\n  modelValue?: LatLng | null\n  id?: string\n  name?: string\n  label?: string\n  hideLabel?: boolean\n  required?: boolean\n  readonly?: boolean\n  disabled?: boolean\n  helpText?: string\n  errors?: string[]\n  /** Centre used when `modelValue` is empty. Defaults to London. */\n  defaultCenter?: LatLng\n  /** Initial zoom level. */\n  defaultZoom?: number\n  /** CSS height applied to the map container. */\n  height?: string\n  /** Tile server URL template. Defaults to OpenStreetMap. */\n  tileUrl?: string\n  /** Tile attribution string rendered by Leaflet. */\n  tileAttribution?: string\n}\n\nconst props = withDefaults(defineProps<MapPickerProps>(), {\n  errors: () => [],\n  defaultCenter: () => ({ lat: 51.505, lng: -0.09 }),\n  defaultZoom: 13,\n  height: \"24rem\",\n  tileUrl: \"https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png\",\n  tileAttribution:\n    '&copy; <a href=\"https://www.openstreetmap.org/copyright\">OpenStreetMap</a>',\n})\n\nconst model = defineModel<LatLng | null>(\"modelValue\")\n\nconst mapEl = shallowRef<HTMLDivElement>()\nconst leafletMap = shallowRef<LeafletMap | null>(null)\nconst leafletMarker = shallowRef<Marker | null>(null)\n\n// Non-reactive Leaflet library reference populated after mount.\nlet L: typeof import(\"leaflet\") | null = null\n\nconst isInteractive = computed(() => !props.disabled && !props.readonly)\n\nconst formattedLatLng = computed<string>(() => {\n  if (!model.value) return \"\"\n  const { lat, lng } = model.value\n  return `${lat.toFixed(4)}, ${lng.toFixed(4)}`\n})\n\nconst containerStyle = computed<Record<string, string>>(() => ({\n  height: props.height,\n  width: \"100%\",\n}))\n\n// Sync external modelValue changes into the live map marker.\nwatch(\n  () => model.value,\n  (val) => {\n    if (!L || !leafletMap.value) return\n    if (!val) {\n      leafletMarker.value?.remove()\n      leafletMarker.value = null\n      return\n    }\n    const pos: [number, number] = [val.lat, val.lng]\n    if (leafletMarker.value) {\n      leafletMarker.value.setLatLng(pos)\n    } else {\n      leafletMarker.value = L.marker(pos).addTo(leafletMap.value)\n    }\n  },\n)\n\nonMounted(async () => {\n  if (!mapEl.value) return\n  try {\n    const mod = await import(\"leaflet\")\n    L = (mod.default ?? mod) as typeof import(\"leaflet\")\n\n    // Vite hashes asset filenames; patch the default icon so the marker\n    // renders correctly in both dev and production builds.\n    delete (L.Icon.Default.prototype as unknown as Record<string, unknown>)._getIconUrl\n    L.Icon.Default.mergeOptions({\n      iconUrl: markerIconUrl,\n      iconRetinaUrl: markerIcon2xUrl,\n      shadowUrl: markerShadowUrl,\n    })\n\n    const center = model.value ?? props.defaultCenter\n    const map = L.map(mapEl.value, {\n      center: [center.lat, center.lng],\n      zoom: props.defaultZoom,\n    })\n\n    L.tileLayer(props.tileUrl, {\n      attribution: props.tileAttribution,\n    }).addTo(map)\n\n    if (model.value) {\n      leafletMarker.value = L.marker([model.value.lat, model.value.lng]).addTo(map)\n    }\n\n    map.on(\"click\", (e: LeafletMouseEvent) => {\n      if (!isInteractive.value) return\n      const { lat, lng } = e.latlng\n      model.value = { lat, lng }\n      const pos: [number, number] = [lat, lng]\n      if (leafletMarker.value) {\n        leafletMarker.value.setLatLng(pos)\n      } else {\n        leafletMarker.value = L!.marker(pos).addTo(map)\n      }\n    })\n\n    leafletMap.value = map\n  } catch {\n    // Leaflet unavailable in this environment.\n  }\n})\n\nonUnmounted(() => {\n  leafletMap.value?.remove()\n  leafletMap.value = null\n  leafletMarker.value = null\n  L = null\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    <div\n      :id=\"id\"\n      :data-element-name=\"name ?? undefined\"\n      :data-readonly=\"readonly || undefined\"\n      :data-disabled=\"disabled || undefined\"\n      :class=\"[\n        'overflow-hidden rounded-md border',\n        errors.length ? 'border-destructive' : 'border-input',\n        !isInteractive ? 'pointer-events-none opacity-70' : '',\n      ]\"\n      data-testid=\"map-picker-container\"\n    >\n      <div ref=\"mapEl\" :style=\"containerStyle\" data-testid=\"map-picker-map\" />\n    </div>\n    <p\n      v-if=\"formattedLatLng\"\n      class=\"text-xs text-muted-foreground\"\n      data-testid=\"map-picker-latlng\"\n    >\n      {{ formattedLatLng }}\n    </p>\n  </FieldFrame>\n</template>\n"],"mappings":""}

package/dist/components/compositions/elements/picker/MapPicker.vue_vue_type_script_setup_true_lang.js

@@ -1,125 +0,0 @@
-import e from "../../../ui/field-frame/FieldFrame.js";
-import "../../../ui/field-frame/index.js";
-/* empty css                                                                             */
-import t from "../../../../node_modules/.pnpm/leaflet@1.9.4/node_modules/leaflet/dist/images/marker-icon.js";
-import n from "../../../../node_modules/.pnpm/leaflet@1.9.4/node_modules/leaflet/dist/images/marker-icon-2x.js";
-import r from "../../../../node_modules/.pnpm/leaflet@1.9.4/node_modules/leaflet/dist/images/marker-shadow.js";
-import { computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, defineComponent as l, mergeModels as u, normalizeClass as d, normalizeStyle as f, onMounted as p, onUnmounted as m, openBlock as h, shallowRef as g, toDisplayString as _, unref as v, useModel as y, watch as b, withCtx as x } from "vue";
-//#region src/components/compositions/elements/picker/MapPicker.vue?vue&type=script&setup=true&lang.ts
-var S = [
-	"id",
-	"data-element-name",
-	"data-readonly",
-	"data-disabled"
-], C = {
-	key: 0,
-	class: "text-xs text-muted-foreground",
-	"data-testid": "map-picker-latlng"
-}, w = /* @__PURE__ */ l({
-	__name: "MapPicker",
-	props: /* @__PURE__ */ u({
-		modelValue: {},
-		id: {},
-		name: {},
-		label: {},
-		hideLabel: { type: Boolean },
-		required: { type: Boolean },
-		readonly: { type: Boolean },
-		disabled: { type: Boolean },
-		helpText: {},
-		errors: { default: () => [] },
-		defaultCenter: { default: () => ({
-			lat: 51.505,
-			lng: -.09
-		}) },
-		defaultZoom: { default: 13 },
-		height: { default: "24rem" },
-		tileUrl: { default: "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png" },
-		tileAttribution: { default: "&copy; <a href=\"https://www.openstreetmap.org/copyright\">OpenStreetMap</a>" }
-	}, {
-		modelValue: {},
-		modelModifiers: {}
-	}),
-	emits: ["update:modelValue"],
-	setup(l) {
-		let u = l, w = y(l, "modelValue"), T = g(), E = g(null), D = g(null), O = null, k = i(() => !u.disabled && !u.readonly), A = i(() => {
-			if (!w.value) return "";
-			let { lat: e, lng: t } = w.value;
-			return `${e.toFixed(4)}, ${t.toFixed(4)}`;
-		}), j = i(() => ({
-			height: u.height,
-			width: "100%"
-		}));
-		return b(() => w.value, (e) => {
-			if (!O || !E.value) return;
-			if (!e) {
-				D.value?.remove(), D.value = null;
-				return;
-			}
-			let t = [e.lat, e.lng];
-			D.value ? D.value.setLatLng(t) : D.value = O.marker(t).addTo(E.value);
-		}), p(async () => {
-			if (T.value) try {
-				let e = await import("leaflet");
-				O = e.default ?? e, delete O.Icon.Default.prototype._getIconUrl, O.Icon.Default.mergeOptions({
-					iconUrl: t,
-					iconRetinaUrl: n,
-					shadowUrl: r
-				});
-				let i = w.value ?? u.defaultCenter, a = O.map(T.value, {
-					center: [i.lat, i.lng],
-					zoom: u.defaultZoom
-				});
-				O.tileLayer(u.tileUrl, { attribution: u.tileAttribution }).addTo(a), w.value && (D.value = O.marker([w.value.lat, w.value.lng]).addTo(a)), a.on("click", (e) => {
-					if (!k.value) return;
-					let { lat: t, lng: n } = e.latlng;
-					w.value = {
-						lat: t,
-						lng: n
-					};
-					let r = [t, n];
-					D.value ? D.value.setLatLng(r) : D.value = O.marker(r).addTo(a);
-				}), E.value = a;
-			} catch {}
-		}), m(() => {
-			E.value?.remove(), E.value = null, D.value = null, O = null;
-		}), (t, n) => (h(), a(v(e), {
-			label: l.label,
-			required: l.required,
-			"hide-label": l.hideLabel,
-			for: l.id,
-			"help-text": l.helpText,
-			errors: l.errors
-		}, {
-			default: x(() => [c("div", {
-				id: l.id,
-				"data-element-name": l.name ?? void 0,
-				"data-readonly": l.readonly || void 0,
-				"data-disabled": l.disabled || void 0,
-				class: d([
-					"overflow-hidden rounded-md border",
-					l.errors.length ? "border-destructive" : "border-input",
-					k.value ? "" : "pointer-events-none opacity-70"
-				]),
-				"data-testid": "map-picker-container"
-			}, [c("div", {
-				ref_key: "mapEl",
-				ref: T,
-				style: f(j.value),
-				"data-testid": "map-picker-map"
-			}, null, 4)], 10, S), A.value ? (h(), s("p", C, _(A.value), 1)) : o("", !0)]),
-			_: 1
-		}, 8, [
-			"label",
-			"required",
-			"hide-label",
-			"for",
-			"help-text",
-			"errors"
-		]));
-	}
-});
-//#endregion
-export { w as default };
-
-//# sourceMappingURL=MapPicker.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/compositions/elements/picker/MapPicker.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MapPicker.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../../../src/components/compositions/elements/picker/MapPicker.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, onMounted, onUnmounted, shallowRef, watch } from \"vue\"\nimport type { LeafletMouseEvent, Map as LeafletMap, Marker } from \"leaflet\"\nimport { FieldFrame } from \"@/components/ui/field-frame\"\nimport \"leaflet/dist/leaflet.css\"\nimport markerIconUrl from \"leaflet/dist/images/marker-icon.png\"\nimport markerIcon2xUrl from \"leaflet/dist/images/marker-icon-2x.png\"\nimport markerShadowUrl from \"leaflet/dist/images/marker-shadow.png\"\n\n/**\n * Props-driven map picker. Renders a Leaflet map inside a FieldFrame.\n * Clicking the map drops a pin and emits the {lat, lng} pair via\n * `update:modelValue`.\n *\n * Leaflet is imported dynamically inside `onMounted` so it never runs\n * its initialisation code during SSR or module evaluation — avoiding\n * the `L.Icon.Default` crash that plagues wrapper packages in Vite.\n */\n\nexport interface LatLng {\n  lat: number\n  lng: number\n}\n\nexport interface MapPickerProps {\n  modelValue?: LatLng | null\n  id?: string\n  name?: string\n  label?: string\n  hideLabel?: boolean\n  required?: boolean\n  readonly?: boolean\n  disabled?: boolean\n  helpText?: string\n  errors?: string[]\n  /** Centre used when `modelValue` is empty. Defaults to London. */\n  defaultCenter?: LatLng\n  /** Initial zoom level. */\n  defaultZoom?: number\n  /** CSS height applied to the map container. */\n  height?: string\n  /** Tile server URL template. Defaults to OpenStreetMap. */\n  tileUrl?: string\n  /** Tile attribution string rendered by Leaflet. */\n  tileAttribution?: string\n}\n\nconst props = withDefaults(defineProps<MapPickerProps>(), {\n  errors: () => [],\n  defaultCenter: () => ({ lat: 51.505, lng: -0.09 }),\n  defaultZoom: 13,\n  height: \"24rem\",\n  tileUrl: \"https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png\",\n  tileAttribution:\n    '&copy; <a href=\"https://www.openstreetmap.org/copyright\">OpenStreetMap</a>',\n})\n\nconst model = defineModel<LatLng | null>(\"modelValue\")\n\nconst mapEl = shallowRef<HTMLDivElement>()\nconst leafletMap = shallowRef<LeafletMap | null>(null)\nconst leafletMarker = shallowRef<Marker | null>(null)\n\n// Non-reactive Leaflet library reference populated after mount.\nlet L: typeof import(\"leaflet\") | null = null\n\nconst isInteractive = computed(() => !props.disabled && !props.readonly)\n\nconst formattedLatLng = computed<string>(() => {\n  if (!model.value) return \"\"\n  const { lat, lng } = model.value\n  return `${lat.toFixed(4)}, ${lng.toFixed(4)}`\n})\n\nconst containerStyle = computed<Record<string, string>>(() => ({\n  height: props.height,\n  width: \"100%\",\n}))\n\n// Sync external modelValue changes into the live map marker.\nwatch(\n  () => model.value,\n  (val) => {\n    if (!L || !leafletMap.value) return\n    if (!val) {\n      leafletMarker.value?.remove()\n      leafletMarker.value = null\n      return\n    }\n    const pos: [number, number] = [val.lat, val.lng]\n    if (leafletMarker.value) {\n      leafletMarker.value.setLatLng(pos)\n    } else {\n      leafletMarker.value = L.marker(pos).addTo(leafletMap.value)\n    }\n  },\n)\n\nonMounted(async () => {\n  if (!mapEl.value) return\n  try {\n    const mod = await import(\"leaflet\")\n    L = (mod.default ?? mod) as typeof import(\"leaflet\")\n\n    // Vite hashes asset filenames; patch the default icon so the marker\n    // renders correctly in both dev and production builds.\n    delete (L.Icon.Default.prototype as unknown as Record<string, unknown>)._getIconUrl\n    L.Icon.Default.mergeOptions({\n      iconUrl: markerIconUrl,\n      iconRetinaUrl: markerIcon2xUrl,\n      shadowUrl: markerShadowUrl,\n    })\n\n    const center = model.value ?? props.defaultCenter\n    const map = L.map(mapEl.value, {\n      center: [center.lat, center.lng],\n      zoom: props.defaultZoom,\n    })\n\n    L.tileLayer(props.tileUrl, {\n      attribution: props.tileAttribution,\n    }).addTo(map)\n\n    if (model.value) {\n      leafletMarker.value = L.marker([model.value.lat, model.value.lng]).addTo(map)\n    }\n\n    map.on(\"click\", (e: LeafletMouseEvent) => {\n      if (!isInteractive.value) return\n      const { lat, lng } = e.latlng\n      model.value = { lat, lng }\n      const pos: [number, number] = [lat, lng]\n      if (leafletMarker.value) {\n        leafletMarker.value.setLatLng(pos)\n      } else {\n        leafletMarker.value = L!.marker(pos).addTo(map)\n      }\n    })\n\n    leafletMap.value = map\n  } catch {\n    // Leaflet unavailable in this environment.\n  }\n})\n\nonUnmounted(() => {\n  leafletMap.value?.remove()\n  leafletMap.value = null\n  leafletMarker.value = null\n  L = null\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    <div\n      :id=\"id\"\n      :data-element-name=\"name ?? undefined\"\n      :data-readonly=\"readonly || undefined\"\n      :data-disabled=\"disabled || undefined\"\n      :class=\"[\n        'overflow-hidden rounded-md border',\n        errors.length ? 'border-destructive' : 'border-input',\n        !isInteractive ? 'pointer-events-none opacity-70' : '',\n      ]\"\n      data-testid=\"map-picker-container\"\n    >\n      <div ref=\"mapEl\" :style=\"containerStyle\" data-testid=\"map-picker-map\" />\n    </div>\n    <p\n      v-if=\"formattedLatLng\"\n      class=\"text-xs text-muted-foreground\"\n      data-testid=\"map-picker-latlng\"\n    >\n      {{ formattedLatLng }}\n    </p>\n  </FieldFrame>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+CA,IAAM,IAAQ,GAUR,IAAQ,EAA0B,GAAC,YAAY,GAE/C,IAAQ,EAA2B,GACnC,IAAa,EAA8B,IAAI,GAC/C,IAAgB,EAA0B,IAAI,GAGhD,IAAqC,MAEnC,IAAgB,QAAe,CAAC,EAAM,YAAY,CAAC,EAAM,QAAQ,GAEjE,IAAkB,QAAuB;GAC7C,IAAI,CAAC,EAAM,OAAO,OAAO;GACzB,IAAM,EAAE,QAAK,WAAQ,EAAM;GAC3B,OAAO,GAAG,EAAI,QAAQ,CAAC,EAAE,IAAI,EAAI,QAAQ,CAAC;EAC5C,CAAC,GAEK,IAAiB,SAAwC;GAC7D,QAAQ,EAAM;GACd,OAAO;EACT,EAAE;SAGF,QACQ,EAAM,QACX,MAAQ;GACP,IAAI,CAAC,KAAK,CAAC,EAAW,OAAO;GAC7B,IAAI,CAAC,GAAK;IAER,AADA,EAAc,OAAO,OAAO,GAC5B,EAAc,QAAQ;IACtB;GACF;GACA,IAAM,IAAwB,CAAC,EAAI,KAAK,EAAI,GAAG;GAC/C,AAAI,EAAc,QAChB,EAAc,MAAM,UAAU,CAAG,IAEjC,EAAc,QAAQ,EAAE,OAAO,CAAG,EAAE,MAAM,EAAW,KAAK;EAE9D,CACF,GAEA,EAAU,YAAY;GACf,MAAM,OACX,IAAI;IACF,IAAM,IAAM,MAAM,OAAO;IAMzB,AALA,IAAK,EAAI,WAAW,GAIpB,OAAQ,EAAE,KAAK,QAAQ,UAAiD,aACxE,EAAE,KAAK,QAAQ,aAAa;KAC1B,SAAS;KACT,eAAe;KACf,WAAW;IACb,CAAC;IAED,IAAM,IAAS,EAAM,SAAS,EAAM,eAC9B,IAAM,EAAE,IAAI,EAAM,OAAO;KAC7B,QAAQ,CAAC,EAAO,KAAK,EAAO,GAAG;KAC/B,MAAM,EAAM;IACd,CAAC;IAsBD,AApBA,EAAE,UAAU,EAAM,SAAS,EACzB,aAAa,EAAM,gBACrB,CAAC,EAAE,MAAM,CAAG,GAER,EAAM,UACR,EAAc,QAAQ,EAAE,OAAO,CAAC,EAAM,MAAM,KAAK,EAAM,MAAM,GAAG,CAAC,EAAE,MAAM,CAAG,IAG9E,EAAI,GAAG,UAAU,MAAyB;KACxC,IAAI,CAAC,EAAc,OAAO;KAC1B,IAAM,EAAE,QAAK,WAAQ,EAAE;KACvB,EAAM,QAAQ;MAAE;MAAK;KAAI;KACzB,IAAM,IAAwB,CAAC,GAAK,CAAG;KACvC,AAAI,EAAc,QAChB,EAAc,MAAM,UAAU,CAAG,IAEjC,EAAc,QAAQ,EAAG,OAAO,CAAG,EAAE,MAAM,CAAG;IAElD,CAAC,GAED,EAAW,QAAQ;GACrB,QAAQ,CAER;EACF,CAAC,GAED,QAAkB;GAIhB,AAHA,EAAW,OAAO,OAAO,GACzB,EAAW,QAAQ,MACnB,EAAc,QAAQ,MACtB,IAAI;EACN,CAAC,mBAIC,EA6Ba,EAAA,CAAA,GAAA;GA5BV,OAAO,EAAA;GACP,UAAU,EAAA;GACV,cAAY,EAAA;GACZ,KAAK,EAAA;GACL,aAAW,EAAA;GACX,QAAQ,EAAA;;oBAeH,CAbN,EAaM,OAAA;IAZH,IAAI,EAAA;IACJ,qBAAmB,EAAA,QAAQ,KAAA;IAC3B,iBAAe,EAAA,YAAY,KAAA;IAC3B,iBAAe,EAAA,YAAY,KAAA;IAC3B,OAAK,EAAA;;KAAyD,EAAA,OAAO,SAAM,uBAAA;KAAmD,EAAA,QAAa,KAAA;;IAK5I,eAAY;OAEZ,EAAwE,OAAA;aAA/D;IAAJ,KAAI;IAAS,OAAK,EAAE,EAAA,KAAc;IAAE,eAAY;yBAG/C,EAAA,SAAA,EAAA,GADR,EAMI,KANJ,GAMI,EADC,EAAA,KAAe,GAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,CAAA"}

package/dist/components/compositions/elements/picker/TimePicker.js

@@ -1,7 +0,0 @@
-import e from "./TimePicker.vue_vue_type_script_setup_true_lang.js";
-//#region src/components/compositions/elements/picker/TimePicker.vue
-var t = e;
-//#endregion
-export { t as default };
-
-//# sourceMappingURL=TimePicker.js.map