@ecsplico/editor 0.0.0-stage → 1.0.0

package/dist/vue/kit/primevue/Button.js

@@ -0,0 +1,112 @@
+import { severityOf, sizeOf } from "./shared.js";
+import _sfc_main$1 from "./Icon.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, defineComponent, mergeProps, openBlock, ref, renderSlot, toDisplayString, unref, useAttrs, useSlots, withCtx } from "vue";
+import PButton from "primevue/button";
+//#region src/vue/kit/primevue/Button.vue
+const _hoisted_1 = {
+	key: 1,
+	class: "p-button-label"
+};
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	inheritAttrs: false,
+	__name: "Button",
+	props: {
+		label: {},
+		icon: {},
+		trailingIcon: {},
+		color: {},
+		variant: {},
+		size: {},
+		active: { type: Boolean },
+		activeColor: {},
+		activeVariant: {},
+		disabled: { type: Boolean },
+		loading: { type: Boolean },
+		loadingAuto: { type: Boolean },
+		href: {},
+		target: {},
+		type: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const attrs = useAttrs();
+		const slots = useSlots();
+		const rest = computed(() => {
+			const { onClick: _onClick, ...others } = attrs;
+			return others;
+		});
+		const color = computed(() => props.active ? props.activeColor ?? props.color : props.color);
+		const variant = computed(() => props.active ? props.activeVariant ?? props.variant : props.variant);
+		const iconOnly = computed(() => !props.label && !slots.default && !!(props.icon || props.trailingIcon));
+		/** `solid` is Prime's filled button, `outline`/`subtle` its outlined one, `soft`/`ghost` its text one (the tint comes from `sk-soft`). */
+		const primeVariant = computed(() => {
+			switch (variant.value) {
+				case "outline":
+				case "subtle": return "outlined";
+				case "soft":
+				case "ghost": return "text";
+				case "link": return "link";
+				default: return;
+			}
+		});
+		const pending = ref(false);
+		/** Runs the host's click handlers; with `loadingAuto` the button shows its loading state while one of them is a pending promise. */
+		function onClick(event) {
+			const results = [].concat(attrs.onClick ?? []).map((handler) => handler(event));
+			if (!props.loadingAuto) return;
+			const promises = results.filter((result) => result instanceof Promise);
+			if (!promises.length) return;
+			pending.value = true;
+			Promise.allSettled(promises).finally(() => {
+				pending.value = false;
+			});
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(PButton), mergeProps(rest.value, {
+				as: __props.href ? "a" : "button",
+				href: __props.href,
+				target: __props.target,
+				type: __props.href ? void 0 : __props.type ?? "button",
+				severity: unref(severityOf)(color.value),
+				variant: primeVariant.value,
+				size: unref(sizeOf)(__props.size),
+				disabled: __props.disabled || __props.loading || pending.value,
+				loading: __props.loading || pending.value,
+				class: [
+					iconOnly.value && "sk-icon-only",
+					(variant.value === "soft" || variant.value === "subtle") && "sk-tinted",
+					__props.active && "sk-active"
+				],
+				onClick
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, () => [
+					__props.icon && !__props.loading && !pending.value ? (openBlock(), createBlock(_sfc_main$1, {
+						key: 0,
+						name: __props.icon
+					}, null, 8, ["name"])) : createCommentVNode("v-if", true),
+					__props.label ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(__props.label), 1)) : createCommentVNode("v-if", true),
+					__props.trailingIcon ? (openBlock(), createBlock(_sfc_main$1, {
+						key: 2,
+						name: __props.trailingIcon
+					}, null, 8, ["name"])) : createCommentVNode("v-if", true)
+				])]),
+				_: 3
+			}, 16, [
+				"as",
+				"href",
+				"target",
+				"type",
+				"severity",
+				"variant",
+				"size",
+				"disabled",
+				"loading",
+				"class"
+			]);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=Button.js.map

