@razaman2/reactive-view 0.1.0-beta.9 → 0.2.1

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2021 razamvmt
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2021 razamvmt
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1 +1 @@
-# reactive-view
+# reactive-view

package/dist/Editor-DMCekNFl.mjs

@@ -0,0 +1,364 @@
+import { t as e } from "./rolldown-runtime-C-QNzSnW.mjs";
+import { c as t, f as n, i as r, n as i, t as a } from "./src-DwXft6y4.mjs";
+import { t as o } from "./Label-DD9yGa7V.mjs";
+import { Teleport as s, computed as c, createElementBlock as l, createElementVNode as u, createVNode as d, defineAsyncComponent as f, isVNode as p, markRaw as m, mergeProps as h, nextTick as g, openBlock as _, ref as v, unref as y, watch as b } from "vue";
+import { twMerge as x } from "tailwind-merge";
+import { Checkbox as S, InputText as C, RadioButton as w, Textarea as T, ToggleSwitch as E } from "primevue";
+import { v4 as D } from "uuid";
+import O from "inputmask";
+import k from "primevue/editor";
+//#region ~icons/tabler/x-filled
+var A = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function j(e, t) {
+	return _(), l("svg", A, [...t[0] ||= [u("path", {
+		fill: "currentColor",
+		d: "M6.707 5.293L12 10.585l5.293-5.292a1 1 0 0 1 1.414 1.414L13.415 12l5.292 5.293a1 1 0 0 1-1.414 1.414L12 13.415l-5.293 5.292a1 1 0 1 1-1.414-1.414L10.585 12L5.293 6.707a1 1 0 0 1 1.414-1.414"
+	}, null, -1)]]);
+}
+var M = m({
+	name: "tabler-x-filled",
+	render: j
+});
+//#endregion
+//#region src/components/Input.vue?vue&type=script&lang.jsx
+function N(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !p(e);
+}
+var P = f(() => Promise.resolve().then(() => B)), F = f(() => import("./Select-x96YoTl5.mjs").then((e) => e.n)), I = t({
+	modelName: "Input",
+	props: {
+		grow: i({ type: Boolean }),
+		filled: i({ type: Boolean }),
+		container: i({ type: Boolean }),
+		debounce: i({
+			type: [Number, String],
+			default: 200,
+			validator: (e) => /^\d+$/.test(e)
+		}),
+		placeholder: i({ type: [
+			Boolean,
+			Number,
+			String
+		] }),
+		masking: i({ type: Object }),
+		type: i({ type: String }),
+		inputClass: i(),
+		class: i(),
+		indeterminate: i({ type: Boolean }),
+		showClear: i({ type: Boolean }),
+		data: {}
+	},
+	data: (e) => ["select", "editor"].includes(y(e.type)) ? void 0 : e.data,
+	defaultData: void 0,
+	setup(e, t, i) {
+		let s = `component_${D()}`, l = i.type ?? "text", u = v(), f = v(), p = c(() => y(i.placeholder) === !1 || ["number", "string"].includes(typeof y(i.placeholder)) ? y(i.placeholder) : ["number", "string"].includes(typeof y(i.label)) ? y(i.label) : void 0), m = () => y(i.container) || y(i.$attrs.label) || y(i.grow), _ = () => m() ? r(e).container() : r(e).field(), k = () => d("label", {
+			for: s,
+			class: x(a(y(i.labelClass)).string)
+		}, [y(i.label)]), A = () => d(C, h({
+			fluid: !y(i.grow),
+			onInput: () => r(e).resize(),
+			size: "small",
+			type: y(l)
+		}, n(i.$attrs, "label"), y(p) ? { placeholder: y(p) } : {}, {
+			id: s,
+			ref: u,
+			class: x(a({
+				"bg-(--colors-F5F6F8)!": y(i.filled),
+				"pr-8!": y(i.showClear)
+			}).string, a(y(i.inputClass)).string, m() ? "" : a(y(i.class)).string),
+			modelValue: r(e).model.getData(),
+			"onUpdate:modelValue": (t) => {
+				W(() => {
+					r(e).model.replaceData(t);
+				});
+			}
+		}), null), j = () => {
+			let t = r(e).input();
+			return d(T, h({ autoResize: !0 }, n(t.props, "type")), t.children);
+		}, I = () => {
+			let t = r(e).input();
+			return d(S, h({
+				binary: !0,
+				indeterminate: y(i.indeterminate)
+			}, n(t.props, "type")), t.children);
+		}, L = () => {
+			let t = r(e).input();
+			return d(w, n(t.props, "type"), t.children);
+		}, R = () => {
+			let t = r(e).input();
+			return d(E, h({ binary: !0 }, n(t.props, "type")), t.children);
+		}, z = () => {
+			let t = r(e).input();
+			return d(P, h(n(t.props, [
+				"type",
+				"label",
+				"modelValue",
+				"onUpdate:modelValue"
+			]), { data: i.data }), t.children);
+		}, B = () => {
+			let t = r(e).input();
+			return d(F, h(n(t.props, [
+				"type",
+				"modelValue",
+				"onUpdate:modelValue"
+			]), { data: i.data }), t.children);
+		}, V = () => {
+			let t;
+			return d(o, h(i.$attrs, { class: y(i.class) }), N(t = r(e).field()) ? t : { default: () => [t] });
+		}, H = () => [
+			"textarea",
+			"editor",
+			"select",
+			"checkbox",
+			"toggle",
+			"radio"
+		].includes(y(l)) ? r(e)[y(l)]() : r(e).clearableInput(), U = () => {
+			let t = r(e).input();
+			return y(i.showClear) ? d("div", { class: x("relative", a(y(i.inputClass)).string) }, [t, d(M, {
+				class: {
+					hidden: !r(e).model.getData(),
+					"absolute right-3 -translate-y-1/2 top-1/2 text-gray-400 hover:text-gray-600 cursor-pointer": !0
+				},
+				onClick: () => {
+					r(e).model.replaceData();
+				}
+			}, null)]) : t;
+		}, W = (e) => {
+			clearTimeout(f.value), f.value = setTimeout(e, y(i.debounce));
+		};
+		b(() => [i.masking, u], ([e, t]) => {
+			e && t.value && O(e).mask(t.value.$el);
+		}, { deep: !0 });
+		let G = () => {
+			let e = y(u)?.$el;
+			if (!y(i.grow) || !(e instanceof HTMLInputElement)) return;
+			let t = getComputedStyle(e), n = document.createElement("span");
+			Object.assign(n.style, {
+				position: "absolute",
+				visibility: "hidden",
+				whiteSpace: "pre",
+				fontFamily: t.fontFamily,
+				fontSize: t.fontSize,
+				fontWeight: t.fontWeight,
+				fontStyle: t.fontStyle,
+				letterSpacing: t.letterSpacing
+			}), n.textContent = e.value || e.placeholder || "", document.body.append(n);
+			let r = t.boxSizing === "border-box" ? [
+				"paddingLeft",
+				"paddingRight",
+				"borderLeftWidth",
+				"borderRightWidth"
+			].reduce((e, n) => e + (parseFloat(t[n]) || 0), 0) : 0;
+			e.style.width = `${Math.ceil(n.getBoundingClientRect().width) + r + 2}px`, n.remove();
+		};
+		return b([
+			u,
+			() => r(e).model.getData(),
+			() => y(i.placeholder)
+		], () => g(G), {
+			immediate: !0,
+			flush: "post"
+		}), {
+			template: _,
+			label: k,
+			input: A,
+			textarea: j,
+			editor: z,
+			select: B,
+			checkbox: I,
+			radio: L,
+			toggle: R,
+			field: H,
+			clearableInput: U,
+			container: V,
+			throttle: W,
+			resize: G,
+			inputRef: u
+		};
+	}
+});
+//#endregion
+//#region src/components/Editor.vue?vue&type=script&lang.jsx
+function L(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !p(e);
+}
+var R = t({
+	modelName: "Editor",
+	props: { showClear: i({ type: Boolean }) },
+	setup(e, t, i) {
+		let a, o = v(), c = () => {
+			let c, l = r(t).input();
+			return d("div", {
+				class: {
+					"w-full": !0,
+					"editor-clearable": y(i.showClear)
+				},
+				onClick: (e) => {
+					e.target.type !== "file" && e.preventDefault();
+				}
+			}, [d(k, h(n(l.props, "type"), { onLoad: (e) => {
+				a = e.instance, o.value = e.instance.container, l.props.onLoad?.(e);
+			} }), {
+				...l.children,
+				toolbar: () => d("div", { class: "w-full flex flex-wrap items-center gap-y-1" }, [
+					d("span", { class: "ql-formats" }, [r(e).undo(), r(e).redo()]),
+					d("span", { class: "ql-formats" }, [r(e).header()]),
+					d("span", { class: "ql-formats" }, [
+						r(e).bold(),
+						r(e).italic(),
+						r(e).underline(),
+						r(e).strike(),
+						r(e).code()
+					]),
+					d("span", { class: "ql-formats" }, [r(e).color(), r(e).background()]),
+					d("span", { class: "ql-formats" }, [r(e).subscript(), r(e).superscript()]),
+					d("span", { class: "ql-formats" }, [
+						r(e).ordered(),
+						r(e).unordered(),
+						r(e).checklist(),
+						r(e).outdent(),
+						r(e).indent(),
+						r(e).align()
+					]),
+					d("span", { class: "ql-formats" }, [r(e).blockquote(), r(e).codeBlock()]),
+					d("span", { class: "ql-formats" }, [r(e).link(), r(e).image()]),
+					d("span", { class: "ql-formats" }, [r(e).clean()])
+				])
+			}), y(i.showClear) && o.value && d(s, { to: o.value }, L(c = r(e).clearButton()) ? c : { default: () => [c] })]);
+		}, l = () => r(e).field(), u = () => d(M, {
+			class: {
+				hidden: !r(e).model.getData(),
+				"absolute top-3 right-3 text-gray-400 hover:text-gray-600 cursor-pointer": !0
+			},
+			onClick: () => {
+				r(e).model.replaceData();
+			}
+		}, null), f = () => d("button", {
+			class: "ql-bold",
+			title: "Bold"
+		}, null), p = () => d("button", {
+			class: "ql-italic",
+			title: "Italic"
+		}, null), m = () => d("button", {
+			class: "ql-underline",
+			title: "Underline"
+		}, null), g = () => d("button", {
+			class: "ql-strike",
+			title: "Strikethrough"
+		}, null), _ = () => d("button", {
+			class: "ql-code",
+			title: "Inline code"
+		}, null), b = () => d("button", {
+			class: "ql-list",
+			value: "ordered",
+			title: "Numbered list"
+		}, null), x = () => d("button", {
+			class: "ql-list",
+			value: "bullet",
+			title: "Bulleted list"
+		}, null), S = () => d("button", {
+			class: "ql-list",
+			value: "check",
+			title: "Checklist"
+		}, null), C = (e) => {
+			a?.history[e]();
+		};
+		return {
+			input: c,
+			container: l,
+			clearButton: u,
+			undo: () => d("button", {
+				type: "button",
+				title: "Undo",
+				onClick: () => C("undo")
+			}, [d("svg", { viewBox: "0 0 18 18" }, [d("polygon", {
+				class: "ql-fill ql-stroke",
+				points: "6 10 4 12 2 10 6 10"
+			}, null), d("path", {
+				class: "ql-stroke",
+				d: "M8.09,13.91A4.6,4.6,0,0,0,9,14,5,5,0,1,0,4,9"
+			}, null)])]),
+			redo: () => d("button", {
+				type: "button",
+				title: "Redo",
+				onClick: () => C("redo")
+			}, [d("svg", { viewBox: "0 0 18 18" }, [d("polygon", {
+				class: "ql-fill ql-stroke",
+				points: "12 10 14 12 16 10 12 10"
+			}, null), d("path", {
+				class: "ql-stroke",
+				d: "M9.91,13.91A4.6,4.6,0,0,1,9,14a5,5,0,1,1,5-5"
+			}, null)])]),
+			bold: f,
+			italic: p,
+			underline: m,
+			strike: g,
+			code: _,
+			ordered: b,
+			unordered: x,
+			checklist: S,
+			align: () => d("span", { title: "Alignment" }, [d("select", { class: "ql-align" }, null)]),
+			header: () => d("span", { title: "Heading" }, [d("select", { class: "ql-header" }, [
+				d("option", { value: "1" }, null),
+				d("option", { value: "2" }, null),
+				d("option", { value: "3" }, null),
+				d("option", { value: "4" }, null),
+				d("option", { value: "5" }, null),
+				d("option", { value: "6" }, null),
+				d("option", { selected: !0 }, null)
+			])]),
+			color: () => d("span", { title: "Text colour" }, [d("select", { class: "ql-color" }, null)]),
+			background: () => d("span", { title: "Highlight" }, [d("select", { class: "ql-background" }, null)]),
+			subscript: () => d("button", {
+				class: "ql-script",
+				value: "sub",
+				title: "Subscript"
+			}, null),
+			superscript: () => d("button", {
+				class: "ql-script",
+				value: "super",
+				title: "Superscript"
+			}, null),
+			outdent: () => d("button", {
+				class: "ql-indent",
+				value: "-1",
+				title: "Decrease indent"
+			}, null),
+			indent: () => d("button", {
+				class: "ql-indent",
+				value: "+1",
+				title: "Increase indent"
+			}, null),
+			blockquote: () => d("button", {
+				class: "ql-blockquote",
+				title: "Quote"
+			}, null),
+			codeBlock: () => d("button", {
+				class: "ql-code-block",
+				title: "Code block"
+			}, null),
+			link: () => d("button", {
+				class: "ql-link",
+				title: "Link"
+			}, null),
+			image: () => d("button", {
+				class: "ql-image",
+				title: "Image"
+			}, null),
+			clean: () => d("button", {
+				class: "ql-clean",
+				title: "Clear formatting"
+			}, null)
+		};
+	}
+}, I), z = (e, t) => {
+	let n = e.__vccOpts || e;
+	for (let [e, r] of t) n[e] = r;
+	return n;
+}, B = /* @__PURE__ */ e({ default: () => V }), V = /* @__PURE__ */ z(R, [["__scopeId", "data-v-f9ca0d09"]]);
+//#endregion
+export { B as n, I as r, V as t };

