@ecsplico/editor 0.0.0-stage → 1.0.0

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

@@ -0,0 +1,59 @@
+import { Fragment, createCommentVNode, createElementBlock, createSlots, createVNode, defineComponent, openBlock, renderSlot, toDisplayString, unref, withCtx } from "vue";
+import Dialog from "primevue/dialog";
+//#region src/vue/kit/primevue/Modal.vue
+const _hoisted_1 = {
+	key: 0,
+	class: "sk-modal-description"
+};
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	__name: "Modal",
+	props: {
+		open: { type: Boolean },
+		title: {},
+		description: {},
+		dismissible: { type: Boolean },
+		close: { type: [Boolean, Object] },
+		ui: {}
+	},
+	emits: ["update:open", "after:leave"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const closable = () => props.close !== false;
+		const dismissible = () => props.dismissible !== false;
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(Dialog), {
+				visible: __props.open ?? false,
+				modal: "",
+				header: __props.title,
+				closable: closable(),
+				"dismissable-mask": dismissible(),
+				"close-on-escape": dismissible(),
+				pt: {
+					root: { class: __props.ui?.content },
+					mask: { class: __props.ui?.overlay }
+				},
+				"onUpdate:visible": _cache[0] || (_cache[0] = (visible) => emit("update:open", visible)),
+				onAfterHide: _cache[1] || (_cache[1] = ($event) => emit("after:leave"))
+			}, createSlots({
+				default: withCtx(() => [__props.description ? (openBlock(), createElementBlock("p", _hoisted_1, toDisplayString(__props.description), 1)) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, "body")]),
+				_: 2
+			}, [_ctx.$slots.footer ? {
+				name: "footer",
+				fn: withCtx(() => [renderSlot(_ctx.$slots, "footer")]),
+				key: "0"
+			} : void 0]), 1032, [
+				"visible",
+				"header",
+				"closable",
+				"dismissable-mask",
+				"close-on-escape",
+				"pt"
+			]), renderSlot(_ctx.$slots, "default")], 64);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=Modal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.js","names":["$slots","_openBlock","_createElementBlock","_Fragment","_createVNode","_unref","_createSlots","_withCtx","_toDisplayString","_createCommentVNode","_renderSlot"],"sources":["../../../../src/vue/kit/primevue/Modal.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport Dialog from 'primevue/dialog'\nimport type { ModalProps } from '../types'\n\nconst props = defineProps<ModalProps>()\nconst emit = defineEmits<{ 'update:open': [open: boolean], 'after:leave': [] }>()\n\nconst closable = () => props.close !== false\nconst dismissible = () => props.dismissible !== false\n</script>\n\n<template>\n  <Dialog\n    :visible=\"open ?? false\"\n    modal\n    :header=\"title\"\n    :closable=\"closable()\"\n    :dismissable-mask=\"dismissible()\"\n    :close-on-escape=\"dismissible()\"\n    :pt=\"{ root: { class: ui?.content }, mask: { class: ui?.overlay } }\"\n    @update:visible=\"(visible: boolean) => emit('update:open', visible)\"\n    @after-hide=\"emit('after:leave')\"\n  >\n    <p v-if=\"description\" class=\"sk-modal-description\">{{ description }}</p>\n    <slot name=\"body\" />\n    <template v-if=\"$slots.footer\" #footer>\n      <slot name=\"footer\" />\n    </template>\n  </Dialog>\n  <slot />\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EAIA,MAAM,QAAQ;EACd,MAAM,OAAO;EAEb,MAAM,iBAAiB,MAAM,UAAU;EACvC,MAAM,oBAAoB,MAAM,gBAAgB;;GAI9C,OAAA,UAAA,GAAA,mBAAA,UAAA,MAAA,CAAAI,YAgBSC,MAAA,MAAA,GAAA;IAfN,SAAS,QAAA,QAAI;IACd,OAAA;IACC,QAAQ,QAAA;IACR,UAAU,SAAQ;IAClB,oBAAkB,YAAW;IAC7B,mBAAiB,YAAW;IAC5B,IAAE;KAAA,MAAA,EAAA,OAAmB,QAAA,IAAI,QAAO;KAAA,MAAA,EAAA,OAAmB,QAAA,IAAI,QAAO;IAAA;IAC9D,oBAAc,OAAA,OAAA,OAAA,MAAG,YAAqB,KAAI,eAAgB,OAAO;IACjE,aAAU,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,aAAA;;IAEjB,SAAAE,cAAwE,CAA/D,QAAA,eAATN,UAAA,GAAAC,mBAAwE,KAAxE,YAAwEM,gBAAlB,QAAA,WAAW,GAAA,CAAA,KAAAC,mBAAA,QAAA,IAAA,GACjEC,WAAoB,KAAA,QAAA,MAAA,CAAA,CAAA;;GACJV,GAAAA,CAAAA,KAAAA,OAAO,SAAA;IAAS,MAAA;IAC9B,IAAAO,cAAsB,CAAtBG,WAAsB,KAAA,QAAA,QAAA,CAAA,CAAA;;;;;;;;;GAG1B,CAAA,GAAAA,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,EAAA"}

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