package/dist/vue/kit/primevue/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","names":["_openBlock","_createBlock","_unref","_mergeProps","_withCtx","_renderSlot","Icon","_createCommentVNode","_createElementBlock","_toDisplayString"],"sources":["../../../../src/vue/kit/primevue/Button.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport PButton from 'primevue/button'\nimport { computed, ref, useAttrs, useSlots } from 'vue'\nimport type { ButtonProps } from '../types'\nimport Icon from './Icon.vue'\nimport { severityOf, sizeOf } from './shared'\n\ndefineOptions({ inheritAttrs: false })\nconst props = defineProps<ButtonProps>()\nconst attrs = useAttrs()\nconst slots = useSlots()\n\nconst rest = computed(() => {\n  const { onClick: _onClick, ...others } = attrs\n  return others\n})\n\nconst color = computed(() => (props.active ? props.activeColor ?? props.color : props.color))\nconst variant = computed(() => (props.active ? props.activeVariant ?? props.variant : props.variant))\nconst iconOnly = computed(() => !props.label && !slots.default && !!(props.icon || props.trailingIcon))\n\n/** `solid` is Prime's filled button, `outline`/`subtle` its outlined one, `soft`/`ghost` its text one (the tint comes from `sk-soft`). */\nconst primeVariant = computed(() => {\n  switch (variant.value) {\n    case 'outline': case 'subtle': return 'outlined'\n    case 'soft': case 'ghost': return 'text'\n    case 'link': return 'link'\n    default: return undefined\n  }\n})\n\nconst pending = ref(false)\n/** Runs the host's click handlers; with `loadingAuto` the button shows its loading state while one of them is a pending promise. */\nfunction onClick(event: MouseEvent) {\n  const handlers = ([] as unknown[]).concat(attrs.onClick ?? []) as ((event: MouseEvent) => unknown)[]\n  const results = handlers.map(handler => handler(event))\n  if (!props.loadingAuto) return\n  const promises = results.filter((result): result is Promise<unknown> => result instanceof Promise)\n  if (!promises.length) return\n  pending.value = true\n  void Promise.allSettled(promises).finally(() => { pending.value = false })\n}\n</script>\n\n<template>\n  <PButton\n    v-bind=\"rest\"\n    :as=\"href ? 'a' : 'button'\"\n    :href=\"href\"\n    :target=\"target\"\n    :type=\"href ? undefined : (type ?? 'button')\"\n    :severity=\"severityOf(color)\"\n    :variant=\"primeVariant\"\n    :size=\"sizeOf(size)\"\n    :disabled=\"disabled || loading || pending\"\n    :loading=\"loading || pending\"\n    :class=\"[\n      iconOnly && 'sk-icon-only',\n      (variant === 'soft' || variant === 'subtle') && 'sk-tinted',\n      active && 'sk-active',\n    ]\"\n    @click=\"onClick\"\n  >\n    <slot>\n      <Icon v-if=\"icon && !loading && !pending\" :name=\"icon\" />\n      <span v-if=\"label\" class=\"p-button-label\">{{ label }}</span>\n      <Icon v-if=\"trailingIcon\" :name=\"trailingIcon\" />\n    </slot>\n  </PButton>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAQA,MAAM,QAAQ;EACd,MAAM,QAAQ,SAAS;EACvB,MAAM,QAAQ,SAAS;EAEvB,MAAM,OAAO,eAAe;GAC1B,MAAM,EAAE,SAAS,UAAU,GAAG,WAAW;GACzC,OAAO;EACT,CAAC;EAED,MAAM,QAAQ,eAAgB,MAAM,SAAS,MAAM,eAAe,MAAM,QAAQ,MAAM,KAAM;EAC5F,MAAM,UAAU,eAAgB,MAAM,SAAS,MAAM,iBAAiB,MAAM,UAAU,MAAM,OAAQ;EACpG,MAAM,WAAW,eAAe,CAAC,MAAM,SAAS,CAAC,MAAM,WAAW,CAAC,EAAE,MAAM,QAAQ,MAAM,aAAa;;EAGtG,MAAM,eAAe,eAAe;GAClC,QAAQ,QAAQ,OAAhB;IACE,KAAK;IAAW,KAAK,UAAU,OAAO;IACtC,KAAK;IAAQ,KAAK,SAAS,OAAO;IAClC,KAAK,QAAQ,OAAO;IACpB,SAAS;GACX;EACF,CAAC;EAED,MAAM,UAAU,IAAI,KAAK;;EAEzB,SAAS,QAAQ,OAAmB;GAElC,MAAM,UADY,CAAC,CAAC,CAAe,OAAO,MAAM,WAAW,CAAC,CAC5C,CAAA,CAAS,KAAI,YAAW,QAAQ,KAAK,CAAC;GACtD,IAAI,CAAC,MAAM,aAAa;GACxB,MAAM,WAAW,QAAQ,QAAQ,WAAuC,kBAAkB,OAAO;GACjG,IAAI,CAAC,SAAS,QAAQ;GACtB,QAAQ,QAAQ;GAChB,QAAa,WAAW,QAAQ,CAAC,CAAC,cAAc;IAAE,QAAQ,QAAQ;GAAM,CAAC;EAC3E;;GAIE,OAAAA,UAAA,GAAAC,YAuBUC,MAAA,OAAA,GAvBVC,WACU,KAsBA,OAtBI;IACX,IAAI,QAAA,OAAI,MAAA;IACR,MAAM,QAAA;IACN,QAAQ,QAAA;IACR,MAAM,QAAA,OAAO,KAAA,IAAa,QAAA,QAAI;IAC9B,UAAUD,MAAA,UAAA,CAAU,CAAC,MAAA,KAAK;IAC1B,SAAS,aAAA;IACT,MAAMA,MAAA,MAAA,CAAM,CAAC,QAAA,IAAI;IACjB,UAAU,QAAA,YAAY,QAAA,WAAW,QAAA;IACjC,SAAS,QAAA,WAAW,QAAA;IACpB,OAAK;KAAU,SAAA,SAAQ;MAA2B,QAAA,UAAO,UAAe,QAAA,UAAO,aAAA;KAAqC,QAAA,UAAM;;IAKnH;;IAER,SAAAE,cAIO,CAJPC,WAIO,KAAA,QAAA,WAAA,CAAA,SAAA;KAHO,QAAA,QAAI,CAAK,QAAA,WAAO,CAAK,QAAA,SAAjCL,UAAA,GAAAC,YAAyDK,aAAA;;MAAd,MAAM,QAAA;;KACrC,QAAA,SAAZN,UAAA,GAAAQ,mBAA4D,QAA5D,YAA4DC,gBAAf,QAAA,KAAK,GAAA,CAAA,KAAAF,mBAAA,QAAA,IAAA;KACtC,QAAA,gBAAZP,UAAA,GAAAC,YAAiDK,aAAA;;MAAtB,MAAM,QAAA"}

package/dist/vue/kit/primevue/Chip.js