package/dist/Editor-JraAPAuW.js

@@ -0,0 +1 @@
+const e=require(`./src-BJaQUsvj.js`),t=require(`./Label-CkJjlfli.js`);let n=require(`vue`),r=require(`tailwind-merge`),i=require(`primevue`),a=require(`uuid`),o=require(`inputmask`);o=e.S(o);let s=require(`primevue/editor`);s=e.S(s);var c={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function l(e,t){return(0,n.openBlock)(),(0,n.createElementBlock)(`svg`,c,[...t[0]||=[(0,n.createElementVNode)(`path`,{fill:`currentColor`,d:`M6.707 5.293L12 10.585l5.293-5.292a1 1 0 0 1 1.414 1.414L13.415 12l5.292 5.293a1 1 0 0 1-1.414 1.414L12 13.415l-5.293 5.292a1 1 0 1 1-1.414-1.414L10.585 12L5.293 6.707a1 1 0 0 1 1.414-1.414`},null,-1)]])}var u=(0,n.markRaw)({name:`tabler-x-filled`,render:l});function d(e){return typeof e==`function`||Object.prototype.toString.call(e)===`[object Object]`&&!(0,n.isVNode)(e)}var f=(0,n.defineAsyncComponent)(()=>Promise.resolve().then(()=>v)),p=(0,n.defineAsyncComponent)(()=>Promise.resolve().then(()=>require(`./Select-D8LFsK4R.js`)).then(e=>e.n)),m=e.c({modelName:`Input`,props:{grow:e.n({type:Boolean}),filled:e.n({type:Boolean}),container:e.n({type:Boolean}),debounce:e.n({type:[Number,String],default:200,validator:e=>/^\d+$/.test(e)}),placeholder:e.n({type:[Boolean,Number,String]}),masking:e.n({type:Object}),type:e.n({type:String}),inputClass:e.n(),class:e.n(),indeterminate:e.n({type:Boolean}),showClear:e.n({type:Boolean}),data:{}},data:e=>[`select`,`editor`].includes((0,n.unref)(e.type))?void 0:e.data,defaultData:void 0,setup(s,c,l){let m=`component_${(0,a.v4)()}`,h=l.type??`text`,g=(0,n.ref)(),_=(0,n.ref)(),v=(0,n.computed)(()=>(0,n.unref)(l.placeholder)===!1||[`number`,`string`].includes(typeof(0,n.unref)(l.placeholder))?(0,n.unref)(l.placeholder):[`number`,`string`].includes(typeof(0,n.unref)(l.label))?(0,n.unref)(l.label):void 0),y=()=>(0,n.unref)(l.container)||(0,n.unref)(l.$attrs.label)||(0,n.unref)(l.grow),b=()=>y()?e.i(s).container():e.i(s).field(),x=()=>(0,n.createVNode)(`label`,{for:m,class:(0,r.twMerge)(e.t((0,n.unref)(l.labelClass)).string)},[(0,n.unref)(l.label)]),S=()=>(0,n.createVNode)(i.InputText,(0,n.mergeProps)({fluid:!(0,n.unref)(l.grow),onInput:()=>e.i(s).resize(),size:`small`,type:(0,n.unref)(h)},e.f(l.$attrs,`label`),(0,n.unref)(v)?{placeholder:(0,n.unref)(v)}:{},{id:m,ref:g,class:(0,r.twMerge)(e.t({"bg-(--colors-F5F6F8)!":(0,n.unref)(l.filled),"pr-8!":(0,n.unref)(l.showClear)}).string,e.t((0,n.unref)(l.inputClass)).string,y()?``:e.t((0,n.unref)(l.class)).string),modelValue:e.i(s).model.getData(),"onUpdate:modelValue":t=>{M(()=>{e.i(s).model.replaceData(t)})}}),null),C=()=>{let t=e.i(s).input();return(0,n.createVNode)(i.Textarea,(0,n.mergeProps)({autoResize:!0},e.f(t.props,`type`)),t.children)},w=()=>{let t=e.i(s).input();return(0,n.createVNode)(i.Checkbox,(0,n.mergeProps)({binary:!0,indeterminate:(0,n.unref)(l.indeterminate)},e.f(t.props,`type`)),t.children)},T=()=>{let t=e.i(s).input();return(0,n.createVNode)(i.RadioButton,e.f(t.props,`type`),t.children)},E=()=>{let t=e.i(s).input();return(0,n.createVNode)(i.ToggleSwitch,(0,n.mergeProps)({binary:!0},e.f(t.props,`type`)),t.children)},D=()=>{let t=e.i(s).input();return(0,n.createVNode)(f,(0,n.mergeProps)(e.f(t.props,[`type`,`label`,`modelValue`,`onUpdate:modelValue`]),{data:l.data}),t.children)},O=()=>{let t=e.i(s).input();return(0,n.createVNode)(p,(0,n.mergeProps)(e.f(t.props,[`type`,`modelValue`,`onUpdate:modelValue`]),{data:l.data}),t.children)},k=()=>{let r;return(0,n.createVNode)(t.t,(0,n.mergeProps)(l.$attrs,{class:(0,n.unref)(l.class)}),d(r=e.i(s).field())?r:{default:()=>[r]})},A=()=>[`textarea`,`editor`,`select`,`checkbox`,`toggle`,`radio`].includes((0,n.unref)(h))?e.i(s)[(0,n.unref)(h)]():e.i(s).clearableInput(),j=()=>{let t=e.i(s).input();return(0,n.unref)(l.showClear)?(0,n.createVNode)(`div`,{class:(0,r.twMerge)(`relative`,e.t((0,n.unref)(l.inputClass)).string)},[t,(0,n.createVNode)(u,{class:{hidden:!e.i(s).model.getData(),"absolute right-3 -translate-y-1/2 top-1/2 text-gray-400 hover:text-gray-600 cursor-pointer":!0},onClick:()=>{e.i(s).model.replaceData()}},null)]):t},M=e=>{clearTimeout(_.value),_.value=setTimeout(e,(0,n.unref)(l.debounce))};(0,n.watch)(()=>[l.masking,g],([e,t])=>{e&&t.value&&(0,o.default)(e).mask(t.value.$el)},{deep:!0});let N=()=>{let e=(0,n.unref)(g)?.$el;if(!(0,n.unref)(l.grow)||!(e instanceof HTMLInputElement))return;let t=getComputedStyle(e),r=document.createElement(`span`);Object.assign(r.style,{position:`absolute`,visibility:`hidden`,whiteSpace:`pre`,fontFamily:t.fontFamily,fontSize:t.fontSize,fontWeight:t.fontWeight,fontStyle:t.fontStyle,letterSpacing:t.letterSpacing}),r.textContent=e.value||e.placeholder||``,document.body.append(r);let i=t.boxSizing===`border-box`?[`paddingLeft`,`paddingRight`,`borderLeftWidth`,`borderRightWidth`].reduce((e,n)=>e+(parseFloat(t[n])||0),0):0;e.style.width=`${Math.ceil(r.getBoundingClientRect().width)+i+2}px`,r.remove()};return(0,n.watch)([g,()=>e.i(s).model.getData(),()=>(0,n.unref)(l.placeholder)],()=>(0,n.nextTick)(N),{immediate:!0,flush:`post`}),{template:b,label:x,input:S,textarea:C,editor:D,select:O,checkbox:w,radio:T,toggle:E,field:A,clearableInput:j,container:k,throttle:M,resize:N,inputRef:g}}});function h(e){return typeof e==`function`||Object.prototype.toString.call(e)===`[object Object]`&&!(0,n.isVNode)(e)}var g=e.c({modelName:`Editor`,props:{showClear:e.n({type:Boolean})},setup(t,r,i){let a,o=(0,n.ref)(),c=()=>{let c,l=e.i(r).input();return(0,n.createVNode)(`div`,{class:{"w-full":!0,"editor-clearable":(0,n.unref)(i.showClear)},onClick:e=>{e.target.type!==`file`&&e.preventDefault()}},[(0,n.createVNode)(s.default,(0,n.mergeProps)(e.f(l.props,`type`),{onLoad:e=>{a=e.instance,o.value=e.instance.container,l.props.onLoad?.(e)}}),{...l.children,toolbar:()=>(0,n.createVNode)(`div`,{class:`w-full flex flex-wrap items-center gap-y-1`},[(0,n.createVNode)(`span`,{class:`ql-formats`},[e.i(t).undo(),e.i(t).redo()]),(0,n.createVNode)(`span`,{class:`ql-formats`},[e.i(t).header()]),(0,n.createVNode)(`span`,{class:`ql-formats`},[e.i(t).bold(),e.i(t).italic(),e.i(t).underline(),e.i(t).strike(),e.i(t).code()]),(0,n.createVNode)(`span`,{class:`ql-formats`},[e.i(t).color(),e.i(t).background()]),(0,n.createVNode)(`span`,{class:`ql-formats`},[e.i(t).subscript(),e.i(t).superscript()]),(0,n.createVNode)(`span`,{class:`ql-formats`},[e.i(t).ordered(),e.i(t).unordered(),e.i(t).checklist(),e.i(t).outdent(),e.i(t).indent(),e.i(t).align()]),(0,n.createVNode)(`span`,{class:`ql-formats`},[e.i(t).blockquote(),e.i(t).codeBlock()]),(0,n.createVNode)(`span`,{class:`ql-formats`},[e.i(t).link(),e.i(t).image()]),(0,n.createVNode)(`span`,{class:`ql-formats`},[e.i(t).clean()])])}),(0,n.unref)(i.showClear)&&o.value&&(0,n.createVNode)(n.Teleport,{to:o.value},h(c=e.i(t).clearButton())?c:{default:()=>[c]})])},l=()=>e.i(t).field(),d=()=>(0,n.createVNode)(u,{class:{hidden:!e.i(t).model.getData(),"absolute top-3 right-3 text-gray-400 hover:text-gray-600 cursor-pointer":!0},onClick:()=>{e.i(t).model.replaceData()}},null),f=()=>(0,n.createVNode)(`button`,{class:`ql-bold`,title:`Bold`},null),p=()=>(0,n.createVNode)(`button`,{class:`ql-italic`,title:`Italic`},null),m=()=>(0,n.createVNode)(`button`,{class:`ql-underline`,title:`Underline`},null),g=()=>(0,n.createVNode)(`button`,{class:`ql-strike`,title:`Strikethrough`},null),_=()=>(0,n.createVNode)(`button`,{class:`ql-code`,title:`Inline code`},null),v=()=>(0,n.createVNode)(`button`,{class:`ql-list`,value:`ordered`,title:`Numbered list`},null),y=()=>(0,n.createVNode)(`button`,{class:`ql-list`,value:`bullet`,title:`Bulleted list`},null),b=()=>(0,n.createVNode)(`button`,{class:`ql-list`,value:`check`,title:`Checklist`},null),x=e=>{a?.history[e]()};return{input:c,container:l,clearButton:d,undo:()=>(0,n.createVNode)(`button`,{type:`button`,title:`Undo`,onClick:()=>x(`undo`)},[(0,n.createVNode)(`svg`,{viewBox:`0 0 18 18`},[(0,n.createVNode)(`polygon`,{class:`ql-fill ql-stroke`,points:`6 10 4 12 2 10 6 10`},null),(0,n.createVNode)(`path`,{class:`ql-stroke`,d:`M8.09,13.91A4.6,4.6,0,0,0,9,14,5,5,0,1,0,4,9`},null)])]),redo:()=>(0,n.createVNode)(`button`,{type:`button`,title:`Redo`,onClick:()=>x(`redo`)},[(0,n.createVNode)(`svg`,{viewBox:`0 0 18 18`},[(0,n.createVNode)(`polygon`,{class:`ql-fill ql-stroke`,points:`12 10 14 12 16 10 12 10`},null),(0,n.createVNode)(`path`,{class:`ql-stroke`,d:`M9.91,13.91A4.6,4.6,0,0,1,9,14a5,5,0,1,1,5-5`},null)])]),bold:f,italic:p,underline:m,strike:g,code:_,ordered:v,unordered:y,checklist:b,align:()=>(0,n.createVNode)(`span`,{title:`Alignment`},[(0,n.createVNode)(`select`,{class:`ql-align`},null)]),header:()=>(0,n.createVNode)(`span`,{title:`Heading`},[(0,n.createVNode)(`select`,{class:`ql-header`},[(0,n.createVNode)(`option`,{value:`1`},null),(0,n.createVNode)(`option`,{value:`2`},null),(0,n.createVNode)(`option`,{value:`3`},null),(0,n.createVNode)(`option`,{value:`4`},null),(0,n.createVNode)(`option`,{value:`5`},null),(0,n.createVNode)(`option`,{value:`6`},null),(0,n.createVNode)(`option`,{selected:!0},null)])]),color:()=>(0,n.createVNode)(`span`,{title:`Text colour`},[(0,n.createVNode)(`select`,{class:`ql-color`},null)]),background:()=>(0,n.createVNode)(`span`,{title:`Highlight`},[(0,n.createVNode)(`select`,{class:`ql-background`},null)]),subscript:()=>(0,n.createVNode)(`button`,{class:`ql-script`,value:`sub`,title:`Subscript`},null),superscript:()=>(0,n.createVNode)(`button`,{class:`ql-script`,value:`super`,title:`Superscript`},null),outdent:()=>(0,n.createVNode)(`button`,{class:`ql-indent`,value:`-1`,title:`Decrease indent`},null),indent:()=>(0,n.createVNode)(`button`,{class:`ql-indent`,value:`+1`,title:`Increase indent`},null),blockquote:()=>(0,n.createVNode)(`button`,{class:`ql-blockquote`,title:`Quote`},null),codeBlock:()=>(0,n.createVNode)(`button`,{class:`ql-code-block`,title:`Code block`},null),link:()=>(0,n.createVNode)(`button`,{class:`ql-link`,title:`Link`},null),image:()=>(0,n.createVNode)(`button`,{class:`ql-image`,title:`Image`},null),clean:()=>(0,n.createVNode)(`button`,{class:`ql-clean`,title:`Clear formatting`},null)}}},m),_=(e,t)=>{let n=e.__vccOpts||e;for(let[e,r]of t)n[e]=r;return n},v=e.x({default:()=>y}),y=_(g,[[`__scopeId`,`data-v-f9ca0d09`]]);Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return y}});

