@icc-grow/web-components 1.0.0

package/dist/es/components/i-progress/index.mjs

@@ -0,0 +1,6 @@
+import { withInstall as e } from "../../utils/install.mjs";
+import t from "./src/progress.mjs";
+//#region src/components/i-progress/index.ts
+var n = e(t);
+//#endregion
+export { n as default };

package/dist/es/components/i-progress/src/progress.mjs

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

package/dist/es/components/i-progress/src/progress.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,71 @@
+import { computed as e, createCommentVNode as t, createElementBlock as n, createElementVNode as r, defineComponent as i, normalizeClass as a, normalizeStyle as o, openBlock as s, toDisplayString as c } from "vue";
+//#region src/components/i-progress/src/progress.vue?vue&type=script&setup=true&lang.ts
+var l = ["aria-valuenow"], u = {
+	key: 0,
+	class: "i-progress__label min-w-0 flex-1 truncate text-black-70"
+}, d = /* @__PURE__ */ i({
+	name: "i-progress",
+	__name: "progress",
+	props: {
+		percentage: {},
+		label: { default: "" },
+		showValue: {
+			type: Boolean,
+			default: !0
+		},
+		format: {
+			type: Function,
+			default: void 0
+		},
+		height: { default: 8 },
+		status: { default: "normal" }
+	},
+	setup(i) {
+		let d = i, f = {
+			normal: {
+				track: "bg-primary-5",
+				bar: "bg-primary",
+				value: "text-primary"
+			},
+			success: {
+				track: "bg-success-10",
+				bar: "bg-success",
+				value: "text-success"
+			},
+			warning: {
+				track: "bg-warning-10",
+				bar: "bg-warning",
+				value: "text-warning"
+			},
+			error: {
+				track: "bg-danger-10",
+				bar: "bg-danger",
+				value: "text-danger"
+			}
+		}, p = e(() => {
+			let e = Number.isFinite(d.percentage) ? d.percentage : 0;
+			return Math.min(100, Math.max(0, e));
+		}), m = e(() => Math.max(2, d.height)), h = e(() => f[d.status]), g = e(() => d.format ? d.format(p.value) : `${p.value}%`), _ = e(() => ({ height: `${m.value}px` })), v = e(() => ({ width: `${p.value}%` }));
+		return (e, d) => (s(), n("div", {
+			class: a(["i-progress box-border flex w-full flex-col gap-6", `i-progress--${i.status}`]),
+			role: "progressbar",
+			"aria-valuemin": "0",
+			"aria-valuemax": "100",
+			"aria-valuenow": p.value
+		}, [i.label || i.showValue ? (s(), n("div", {
+			key: 0,
+			class: a(["i-progress__header flex items-center text-12 leading-18", i.label ? "justify-between gap-12" : "justify-end"])
+		}, [i.label ? (s(), n("span", u, c(i.label), 1)) : t("", !0), i.showValue ? (s(), n("span", {
+			key: 1,
+			class: a(["i-progress__value shrink-0 font-medium transition-colors", h.value.value])
+		}, c(g.value), 3)) : t("", !0)], 2)) : t("", !0), r("div", {
+			class: a(["i-progress__track box-border w-full overflow-hidden rounded-full transition-colors", h.value.track]),
+			style: o(_.value)
+		}, [r("span", {
+			class: a(["i-progress__bar box-border block h-full rounded-full transition-all duration-300", h.value.bar]),
+			style: o(v.value)
+		}, null, 6)], 6)], 10, l));
+	}
+});
+//#endregion
+export { d as default };

package/dist/es/components/i-radio/index.mjs

@@ -0,0 +1,7 @@
+import { withInstall as e } from "../../utils/install.mjs";
+import t from "./src/radio.mjs";
+import n from "./src/radio-group.mjs";
+//#region src/components/i-radio/index.ts
+var r = e(t), i = e(n);
+//#endregion
+export { i as IRadioGroup, r as default };

package/dist/es/components/i-radio/src/constants.mjs

@@ -0,0 +1,4 @@
+//#region src/components/i-radio/src/constants.ts
+var e = Symbol("radioGroupContextKey");
+//#endregion
+export { e as radioGroupContextKey };

package/dist/es/components/i-radio/src/radio-group.mjs

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