@@ -0,0 +1,38 @@
+import { severityOf } from "./shared.js";
+import { createBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+import OverlayBadge from "primevue/overlaybadge";
+//#region src/vue/kit/primevue/Chip.vue
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	__name: "Chip",
+	props: {
+		show: { type: Boolean },
+		text: {},
+		color: {},
+		size: {}
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return __props.show !== false ? (openBlock(), createBlock(unref(OverlayBadge), {
+				key: 0,
+				value: __props.text,
+				severity: unref(severityOf)(__props.color) ?? "danger",
+				class: normalizeClass(__props.size && [
+					"3xl",
+					"2xl",
+					"xl"
+				].includes(__props.size) ? "sk-chip-large" : void 0)
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, [
+				"value",
+				"severity",
+				"class"
+			])) : renderSlot(_ctx.$slots, "default", {}, void 0, void 0, 1);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=Chip.js.map

package/dist/vue/kit/primevue/Chip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.js","names":["_openBlock","_createBlock","_unref","_normalizeClass","_withCtx","_renderSlot"],"sources":["../../../../src/vue/kit/primevue/Chip.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport OverlayBadge from 'primevue/overlaybadge'\nimport type { ChipProps } from '../types'\nimport { severityOf } from './shared'\n\ndefineProps<ChipProps>()\n</script>\n\n<template>\n  <OverlayBadge v-if=\"show !== false\" :value=\"text\" :severity=\"severityOf(color) ?? 'danger'\" :class=\"size && ['3xl', '2xl', 'xl'].includes(size) ? 'sk-chip-large' : undefined\">\n    <slot />\n  </OverlayBadge>\n  <slot v-else />\n</template>\n"],"mappings":";;;;;;;;;;;;;;GASsB,OAAA,QAAA,SAAI,SAAxBA,UAAA,GAAAC,YAEeC,MAAA,YAAA,GAAA;;IAFsB,OAAO,QAAA;IAAO,UAAUA,MAAA,UAAA,CAAU,CAAC,QAAA,KAAK,KAAA;IAAgB,OAAKC,eAAE,QAAA,QAAI;KAAA;KAAA;KAAA;IAAA,CAAA,CAAyB,SAAS,QAAA,IAAI,IAAA,kBAAsB,KAAA,CAAS;;IAC3K,SAAAC,cAAQ,CAARC,WAAQ,KAAA,QAAA,SAAA,CAAA,CAAA;;;;;;GAEV,CAAA,KAAAA,WAAe,KAAA,QAAA,WAAA,CAAA,GAAA,KAAA,GAAA,KAAA,GAAA,CAAA"}

package/dist/vue/kit/primevue/DropdownMenu.js

@@ -0,0 +1,98 @@
+import { kbdText } from "./shared.js";
+import _sfc_main from "./Icon.js";
+import { decorate, triggerNodes } from "./trigger.js";
+import { defineComponent, h, ref } from "vue";
+import Menu from "primevue/menu";
+//#region src/vue/kit/primevue/DropdownMenu.ts
+/** A `DropdownItem` as a PrimeVue menu item; the row itself is drawn by the `item` slot below. */
+function modelOf(items) {
+	const groups = Array.isArray(items[0]) ? items : [items];
+	const model = [];
+	groups.forEach((group, index) => {
+		if (index > 0 && group.length) model.push({ separator: true });
+		for (const item of group) {
+			if (item.type === "separator") {
+				model.push({ separator: true });
+				continue;
+			}
+			model.push({
+				label: item.label ?? "",
+				disabled: item.type === "label" || item.disabled,
+				data: item,
+				command: ({ originalEvent }) => {
+					if (item.type === "checkbox") item.onUpdateChecked?.(!item.checked);
+					item.onSelect?.(originalEvent);
+				}
+			});
+		}
+	});
+	return model;
+}
+/**
+* PrimeVue has no dropdown menu: the trigger is the default slot (marked `data-state="open|closed"`), the panel a popup
+* `Menu`. Limits: Prime opens below the trigger (`content.side/align/sideOffset` are ignored) and always closes on
+* activation (`preventDefault()` in `onSelect` does not keep it open).
+*/
+var DropdownMenu_default = defineComponent({
+	name: "KitDropdownMenu",
+	inheritAttrs: false,
+	props: {
+		items: {
+			type: Array,
+			required: true
+		},
+		content: {
+			type: Object,
+			default: void 0
+		},
+		ui: {
+			type: Object,
+			default: void 0
+		},
+		open: {
+			type: Boolean,
+			default: void 0
+		}
+	},
+	emits: ["update:open"],
+	setup(props, { slots, emit }) {
+		const menu = ref(null);
+		const isOpen = ref(false);
+		const set = (open) => {
+			isOpen.value = open;
+			emit("update:open", open);
+		};
+		return () => [decorate(triggerNodes(slots.default?.()), {
+			"data-state": isOpen.value ? "open" : "closed",
+			"aria-haspopup": "menu",
+			"aria-expanded": isOpen.value,
+			"onClick": (event) => menu.value?.toggle(event)
+		}), h(Menu, {
+			ref: menu,
+			popup: true,
+			model: modelOf(props.items),
+			class: props.ui?.content,
+			onShow: () => set(true),
+			onHide: () => set(false)
+		}, { item: ({ item, props: slot }) => {
+			const entry = item.data;
+			if (entry.type === "label") return h("div", { class: "sk-menu-label" }, entry.label);
+			return h("a", {
+				...slot.action,
+				class: [
+					slot.action.class,
+					"sk-menu-row",
+					entry.color === "error" && "sk-menu-danger"
+				]
+			}, [
+				entry.icon ? h(_sfc_main, { name: entry.icon }) : entry.type === "checkbox" ? h("span", { class: "sk-menu-check" }, entry.checked ? [h(_sfc_main, { name: "i-lucide-check" })] : []) : null,
+				h("span", { class: "sk-menu-text" }, [h("span", entry.label), entry.description ? h("span", { class: "sk-menu-description" }, entry.description) : null]),
+				entry.kbds?.length ? h("span", { class: "sk-menu-kbds" }, kbdText(entry.kbds)) : null
+			]);
+		} })];
+	}
+});
+//#endregion
+export { DropdownMenu_default as default };
+
+//# sourceMappingURL=DropdownMenu.js.map

package/dist/vue/kit/primevue/DropdownMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenu.js","names":["Icon"],"sources":["../../../../src/vue/kit/primevue/DropdownMenu.ts"],"sourcesContent":["import Menu from 'primevue/menu'\nimport type { MenuItem } from 'primevue/menuitem'\nimport { defineComponent, h, ref } from 'vue'\nimport type { PropType } from 'vue'\nimport type { DropdownItem, DropdownItems, KitOverlayContent, KitOverlayUi } from '../types'\nimport Icon from './Icon.vue'\nimport { kbdText } from './shared'\nimport { decorate, triggerNodes } from './trigger'\n\n/** A `DropdownItem` as a PrimeVue menu item; the row itself is drawn by the `item` slot below. */\nfunction modelOf(items: DropdownItems): MenuItem[] {\n  const groups: DropdownItem[][] = Array.isArray(items[0]) ? (items as DropdownItem[][]) : [items as DropdownItem[]]\n  const model: MenuItem[] = []\n  groups.forEach((group, index) => {\n    if (index > 0 && group.length) model.push({ separator: true })\n    for (const item of group) {\n      if (item.type === 'separator') {\n        model.push({ separator: true })\n        continue\n      }\n      model.push({\n        label: item.label ?? '',\n        disabled: item.type === 'label' || item.disabled,\n        data: item,\n        command: ({ originalEvent }) => {\n          if (item.type === 'checkbox') item.onUpdateChecked?.(!item.checked)\n          item.onSelect?.(originalEvent)\n        },\n      })\n    }\n  })\n  return model\n}\n\n/**\n * PrimeVue has no dropdown menu: the trigger is the default slot (marked `data-state=\"open|closed\"`), the panel a popup\n * `Menu`. Limits: Prime opens below the trigger (`content.side/align/sideOffset` are ignored) and always closes on\n * activation (`preventDefault()` in `onSelect` does not keep it open).\n */\nexport default defineComponent({\n  name: 'KitDropdownMenu',\n  inheritAttrs: false,\n  props: {\n    items: { type: Array as PropType<DropdownItems>, required: true },\n    content: { type: Object as PropType<KitOverlayContent>, default: undefined },\n    ui: { type: Object as PropType<KitOverlayUi>, default: undefined },\n    open: { type: Boolean, default: undefined },\n  },\n  emits: ['update:open'],\n  setup(props, { slots, emit }) {\n    const menu = ref<InstanceType<typeof Menu> | null>(null)\n    const isOpen = ref(false)\n    const set = (open: boolean) => {\n      isOpen.value = open\n      emit('update:open', open)\n    }\n    return () => [\n      decorate(triggerNodes(slots.default?.()), {\n        'data-state': isOpen.value ? 'open' : 'closed',\n        'aria-haspopup': 'menu',\n        'aria-expanded': isOpen.value,\n        'onClick': (event: Event) => menu.value?.toggle(event),\n      }),\n      h(Menu, { ref: menu, popup: true, model: modelOf(props.items), class: props.ui?.content, onShow: () => set(true), onHide: () => set(false) }, {\n        item: ({ item, props: slot }: { item: MenuItem, props: { action: Record<string, unknown> } }) => {\n          const entry = item.data as DropdownItem\n          if (entry.type === 'label') return h('div', { class: 'sk-menu-label' }, entry.label)\n          return h('a', { ...slot.action, class: [slot.action.class, 'sk-menu-row', entry.color === 'error' && 'sk-menu-danger'] }, [\n            entry.icon ? h(Icon, { name: entry.icon }) : entry.type === 'checkbox' ? h('span', { class: 'sk-menu-check' }, entry.checked ? [h(Icon, { name: 'i-lucide-check' })] : []) : null,\n            h('span', { class: 'sk-menu-text' }, [h('span', entry.label), entry.description ? h('span', { class: 'sk-menu-description' }, entry.description) : null]),\n            entry.kbds?.length ? h('span', { class: 'sk-menu-kbds' }, kbdText(entry.kbds)) : null,\n          ])\n        },\n      }),\n    ]\n  },\n})\n"],"mappings":";;;;;;;AAUA,SAAS,QAAQ,OAAkC;CACjD,MAAM,SAA2B,MAAM,QAAQ,MAAM,EAAE,IAAK,QAA6B,CAAC,KAAuB;CACjH,MAAM,QAAoB,CAAC;CAC3B,OAAO,SAAS,OAAO,UAAU;EAC/B,IAAI,QAAQ,KAAK,MAAM,QAAQ,MAAM,KAAK,EAAE,WAAW,KAAK,CAAC;EAC7D,KAAK,MAAM,QAAQ,OAAO;GACxB,IAAI,KAAK,SAAS,aAAa;IAC7B,MAAM,KAAK,EAAE,WAAW,KAAK,CAAC;IAC9B;GACF;GACA,MAAM,KAAK;IACT,OAAO,KAAK,SAAS;IACrB,UAAU,KAAK,SAAS,WAAW,KAAK;IACxC,MAAM;IACN,UAAU,EAAE,oBAAoB;KAC9B,IAAI,KAAK,SAAS,YAAY,KAAK,kBAAkB,CAAC,KAAK,OAAO;KAClE,KAAK,WAAW,aAAa;IAC/B;GACF,CAAC;EACH;CACF,CAAC;CACD,OAAO;AACT;;;;;;AAOA,IAAA,uBAAe,gBAAgB;CAC7B,MAAM;CACN,cAAc;CACd,OAAO;EACL,OAAO;GAAE,MAAM;GAAkC,UAAU;EAAK;EAChE,SAAS;GAAE,MAAM;GAAuC,SAAS,KAAA;EAAU;EAC3E,IAAI;GAAE,MAAM;GAAkC,SAAS,KAAA;EAAU;EACjE,MAAM;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;CAC5C;CACA,OAAO,CAAC,aAAa;CACrB,MAAM,OAAO,EAAE,OAAO,QAAQ;EAC5B,MAAM,OAAO,IAAsC,IAAI;EACvD,MAAM,SAAS,IAAI,KAAK;EACxB,MAAM,OAAO,SAAkB;GAC7B,OAAO,QAAQ;GACf,KAAK,eAAe,IAAI;EAC1B;EACA,aAAa,CACX,SAAS,aAAa,MAAM,UAAU,CAAC,GAAG;GACxC,cAAc,OAAO,QAAQ,SAAS;GACtC,iBAAiB;GACjB,iBAAiB,OAAO;GACxB,YAAY,UAAiB,KAAK,OAAO,OAAO,KAAK;EACvD,CAAC,GACD,EAAE,MAAM;GAAE,KAAK;GAAM,OAAO;GAAM,OAAO,QAAQ,MAAM,KAAK;GAAG,OAAO,MAAM,IAAI;GAAS,cAAc,IAAI,IAAI;GAAG,cAAc,IAAI,KAAK;EAAE,GAAG,EAC5I,OAAO,EAAE,MAAM,OAAO,WAA2E;GAC/F,MAAM,QAAQ,KAAK;GACnB,IAAI,MAAM,SAAS,SAAS,OAAO,EAAE,OAAO,EAAE,OAAO,gBAAgB,GAAG,MAAM,KAAK;GACnF,OAAO,EAAE,KAAK;IAAE,GAAG,KAAK;IAAQ,OAAO;KAAC,KAAK,OAAO;KAAO;KAAe,MAAM,UAAU,WAAW;IAAgB;GAAE,GAAG;IACxH,MAAM,OAAO,EAAEA,WAAM,EAAE,MAAM,MAAM,KAAK,CAAC,IAAI,MAAM,SAAS,aAAa,EAAE,QAAQ,EAAE,OAAO,gBAAgB,GAAG,MAAM,UAAU,CAAC,EAAEA,WAAM,EAAE,MAAM,iBAAiB,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI;IAC7K,EAAE,QAAQ,EAAE,OAAO,eAAe,GAAG,CAAC,EAAE,QAAQ,MAAM,KAAK,GAAG,MAAM,cAAc,EAAE,QAAQ,EAAE,OAAO,sBAAsB,GAAG,MAAM,WAAW,IAAI,IAAI,CAAC;IACxJ,MAAM,MAAM,SAAS,EAAE,QAAQ,EAAE,OAAO,eAAe,GAAG,QAAQ,MAAM,IAAI,CAAC,IAAI;GACnF,CAAC;EACH,EACF,CAAC,CACH;CACF;AACF,CAAC"}

package/dist/vue/kit/primevue/FieldGroup.js

@@ -0,0 +1,22 @@
+import { createBlock, defineComponent, openBlock, renderSlot, unref, withCtx } from "vue";
+import InputGroup from "primevue/inputgroup";
+//#region src/vue/kit/primevue/FieldGroup.vue
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	__name: "FieldGroup",
+	props: { size: {} },
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(InputGroup), {
+				class: "sk-field-group",
+				"data-size": __props.size
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, ["data-size"]);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=FieldGroup.js.map

package/dist/vue/kit/primevue/FieldGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldGroup.js","names":["_openBlock","_createBlock","_unref","_withCtx","_renderSlot"],"sources":["../../../../src/vue/kit/primevue/FieldGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport InputGroup from 'primevue/inputgroup'\nimport type { FieldGroupProps } from '../types'\n\ndefineProps<FieldGroupProps>()\n</script>\n\n<template>\n  <InputGroup class=\"sk-field-group\" :data-size=\"size\">\n    <slot />\n  </InputGroup>\n</template>\n"],"mappings":";;;;;;;;GAQE,OAAAA,UAAA,GAAAC,YAEaC,MAAA,UAAA,GAAA;IAFD,OAAM;IAAkB,aAAW,QAAA;;IAC7C,SAAAC,cAAQ,CAARC,WAAQ,KAAA,QAAA,SAAA,CAAA,CAAA"}