@@ -0,0 +1,135 @@
+import { decorate, triggerNodes } from "./trigger.js";
+import { defineComponent, h, nextTick, onBeforeUnmount, ref, watch } from "vue";
+import PPopover from "primevue/popover";
+//#region src/vue/kit/primevue/Popover.ts
+/**
+* A PrimeVue `Popover` anchored to its trigger (default slot) or, with `reference`, to a virtual anchor (a text
+* range): an invisible fixed element is laid over the reference's rectangle each time the popover opens and while it is
+* open. `open` is two-way. `content.onInteractOutside` is honoured (a pointer press outside the panel and the trigger asks
+* it first; `preventDefault()` keeps the panel open). Limits: Prime aligns below the anchor (`content.side/align/sideOffset`
+* are ignored) and does not move focus into the panel (`onOpenAutoFocus`/`onCloseAutoFocus` never fire).
+*/
+var Popover_default = defineComponent({
+	name: "KitPopover",
+	inheritAttrs: false,
+	props: {
+		open: {
+			type: Boolean,
+			default: void 0
+		},
+		reference: {
+			type: Object,
+			default: void 0
+		},
+		dismissible: {
+			type: Boolean,
+			default: true
+		},
+		content: {
+			type: Object,
+			default: void 0
+		},
+		ui: {
+			type: Object,
+			default: void 0
+		}
+	},
+	emits: ["update:open"],
+	setup(props, { slots, emit }) {
+		const popover = ref(null);
+		const anchor = ref(null);
+		const isOpen = ref(false);
+		let triggerEl = null;
+		let frame = 0;
+		function place() {
+			const rect = props.reference?.getBoundingClientRect();
+			const el = anchor.value;
+			if (!rect || !el) return;
+			Object.assign(el.style, {
+				left: `${rect.left}px`,
+				top: `${rect.top}px`,
+				width: `${rect.width}px`,
+				height: `${rect.height}px`
+			});
+		}
+		function follow() {
+			place();
+			if (isOpen.value && props.content?.updatePositionStrategy === "always") frame = requestAnimationFrame(follow);
+		}
+		async function show() {
+			if (isOpen.value) return;
+			if (props.reference) {
+				place();
+				await nextTick();
+			}
+			const target = props.reference ? anchor.value : triggerEl;
+			if (!target) return;
+			popover.value?.show({ currentTarget: target }, target);
+		}
+		function hide() {
+			popover.value?.hide();
+		}
+		/**
+		* Outside dismissal is the kit's own, never Prime's: Prime listens for `click`, so a popover opened from a `mousedown`
+		* (the editor's menu buttons keep the selection that way) was closed by the click that followed. A capture-phase
+		* `pointerdown` registered on show precedes the click that opened it, and lets the host decide (`onInteractOutside`).
+		*/
+		function onPressOutside(event) {
+			const container = popover.value?.container;
+			const target = event.target;
+			if (!isOpen.value || !target || container?.contains(target) || triggerEl?.contains(target)) return;
+			props.content?.onInteractOutside?.(event);
+			if (!event.defaultPrevented && props.dismissible) hide();
+		}
+		watch(() => props.open, (open) => {
+			if (open === void 0) return;
+			if (open) show();
+			else hide();
+		}, {
+			flush: "post",
+			immediate: true
+		});
+		onBeforeUnmount(() => {
+			cancelAnimationFrame(frame);
+			document.removeEventListener("pointerdown", onPressOutside, true);
+		});
+		return () => [props.reference ? h("span", {
+			"ref": anchor,
+			"aria-hidden": "true",
+			"style": {
+				position: "fixed",
+				pointerEvents: "none",
+				visibility: "hidden"
+			}
+		}) : decorate(triggerNodes(slots.default?.()), {
+			"data-state": isOpen.value ? "open" : "closed",
+			"aria-haspopup": "dialog",
+			"aria-expanded": isOpen.value,
+			"onClick": (event) => {
+				triggerEl = event.currentTarget;
+				if (props.open === void 0) popover.value?.toggle(event);
+				else emit("update:open", !isOpen.value);
+			}
+		}), h(PPopover, {
+			ref: popover,
+			dismissable: false,
+			class: props.ui?.content,
+			onShow: () => {
+				isOpen.value = true;
+				document.addEventListener("pointerdown", onPressOutside, true);
+				emit("update:open", true);
+				cancelAnimationFrame(frame);
+				follow();
+			},
+			onHide: () => {
+				isOpen.value = false;
+				document.removeEventListener("pointerdown", onPressOutside, true);
+				emit("update:open", false);
+			}
+		}, { default: () => slots.content?.() })];
+	}
+});
+//#endregion
+export { Popover_default as default };
+
+//# sourceMappingURL=Popover.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.js","names":[],"sources":["../../../../src/vue/kit/primevue/Popover.ts"],"sourcesContent":["import PPopover from 'primevue/popover'\nimport { defineComponent, h, nextTick, onBeforeUnmount, ref, watch } from 'vue'\nimport type { PropType } from 'vue'\nimport type { KitAnchor, KitOverlayContent, KitOverlayUi } from '../types'\nimport { decorate, triggerNodes } from './trigger'\n\n/**\n * A PrimeVue `Popover` anchored to its trigger (default slot) or, with `reference`, to a virtual anchor (a text\n * range): an invisible fixed element is laid over the reference's rectangle each time the popover opens and while it is\n * open. `open` is two-way. `content.onInteractOutside` is honoured (a pointer press outside the panel and the trigger asks\n * it first; `preventDefault()` keeps the panel open). Limits: Prime aligns below the anchor (`content.side/align/sideOffset`\n * are ignored) and does not move focus into the panel (`onOpenAutoFocus`/`onCloseAutoFocus` never fire).\n */\nexport default defineComponent({\n  name: 'KitPopover',\n  inheritAttrs: false,\n  props: {\n    open: { type: Boolean, default: undefined },\n    reference: { type: Object as PropType<KitAnchor>, default: undefined },\n    dismissible: { type: Boolean, default: true },\n    content: { type: Object as PropType<KitOverlayContent>, default: undefined },\n    ui: { type: Object as PropType<KitOverlayUi>, default: undefined },\n  },\n  emits: ['update:open'],\n  setup(props, { slots, emit }) {\n    const popover = ref<InstanceType<typeof PPopover> | null>(null)\n    const anchor = ref<HTMLElement | null>(null)\n    const isOpen = ref(false)\n    let triggerEl: HTMLElement | null = null\n    let frame = 0\n\n    function place() {\n      const rect = props.reference?.getBoundingClientRect()\n      const el = anchor.value\n      if (!rect || !el) return\n      Object.assign(el.style, { left: `${rect.left}px`, top: `${rect.top}px`, width: `${rect.width}px`, height: `${rect.height}px` })\n    }\n    function follow() {\n      place()\n      if (isOpen.value && props.content?.updatePositionStrategy === 'always') frame = requestAnimationFrame(follow)\n    }\n    async function show() {\n      if (isOpen.value) return\n      if (props.reference) {\n        place()\n        await nextTick()\n      }\n      const target = props.reference ? anchor.value : triggerEl\n      if (!target) return\n      popover.value?.show({ currentTarget: target } as unknown as Event, target)\n    }\n    function hide() {\n      popover.value?.hide()\n    }\n    /**\n     * Outside dismissal is the kit's own, never Prime's: Prime listens for `click`, so a popover opened from a `mousedown`\n     * (the editor's menu buttons keep the selection that way) was closed by the click that followed. A capture-phase\n     * `pointerdown` registered on show precedes the click that opened it, and lets the host decide (`onInteractOutside`).\n     */\n    function onPressOutside(event: Event) {\n      const container = (popover.value as unknown as { container?: HTMLElement } | null)?.container\n      const target = event.target as Node | null\n      if (!isOpen.value || !target || container?.contains(target) || triggerEl?.contains(target)) return\n      props.content?.onInteractOutside?.(event)\n      if (!event.defaultPrevented && props.dismissible) hide()\n    }\n\n    watch(() => props.open, (open) => {\n      if (open === undefined) return\n      if (open) void show()\n      else hide()\n    }, { flush: 'post', immediate: true })\n    onBeforeUnmount(() => {\n      cancelAnimationFrame(frame)\n      document.removeEventListener('pointerdown', onPressOutside, true)\n    })\n\n    return () => [\n      props.reference\n        ? h('span', { 'ref': anchor, 'aria-hidden': 'true', 'style': { position: 'fixed', pointerEvents: 'none', visibility: 'hidden' } })\n        : decorate(triggerNodes(slots.default?.()), {\n            'data-state': isOpen.value ? 'open' : 'closed',\n            'aria-haspopup': 'dialog',\n            'aria-expanded': isOpen.value,\n            'onClick': (event: Event) => {\n              triggerEl = event.currentTarget as HTMLElement\n              if (props.open === undefined) popover.value?.toggle(event)\n              else emit('update:open', !isOpen.value)\n            },\n          }),\n      h(PPopover, {\n        ref: popover,\n        dismissable: false,\n        class: props.ui?.content,\n        onShow: () => {\n          isOpen.value = true\n          document.addEventListener('pointerdown', onPressOutside, true)\n          emit('update:open', true)\n          cancelAnimationFrame(frame)\n          follow()\n        },\n        onHide: () => {\n          isOpen.value = false\n          document.removeEventListener('pointerdown', onPressOutside, true)\n          emit('update:open', false)\n        },\n      }, { default: () => slots.content?.() }),\n    ]\n  },\n})\n"],"mappings":"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"}

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

