@indielayer/ui 1.18.1 → 2.0.0

package/lib/components/popover/Popover.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,189 @@
+import { useTheme as e } from "../../composables/useTheme.js";
+import { kt as t } from "../../node_modules/.pnpm/floating-vue@5.2.2_@nuxt_kit@4.4.6_magicast@0.5.3__vue@3.5.34_typescript@5.2.2_/node_modules/floating-vue/dist/floating-vue.js";
+import { createBlock as n, defineComponent as r, normalizeClass as i, normalizeStyle as a, openBlock as o, ref as s, renderSlot as c, unref as l, withCtx as u } from "vue";
+//#region src/components/popover/Popover.vue?vue&type=script&setup=true&lang.ts
+var d = /* @__PURE__ */ r({
+	name: "XPopover",
+	validators: { placement: [
+		"top",
+		"top-start",
+		"top-end",
+		"bottom",
+		"bottom-start",
+		"bottom-end",
+		"left",
+		"left-start",
+		"left-end",
+		"right",
+		"right-start",
+		"right-end"
+	] },
+	props: {
+		disabled: Boolean,
+		positioningDisabled: Boolean,
+		placement: {
+			type: String,
+			default: "bottom-start"
+		},
+		delay: {
+			type: [
+				String,
+				Number,
+				Object
+			],
+			default: 0
+		},
+		distance: [Number, String],
+		skidding: [Number, String],
+		triggers: {
+			type: Array,
+			default: () => ["click"]
+		},
+		hideArrow: {
+			type: Boolean,
+			default: !0
+		},
+		showTriggers: [Array, Function],
+		hideTriggers: [Array, Function],
+		popperTriggers: Array,
+		popperShowTriggers: [Array, Function],
+		popperHideTriggers: [Array, Function],
+		container: {
+			type: [
+				String,
+				Object,
+				Boolean
+			],
+			default: "body"
+		},
+		boundary: [String, Object],
+		strategy: {
+			type: String,
+			default: "absolute"
+		},
+		autoHide: {
+			type: [Boolean, Function],
+			default: !0
+		},
+		shown: Boolean,
+		handleResize: {
+			type: Boolean,
+			default: !0
+		},
+		instantMove: Boolean,
+		eagerMount: Boolean,
+		popperClass: [
+			String,
+			Array,
+			Object
+		],
+		computeTransformOrigin: Boolean
+	},
+	emits: [
+		"show",
+		"hide",
+		"update:shown",
+		"apply-show",
+		"apply-hide",
+		"close-group",
+		"close-directive",
+		"auto-hide",
+		"resize"
+	],
+	setup(r, { expose: d }) {
+		let f = r, p = s(null);
+		function m() {
+			p.value?.show();
+		}
+		function h() {
+			p.value?.hide();
+		}
+		function g() {
+			_.value ? h() : m();
+		}
+		let _ = s(!1);
+		d({
+			show: m,
+			hide: h,
+			toggle: g,
+			isOpen: _
+		});
+		let { styles: v, classes: y, className: b } = e("Popover", {}, f);
+		return (e, r) => (o(), n(l(t), {
+			ref_key: "elRef",
+			ref: p,
+			style: a(l(v)),
+			class: i([l(b), l(y).wrapper]),
+			"positioning-disabled": e.positioningDisabled,
+			placement: e.placement,
+			disabled: e.disabled,
+			delay: e.delay,
+			shown: e.shown,
+			distance: e.distance,
+			skidding: e.skidding,
+			triggers: e.triggers,
+			"show-triggers": e.showTriggers,
+			"hide-triggers": e.hideTriggers,
+			"popper-triggers": e.popperTriggers,
+			"popper-show-triggers": e.popperShowTriggers,
+			"popper-hide-triggers": e.popperHideTriggers,
+			container: e.container,
+			boundary: e.boundary,
+			strategy: e.strategy,
+			"auto-hide": e.autoHide,
+			"handle-resize": e.handleResize,
+			"instant-move": e.instantMove,
+			"eager-mount": e.eagerMount,
+			"popper-class": [
+				l(y).content,
+				e.popperClass,
+				e.hideArrow ? "v-popper__popper--no-arrow" : ""
+			],
+			"compute-transform-origin": e.computeTransformOrigin,
+			onShow: r[0] ||= () => {
+				_.value = !0, e.$emit("show");
+			},
+			onHide: r[1] ||= () => {
+				_.value = !1, e.$emit("hide");
+			},
+			"onUpdate:shown": r[2] ||= (t) => e.$emit("update:shown", t),
+			onApplyShow: r[3] ||= () => e.$emit("apply-show"),
+			onApplyHide: r[4] ||= () => e.$emit("apply-hide"),
+			onCloseGroup: r[5] ||= () => e.$emit("close-group"),
+			onCloseDirective: r[6] ||= () => e.$emit("close-directive"),
+			onAutoHide: r[7] ||= () => e.$emit("auto-hide"),
+			onResize: r[8] ||= () => e.$emit("resize")
+		}, {
+			popper: u(() => [c(e.$slots, "content")]),
+			default: u(() => [c(e.$slots, "default")]),
+			_: 3
+		}, 8, [
+			"style",
+			"class",
+			"positioning-disabled",
+			"placement",
+			"disabled",
+			"delay",
+			"shown",
+			"distance",
+			"skidding",
+			"triggers",
+			"show-triggers",
+			"hide-triggers",
+			"popper-triggers",
+			"popper-show-triggers",
+			"popper-hide-triggers",
+			"container",
+			"boundary",
+			"strategy",
+			"auto-hide",
+			"handle-resize",
+			"instant-move",
+			"eager-mount",
+			"popper-class",
+			"compute-transform-origin"
+		]));
+	}
+});
+//#endregion
+export { d as default };