package/dist/vue/kit/primevue/FormField.js

@@ -0,0 +1,56 @@
+import { createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, normalizeClass, openBlock, renderSlot, toDisplayString, unref, useId } from "vue";
+//#region src/vue/kit/primevue/FormField.vue
+const _hoisted_1 = ["aria-labelledby"];
+const _hoisted_2 = {
+	key: 0,
+	class: "sk-form-field-head"
+};
+const _hoisted_3 = ["id"];
+const _hoisted_4 = {
+	key: 0,
+	class: "sk-form-field-required",
+	"aria-hidden": "true"
+};
+const _hoisted_5 = {
+	key: 1,
+	class: "sk-form-field-description"
+};
+const _hoisted_6 = { class: "sk-form-field-control" };
+const _hoisted_7 = {
+	key: 1,
+	class: "sk-form-field-help"
+};
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	__name: "FormField",
+	props: {
+		label: {},
+		description: {},
+		help: {},
+		required: { type: Boolean },
+		orientation: {},
+		size: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const labelId = useId();
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass(["sk-form-field", props.orientation === "horizontal" ? "sk-form-field-row" : void 0]),
+				role: "group",
+				"aria-labelledby": __props.label ? unref(labelId) : void 0
+			}, [
+				__props.label || __props.description ? (openBlock(), createElementBlock("div", _hoisted_2, [__props.label ? (openBlock(), createElementBlock("span", {
+					key: 0,
+					id: unref(labelId),
+					class: "sk-form-field-label"
+				}, [createTextVNode(toDisplayString(__props.label), 1), __props.required ? (openBlock(), createElementBlock("span", _hoisted_4, " *")) : createCommentVNode("v-if", true)], 8, _hoisted_3)) : createCommentVNode("v-if", true), __props.description ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(__props.description), 1)) : createCommentVNode("v-if", true)])) : createCommentVNode("v-if", true),
+				createElementVNode("div", _hoisted_6, [renderSlot(_ctx.$slots, "default")]),
+				__props.help ? (openBlock(), createElementBlock("span", _hoisted_7, toDisplayString(__props.help), 1)) : createCommentVNode("v-if", true)
+			], 10, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=FormField.js.map