package/dist/es/components/i-radio/src/radio-group.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,70 @@
+import { useFormItemA11y as e } from "../../i-form-item/src/useFormItemA11y.mjs";
+import t from "../../i-space/index.mjs";
+import { radioGroupContextKey as n } from "./constants.mjs";
+import { computed as r, createBlock as i, defineComponent as a, openBlock as o, provide as s, renderSlot as c, unref as l, withCtx as u } from "vue";
+//#region src/components/i-radio/src/radio-group.vue?vue&type=script&setup=true&lang.ts
+var d = /* @__PURE__ */ a({
+	name: "i-radio-group",
+	__name: "radio-group",
+	props: {
+		modelValue: {
+			type: [
+				String,
+				Number,
+				Boolean
+			],
+			default: void 0
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		size: { default: 50 },
+		name: { default: void 0 },
+		validateEvent: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: ["update:modelValue", "change"],
+	setup(a, { emit: d }) {
+		let f = a, p = d, { formItemContext: m, labelId: h, isRequired: g, isError: _, ariaDescribedby: v } = e({ labelMode: "none" });
+		return s(n, {
+			modelValue: r({
+				get() {
+					return f.modelValue;
+				},
+				set(e) {
+					e !== void 0 && p("update:modelValue", e);
+				}
+			}),
+			disabled: r(() => f.disabled),
+			name: r(() => f.name),
+			validateEvent: r(() => f.validateEvent),
+			changeEvent: (e) => {
+				p("update:modelValue", e), p("change", e), f.validateEvent && m?.validate("change");
+			}
+		}), (e, n) => (o(), i(l(t), {
+			size: f.size,
+			wrap: "",
+			align: "center",
+			class: "i-radio-group",
+			role: "radiogroup",
+			"aria-labelledby": l(h),
+			"aria-describedby": l(v),
+			"aria-invalid": l(_) ? "true" : void 0,
+			"aria-required": l(g) ? "true" : void 0
+		}, {
+			default: u(() => [c(e.$slots, "default")]),
+			_: 3
+		}, 8, [
+			"size",
+			"aria-labelledby",
+			"aria-describedby",
+			"aria-invalid",
+			"aria-required"
+		]));
+	}
+});
+//#endregion
+export { d as default };

package/dist/es/components/i-radio/src/radio.mjs

@@ -0,0 +1,7 @@
+import e from "../../../_virtual/_plugin-vue_export-helper.mjs";
+import t from "./radio.vue_vue_type_script_setup_true_lang.mjs";
+/* empty css                                                       */
+//#region src/components/i-radio/src/radio.vue
+var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-95d7dea7"]]);
+//#endregion
+export { n as default };

package/dist/es/components/i-radio/src/radio.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,79 @@
+import { useFormItemA11y as e } from "../../i-form-item/src/useFormItemA11y.mjs";
+import { radioGroupContextKey as t } from "./constants.mjs";
+import { computed as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, defineComponent as o, inject as s, normalizeClass as c, openBlock as l, renderSlot as u, unref as d } from "vue";
+//#region src/components/i-radio/src/radio.vue?vue&type=script&setup=true&lang.ts
+var f = [
+	"id",
+	"name",
+	"disabled",
+	"checked",
+	"value",
+	"aria-invalid",
+	"aria-required",
+	"aria-describedby"
+], p = /* @__PURE__ */ o({
+	name: "i-radio",
+	__name: "radio",
+	props: {
+		modelValue: {
+			type: [
+				String,
+				Number,
+				Boolean
+			],
+			default: void 0
+		},
+		value: {
+			type: [
+				String,
+				Number,
+				Boolean
+			],
+			default: void 0
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		validateEvent: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: ["update:modelValue", "change"],
+	setup(o, { emit: p }) {
+		let m = o, h = p, g = s(t, void 0), { formItemContext: _, inputId: v, isError: y, isRequired: b, ariaDescribedby: x } = e({ labelMode: g ? "none" : "for" }), S = n(() => g ? g.modelValue.value === m.value : m.modelValue === m.value), C = n(() => g?.disabled.value ? !0 : m.disabled), w = n(() => g?.name.value);
+		function T(e) {
+			if (C.value || !e.target.checked) return;
+			let t = m.value;
+			if (g) {
+				g.changeEvent(t);
+				return;
+			}
+			h("update:modelValue", t), h("change", t), m.validateEvent && _?.validate("change");
+		}
+		let E = n(() => [C.value ? "is-disabled cursor-not-allowed" : "cursor-pointer", S.value ? "is-checked" : ""]), D = n(() => [C.value ? "is-disabled" : "", S.value ? "is-checked" : ""]), O = n(() => [
+			"w-16 h-16 rounded-full bg-transparent",
+			S.value ? "is-checked" : "",
+			C.value ? "border-black-10" : S.value ? "border-primary" : "border-primary-20 group-hover:border-primary"
+		]), k = n(() => C.value ? ["text-black-30"] : [S.value ? "text-black" : "text-black-50"]);
+		return (e, t) => (l(), i("label", { class: c(["i-radio group inline-flex items-center select-none box-border", E.value]) }, [a("span", { class: c(["i-radio__input relative inline-flex shrink-0 box-border", D.value]) }, [a("input", {
+			id: d(v),
+			type: "radio",
+			class: "absolute opacity-0 w-0 h-0 m-0 z-[-1]",
+			name: w.value,
+			disabled: C.value,
+			checked: S.value,
+			value: o.value,
+			"aria-invalid": d(y) ? "true" : void 0,
+			"aria-required": d(b) ? "true" : void 0,
+			"aria-describedby": d(x),
+			onChange: T
+		}, null, 40, f), a("span", { class: c(["i-radio__inner relative inline-block box-border border-solid border transition-colors duration-200", O.value]) }, null, 2)], 2), e.$slots.default ? (l(), i("span", {
+			key: 0,
+			class: c(["i-radio__label ml-10 text-13 leading-16", k.value])
+		}, [u(e.$slots, "default", {}, void 0, !0)], 2)) : r("", !0)], 2));
+	}
+});
+//#endregion
+export { p as default };

package/dist/es/components/i-scrollbar/index.mjs

@@ -0,0 +1,6 @@
+import { withInstall as e } from "../../utils/install.mjs";
+import t from "./src/scrollbar.mjs";
+//#region src/components/i-scrollbar/index.ts
+var n = e(t);
+//#endregion
+export { n as default };

package/dist/es/components/i-scrollbar/src/bar.mjs

@@ -0,0 +1,7 @@
+import e from "../../../_virtual/_plugin-vue_export-helper.mjs";
+import t from "./bar.vue_vue_type_script_setup_true_lang.mjs";
+/* empty css                                                     */
+//#region src/components/i-scrollbar/src/bar.vue
+var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-433785c7"]]);
+//#endregion
+export { n as default };

package/dist/es/components/i-scrollbar/src/bar.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,86 @@
+import { computed as e, createElementBlock as t, createElementVNode as n, defineComponent as r, normalizeClass as i, normalizeStyle as a, onBeforeUnmount as o, onMounted as s, openBlock as c, ref as l, withModifiers as u } from "vue";
+//#region src/components/i-scrollbar/src/bar.vue?vue&type=script&setup=true&lang.ts
+var d = /* @__PURE__ */ r({
+	name: "i-scrollbar-bar",
+	__name: "bar",
+	props: {
+		direction: {},
+		move: {},
+		ratio: {},
+		minThumbSize: { default: 20 },
+		always: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["scroll"],
+	setup(r, { emit: d }) {
+		let f = r, p = d, m = l(null), h = l(null), g = l(!1), _ = e(() => f.always || g.value), v = l(0), y = null;
+		function b() {
+			!m.value || typeof ResizeObserver > "u" || (y = new ResizeObserver((e) => {
+				let t = e[0];
+				t && (v.value = f.direction === "vertical" ? t.contentRect.height : t.contentRect.width);
+			}), y.observe(m.value));
+		}
+		function x() {
+			y?.disconnect(), y = null;
+		}
+		s(() => {
+			m.value && (v.value = f.direction === "vertical" ? m.value.clientHeight : m.value.clientWidth), b();
+		});
+		let S = e(() => {
+			let e = f.direction === "vertical", t = Math.max(f.ratio, 0), n = v.value * t / 100, r = Math.max(n, f.minThumbSize), i = v.value - r, a = Math.max(0, Math.min(i, f.move * i));
+			return e ? {
+				height: `${r}px`,
+				transform: `translateY(${a}px)`
+			} : {
+				width: `${r}px`,
+				transform: `translateX(${a}px)`
+			};
+		}), C = 0, w = null;
+		function T(e) {
+			if (e.button !== 0) return;
+			g.value = !0, w = document.onselectstart, document.onselectstart = () => !1;
+			let t = h.value;
+			if (!t) return;
+			let n = f.direction === "vertical", r = t.getBoundingClientRect();
+			C = n ? e.clientY - r.top : e.clientX - r.left, document.addEventListener("mousemove", E), document.addEventListener("mouseup", D);
+		}
+		function E(e) {
+			let t = m.value;
+			if (!t || !g.value) return;
+			let n = f.direction === "vertical", r = t.getBoundingClientRect(), i = n ? r.height : r.width, a = (n ? e.clientY - r.top : e.clientX - r.left) - C, o = h.value;
+			if (!o) return;
+			let s = i - (n ? o.offsetHeight : o.offsetWidth);
+			s <= 0 || p("scroll", Math.max(0, Math.min(1, a / s)));
+		}
+		function D() {
+			g.value = !1, document.onselectstart = w, document.removeEventListener("mousemove", E), document.removeEventListener("mouseup", D);
+		}
+		function O(e) {
+			if (e.target === h.value) return;
+			let t = m.value;
+			if (!t) return;
+			let n = f.direction === "vertical", r = t.getBoundingClientRect(), i = n ? r.height : r.width, a = h.value;
+			if (!a) return;
+			let o = n ? a.offsetHeight : a.offsetWidth, s = n ? e.clientY - r.top - o / 2 : e.clientX - r.left - o / 2, c = i - o;
+			c <= 0 || p("scroll", Math.max(0, Math.min(1, s / c)));
+		}
+		return o(() => {
+			x(), document.removeEventListener("mousemove", E), document.removeEventListener("mouseup", D);
+		}), (e, o) => (c(), t("div", {
+			ref_key: "trackRef",
+			ref: m,
+			class: i(["i-scrollbar__bar absolute z-[1]", [r.direction === "vertical" ? "i-scrollbar__bar--vertical right-2 top-2 bottom-2 w-6" : "i-scrollbar__bar--horizontal left-2 right-2 bottom-2 h-6", _.value ? "opacity-100" : "opacity-0"]]),
+			onMousedown: u(O, ["prevent", "stop"])
+		}, [n("div", {
+			ref_key: "thumbRef",
+			ref: h,
+			class: i(["i-scrollbar__thumb absolute rounded-full bg-black-30 transition-[background-color] duration-150 hover:bg-black-50 cursor-pointer", r.direction === "vertical" ? "w-full right-0 left-0" : "h-full top-0 bottom-0"]),
+			style: a(S.value),
+			onMousedown: u(T, ["prevent", "stop"])
+		}, null, 38)], 34));
+	}
+});
+//#endregion
+export { d as default };

package/dist/es/components/i-scrollbar/src/scrollbar.mjs

@@ -0,0 +1,7 @@
+import e from "../../../_virtual/_plugin-vue_export-helper.mjs";
+import t from "./scrollbar.vue_vue_type_script_setup_true_lang.mjs";
+/* empty css                                                           */
+//#region src/components/i-scrollbar/src/scrollbar.vue
+var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-66f17a41"]]);
+//#endregion
+export { n as default };

package/dist/es/components/i-scrollbar/src/scrollbar.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,142 @@
+import e from "./bar.mjs";
+import { computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, defineComponent as o, normalizeClass as s, normalizeStyle as c, onBeforeUnmount as l, onMounted as u, openBlock as d, ref as f, renderSlot as p, resolveDynamicComponent as m, watch as h, withCtx as g } from "vue";
+//#region src/components/i-scrollbar/src/scrollbar.vue?vue&type=script&setup=true&lang.ts
+var _ = /* @__PURE__ */ o({
+	name: "i-scrollbar",
+	__name: "scrollbar",
+	props: {
+		height: {},
+		maxHeight: {},
+		tag: { default: "div" },
+		always: {
+			type: Boolean,
+			default: !1
+		},
+		minThumbSize: { default: 20 },
+		noresize: {
+			type: Boolean,
+			default: !1
+		},
+		wrapClass: {},
+		contentClass: {},
+		contentStyle: {}
+	},
+	emits: ["scroll"],
+	setup(o, { expose: _, emit: v }) {
+		let y = o, b = v, x = f(null), S = f(null), C = f(!1), w = f(0), T = f(0), E = f(0), D = f(0), O = t(() => E.value < 100), k = t(() => D.value < 100);
+		function A(e) {
+			if (!(e == null || e === "")) return typeof e == "number" || !Number.isNaN(Number(e)) ? `${e}px` : e;
+		}
+		let j = t(() => ({
+			height: A(y.height),
+			maxHeight: A(y.maxHeight)
+		}));
+		function M() {
+			let e = x.value;
+			e && (E.value = e.clientHeight / e.scrollHeight * 100, D.value = e.clientWidth / e.scrollWidth * 100);
+		}
+		function N() {
+			let e = x.value;
+			if (!e) return;
+			let t = e.scrollHeight - e.clientHeight, n = e.scrollWidth - e.clientWidth;
+			t > 0 && (w.value = e.scrollTop / t), n > 0 && (T.value = e.scrollLeft / n), b("scroll", {
+				scrollTop: e.scrollTop,
+				scrollLeft: e.scrollLeft
+			});
+		}
+		function P(e) {
+			let t = x.value;
+			t && (t.scrollTop = e * (t.scrollHeight - t.clientHeight));
+		}
+		function F(e) {
+			let t = x.value;
+			t && (t.scrollLeft = e * (t.scrollWidth - t.clientWidth));
+		}
+		function I() {
+			C.value = !0;
+		}
+		function L() {
+			C.value = !1;
+		}
+		let R = null;
+		function z() {
+			y.noresize || typeof ResizeObserver > "u" || (R = new ResizeObserver(() => {
+				M();
+			}), x.value && R.observe(x.value), S.value && R.observe(S.value));
+		}
+		function B() {
+			R &&= (R.disconnect(), null);
+		}
+		return u(() => {
+			M(), z();
+		}), l(() => {
+			B();
+		}), h(() => y.noresize, (e) => {
+			e ? B() : z();
+		}), _({
+			scrollTo: (e, t) => {
+				x.value && (typeof x.value.scrollTo == "function" ? typeof e == "object" ? x.value.scrollTo(e) : typeof e == "number" && typeof t == "number" && x.value.scrollTo(e, t) : typeof e == "object" ? (e.top !== void 0 && (x.value.scrollTop = e.top), e.left !== void 0 && (x.value.scrollLeft = e.left)) : typeof e == "number" && typeof t == "number" && (x.value.scrollLeft = e, x.value.scrollTop = t));
+			},
+			update() {
+				M();
+			},
+			get wrapRef() {
+				return x.value;
+			}
+		}), (t, l) => (d(), i("div", {
+			class: "i-scrollbar relative overflow-hidden",
+			onMouseenter: I,
+			onMouseleave: L
+		}, [
+			a("div", {
+				ref_key: "wrapRef",
+				ref: x,
+				class: s(["i-scrollbar__wrap overflow-scroll box-border", o.wrapClass]),
+				style: c(j.value),
+				onScroll: N
+			}, [(d(), n(m(o.tag), {
+				ref_key: "viewRef",
+				ref: S,
+				class: s(["i-scrollbar__view", o.contentClass]),
+				style: c(o.contentStyle)
+			}, {
+				default: g(() => [p(t.$slots, "default", {}, void 0, !0)]),
+				_: 3
+			}, 8, ["class", "style"]))], 38),
+			O.value ? (d(), n(e, {
+				key: 0,
+				class: s({ "opacity-100": C.value }),
+				direction: "vertical",
+				move: w.value,
+				ratio: E.value,
+				"min-thumb-size": o.minThumbSize,
+				always: o.always,
+				onScroll: P
+			}, null, 8, [
+				"class",
+				"move",
+				"ratio",
+				"min-thumb-size",
+				"always"
+			])) : r("", !0),
+			k.value ? (d(), n(e, {
+				key: 1,
+				class: s({ "opacity-100": C.value }),
+				direction: "horizontal",
+				move: T.value,
+				ratio: D.value,
+				"min-thumb-size": o.minThumbSize,
+				always: o.always,
+				onScroll: F
+			}, null, 8, [
+				"class",
+				"move",
+				"ratio",
+				"min-thumb-size",
+				"always"
+			])) : r("", !0)
+		], 32));
+	}
+});
+//#endregion
+export { _ as default };

package/dist/es/components/i-select/index.mjs

@@ -0,0 +1,6 @@
+import { withInstall as e } from "../../utils/install.mjs";
+import t from "./src/select.mjs";
+//#region src/components/i-select/index.ts
+var n = e(t);
+//#endregion
+export { n as default };

package/dist/es/components/i-select/src/select.mjs

@@ -0,0 +1,7 @@
+import e from "../../../_virtual/_plugin-vue_export-helper.mjs";
+import t from "./select.vue_vue_type_script_setup_true_lang.mjs";
+/* empty css                                                        */
+//#region src/components/i-select/src/select.vue
+var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-46b9d270"]]);
+//#endregion
+export { n as default };