package/lib/components/popover/PopoverContainer.js

@@ -0,0 +1,5 @@
+import e from "./PopoverContainer.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/popover/PopoverContainer.vue
+var t = e;
+//#endregion
+export { t as default };

package/lib/components/popover/PopoverContainer.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,22 @@
+import { useTheme as e } from "../../composables/useTheme.js";
+import { createBlock as t, defineComponent as n, normalizeClass as r, normalizeStyle as i, openBlock as a, renderSlot as o, resolveDynamicComponent as s, unref as c, withCtx as l } from "vue";
+//#region src/components/popover/PopoverContainer.vue?vue&type=script&setup=true&lang.ts
+var u = /* @__PURE__ */ n({
+	name: "XPopoverContainer",
+	props: { tag: {
+		default: "div",
+		type: String
+	} },
+	setup(n) {
+		let { styles: u, classes: d, className: f } = e("PopoverContainer", {}, n);
+		return (e, n) => (a(), t(s(e.tag), {
+			style: i(c(u)),
+			class: r([c(f), c(d).wrapper])
+		}, {
+			default: l(() => [o(e.$slots, "default")]),
+			_: 3
+		}, 8, ["style", "class"]));
+	}
+});
+//#endregion
+export { u as default };

package/lib/components/popover/theme/Popover.base.theme.js

@@ -1,9 +1,7 @@
-const e = {
-  classes: {
-    wrapper: "relative",
-    content: "max-w-xs"
-  }
-}, s = e;
-export {
-  s as default
-};
+//#region src/components/popover/theme/Popover.base.theme.ts
+var e = { classes: {
+	wrapper: "relative",
+	content: "max-w-xs"
+} };
+//#endregion
+export { e as default };

package/lib/components/popover/theme/Popover.carbon.theme.js

@@ -1,5 +1,5 @@
 import e from "./Popover.base.theme.js";
-const t = e, o = t;
-export {
-  o as default
-};
+//#region src/components/popover/theme/Popover.carbon.theme.ts
+var t = e;
+//#endregion
+export { t as default };

package/lib/components/popover/theme/PopoverContainer.base.theme.js

@@ -1,8 +1,4 @@
-const e = {
-  classes: {
-    wrapper: "block w-full bg-white dark:bg-secondary-700 shadow-lg rounded-md border border-secondary-200 dark:border-secondary-800"
-  }
-}, r = e;
-export {
-  r as default
-};
+//#region src/components/popover/theme/PopoverContainer.base.theme.ts
+var e = { classes: { wrapper: "block w-full bg-white dark:bg-secondary-700 shadow-lg rounded-md border border-secondary-200 dark:border-secondary-800" } };
+//#endregion
+export { e as default };

package/lib/components/popover/theme/PopoverContainer.carbon.theme.js

@@ -1,8 +1,4 @@
-const e = {
-  classes: {
-    wrapper: "block w-full bg-secondary-100 dark:bg-secondary-700 shadow-lg border border-secondary-200 dark:border-secondary-800 text-sm"
-  }
-}, r = e;
-export {
-  r as default
-};
+//#region src/components/popover/theme/PopoverContainer.carbon.theme.ts
+var e = { classes: { wrapper: "block w-full bg-secondary-100 dark:bg-secondary-700 shadow-lg border border-secondary-200 dark:border-secondary-800 text-sm" } };
+//#endregion
+export { e as default };