package/dist/vue/kit/primevue/FormField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormField.js","names":["_openBlock","_createElementBlock","_normalizeClass","_unref","_createTextVNode","_toDisplayString","_createCommentVNode","_createElementVNode","_renderSlot"],"sources":["../../../../src/vue/kit/primevue/FormField.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useId } from 'vue'\nimport type { FormFieldProps } from '../types'\n\nconst props = defineProps<FormFieldProps>()\nconst labelId = useId()\n</script>\n\n<template>\n  <div class=\"sk-form-field\" :class=\"props.orientation === 'horizontal' ? 'sk-form-field-row' : undefined\" role=\"group\" :aria-labelledby=\"label ? labelId : undefined\">\n    <div v-if=\"label || description\" class=\"sk-form-field-head\">\n      <span v-if=\"label\" :id=\"labelId\" class=\"sk-form-field-label\">{{ label }}<span v-if=\"required\" class=\"sk-form-field-required\" aria-hidden=\"true\"> *</span></span>\n      <span v-if=\"description\" class=\"sk-form-field-description\">{{ description }}</span>\n    </div>\n    <div class=\"sk-form-field-control\">\n      <slot />\n    </div>\n    <span v-if=\"help\" class=\"sk-form-field-help\">{{ help }}</span>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAIA,MAAM,QAAQ;EACd,MAAM,UAAU,MAAM;;GAIpB,OAAAA,UAAA,GAAAC,mBASM,OAAA;IATD,OAAKC,eAAA,CAAC,iBAAwB,MAAM,gBAAW,eAAA,sBAA0C,KAAA,CAAS,CAAA;IAAE,MAAK;IAAS,mBAAiB,QAAA,QAAQC,MAAA,OAAA,IAAU,KAAA;;IAC7I,QAAA,SAAS,QAAA,eAApBH,UAAA,GAAAC,mBAGM,OAHN,YAGM,CAFQ,QAAA,SAAZD,UAAA,GAAAC,mBAAgK,QAAA;;KAA5I,IAAIE,MAAA,OAAA;KAAS,OAAM;IAAyB,GAAA,CAAAC,gBAAAC,gBAAA,QAAA,KAAK,GAAA,CAAA,GAAe,QAAA,YAAZL,UAAA,GAAAC,mBAAiF,QAAjF,YAAwE,IAAE,KAAAK,mBAAA,QAAA,IAAA,CAAA,GAAA,GAAA,UAAA,KAAAA,mBAAA,QAAA,IAAA,GACtI,QAAA,eAAZN,UAAA,GAAAC,mBAAmF,QAAnF,YAAmFI,gBAArB,QAAA,WAAW,GAAA,CAAA,KAAAC,mBAAA,QAAA,IAAA,CAAA,CAAA,KAAAA,mBAAA,QAAA,IAAA;IAE3EC,mBAEM,OAFN,YAEM,CADJC,WAAQ,KAAA,QAAA,SAAA,CAAA,CAAA;IAEE,QAAA,QAAZR,UAAA,GAAAC,mBAA8D,QAA9D,YAA8DI,gBAAd,QAAA,IAAI,GAAA,CAAA,KAAAC,mBAAA,QAAA,IAAA"}