@@ -0,0 +1,58 @@
+import { Fragment, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, renderList, toDisplayString, unref, useId, withCtx } from "vue";
+import RadioButton from "primevue/radiobutton";
+import RadioButtonGroup from "primevue/radiobuttongroup";
+//#region src/vue/kit/primevue/RadioGroup.vue
+const _hoisted_1 = {
+	key: 0,
+	class: "sk-radio-legend"
+};
+const _hoisted_2 = ["for"];
+const _hoisted_3 = { class: "sk-radio-label" };
+const _hoisted_4 = {
+	key: 0,
+	class: "sk-radio-description"
+};
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	__name: "RadioGroup",
+	props: {
+		modelValue: {},
+		items: {},
+		orientation: {},
+		legend: {}
+	},
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const id = useId();
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("fieldset", { class: normalizeClass(["sk-radio-group", __props.orientation === "horizontal" ? "sk-radio-group-row" : void 0]) }, [__props.legend ? (openBlock(), createElementBlock("legend", _hoisted_1, toDisplayString(__props.legend), 1)) : createCommentVNode("v-if", true), createVNode(unref(RadioButtonGroup), {
+				"model-value": __props.modelValue,
+				name: unref(id),
+				class: "sk-radio-items",
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = (value) => _ctx.$emit("update:modelValue", value))
+			}, {
+				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item, index) => {
+					return openBlock(), createElementBlock("div", {
+						key: item.value,
+						class: "sk-radio-item"
+					}, [createVNode(unref(RadioButton), {
+						"input-id": `${unref(id)}-${index}`,
+						value: item.value,
+						disabled: item.disabled
+					}, null, 8, [
+						"input-id",
+						"value",
+						"disabled"
+					]), createElementVNode("label", {
+						for: `${unref(id)}-${index}`,
+						class: "sk-radio-text"
+					}, [createElementVNode("span", _hoisted_3, toDisplayString(item.label), 1), item.description ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(item.description), 1)) : createCommentVNode("v-if", true)], 8, _hoisted_2)]);
+				}), 128))]),
+				_: 1
+			}, 8, ["model-value", "name"])], 2);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=RadioGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.js","names":["$emit","_openBlock","_createElementBlock","_normalizeClass","_toDisplayString","_createCommentVNode","_createVNode","_unref","_withCtx","_Fragment","_renderList","_createElementVNode"],"sources":["../../../../src/vue/kit/primevue/RadioGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport RadioButton from 'primevue/radiobutton'\nimport RadioButtonGroup from 'primevue/radiobuttongroup'\nimport { useId } from 'vue'\nimport type { RadioGroupProps } from '../types'\n\ndefineProps<RadioGroupProps>()\ndefineEmits<{ 'update:modelValue': [value: string | number] }>()\nconst id = useId()\n</script>\n\n<template>\n  <fieldset class=\"sk-radio-group\" :class=\"orientation === 'horizontal' ? 'sk-radio-group-row' : undefined\">\n    <legend v-if=\"legend\" class=\"sk-radio-legend\">{{ legend }}</legend>\n    <RadioButtonGroup :model-value=\"modelValue\" :name=\"id\" class=\"sk-radio-items\" @update:model-value=\"(value: string | number) => $emit('update:modelValue', value)\">\n      <div v-for=\"(item, index) in items\" :key=\"item.value\" class=\"sk-radio-item\">\n        <RadioButton :input-id=\"`${id}-${index}`\" :value=\"item.value\" :disabled=\"item.disabled\" />\n        <label :for=\"`${id}-${index}`\" class=\"sk-radio-text\">\n          <span class=\"sk-radio-label\">{{ item.label }}</span>\n          <span v-if=\"item.description\" class=\"sk-radio-description\">{{ item.description }}</span>\n        </label>\n      </div>\n    </RadioButtonGroup>\n  </fieldset>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EAQA,MAAM,KAAK,MAAM;;GAIf,OAAAC,UAAA,GAAAC,mBAWW,YAAA,EAXD,OAAKC,eAAA,CAAC,kBAAyB,QAAA,gBAAW,eAAA,uBAA2C,KAAA,CAAS,CAAA,EAAA,GACxF,CAAA,QAAA,UAAdF,UAAA,GAAAC,mBAAmE,UAAnE,YAAmEE,gBAAlB,QAAA,MAAM,GAAA,CAAA,KAAAC,mBAAA,QAAA,IAAA,GACvDC,YAQmBC,MAAA,gBAAA,GAAA;IARA,eAAa,QAAA;IAAa,MAAMA,MAAA,EAAA;IAAI,OAAM;IAAkB,uBAAkB,OAAA,OAAA,OAAA,MAAG,UAA2BP,KAAAA,MAAK,qBAAsB,KAAK;;IACxJ,SAAAQ,cAA8B,EAAnCP,UAAA,IAAA,GAAAC,mBAMMO,UAAA,MAAAC,WANuB,QAAA,QAAhB,MAAM,UAAK;KAAxB,OAAAT,UAAA,GAAAC,mBAMM,OAAA;MAN+B,KAAK,KAAK;MAAO,OAAM;KAC1D,GAAA,CAAAI,YAA0FC,MAAA,WAAA,GAAA;MAA5E,YAAQ,GAAKA,MAAA,EAAA,EAAE,GAAI;MAAU,OAAO,KAAK;MAAQ,UAAU,KAAK;;;;;KAC9E,CAAA,GAAAI,mBAGQ,SAAA;MAHA,KAAG,GAAKJ,MAAA,EAAA,EAAE,GAAI;MAAS,OAAM;KACnC,GAAA,CAAAI,mBAAoD,QAApD,YAAoDP,gBAApB,KAAK,KAAK,GAAA,CAAA,GAC9B,KAAK,eAAjBH,UAAA,GAAAC,mBAAwF,QAAxF,YAAwFE,gBAA1B,KAAK,WAAW,GAAA,CAAA,KAAAC,mBAAA,QAAA,IAAA,CAAA,GAAA,GAAA,UAAA,CAAA,CAAA"}

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