package/lib/components/progress/Progress.js

@@ -0,0 +1,5 @@
+import e from "./Progress.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/progress/Progress.vue
+var t = e;
+//#endregion
+export { t as default };

package/lib/components/progress/Progress.vue.d.ts

@@ -6,12 +6,12 @@ declare const progressProps: {
         default: number;
         validator: (value: number) => boolean;
     };
-    gradient: BooleanConstructor;
+    gradient: import("vue").Prop<boolean | undefined>;
     animate: {
         type: BooleanConstructor;
         default: boolean;
     };
-    thick: BooleanConstructor;
+    thick: import("vue").Prop<boolean | undefined>;
     color: {
         readonly type: StringConstructor;
         readonly default: string | undefined;
@@ -27,12 +27,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: number;
         validator: (value: number) => boolean;
     };
-    gradient: BooleanConstructor;
+    gradient: import("vue").Prop<boolean | undefined>;
     animate: {
         type: BooleanConstructor;
         default: boolean;
     };
-    thick: BooleanConstructor;
+    thick: import("vue").Prop<boolean | undefined>;
     color: {
         readonly type: StringConstructor;
         readonly default: string | undefined;
@@ -43,12 +43,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: number;
         validator: (value: number) => boolean;
     };
-    gradient: BooleanConstructor;
+    gradient: import("vue").Prop<boolean | undefined>;
     animate: {
         type: BooleanConstructor;
         default: boolean;
     };