package/dist/vue/kit/primevue/Icon.js

@@ -0,0 +1,23 @@
+import { iconifyName } from "./shared.js";
+import { computed, createBlock, defineComponent, openBlock, unref } from "vue";
+import { Icon } from "@iconify/vue";
+//#region src/vue/kit/primevue/Icon.vue
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	__name: "Icon",
+	props: { name: {} },
+	setup(__props) {
+		const props = __props;
+		const icon = computed(() => iconifyName(props.name));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Icon), {
+				icon: icon.value,
+				class: "shrink-0",
+				"aria-hidden": "true"
+			}, null, 8, ["icon"]);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=Icon.js.map

package/dist/vue/kit/primevue/Icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.js","names":["_openBlock","_createBlock","_unref","IconifyIcon"],"sources":["../../../../src/vue/kit/primevue/Icon.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { Icon as IconifyIcon } from '@iconify/vue'\nimport { computed } from 'vue'\nimport type { IconProps } from '../types'\nimport { iconifyName } from './shared'\n\n// Iconify's runtime loads icon data from the Iconify API unless the host registered the collection\n// (`addCollection` from `@iconify/vue`, e.g. from `@iconify-json/lucide`): offline apps do that once.\nconst props = defineProps<IconProps>()\nconst icon = computed(() => iconifyName(props.name))\n</script>\n\n<template>\n  <IconifyIcon :icon=\"icon\" class=\"shrink-0\" aria-hidden=\"true\" />\n</template>\n"],"mappings":";;;;;;;;EAQA,MAAM,QAAQ;EACd,MAAM,OAAO,eAAe,YAAY,MAAM,IAAI,CAAC;;GAIjD,OAAAA,UAAA,GAAAC,YAAgEC,MAAAC,IAAA,GAAA;IAAlD,MAAM,KAAA;IAAM,OAAM;IAAW,eAAY"}

package/dist/vue/kit/primevue/Input.js

@@ -0,0 +1,96 @@
+import { sizeOf } from "./shared.js";
+import _sfc_main$1 from "./Icon.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, mergeProps, normalizeClass, normalizeStyle, openBlock, renderSlot, unref, useTemplateRef } from "vue";
+import InputText from "primevue/inputtext";
+//#region src/vue/kit/primevue/Input.vue
+const _hoisted_1 = {
+	key: 1,
+	class: "sk-input-trailing"
+};
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	inheritAttrs: false,
+	__name: "Input",
+	props: {
+		modelValue: {},
+		type: {},
+		size: {},
+		color: {},
+		highlight: { type: Boolean },
+		icon: {},
+		placeholder: {},
+		disabled: { type: Boolean },
+		readonly: { type: Boolean },
+		maxlength: {},
+		autofocus: { type: Boolean },
+		autocomplete: {},
+		accept: {},
+		modelModifiers: {}
+	},
+	emits: ["update:modelValue"],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const input = useTemplateRef("input");
+		__expose({ inputRef: computed(() => input.value?.$el ?? null) });
+		function onInput(event) {
+			let value = event.target.value;
+			if (props.modelModifiers?.trim) value = value.trim();
+			if (props.modelModifiers?.number) {
+				const parsed = Number.parseFloat(value);
+				if (!Number.isNaN(parsed)) value = parsed;
+			}
+			emit("update:modelValue", value);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("span", {
+				class: normalizeClass(["sk-input", [_ctx.$attrs.class, __props.icon && "sk-input-icon"]]),
+				style: normalizeStyle(_ctx.$attrs.style)
+			}, [
+				__props.icon ? (openBlock(), createBlock(_sfc_main$1, {
+					key: 0,
+					name: __props.icon,
+					class: "sk-input-leading"
+				}, null, 8, ["name"])) : createCommentVNode("v-if", true),
+				createVNode(unref(InputText), mergeProps({
+					ref_key: "input",
+					ref: input
+				}, {
+					..._ctx.$attrs,
+					class: void 0,
+					style: void 0
+				}, {
+					"model-value": __props.modelValue === void 0 ? void 0 : String(__props.modelValue),
+					type: __props.type,
+					size: unref(sizeOf)(__props.size),
+					invalid: __props.color === "error" || __props.highlight,
+					placeholder: __props.placeholder,
+					disabled: __props.disabled,
+					readonly: __props.readonly,
+					maxlength: __props.maxlength === void 0 ? void 0 : Number(__props.maxlength),
+					autofocus: __props.autofocus,
+					autocomplete: __props.autocomplete,
+					accept: __props.accept,
+					fluid: "",
+					onInput
+				}), null, 16, [
+					"model-value",
+					"type",
+					"size",
+					"invalid",
+					"placeholder",
+					"disabled",
+					"readonly",
+					"maxlength",
+					"autofocus",
+					"autocomplete",
+					"accept"
+				]),
+				_ctx.$slots.trailing ? (openBlock(), createElementBlock("span", _hoisted_1, [renderSlot(_ctx.$slots, "trailing")])) : createCommentVNode("v-if", true)
+			], 6);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=Input.js.map

package/dist/vue/kit/primevue/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","names":["$attrs","$slots","_openBlock","_createElementBlock","_normalizeClass","_normalizeStyle","_createBlock","Icon","_createCommentVNode","_createVNode","_unref","_mergeProps","_renderSlot"],"sources":["../../../../src/vue/kit/primevue/Input.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport InputText from 'primevue/inputtext'\nimport { computed, useTemplateRef } from 'vue'\nimport type { InputProps } from '../types'\nimport Icon from './Icon.vue'\nimport { sizeOf } from './shared'\n\ndefineOptions({ inheritAttrs: false })\nconst props = defineProps<InputProps & { modelModifiers?: { number?: boolean, trim?: boolean } }>()\nconst emit = defineEmits<{ 'update:modelValue': [value: string | number] }>()\n\nconst input = useTemplateRef<{ $el: HTMLInputElement }>('input')\ndefineExpose({ inputRef: computed(() => input.value?.$el ?? null) })\n\nfunction onInput(event: Event) {\n  let value: string | number = (event.target as HTMLInputElement).value\n  if (props.modelModifiers?.trim) value = value.trim()\n  if (props.modelModifiers?.number) {\n    const parsed = Number.parseFloat(value)\n    if (!Number.isNaN(parsed)) value = parsed\n  }\n  emit('update:modelValue', value)\n}\n</script>\n\n<template>\n  <span class=\"sk-input\" :class=\"[$attrs.class, icon && 'sk-input-icon']\" :style=\"$attrs.style as never\">\n    <Icon v-if=\"icon\" :name=\"icon\" class=\"sk-input-leading\" />\n    <InputText\n      ref=\"input\"\n      v-bind=\"{ ...$attrs, class: undefined, style: undefined }\"\n      :model-value=\"modelValue === undefined ? undefined : String(modelValue)\"\n      :type=\"type\"\n      :size=\"sizeOf(size)\"\n      :invalid=\"color === 'error' || highlight\"\n      :placeholder=\"placeholder\"\n      :disabled=\"disabled\"\n      :readonly=\"readonly\"\n      :maxlength=\"maxlength === undefined ? undefined : Number(maxlength)\"\n      :autofocus=\"autofocus\"\n      :autocomplete=\"autocomplete\"\n      :accept=\"accept\"\n      fluid\n      @input=\"onInput\"\n    />\n    <span v-if=\"$slots.trailing\" class=\"sk-input-trailing\"><slot name=\"trailing\" /></span>\n  </span>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAQA,MAAM,QAAQ;EACd,MAAM,OAAO;EAEb,MAAM,QAAQ,eAA0C,OAAO;EAC/D,SAAa,EAAE,UAAU,eAAe,MAAM,OAAO,OAAO,IAAI,EAAE,CAAC;EAEnE,SAAS,QAAQ,OAAc;GAC7B,IAAI,QAA0B,MAAM,OAA4B;GAChE,IAAI,MAAM,gBAAgB,MAAM,QAAQ,MAAM,KAAK;GACnD,IAAI,MAAM,gBAAgB,QAAQ;IAChC,MAAM,SAAS,OAAO,WAAW,KAAK;IACtC,IAAI,CAAC,OAAO,MAAM,MAAM,GAAG,QAAQ;GACrC;GACA,KAAK,qBAAqB,KAAK;EACjC;;GAIE,OAAAE,UAAA,GAAAC,mBAoBO,QAAA;IApBD,OAAKC,eAAA,CAAC,YAAU,CAAUJ,KAAAA,OAAO,OAAO,QAAA,QAAI,eAAA,CAAA,CAAA;IAAuB,OAAKK,eAAEL,KAAAA,OAAO,KAAK;;IAC9E,QAAA,QAAZE,UAAA,GAAAI,YAA0DC,aAAA;;KAAvC,MAAM,QAAA;KAAM,OAAM;;IACrCE,YAgBEC,MAAA,SAAA,GAhBFC,WAgBE;KAfI,SAAA;KAAJ,KAAI;IACSX,GAAAA;KAAAA,GAAAA,KAAAA;KAAM,OAAS,KAAA;KAAS,OAAS,KAAA;IAAS,GAAA;KACtD,eAAa,QAAA,eAAe,KAAA,IAAY,KAAA,IAAY,OAAO,QAAA,UAAU;KACrE,MAAM,QAAA;KACN,MAAMU,MAAA,MAAA,CAAM,CAAC,QAAA,IAAI;KACjB,SAAS,QAAA,UAAK,WAAgB,QAAA;KAC9B,aAAa,QAAA;KACb,UAAU,QAAA;KACV,UAAU,QAAA;KACV,WAAW,QAAA,cAAc,KAAA,IAAY,KAAA,IAAY,OAAO,QAAA,SAAS;KACjE,WAAW,QAAA;KACX,cAAc,QAAA;KACd,QAAQ,QAAA;KACT,OAAA;KACQ;;;;;;;;;;;;;;IAEET,KAAAA,OAAO,YAAnBC,UAAA,GAAAC,mBAAsF,QAAtF,YAAsF,CAA/BS,WAAwB,KAAA,QAAA,UAAA,CAAA,CAAA,KAAAJ,mBAAA,QAAA,IAAA"}