@@ -0,0 +1,68 @@
+import { sizeOf } from "./shared.js";
+import _sfc_main$1 from "./Icon.js";
+import { choiceOf, choicesOf } from "./select-options.js";
+import { computed, createBlock, createCommentVNode, createElementVNode, defineComponent, openBlock, toDisplayString, unref, withCtx } from "vue";
+import PSelect from "primevue/select";
+//#region src/vue/kit/primevue/Select.vue
+const _hoisted_1 = { class: "inline-flex min-w-0 items-center gap-2" };
+const _hoisted_2 = { class: "truncate" };
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	__name: "Select",
+	props: {
+		modelValue: {},
+		items: {},
+		placeholder: {},
+		size: {},
+		disabled: { type: Boolean }
+	},
+	emits: ["update:modelValue"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const choices = computed(() => choicesOf(props.items));
+		/** A choice's `onSelect` may `preventDefault()` the change, like in the Nuxt UI kit. */
+		function onChange(value) {
+			if (value === void 0) return;
+			const choice = choiceOf(choices.value.options, value);
+			if (choice?.onSelect) {
+				const event = new Event("select", { cancelable: true });
+				choice.onSelect(event);
+				if (event.defaultPrevented) return;
+			}
+			emit("update:modelValue", value);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(PSelect), {
+				"model-value": __props.modelValue,
+				options: choices.value.options,
+				"option-label": "label",
+				"option-value": "value",
+				"option-disabled": "disabled",
+				"option-group-label": choices.value.grouped ? "label" : void 0,
+				"option-group-children": choices.value.grouped ? "items" : void 0,
+				placeholder: __props.placeholder,
+				size: unref(sizeOf)(__props.size),
+				disabled: __props.disabled,
+				"onUpdate:modelValue": onChange
+			}, {
+				option: withCtx(({ option }) => [createElementVNode("span", _hoisted_1, [option.icon ? (openBlock(), createBlock(_sfc_main$1, {
+					key: 0,
+					name: option.icon
+				}, null, 8, ["name"])) : createCommentVNode("v-if", true), createElementVNode("span", _hoisted_2, toDisplayString(option.label), 1)])]),
+				_: 1
+			}, 8, [
+				"model-value",
+				"options",
+				"option-group-label",
+				"option-group-children",
+				"placeholder",
+				"size",
+				"disabled"
+			]);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=Select.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","names":["_openBlock","_createBlock","_unref","_withCtx","_createElementVNode","Icon","_createCommentVNode","_toDisplayString"],"sources":["../../../../src/vue/kit/primevue/Select.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport PSelect from 'primevue/select'\nimport { computed } from 'vue'\nimport type { SelectProps } from '../types'\nimport Icon from './Icon.vue'\nimport { choiceOf, choicesOf } from './select-options'\nimport { sizeOf } from './shared'\n\nconst props = defineProps<SelectProps>()\nconst emit = defineEmits<{ 'update:modelValue': [value: string | number] }>()\n\nconst choices = computed(() => choicesOf(props.items))\n\n/** A choice's `onSelect` may `preventDefault()` the change, like in the Nuxt UI kit. */\nfunction onChange(value: string | number | undefined) {\n  if (value === undefined) return\n  const choice = choiceOf(choices.value.options, value)\n  if (choice?.onSelect) {\n    const event = new Event('select', { cancelable: true })\n    choice.onSelect(event)\n    if (event.defaultPrevented) return\n  }\n  emit('update:modelValue', value)\n}\n</script>\n\n<template>\n  <PSelect\n    :model-value=\"modelValue\"\n    :options=\"choices.options\"\n    option-label=\"label\"\n    option-value=\"value\"\n    option-disabled=\"disabled\"\n    :option-group-label=\"choices.grouped ? 'label' : undefined\"\n    :option-group-children=\"choices.grouped ? 'items' : undefined\"\n    :placeholder=\"placeholder\"\n    :size=\"sizeOf(size)\"\n    :disabled=\"disabled\"\n    @update:model-value=\"onChange\"\n  >\n    <template #option=\"{ option }\">\n      <span class=\"inline-flex min-w-0 items-center gap-2\">\n        <Icon v-if=\"option.icon\" :name=\"option.icon\" />\n        <span class=\"truncate\">{{ option.label }}</span>\n      </span>\n    </template>\n  </PSelect>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EAQA,MAAM,QAAQ;EACd,MAAM,OAAO;EAEb,MAAM,UAAU,eAAe,UAAU,MAAM,KAAK,CAAC;;EAGrD,SAAS,SAAS,OAAoC;GACpD,IAAI,UAAU,KAAA,GAAW;GACzB,MAAM,SAAS,SAAS,QAAQ,MAAM,SAAS,KAAK;GACpD,IAAI,QAAQ,UAAU;IACpB,MAAM,QAAQ,IAAI,MAAM,UAAU,EAAE,YAAY,KAAK,CAAC;IACtD,OAAO,SAAS,KAAK;IACrB,IAAI,MAAM,kBAAkB;GAC9B;GACA,KAAK,qBAAqB,KAAK;EACjC;;GAIE,OAAAA,UAAA,GAAAC,YAmBUC,MAAA,OAAA,GAAA;IAlBP,eAAa,QAAA;IACb,SAAS,QAAA,MAAQ;IAClB,gBAAa;IACb,gBAAa;IACb,mBAAgB;IACf,sBAAoB,QAAA,MAAQ,UAAO,UAAa,KAAA;IAChD,yBAAuB,QAAA,MAAQ,UAAO,UAAa,KAAA;IACnD,aAAa,QAAA;IACb,MAAMA,MAAA,MAAA,CAAM,CAAC,QAAA,IAAI;IACjB,UAAU,QAAA;IACV,uBAAoB;;IAEV,QAAMC,SAIR,EAJY,aAAM,CACzBC,mBAGO,QAHP,YAGO,CAFO,OAAO,QAAnBJ,UAAA,GAAAC,YAA+CI,aAAA;;KAArB,MAAM,OAAO;IACvC,GAAA,MAAA,GAAA,CAAA,MAAA,CAAA,KAAAC,mBAAA,QAAA,IAAA,GAAAF,mBAAgD,QAAhD,YAAgDG,gBAAtB,OAAO,KAAK,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA"}

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