package/dist/Label-CkJjlfli.js

@@ -0,0 +1 @@
+const e=require(`./src-BJaQUsvj.js`);let t=require(`vue`),n=require(`tailwind-merge`),r=require(`primevue`);var i=e.c({model:!1,modelName:`Label`,props:{label:e.n({type:[Number,String],default:`Label`}),labelType:e.n({type:String,default:`lb`,validator:e=>{let n=[`lb`,`on`,`in`,`if`,`over`];if(n.includes(e))return!0;throw Error(`Invalid label type [ ${(0,t.unref)(e)} ], must be of [ ${n.join(`, `)} ]`)}}),invisible:e.n({type:Boolean}),labelLeft:e.n({type:Boolean}),labelRight:e.n({type:Boolean}),labelClass:e.n()},setup(i,a,o){return{template:()=>[`lb`].includes((0,t.unref)(o.labelType))?(0,t.createVNode)(`label`,{class:(0,n.twMerge)(`flex flex-col text-xs gap-y-1`,e.t({"flex-row items-center gap-x-2":(0,t.unref)(o.labelLeft)||(0,t.unref)(o.labelRight)}).string)},[(0,t.createVNode)(`div`,{class:(0,n.twMerge)(`flex items-center h-full`,e.t({"order-1":(0,t.unref)(o.labelRight),invisible:(0,t.unref)(o.invisible)}).string,e.t((0,t.unref)(o.labelClass)).string)},[(0,t.unref)(o.label)]),(0,t.createVNode)(`div`,{class:{"flex grow":!0,"justify-end":(0,t.unref)(o.labelLeft)}},[o.$slots.default()])]):(0,t.createVNode)([`if`].includes((0,t.unref)(o.labelType))?r.IftaLabel:r.FloatLabel,{variant:(0,t.unref)(o.labelType),class:(0,n.twMerge)(e.t((0,t.unref)(o.labelClass)).string)},{default:()=>[(0,t.createVNode)(`label`,{class:{invisible:(0,t.unref)(o.invisible)}},[(0,t.unref)(o.label)]),o.$slots.default()]})}}});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});