package/dist/vue/kit/primevue/InputMenu.js

@@ -0,0 +1,122 @@
+import { useEditorI18n } from "../../use-editor-i18n.js";
+import { sizeOf } from "./shared.js";
+import { computed, createBlock, createElementBlock, createTextVNode, defineComponent, openBlock, ref, renderSlot, toDisplayString, unref, watch, withCtx } from "vue";
+import AutoComplete from "primevue/autocomplete";
+//#region src/vue/kit/primevue/InputMenu.vue
+const _hoisted_1 = { key: 1 };
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	__name: "InputMenu",
+	props: {
+		modelValue: {},
+		items: {},
+		multiple: { type: Boolean },
+		searchTerm: {},
+		ignoreFilter: { type: Boolean },
+		createItem: { type: [Boolean, Object] },
+		placeholder: {},
+		icon: {},
+		size: {},
+		disabled: { type: Boolean },
+		open: { type: Boolean }
+	},
+	emits: [
+		"update:modelValue",
+		"update:searchTerm",
+		"update:open",
+		"create"
+	],
+	setup(__props, { emit: __emit }) {
+		const { t } = useEditorI18n();
+		const props = __props;
+		const emit = __emit;
+		const term = ref(props.searchTerm ?? "");
+		watch(() => props.searchTerm, (value) => {
+			if (value !== void 0 && value !== term.value) term.value = value;
+		});
+		function optionOf(item) {
+			return typeof item === "string" ? {
+				label: item,
+				value: item
+			} : {
+				label: item.label,
+				value: item.value ?? item.label,
+				...item.disabled !== void 0 && { disabled: item.disabled }
+			};
+		}
+		const options = computed(() => (props.items ?? []).map(optionOf));
+		/** The suggestions: the items (filtered by the typed text unless the host searches) and, when asked for, a row that creates the typed text. */
+		const suggestions = computed(() => {
+			const text = term.value.trim();
+			const query = text.toLowerCase();
+			const list = props.ignoreFilter || !query ? options.value : options.value.filter((option) => option.label.toLowerCase().includes(query));
+			const create = props.createItem;
+			if (!create || !text) return list;
+			const exact = options.value.some((option) => option.label.toLowerCase() === query);
+			const when = create.when ?? "empty";
+			if (!(when === "always" ? true : when === "no-match" ? !exact : list.length === 0)) return list;
+			const row = {
+				label: text,
+				value: text,
+				create: true
+			};
+			return create.position === "top" ? [row, ...list] : [...list, row];
+		});
+		const selected = computed(() => {
+			const toOption = (value) => options.value.find((option) => option.value === value) ?? {
+				label: value,
+				value
+			};
+			if (props.multiple) return (props.modelValue ?? []).map(toOption);
+			return props.modelValue ? toOption(props.modelValue) : null;
+		});
+		function onModel(value) {
+			const picked = value == null ? [] : Array.isArray(value) ? value : [value];
+			const created = picked.find((option) => option.create);
+			if (created) {
+				emit("create", created.value);
+				term.value = "";
+				emit("update:searchTerm", "");
+			}
+			const values = picked.filter((option) => !option.create).map((option) => option.value);
+			emit("update:modelValue", props.multiple ? values : values[0] ?? "");
+		}
+		function onComplete(event) {
+			term.value = event.query;
+			emit("update:searchTerm", event.query);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(AutoComplete), {
+				"model-value": selected.value,
+				suggestions: suggestions.value,
+				"option-label": "label",
+				"option-disabled": "disabled",
+				multiple: __props.multiple,
+				placeholder: __props.placeholder,
+				size: unref(sizeOf)(__props.size),
+				disabled: __props.disabled,
+				delay: 0,
+				"min-length": 0,
+				"complete-on-focus": "",
+				fluid: "",
+				"onUpdate:modelValue": onModel,
+				onComplete,
+				onShow: _cache[0] || (_cache[0] = ($event) => emit("update:open", true)),
+				onHide: _cache[1] || (_cache[1] = ($event) => emit("update:open", false))
+			}, {
+				option: withCtx(({ option }) => [option.create ? renderSlot(_ctx.$slots, "create-item-label", { item: option.value }, () => [createTextVNode(toDisplayString(unref(t)("common.createItem", { value: option.value })), 1)], void 0, 0) : (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(option.label), 1))]),
+				_: 3
+			}, 8, [
+				"model-value",
+				"suggestions",
+				"multiple",
+				"placeholder",
+				"size",
+				"disabled"
+			]);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=InputMenu.js.map