@@ -0,0 +1,94 @@
+import { sizeOf } from "./shared.js";
+import _sfc_main$1 from "./Icon.js";
+import { choiceOf, choicesOf } from "./select-options.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createVNode, defineComponent, openBlock, toDisplayString, unref, useTemplateRef, watch, withCtx } from "vue";
+import PSelect from "primevue/select";
+//#region src/vue/kit/primevue/SelectMenu.vue
+const _hoisted_1 = { class: "inline-flex min-w-0 items-center gap-2" };
+const _hoisted_2 = { class: "truncate" };
+const _hoisted_3 = { class: "sk-select-option" };
+const _hoisted_4 = { class: "sk-select-option-text" };
+const _hoisted_5 = { class: "truncate" };
+const _hoisted_6 = {
+	key: 0,
+	class: "sk-select-option-description"
+};
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	__name: "SelectMenu",
+	props: {
+		modelValue: {},
+		items: {},
+		valueKey: {},
+		searchInput: { type: Boolean },
+		placeholder: {},
+		icon: {},
+		size: {},
+		open: { type: Boolean },
+		ui: {}
+	},
+	emits: ["update:modelValue", "update:open"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const select = useTemplateRef("select");
+		const choices = computed(() => choicesOf(props.items));
+		watch(() => props.open, (open) => {
+			if (open === void 0 || !select.value) return;
+			if (open && !select.value.overlayVisible) select.value.show();
+			else if (!open && select.value.overlayVisible) select.value.hide();
+		}, { flush: "post" });
+		function onChange(value) {
+			if (value === void 0) return;
+			const choice = choiceOf(choices.value.options, value);
+			if (choice?.onSelect) {
+				const event = new Event("select", { cancelable: true });
+				choice.onSelect(event);
+				if (event.defaultPrevented) return;
+			}
+			emit("update:modelValue", value);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(PSelect), {
+				ref_key: "select",
+				ref: select,
+				"model-value": __props.modelValue,
+				options: choices.value.options,
+				"option-label": "label",
+				"option-value": "value",
+				"option-disabled": "disabled",
+				"option-group-label": choices.value.grouped ? "label" : void 0,
+				"option-group-children": choices.value.grouped ? "items" : void 0,
+				filter: __props.searchInput !== false,
+				placeholder: __props.placeholder,
+				size: unref(sizeOf)(__props.size),
+				"overlay-class": __props.ui?.content,
+				"onUpdate:modelValue": onChange,
+				onShow: _cache[0] || (_cache[0] = ($event) => emit("update:open", true)),
+				onHide: _cache[1] || (_cache[1] = ($event) => emit("update:open", false))
+			}, createSlots({
+				option: withCtx(({ option }) => [createElementVNode("span", _hoisted_3, [option.icon ? (openBlock(), createBlock(_sfc_main$1, {
+					key: 0,
+					name: option.icon
+				}, null, 8, ["name"])) : createCommentVNode("v-if", true), createElementVNode("span", _hoisted_4, [createElementVNode("span", _hoisted_5, toDisplayString(option.label), 1), option.description ? (openBlock(), createElementBlock("span", _hoisted_6, toDisplayString(option.description), 1)) : createCommentVNode("v-if", true)])])]),
+				_: 2
+			}, [__props.icon ? {
+				name: "value",
+				fn: withCtx(({ value, placeholder: hint }) => [createElementVNode("span", _hoisted_1, [createVNode(_sfc_main$1, { name: __props.icon }, null, 8, ["name"]), createElementVNode("span", _hoisted_2, toDisplayString(unref(choiceOf)(choices.value.options, value)?.label ?? hint), 1)])]),
+				key: "0"
+			} : void 0]), 1032, [
+				"model-value",
+				"options",
+				"option-group-label",
+				"option-group-children",
+				"filter",
+				"placeholder",
+				"size",
+				"overlay-class"
+			]);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=SelectMenu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectMenu.js","names":["_openBlock","_createBlock","_unref","_createSlots","_withCtx","_createElementVNode","Icon","_createCommentVNode","_toDisplayString","_createElementBlock","_createVNode"],"sources":["../../../../src/vue/kit/primevue/SelectMenu.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport PSelect from 'primevue/select'\nimport { computed, useTemplateRef, watch } from 'vue'\nimport type { SelectMenuProps } from '../types'\nimport Icon from './Icon.vue'\nimport { choiceOf, choicesOf } from './select-options'\nimport { sizeOf } from './shared'\n\nconst props = defineProps<SelectMenuProps>()\nconst emit = defineEmits<{ 'update:modelValue': [value: string | number], 'update:open': [open: boolean] }>()\n\nconst select = useTemplateRef<{ show: () => void, hide: () => void, overlayVisible?: boolean }>('select')\nconst choices = computed(() => choicesOf(props.items))\n\n// `open` is two-way: the host may open or close the list, the list reports its own changes.\nwatch(() => props.open, (open) => {\n  if (open === undefined || !select.value) return\n  if (open && !select.value.overlayVisible) select.value.show()\n  else if (!open && select.value.overlayVisible) select.value.hide()\n}, { flush: 'post' })\n\nfunction onChange(value: string | number | undefined) {\n  if (value === undefined) return\n  const choice = choiceOf(choices.value.options, value)\n  if (choice?.onSelect) {\n    const event = new Event('select', { cancelable: true })\n    choice.onSelect(event)\n    if (event.defaultPrevented) return\n  }\n  emit('update:modelValue', value)\n}\n</script>\n\n<template>\n  <PSelect\n    ref=\"select\"\n    :model-value=\"modelValue\"\n    :options=\"choices.options\"\n    option-label=\"label\"\n    option-value=\"value\"\n    option-disabled=\"disabled\"\n    :option-group-label=\"choices.grouped ? 'label' : undefined\"\n    :option-group-children=\"choices.grouped ? 'items' : undefined\"\n    :filter=\"searchInput !== false\"\n    :placeholder=\"placeholder\"\n    :size=\"sizeOf(size)\"\n    :overlay-class=\"ui?.content\"\n    @update:model-value=\"onChange\"\n    @show=\"emit('update:open', true)\"\n    @hide=\"emit('update:open', false)\"\n  >\n    <template v-if=\"icon\" #value=\"{ value, placeholder: hint }\">\n      <span class=\"inline-flex min-w-0 items-center gap-2\">\n        <Icon :name=\"icon\" />\n        <span class=\"truncate\">{{ choiceOf(choices.options, value)?.label ?? hint }}</span>\n      </span>\n    </template>\n    <template #option=\"{ option }\">\n      <span class=\"sk-select-option\">\n        <Icon v-if=\"option.icon\" :name=\"option.icon\" />\n        <span class=\"sk-select-option-text\">\n          <span class=\"truncate\">{{ option.label }}</span>\n          <span v-if=\"option.description\" class=\"sk-select-option-description\">{{ option.description }}</span>\n        </span>\n      </span>\n    </template>\n  </PSelect>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAQA,MAAM,QAAQ;EACd,MAAM,OAAO;EAEb,MAAM,SAAS,eAAiF,QAAQ;EACxG,MAAM,UAAU,eAAe,UAAU,MAAM,KAAK,CAAC;EAGrD,YAAY,MAAM,OAAO,SAAS;GAChC,IAAI,SAAS,KAAA,KAAa,CAAC,OAAO,OAAO;GACzC,IAAI,QAAQ,CAAC,OAAO,MAAM,gBAAgB,OAAO,MAAM,KAAK;QACvD,IAAI,CAAC,QAAQ,OAAO,MAAM,gBAAgB,OAAO,MAAM,KAAK;EACnE,GAAG,EAAE,OAAO,OAAO,CAAC;EAEpB,SAAS,SAAS,OAAoC;GACpD,IAAI,UAAU,KAAA,GAAW;GACzB,MAAM,SAAS,SAAS,QAAQ,MAAM,SAAS,KAAK;GACpD,IAAI,QAAQ,UAAU;IACpB,MAAM,QAAQ,IAAI,MAAM,UAAU,EAAE,YAAY,KAAK,CAAC;IACtD,OAAO,SAAS,KAAK;IACrB,IAAI,MAAM,kBAAkB;GAC9B;GACA,KAAK,qBAAqB,KAAK;EACjC;;GAIE,OAAAA,UAAA,GAAAC,YAgCUC,MAAA,OAAA,GAAA;IA/BJ,SAAA;IAAJ,KAAI;IACH,eAAa,QAAA;IACb,SAAS,QAAA,MAAQ;IAClB,gBAAa;IACb,gBAAa;IACb,mBAAgB;IACf,sBAAoB,QAAA,MAAQ,UAAO,UAAa,KAAA;IAChD,yBAAuB,QAAA,MAAQ,UAAO,UAAa,KAAA;IACnD,QAAQ,QAAA,gBAAW;IACnB,aAAa,QAAA;IACb,MAAMA,MAAA,MAAA,CAAM,CAAC,QAAA,IAAI;IACjB,iBAAe,QAAA,IAAI;IACnB,uBAAoB;IACpB,QAAI,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,eAAA,IAAA;IACV,QAAI,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,eAAA,KAAA;;IAQA,QAAME,SAOR,EAPY,aAAM,CACzBC,mBAMO,QANP,YAMO,CALO,OAAO,QAAnBL,UAAA,GAAAC,YAA+CK,aAAA;;KAArB,MAAM,OAAO;IACvC,GAAA,MAAA,GAAA,CAAA,MAAA,CAAA,KAAAC,mBAAA,QAAA,IAAA,GAAAF,mBAGO,QAHP,YAGO,CAFLA,mBAAgD,QAAhD,YAAgDG,gBAAtB,OAAO,KAAK,GAAA,CAAA,GAC1B,OAAO,eAAnBR,UAAA,GAAAS,mBAAoG,QAApG,YAAoGD,gBAA5B,OAAO,WAAW,GAAA,CAAA,KAAAD,mBAAA,QAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;;GAXhF,GAAA,CAAA,QAAA,OAAA;IAAO,MAAA;IACrB,IAAAH,SAGO,EAJuB,OAAK,aAAe,WAAI,CACtDC,mBAGO,QAHP,YAGO,CAFLK,YAAqBJ,aAAA,EAAd,MAAM,QAAA,KAAI,GAAA,MAAA,GAAA,CAAA,MAAA,CAAA,GACjBD,mBAAmF,QAAnF,YAAmFG,gBAAzDN,MAAA,QAAA,CAAQ,CAAC,QAAA,MAAQ,SAAS,KAAK,CAAA,EAAG,SAAS,IAAI,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA"}

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

@@ -0,0 +1,16 @@
+import { createBlock, defineComponent, openBlock, unref } from "vue";
+import PDivider from "primevue/divider";
+//#region src/vue/kit/primevue/Separator.vue
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	__name: "Separator",
+	props: { orientation: {} },
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(PDivider), { layout: __props.orientation === "vertical" ? "vertical" : "horizontal" }, null, 8, ["layout"]);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=Separator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Separator.js","names":["_openBlock","_createBlock","_unref"],"sources":["../../../../src/vue/kit/primevue/Separator.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport PDivider from 'primevue/divider'\nimport type { SeparatorProps } from '../types'\n\ndefineProps<SeparatorProps>()\n</script>\n\n<template>\n  <PDivider :layout=\"orientation === 'vertical' ? 'vertical' : 'horizontal'\" />\n</template>\n"],"mappings":";;;;;;;;GAQE,OAAAA,UAAA,GAAAC,YAA6EC,MAAA,QAAA,GAAA,EAAlE,QAAQ,QAAA,gBAAW,aAAA,aAAA,aAAA,GAAA,MAAA,GAAA,CAAA,QAAA,CAAA"}

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