-    thick: BooleanConstructor;
+    thick: import("vue").Prop<boolean | undefined>;
     color: {
         readonly type: StringConstructor;
         readonly default: string | undefined;
@@ -56,8 +56,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>> & Readonly<{}>, {
     color: string;
     percentage: string | number;
-    gradient: boolean;
     animate: boolean;
-    thick: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/components/progress/Progress.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,38 @@
+import { useColors as e } from "../../composables/useColors.js";
+import { useTheme as t } from "../../composables/useTheme.js";
+import { optionalBooleanProp as n } from "../../common/props.js";
+import { createCommentVNode as r, createElementBlock as i, createElementVNode as a, defineComponent as o, normalizeClass as s, normalizeStyle as c, openBlock as l, unref as u } from "vue";
+//#region src/components/progress/Progress.vue?vue&type=script&setup=true&lang.ts
+var d = /* @__PURE__ */ o({
+	name: "XProgress",
+	props: {
+		...e.props("primary"),
+		percentage: {
+			type: [Number, String],
+			default: 0,
+			validator: (e) => e >= 0 && e <= 100
+		},
+		gradient: n(),
+		animate: {
+			type: Boolean,
+			default: !0
+		},
+		thick: n()
+	},
+	setup(e) {
+		let { styles: n, classes: o, className: d } = t("Progress", {}, e);
+		return (e, t) => (l(), i("div", {
+			style: c(u(n)),
+			class: s([u(d), u(o).wrapper])
+		}, [a("div", {
+			class: s(["h-full", [e.gradient ? "bg-gradient-to-r" : "bg-[color:var(--x-progress-bg)]", { "duration-150 transition-[width]": e.animate }]]),
+			style: c([e.gradient ? "" : { width: `${e.percentage}%` }])
+		}, null, 6), e.gradient ? (l(), i("div", {
+			key: 0,
+			class: s(["absolute h-full bg-secondary-100 dark:bg-secondary-700 right-0 top-0", { "duration-150 transition-[width]": e.animate }]),
+			style: c({ width: `${100 - Number(e.percentage)}%` })
+		}, null, 6)) : r("", !0)], 6));
+	}
+});
+//#endregion
+export { d as default };

package/lib/components/progress/theme/Progress.base.theme.js

@@ -1,18 +1,14 @@
-const o = {
-  classes: {
-    wrapper: ({ props: e }) => `relative rounded bg-secondary-100 dark:bg-secondary-700 overflow-hidden pointer-events-none ${e.thick ? "h-1.5" : "h-1"}`,
-    list: "flex flex-col items-end w-full sm:w-[520px] px-4",
-    item: "w-full flex items-center rounded-md px-4 py-3 bg-secondary-800 dark:bg-secondary-50 text-white dark:text-secondary-900"
-  },
-  styles: ({ props: e, colors: r, css: n }) => {
-    const t = r.getPalette(e.color), s = [];
-    return s.push(n.variables({
-      bg: t[500]
-    })), e.gradient && s.push({
-      "--tw-gradient-stops": `${t[100]}, ${t[800]}`
-    }), s;
-  }
-}, a = o;
-export {
-  a as default
+//#region src/components/progress/theme/Progress.base.theme.ts
+var e = {
+	classes: {
+		wrapper: ({ props: e }) => `relative rounded bg-secondary-100 dark:bg-secondary-700 overflow-hidden pointer-events-none ${e.thick ? "h-1.5" : "h-1"}`,
+		list: "flex flex-col items-end w-full sm:w-[520px] px-4",
+		item: "w-full flex items-center rounded-md px-4 py-3 bg-secondary-800 dark:bg-secondary-50 text-white dark:text-secondary-900"
+	},
+	styles: ({ props: e, colors: t, css: n }) => {
+		let r = t.getPalette(e.color), i = [];
+		return i.push(n.variables({ bg: r[500] })), e.gradient && i.push({ "--tw-gradient-stops": `${r[100]}, ${r[800]}` }), i;
+	}
 };
+//#endregion
+export { e as default };

package/lib/components/progress/theme/Progress.carbon.theme.js

@@ -1,5 +1,5 @@
 import e from "./Progress.base.theme.js";
-const t = e, o = t;
-export {
-  o as default
-};
+//#region src/components/progress/theme/Progress.carbon.theme.ts
+var t = e;
+//#endregion
+export { t as default };

package/lib/components/qrCode/QrCode.js

@@ -0,0 +1,5 @@
+import e from "./QrCode.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/qrCode/QrCode.vue
+var t = e;
+//#endregion
+export { t as default };

package/lib/components/qrCode/QrCode.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,79 @@
+import { useTheme as e } from "../../composables/useTheme.js";
+import t from "./qrcodegen.js";
+import { computed as n, createElementBlock as r, createElementVNode as i, defineComponent as a, normalizeClass as o, normalizeStyle as s, onMounted as c, openBlock as l, ref as u, unref as d, watchEffect as f } from "vue";
+//#region src/components/qrCode/QrCode.vue?vue&type=script&setup=true&lang.ts
+var p = /* @__PURE__ */ a({
+	name: "XQrCode",
+	validators: { errorCorrectionLevel: [
+		"L",
+		"M",
+		"Q",
+		"H"
+	] },
+	props: {
+		value: String,
+		color: {
+			type: String,
+			default: "#000"
+		},
+		backgroundColor: {
+			type: String,
+			default: "#fff"
+		},
+		size: {
+			type: [String, Number],
+			default: 100
+		},
+		errorCorrectionLevel: {
+			type: String,
+			default: "M"
+		}
+	},
+	setup(a) {
+		let p = a, m = {
+			L: t.QrCode.Ecc.LOW,
+			M: t.QrCode.Ecc.MEDIUM,
+			Q: t.QrCode.Ecc.QUARTILE,
+			H: t.QrCode.Ecc.HIGH
+		}, h = u(), g = n(() => t.QrCode.encodeText(p.value ?? "-", m[p.errorCorrectionLevel] || t.QrCode.Ecc.MEDIUM));
+		c(() => {
+			f(() => {
+				_(g.value, Number(p.size), p.color, p.backgroundColor);
+			});
+		});
+		function _(e, t, n, r) {
+			let i = h.value;
+			if (!i) return;
+			let a = t * 2, o = a / e.size;
+			i.width = a, i.height = a;
+			let s = i.getContext("2d");
+			if (s) {
+				s.clearRect(0, 0, i.width, i.height);
+				for (let t = 0; t < e.size; t++) for (let i = 0; i < e.size; i++) {
+					s.fillStyle = e.getModule(i, t) ? n : r;
+					let a = Math.floor(i * o), c = Math.ceil((i + 1) * o), l = Math.floor(t * o), u = Math.ceil((t + 1) * o);
+					s.fillRect(a, l, c - a, u - l);
+				}
+			}
+		}
+		let { styles: v, classes: y, className: b } = e("QrCode", {}, p);
+		return (e, t) => (l(), r("div", {
+			style: s([d(v), {
+				width: `calc(1rem + ${e.size}px)`,
+				height: `calc(1rem + ${e.size}px)`,
+				backgroundColor: e.backgroundColor,
+				padding: "0.5rem"
+			}]),
+			class: o([d(b), d(y).wrapper])
+		}, [i("canvas", {
+			ref_key: "canvasRef",
+			ref: h,
+			style: s({
+				width: `${e.size}px`,
+				height: `${e.size}px`
+			})
+		}, null, 4)], 6));
+	}
+});
+//#endregion
+export { p as default };