package/dist/vue/kit/primevue/InputMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputMenu.js","names":["_openBlock","_createBlock","_unref","_withCtx","_renderSlot","_createTextVNode","_toDisplayString","_createElementBlock"],"sources":["../../../../src/vue/kit/primevue/InputMenu.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport AutoComplete from 'primevue/autocomplete'\nimport { computed, ref, watch } from 'vue'\nimport type { InputMenuItem, InputMenuProps } from '../types'\nimport { useEditorI18n } from '../../use-editor-i18n'\nimport { sizeOf } from './shared'\n\ninterface Option { label: string, value: string, create?: boolean, disabled?: boolean }\n\nconst { t } = useEditorI18n()\nconst props = defineProps<InputMenuProps>()\nconst emit = defineEmits<{\n  'update:modelValue': [value: string[] | string]\n  'update:searchTerm': [value: string]\n  'update:open': [open: boolean]\n  'create': [text: string]\n}>()\n\nconst term = ref(props.searchTerm ?? '')\nwatch(() => props.searchTerm, (value) => { if (value !== undefined && value !== term.value) term.value = value })\n\nfunction optionOf(item: InputMenuItem): Option {\n  return typeof item === 'string'\n    ? { label: item, value: item }\n    : { label: item.label, value: item.value ?? item.label, ...(item.disabled !== undefined && { disabled: item.disabled }) }\n}\n\nconst options = computed(() => (props.items ?? []).map(optionOf))\n\n/** The suggestions: the items (filtered by the typed text unless the host searches) and, when asked for, a row that creates the typed text. */\nconst suggestions = computed<Option[]>(() => {\n  const text = term.value.trim()\n  const query = text.toLowerCase()\n  const list = props.ignoreFilter || !query ? options.value : options.value.filter(option => option.label.toLowerCase().includes(query))\n  const create = props.createItem\n  if (!create || !text) return list\n  const exact = options.value.some(option => option.label.toLowerCase() === query)\n  const when = create.when ?? 'empty'\n  const offer = when === 'always' ? true : when === 'no-match' ? !exact : list.length === 0\n  if (!offer) return list\n  const row: Option = { label: text, value: text, create: true }\n  return create.position === 'top' ? [row, ...list] : [...list, row]\n})\n\nconst selected = computed<Option[] | Option | null>(() => {\n  const toOption = (value: string): Option => options.value.find(option => option.value === value) ?? { label: value, value }\n  if (props.multiple) return ((props.modelValue as string[] | undefined) ?? []).map(toOption)\n  return props.modelValue ? toOption(props.modelValue as string) : null\n})\n\nfunction onModel(value: Option | Option[] | null | undefined) {\n  const picked = value == null ? [] : Array.isArray(value) ? value : [value]\n  const created = picked.find(option => option.create)\n  if (created) {\n    emit('create', created.value)\n    term.value = ''\n    emit('update:searchTerm', '')\n  }\n  const values = picked.filter(option => !option.create).map(option => option.value)\n  emit('update:modelValue', props.multiple ? values : (values[0] ?? ''))\n}\n\nfunction onComplete(event: { query: string }) {\n  term.value = event.query\n  emit('update:searchTerm', event.query)\n}\n</script>\n\n<template>\n  <AutoComplete\n    :model-value=\"selected\"\n    :suggestions=\"suggestions\"\n    option-label=\"label\"\n    option-disabled=\"disabled\"\n    :multiple=\"multiple\"\n    :placeholder=\"placeholder\"\n    :size=\"sizeOf(size)\"\n    :disabled=\"disabled\"\n    :delay=\"0\"\n    :min-length=\"0\"\n    complete-on-focus\n    fluid\n    @update:model-value=\"onModel\"\n    @complete=\"onComplete\"\n    @show=\"emit('update:open', true)\"\n    @hide=\"emit('update:open', false)\"\n  >\n    <template #option=\"{ option }\">\n      <slot v-if=\"option.create\" name=\"create-item-label\" :item=\"option.value\">{{ t('common.createItem', { value: option.value }) }}</slot>\n      <span v-else>{{ option.label }}</span>\n    </template>\n  </AutoComplete>\n</template>\n"],"mappings":"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"}