@@ -0,0 +1,46 @@
+import { createCommentVNode, createElementBlock, createVNode, defineComponent, openBlock, toDisplayString, unref, useId } from "vue";
+import ToggleSwitch from "primevue/toggleswitch";
+//#region src/vue/kit/primevue/Switch.vue
+const _hoisted_1 = { class: "sk-switch" };
+const _hoisted_2 = ["for"];
+const _hoisted_3 = {
+	key: 0,
+	class: "sk-switch-label"
+};
+const _hoisted_4 = {
+	key: 1,
+	class: "sk-switch-description"
+};
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	__name: "Switch",
+	props: {
+		modelValue: { type: Boolean },
+		label: {},
+		description: {},
+		disabled: { type: Boolean }
+	},
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const id = useId();
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [createVNode(unref(ToggleSwitch), {
+				"input-id": unref(id),
+				"model-value": __props.modelValue,
+				disabled: __props.disabled,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = (value) => _ctx.$emit("update:modelValue", value))
+			}, null, 8, [
+				"input-id",
+				"model-value",
+				"disabled"
+			]), __props.label || __props.description ? (openBlock(), createElementBlock("label", {
+				key: 0,
+				for: unref(id),
+				class: "sk-switch-text"
+			}, [__props.label ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(__props.label), 1)) : createCommentVNode("v-if", true), __props.description ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(__props.description), 1)) : createCommentVNode("v-if", true)], 8, _hoisted_2)) : createCommentVNode("v-if", true)]);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=Switch.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.js","names":["$emit","_openBlock","_createElementBlock","_createVNode","_unref","_toDisplayString","_createCommentVNode"],"sources":["../../../../src/vue/kit/primevue/Switch.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport ToggleSwitch from 'primevue/toggleswitch'\nimport { useId } from 'vue'\nimport type { SwitchProps } from '../types'\n\ndefineProps<SwitchProps>()\ndefineEmits<{ 'update:modelValue': [value: boolean] }>()\nconst id = useId()\n</script>\n\n<template>\n  <div class=\"sk-switch\">\n    <ToggleSwitch :input-id=\"id\" :model-value=\"modelValue\" :disabled=\"disabled\" @update:model-value=\"(value: boolean) => $emit('update:modelValue', value)\" />\n    <label v-if=\"label || description\" :for=\"id\" class=\"sk-switch-text\">\n      <span v-if=\"label\" class=\"sk-switch-label\">{{ label }}</span>\n      <span v-if=\"description\" class=\"sk-switch-description\">{{ description }}</span>\n    </label>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;EAOA,MAAM,KAAK,MAAM;;GAIf,OAAAC,UAAA,GAAAC,mBAMM,OANN,YAMM,CALJC,YAA0JC,MAAA,YAAA,GAAA;IAA3I,YAAUA,MAAA,EAAA;IAAK,eAAa,QAAA;IAAa,UAAU,QAAA;IAAW,uBAAkB,OAAA,OAAA,OAAA,MAAG,UAAmBJ,KAAAA,MAAK,qBAAsB,KAAK;;;;;GACxI,CAAA,GAAA,QAAA,SAAS,QAAA,eAAtBC,UAAA,GAAAC,mBAGQ,SAAA;;IAH4B,KAAKE,MAAA,EAAA;IAAI,OAAM;GACrC,GAAA,CAAA,QAAA,SAAZH,UAAA,GAAAC,mBAA6D,QAA7D,YAA6DG,gBAAf,QAAA,KAAK,GAAA,CAAA,KAAAC,mBAAA,QAAA,IAAA,GACvC,QAAA,eAAZL,UAAA,GAAAC,mBAA+E,QAA/E,YAA+EG,gBAArB,QAAA,WAAW,GAAA,CAAA,KAAAC,mBAAA,QAAA,IAAA,CAAA,GAAA,GAAA,UAAA,KAAAA,mBAAA,QAAA,IAAA,CAAA,CAAA"}

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