package/dist/Label-DD9yGa7V.mjs

@@ -0,0 +1,49 @@
+import { c as e, n as t, t as n } from "./src-DwXft6y4.mjs";
+import { createVNode as r, unref as i } from "vue";
+import { twMerge as a } from "tailwind-merge";
+import { FloatLabel as o, IftaLabel as s } from "primevue";
+//#endregion
+//#region src/components/Label.vue
+var c = e({
+	model: !1,
+	modelName: "Label",
+	props: {
+		label: t({
+			type: [Number, String],
+			default: "Label"
+		}),
+		labelType: t({
+			type: String,
+			default: "lb",
+			validator: (e) => {
+				let t = [
+					"lb",
+					"on",
+					"in",
+					"if",
+					"over"
+				];
+				if (t.includes(e)) return !0;
+				throw Error(`Invalid label type [ ${i(e)} ], must be of [ ${t.join(", ")} ]`);
+			}
+		}),
+		invisible: t({ type: Boolean }),
+		labelLeft: t({ type: Boolean }),
+		labelRight: t({ type: Boolean }),
+		labelClass: t()
+	},
+	setup(e, t, c) {
+		return { template: () => ["lb"].includes(i(c.labelType)) ? r("label", { class: a("flex flex-col text-xs gap-y-1", n({ "flex-row items-center gap-x-2": i(c.labelLeft) || i(c.labelRight) }).string) }, [r("div", { class: a("flex items-center h-full", n({
+			"order-1": i(c.labelRight),
+			invisible: i(c.invisible)
+		}).string, n(i(c.labelClass)).string) }, [i(c.label)]), r("div", { class: {
+			"flex grow": !0,
+			"justify-end": i(c.labelLeft)
+		} }, [c.$slots.default()])]) : r(["if"].includes(i(c.labelType)) ? s : o, {
+			variant: i(c.labelType),
+			class: a(n(i(c.labelClass)).string)
+		}, { default: () => [r("label", { class: { invisible: i(c.invisible) } }, [i(c.label)]), c.$slots.default()] }) };
+	}
+});
+//#endregion
+export { c as t };

package/dist/ReactiveView.d.mts

@@ -0,0 +1,20 @@
+import { type ComponentPublicInstance } from "vue";
+export declare const setup: {
+    type: FunctionConstructor;
+    default: (_parent?: {}, self?: {}) => {};
+    ReactiveView: boolean;
+};
+declare const _default: import("vue").DefineComponent<{
+    [x: string]: /*elided*/ any;
+}, (vue: ComponentPublicInstance) => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    [x: string]: /*elided*/ any;
+}> & Readonly<{}>, {
+    ReactiveView: boolean;
+    instance: import("vue").Ref<any, any>;
+    data: import("vue").Ref<{}, {}>;
+    getDefaultData: Function;
+    modelName: string;
+    debug: boolean;
+    state: {};
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/ReactiveView.d.ts

@@ -0,0 +1,20 @@
+import { type ComponentPublicInstance } from "vue";
+export declare const setup: {
+    type: FunctionConstructor;
+    default: (_parent?: {}, self?: {}) => {};
+    ReactiveView: boolean;
+};
+declare const _default: import("vue").DefineComponent<{
+    [x: string]: /*elided*/ any;
+}, (vue: ComponentPublicInstance) => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    [x: string]: /*elided*/ any;
+}> & Readonly<{}>, {
+    ReactiveView: boolean;
+    instance: import("vue").Ref<any, any>;
+    data: import("vue").Ref<{}, {}>;
+    getDefaultData: Function;
+    modelName: string;
+    debug: boolean;
+    state: {};
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/Select-D8LFsK4R.js

@@ -0,0 +1 @@
+const e=require(`./src-BJaQUsvj.js`),t=require(`./Label-CkJjlfli.js`);let n=require(`vue`),r=require(`tailwind-merge`),i=require(`primevue`),a=require(`uuid`);var o={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function s(e,t){return(0,n.openBlock)(),(0,n.createElementBlock)(`svg`,o,[...t[0]||=[(0,n.createElementVNode)(`path`,{fill:`currentColor`,d:`M21 7L9 19l-5.5-5.5l1.41-1.41L9 16.17L19.59 5.59z`},null,-1)]])}var c=(0,n.markRaw)({name:`mdi-check`,render:s});function l(e){return typeof e==`function`||Object.prototype.toString.call(e)===`[object Object]`&&!(0,n.isVNode)(e)}var u=e.c({modelName:`Select`,props:{data:{},defaultData:e.n(),onShow:e.n({type:Function}),onFilter:e.n({type:Function}),multiple:e.n({type:Boolean}),filled:e.n({type:Boolean}),sorted:e.n({type:Boolean,default:!0}),debounce:e.n({type:[Number,String],default:200,validator:e=>/^\d+$/.test(e)}),placeholder:e.n({type:[Boolean,Number,String],default:`None`}),dropdown:e.n({type:Boolean,default:!0}),type:e.n({type:String,default:`select`}),options:e.n({type:Array,default:[]}),optionLabel:e.n({type:[Function,Number,String]}),optionValue:e.n({type:[Function,Number,String]}),optionProperty:e.n({type:[Function,Number,String]}),filterInputClass:e.n(),inputClass:e.n(),class:e.n()},data:t=>{let r=(0,n.unref)(t.data);return e.o(r===void 0?(0,n.unref)(t.defaultData)??((0,n.unref)(t.multiple)?[]:{}):r)},defaultData:e=>(0,n.unref)(e.defaultData)??((0,n.unref)(e.multiple)?[]:{}),setup(o,s,u){let d=`component_${(0,a.v4)()}`,f=(0,n.ref)(),p=(0,n.ref)(),m=(0,n.ref)([]),h=(0,n.reactive)({status:!1}),g=(0,n.computed)(()=>(0,n.unref)(u.placeholder)===!1||[`number`,`string`].includes(typeof(0,n.unref)(u.placeholder))?(0,n.unref)(u.placeholder):[`number`,`string`].includes(typeof(0,n.unref)(u.$attrs.label))?(0,n.unref)(u.$attrs.label):void 0),_=(0,n.computed)(()=>(0,n.unref)(u.multiple)?i.MultiSelect:i.Select),v=t=>((0,n.unref)(m)??[]).find(n=>e.i(o).getValue(n)===e.i(o).getValue(t)),y=(0,n.computed)(()=>{try{if((0,n.unref)(u.sorted)===!1)return(0,n.unref)(m);let t=e.i(o).model.getData();if(!t||Array.isArray(t)&&t.length===0)return(0,n.unref)(m);let r=new Set((Array.isArray(t)?t:[t]).map(t=>{let n=v(t);return n?e.i(o).getValue(n):e.i(o).getValue(t)})),i=new Map((0,n.unref)(m).map((e,t)=>[e,t]));return(0,n.unref)(m).toSorted((t,n)=>{let a=r.has(e.i(o).getValue(t)),s=r.has(e.i(o).getValue(n));return a&&!s?-1:!a&&s?1:a&&s?(i.get(n)??0)-(i.get(t)??0):0})}catch{return(0,n.unref)(m)}}),b=(0,n.computed)(()=>{let t=e.i(o).model.getData();return((0,n.unref)(u.multiple)?(Array.isArray(t)?t:[]).map(t=>e.i(o).getProperty(v(t))):e.i(o).getProperty(v(t)))??t}),x=(0,n.computed)(()=>{if((0,n.unref)(m).some(e=>typeof e==`object`&&!!e))return t=>e.i(o).getLabel(t)}),S=e=>{try{return typeof u.optionValue==`function`?u.optionValue(e):[`Object`].includes(e.constructor.name)?e[(0,n.unref)(u.optionValue)??`id`]:e}catch{return e}},C=e=>{try{return typeof u.optionLabel==`function`?u.optionLabel(e):[`Object`].includes(e.constructor.name)?e[(0,n.unref)(u.optionLabel)??`name`]:e}catch{return e}},w=e=>{try{return typeof u.optionProperty==`function`?u.optionProperty(e):[`Object`].includes(e.constructor.name)&&(0,n.unref)(u.optionProperty)?e[(0,n.unref)(u.optionProperty)]:e}catch{return e}},T=()=>{let r;return(0,n.unref)(u.$attrs.label)?(0,n.createVNode)(t.t,(0,n.mergeProps)(u.$attrs,{class:(0,n.unref)(u.class)}),l(r=e.i(o).input())?r:{default:()=>[r]}):e.i(o).input()},E=()=>(0,n.createVNode)(_.value,(0,n.mergeProps)({fluid:!0,size:`small`,appendTo:`self`,autoFilterFocus:(0,n.unref)(u.$attrs.filter),resetFilterOnHide:!0,resetFilterOnClear:!0,loading:h.status,options:(0,n.unref)(y)},e.f(u.$attrs,`class`),[`number`,`string`].includes(typeof(0,n.unref)(g))?{placeholder:String((0,n.unref)(g))}:{},{id:d,ref:f,class:(0,r.twMerge)(e.t({"bg-(--colors-F5F6F8)!":(0,n.unref)(u.filled)}).string,e.t((0,n.unref)(u.inputClass)).string,(0,n.unref)(u.$attrs.label)?``:e.t((0,n.unref)(u.class)).string),modelValue:(0,n.unref)(b),onFilter:({value:t})=>{typeof u.onFilter==`function`&&A(()=>{e.m({loading:h,try:async()=>{let e=await u.onFilter({query:t});Array.isArray(e)?m.value=e:typeof e==`function`&&(m.value=e())}})})},onShow:()=>{typeof u.onShow==`function`&&A(()=>{e.m({loading:h,try:async()=>{let e=await u.onShow();Array.isArray(e)?m.value=e:typeof e==`function`&&(m.value=e())}})})},optionLabel:(0,n.unref)(x),pt:{...(0,n.unref)(u.$attrs.pt),...(0,n.unref)(u.multiple)?{header:e.i(o).allRow()}:{},pcFilter:{...(0,n.unref)(u.$attrs.pt)?.pcFilter,root:{...(0,n.unref)(u.$attrs.pt)?.pcFilter?.root,class:(0,r.twMerge)((0,n.unref)(u.$attrs.pt)?.pcFilter?.root?.class,e.t((0,n.unref)(u.filterInputClass)).string)}}}},(0,n.unref)(u.optionProperty)?{optionValue:t=>e.i(o).getProperty(t)}:{},{"onUpdate:modelValue":t=>{A(()=>{e.i(o).model.replaceData(e.i(o).getProperty(t))})}}),{...u.$slots,...(0,n.unref)(u.dropdown)?{}:{dropdownicon:()=>``},...(0,n.unref)(u.multiple)?{headercheckboxicon:(...t)=>(u.$slots.headercheckboxicon||e.i(o).headerCheckboxIconSlot)(...t)}:{},...e.i(o).valueSlot?{value:(t,...n)=>u.$slots.value({...t,value:e.i(o).valueSlot(t,...n)},...n)}:{},...e.i(o).optionSlot?{option:(t,...n)=>u.$slots.option({...t,option:e.i(o).optionSlot(t,...n)},...n)}:{}}),D=({class:t,checked:r})=>(0,n.createVNode)(`div`,{class:`absolute flex items-center`},[(0,n.createVNode)(c,{class:{[t]:!0,invisible:!r,"relative left-1/2 -translate-x-1/2":!0}},null),e.i(o).selectAllOptionText()]),O=()=>({class:`m-(--p-multiselect-list-padding)! mb-0! p-(--p-multiselect-option-padding)! rounded-(--p-multiselect-option-border-radius)! cursor-pointer hover:bg-(--p-multiselect-option-focus-background)! hover:text-(--p-multiselect-option-focus-color)!`,onMouseenter:()=>{(0,n.unref)(f)&&((0,n.unref)(f).focusedOptionIndex=-1)},onClick:e=>{e.target.closest(`.p-checkbox-input, .p-multiselect-filter-container`)||e.currentTarget.querySelector(`.p-checkbox-input`)?.click()}}),k=()=>(0,n.createVNode)(`div`,{class:`relative left-5 text-(--p-multiselect-option-color)`},[(0,n.createTextVNode)(`All`)]),A=e=>{clearTimeout(p.value),p.value=setTimeout(e,(0,n.unref)(u.debounce))};return(0,n.watch)(()=>(0,n.unref)(u.options),e=>{m.value=e},{immediate:!0}),(0,n.onBeforeUnmount)(()=>{clearTimeout(p.value)}),{template:T,input:E,getLabel:C,getValue:S,getProperty:w,getOption:v,headerCheckboxIconSlot:D,allRow:O,selectAllOptionText:k,debounce:A,inputRef:f,timeoutRef:p,optionsRef:m,computedOptionsRef:y,computedSelectionsRef:b,loadingRef:h}}}),d=e.x({default:()=>f}),f=u;Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return f}});