@@ -0,0 +1,54 @@
+import { Fragment, createBlock, createElementBlock, createSlots, createTextVNode, defineComponent, openBlock, renderList, renderSlot, toDisplayString, unref, withCtx } from "vue";
+import Column from "primevue/column";
+import DataTable from "primevue/datatable";
+//#region src/vue/kit/primevue/Table.vue
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	__name: "Table",
+	props: {
+		data: {},
+		columns: {},
+		getRowId: { type: Function },
+		sorting: {},
+		sticky: { type: Boolean },
+		ui: {}
+	},
+	emits: ["select"],
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(DataTable), {
+				value: __props.data,
+				scrollable: __props.sticky,
+				"scroll-height": __props.sticky ? "flex" : void 0,
+				size: "small",
+				class: "sk-table",
+				"row-hover": "",
+				onRowClick: _cache[0] || (_cache[0] = (event) => _ctx.$emit("select", event.originalEvent, { original: event.data }))
+			}, createSlots({
+				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (column) => {
+					return openBlock(), createBlock(unref(Column), {
+						key: column.id,
+						"header-class": [column.meta?.class?.th, __props.ui?.th],
+						"body-class": [column.meta?.class?.td, __props.ui?.td]
+					}, {
+						header: withCtx(() => [renderSlot(_ctx.$slots, `${column.id}-header`, {}, () => [createTextVNode(toDisplayString(column.header), 1)])]),
+						body: withCtx(({ data: row }) => [renderSlot(_ctx.$slots, `${column.id}-cell`, { row: { original: row } }, () => [createTextVNode(toDisplayString(column.accessorFn?.(row)), 1)])]),
+						_: 2
+					}, 1032, ["header-class", "body-class"]);
+				}), 128))]),
+				_: 2
+			}, [_ctx.$slots.empty ? {
+				name: "empty",
+				fn: withCtx(() => [renderSlot(_ctx.$slots, "empty")]),
+				key: "0"
+			} : void 0]), 1032, [
+				"value",
+				"scrollable",
+				"scroll-height"
+			]);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=Table.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Table.js","names":["$emit","$slots","_openBlock","_createBlock","_unref","_createSlots","_withCtx","_createElementBlock","_Fragment","_renderList","_renderSlot","_createTextVNode","_toDisplayString"],"sources":["../../../../src/vue/kit/primevue/Table.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport Column from 'primevue/column'\nimport DataTable from 'primevue/datatable'\nimport type { TableProps } from '../types'\n\n// `getRowId`, `sorting` and `ui` are accepted for contract parity: PrimeVue's table does not sort by itself here (the\n// host orders `data`) and has no use for row ids without selection.\ndefineProps<TableProps<any>>()\ndefineEmits<{ select: [event: Event, row: { original: any }] }>()\n</script>\n\n<template>\n  <DataTable\n    :value=\"data\"\n    :scrollable=\"sticky\"\n    :scroll-height=\"sticky ? 'flex' : undefined\"\n    size=\"small\"\n    class=\"sk-table\"\n    row-hover\n    @row-click=\"(event: { originalEvent: Event, data: unknown }) => $emit('select', event.originalEvent, { original: event.data })\"\n  >\n    <Column\n      v-for=\"column in columns\"\n      :key=\"column.id\"\n      :header-class=\"[column.meta?.class?.th, ui?.th]\"\n      :body-class=\"[column.meta?.class?.td, ui?.td]\"\n    >\n      <template #header>\n        <slot :name=\"`${column.id}-header`\">{{ column.header }}</slot>\n      </template>\n      <template #body=\"{ data: row }\">\n        <slot :name=\"`${column.id}-cell`\" :row=\"{ original: row }\">{{ column.accessorFn?.(row) }}</slot>\n      </template>\n    </Column>\n    <template v-if=\"$slots.empty\" #empty>\n      <slot name=\"empty\" />\n    </template>\n  </DataTable>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;GAYE,OAAAE,UAAA,GAAAC,YAyBYC,MAAA,SAAA,GAAA;IAxBT,OAAO,QAAA;IACP,YAAY,QAAA;IACZ,iBAAe,QAAA,SAAM,SAAY,KAAA;IAClC,MAAK;IACL,OAAM;IACN,aAAA;IACC,YAAS,OAAA,OAAA,OAAA,MAAG,UAAmDJ,KAAAA,MAAK,UAAW,MAAM,eAAa,EAAA,UAAc,MAAM,KAAI,CAAA;;IAGzH,SAAAM,cAAyB,EAD3BJ,UAAA,IAAA,GAAAK,mBAYSC,UAAA,MAAAC,WAXU,QAAA,UAAV,WAAM;KADf,OAAAP,UAAA,GAAAC,YAYSC,MAAA,MAAA,GAAA;MAVN,KAAK,OAAO;MACZ,gBAAY,CAAG,OAAO,MAAM,OAAO,IAAI,QAAA,IAAI,EAAE;MAC7C,cAAU,CAAG,OAAO,MAAM,OAAO,IAAI,QAAA,IAAI,EAAE;;MAEjC,QAAME,cAC+C,CAA9DI,WAA8D,KAAA,QAAA,GAA9C,OAAO,GAAE,UAAA,CAAA,SAAqC,CAAvBC,gBAAAC,gBAAA,OAAO,MAAM,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA;MAE3C,MAAIN,SACmF,EAAA,MADzE,UAAG,CAC1BI,WAAgG,KAAA,QAAA,GAAhF,OAAO,GAAE,QAAA,EAAU,KAAG,EAAA,UAAc,IAAG,EAAvD,SAAgG,CAAlCC,gBAAAC,gBAAA,OAAO,aAAa,GAAG,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA;;;;;GAGzEX,GAAAA,CAAAA,KAAAA,OAAO,QAAA;IAAQ,MAAA;IAC7B,IAAAK,cAAqB,CAArBI,WAAqB,KAAA,QAAA,OAAA,CAAA,CAAA"}