cornet-ui 0.1.0-beta.1

package/dist/components/DataInput/du-rating/du-rating.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,100 @@
+import { useSizeMapping as e } from "../../../composables/useSizeProps.js";
+import t from "./du-rating-item.js";
+import { Fragment as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createVNode as s, defineComponent as c, normalizeClass as l, openBlock as u, provide as d, ref as f, renderList as p, renderSlot as m, watch as h } from "vue";
+//#region components/DataInput/du-rating/du-rating.vue?vue&type=script&setup=true&lang.ts
+var g = /*@__PURE__*/ c({
+	__name: "du-rating",
+	props: {
+		modelValue: { default: 0 },
+		items: { default: void 0 },
+		count: { default: 5 },
+		name: { default: void 0 },
+		halfStar: {
+			type: Boolean,
+			default: !1
+		},
+		clearable: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		size: { default: "md" },
+		shape: { default: "star-2" },
+		color: { default: "bg-secondary" },
+		customClass: { default: "" }
+	},
+	emits: ["update:modelValue", "change"],
+	setup(c, { expose: g, emit: _ }) {
+		let v = c, y = _, b = f(v.modelValue);
+		h(() => v.modelValue, (e) => {
+			b.value = e;
+		}), d("ratingName", r(() => v.name || `rating-${Math.random().toString(36).substring(2, 9)}`).value);
+		let { sizeClass: x } = e(v, "rating"), S = (e) => {
+			v.disabled || (e === b.value && v.clearable ? (b.value = 0, y("update:modelValue", 0), y("change", 0)) : (b.value = e, y("update:modelValue", e), y("change", e)));
+		}, C = r(() => {
+			let e = ["rating"];
+			return v.halfStar && e.push("rating-half"), x.value && e.push(x.value), v.customClass && e.push(v.customClass), e;
+		});
+		return g({ value: r(() => b.value) }), (e, r) => c.items && !e.$slots.default ? (u(), o("div", {
+			key: 0,
+			class: l(C.value)
+		}, [(u(!0), o(n, null, p(c.items, (e, n) => (u(), i(t, {
+			key: n,
+			value: e.value,
+			checked: b.value === e.value,
+			shape: c.shape,
+			color: c.color,
+			"half-mask": c.halfStar && n % 2 == 0 ? 1 : c.halfStar && n % 2 == 1 ? 2 : void 0,
+			disabled: c.disabled,
+			onChange: S
+		}, null, 8, [
+			"value",
+			"checked",
+			"shape",
+			"color",
+			"half-mask",
+			"disabled"
+		]))), 128))], 2)) : c.count > 0 && !e.$slots.default ? (u(), o("div", {
+			key: 1,
+			class: l(C.value)
+		}, [(u(!0), o(n, null, p(c.count, (e) => (u(), o(n, { key: e }, [c.halfStar ? (u(), i(t, {
+			key: 0,
+			value: e - .5,
+			checked: b.value === e - .5,
+			shape: c.shape,
+			color: c.color,
+			"half-mask": 1,
+			disabled: c.disabled,
+			onChange: S
+		}, null, 8, [
+			"value",
+			"checked",
+			"shape",
+			"color",
+			"disabled"
+		])) : a("", !0), s(t, {
+			value: e,
+			checked: b.value === e,
+			shape: c.shape,
+			color: c.color,
+			"half-mask": c.halfStar ? 2 : void 0,
+			disabled: c.disabled,
+			onChange: S
+		}, null, 8, [
+			"value",
+			"checked",
+			"shape",
+			"color",
+			"half-mask",
+			"disabled"
+		])], 64))), 128))], 2)) : (u(), o("div", {
+			key: 2,
+			class: l(C.value)
+		}, [m(e.$slots, "default")], 2));
+	}
+});
+//#endregion
+export { g as default };

package/dist/components/DataInput/du-search/du-search.js

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

package/dist/components/DataInput/du-search/du-search.types.d.ts

@@ -0,0 +1,40 @@
+import { type Size } from "../../../composables/useSizeProps";
+import { type Variant } from "../../../composables/useVariantProps";
+export declare const SEARCH_VARIANTS: readonly ["default", "input-primary", "input-secondary", "input-accent", "input-info", "input-success", "input-warning", "input-error"];
+export declare const SEARCH_SIZES: readonly ["default", "input-xs", "input-sm", "input-md", "input-lg", "input-xl"];
+export type SEARCHVariant = (typeof SEARCH_VARIANTS)[number];
+export type SEARCHSize = (typeof SEARCH_SIZES)[number];
+export interface SearchOption {
+    id: any;
+    name: string;
+    [key: string]: any;
+}
+export interface SEARCHProps {
+    modelValue?: any | any[];
+    name: string;
+    id: string;
+    placeholder?: string;
+    listValues: SearchOption[];
+    limit?: number;
+    addOption?: boolean;
+    /** Label prefix shown before the query in the "add option" entry (default: 'Add') */
+    addOptionText?: string;
+    /** Text shown when no option matches the query (default: 'No results') */
+    noResultsText?: string;
+    autoCommit?: boolean;
+    /** Disables internal filtering — results come from an external search */
+    remoteSearch?: boolean;
+    /** Option key used as the displayed label (default: 'name') */
+    labelBy?: string;
+    type?: string;
+    required?: boolean;
+    pattern?: string;
+    multiple?: boolean;
+    size?: Size;
+    subSize?: Size;
+    variant?: Variant;
+    ghost?: boolean;
+    disabled?: boolean;
+    customClass?: string;
+    clearable?: boolean;
+}

package/dist/components/DataInput/du-search/du-search.vue.d.ts

@@ -0,0 +1,52 @@
+import { type Size } from "../../../composables/useSizeProps";
+import type { SEARCHProps, SearchOption } from "./du-search.types";
+declare var __VLS_7: {
+    query: string;
+}, __VLS_9: {}, __VLS_11: {
+    option: SearchOption;
+    index: number;
+};
+type __VLS_Slots = {} & {
+    'add-option'?: (props: typeof __VLS_7) => any;
+} & {
+    'no-results'?: (props: typeof __VLS_9) => any;
+} & {
+    option?: (props: typeof __VLS_11) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<SEARCHProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (option: SearchOption) => any;
+    "update:modelValue": (value: any) => any;
+    remove: (option: SearchOption) => any;
+    add: (option: SearchOption) => any;
+    query: (query: string) => any;
+}, string, import("vue").PublicProps, Readonly<SEARCHProps> & Readonly<{
+    onSelect?: ((option: SearchOption) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+    onRemove?: ((option: SearchOption) => any) | undefined;
+    onAdd?: ((option: SearchOption) => any) | undefined;
+    onQuery?: ((query: string) => any) | undefined;
+}>, {
+    type: string;
+    size: Size;
+    ghost: boolean;
+    variant: import("../../..").Variant;
+    disabled: boolean;
+    required: boolean;
+    multiple: boolean;
+    clearable: boolean;
+    addOption: boolean;
+    addOptionText: string;
+    noResultsText: string;
+    autoCommit: boolean;
+    remoteSearch: boolean;
+    labelBy: string;
+    subSize: Size;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/DataInput/du-search/du-search.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,270 @@
+import { useSizeMapping as e } from "../../../composables/useSizeProps.js";
+import { useVariantMapping as t } from "../../../composables/useVariantProps.js";
+import { Fragment as n, Transition as r, computed as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as ee, defineComponent as l, nextTick as u, normalizeClass as d, onBeforeUnmount as te, onMounted as f, openBlock as p, reactive as m, ref as h, renderList as ne, renderSlot as g, toDisplayString as _, unref as v, watch as y, withCtx as b, withModifiers as x } from "vue";
+//#region components/DataInput/du-search/du-search.vue?vue&type=script&setup=true&lang.ts
+var S = ["aria-expanded"], C = [
+	"id",
+	"name",
+	"type",
+	"required",
+	"pattern",
+	"placeholder",
+	"disabled",
+	"value"
+], w = ["aria-selected"], T = {
+	key: 1,
+	class: "text-gray-400"
+}, E = [
+	"aria-selected",
+	"onMousedown",
+	"onMouseover"
+], D = { class: "flex items-center gap-3 bg-transparent" }, O = {
+	key: 0,
+	class: "ml-auto opacity-60 hover:opacity-100",
+	"aria-hidden": "true"
+}, k = /*@__PURE__*/ l({
+	__name: "du-search",
+	props: {
+		modelValue: {},
+		name: {},
+		id: {},
+		placeholder: {},
+		listValues: {},
+		limit: {},
+		addOption: {
+			type: Boolean,
+			default: !1
+		},
+		addOptionText: { default: "Add" },
+		noResultsText: { default: "No results" },
+		autoCommit: {
+			type: Boolean,
+			default: !1
+		},
+		remoteSearch: {
+			type: Boolean,
+			default: !1
+		},
+		labelBy: { default: "name" },
+		type: { default: "text" },
+		required: {
+			type: Boolean,
+			default: !1
+		},
+		pattern: {},
+		multiple: {
+			type: Boolean,
+			default: !1
+		},
+		size: { default: "default" },
+		subSize: { default: void 0 },
+		variant: { default: "default" },
+		ghost: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		customClass: {},
+		clearable: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: [
+		"update:modelValue",
+		"select",
+		"remove",
+		"add",
+		"query"
+	],
+	setup(l, { emit: k }) {
+		let A = l, { sizeClass: j } = e(A, "input"), { sizeClass: re } = e(m({ get size() {
+			return A.subSize ?? A.size;
+		} }), "menu"), { colorClass: M } = t(A, "input"), ie = i(() => {
+			let e = [
+				"input",
+				"input-bordered",
+				"w-full",
+				"focus:invalid:input-error"
+			];
+			return A.size !== "default" && j.value && e.push(j.value), A.variant !== "default" && M.value !== "input-default" && e.push(M.value), A.ghost && e.push("input-ghost"), A.customClass && e.push(A.customClass), e.join(" ");
+		}), N = k, P = i(() => A.labelBy ?? "name"), F = h([]);
+		y(() => A.modelValue, (e) => {
+			A.multiple ? F.value = Array.isArray(e) ? [...e] : [] : F.value = e ? [e] : [];
+		}, { immediate: !0 });
+		let I = h(!1), L = h(""), R = h(-1), z = h(!1), B = h(null), V = `du-search-list-${Math.random().toString(36).slice(2, 9)}`, H = i(() => L.value === "" ? null : {
+			id: null,
+			name: L.value
+		}), U = i(() => {
+			let e = A.listValues;
+			return L.value && !A.remoteSearch && (e = e.filter((e) => e.name.toLowerCase().includes(L.value.toLowerCase()))), A.limit ? e.slice(0, A.limit) : e;
+		}), W = i(() => {
+			if (A.multiple) {
+				let e = F.value.map((e) => e[P.value]).join(", ");
+				return e && L.value ? `${e}, ${L.value}` : e || L.value;
+			}
+			return z.value ? L.value : F.value[0]?.[P.value] || "";
+		});
+		function G(e) {
+			if (A.multiple) return F.value.some((t) => t.id === e.id && t.name === e.name);
+			{
+				let t = F.value[0];
+				return t && t.id === e.id && t.name === e.name;
+			}
+		}
+		function K() {
+			A.multiple ? N("update:modelValue", [...F.value]) : N("update:modelValue", F.value[0] ?? null);
+		}
+		function q(e) {
+			let t = A.addOption && e.id === null;
+			A.multiple ? (F.value.find((t) => t.id === e.id && t.name === e.name) || (F.value.push(e), N(t ? "add" : "select", e), K()), L.value = "") : (F.value = [e], N(t ? "add" : "select", e), K(), I.value = !1, L.value = "", z.value = !1);
+		}
+		function J(e) {
+			if (A.multiple) {
+				let t = F.value.findIndex((t) => t.id === e.id && t.name === e.name);
+				t > -1 && (F.value.splice(t, 1), N("remove", e), K());
+			} else F.value = [], K(), I.value = !1, L.value = "", z.value = !1;
+		}
+		function Y(e) {
+			A.clearable && G(e) ? J(e) : q(e);
+		}
+		function ae(e) {
+			let t = e.target.value;
+			if (A.multiple || (z.value = !0), A.multiple) {
+				let e = F.value.map((e) => e.name).join(", "), n = "";
+				if (e && t.startsWith(e)) {
+					let r = t.slice(e.length);
+					n = r.startsWith(", ") ? r.slice(2) : r === "" ? "" : r;
+				} else e || (n = t);
+				if (n.includes(",")) {
+					let e = n.split(",").map((e) => e.trim()).filter(Boolean), t = e.pop();
+					for (let t of e) {
+						let e = A.listValues.find((e) => e.name.toLowerCase() === t.toLowerCase());
+						e && !F.value.some((t) => t.id === e.id) && (F.value.push(e), N("select", e));
+					}
+					K(), L.value = t ?? "";
+				} else L.value = n;
+			} else L.value = t, t === "" && (F.value = [], K());
+			N("query", L.value), I.value = !0, R.value = 0;
+		}
+		function oe(e) {
+			let t = U.value.length + (A.addOption && H.value ? 1 : 0);
+			if (!I.value && [
+				"ArrowDown",
+				"ArrowUp",
+				"Enter",
+				" "
+			].includes(e.key)) {
+				I.value = !0, e.preventDefault();
+				return;
+			}
+			e.key === "ArrowDown" ? (R.value = (R.value + 1 + t) % t, X(), e.preventDefault()) : e.key === "ArrowUp" ? (R.value = (R.value - 1 + t) % t, X(), e.preventDefault()) : e.key === "Enter" ? (R.value >= 0 && R.value < t && (A.addOption && H.value ? R.value === 0 ? q(H.value) : Y(U.value[R.value - 1]) : Y(U.value[R.value])), e.preventDefault()) : e.key === "Escape" ? (I.value = !1, R.value = -1, !A.multiple && z.value && (L.value === "" && (F.value = [], K()), z.value = !1, L.value = ""), e.preventDefault()) : e.key === "Backspace" && A.multiple && L.value === "" && F.value.length > 0 && (N("remove", F.value.pop()), K(), e.preventDefault());
+		}
+		function X() {
+			u(() => {
+				let e = (B.value?.querySelector(`#${V}`))?.querySelectorAll("li")[R.value];
+				e && "scrollIntoView" in e && e.scrollIntoView({ block: "nearest" });
+			});
+		}
+		function se() {
+			if (L.value === "") {
+				F.value = [], K();
+				return;
+			}
+			let e = A.listValues.find((e) => String(e[P.value]).toLowerCase() === L.value.toLowerCase());
+			e ? q(e) : A.remoteSearch && A.listValues.length > 0 ? q(A.listValues[0]) : A.addOption ? q({
+				id: null,
+				name: L.value
+			}) : (F.value = [], K()), z.value = !1, L.value = "";
+		}
+		function Z() {
+			!A.multiple && z.value && (A.autoCommit ? se() : (L.value === "" && (F.value = [], K()), z.value = !1, L.value = ""));
+		}
+		function Q(e) {
+			B.value && (B.value.contains(e.target) || (I.value = !1, Z()));
+		}
+		function $(e) {
+			setTimeout(() => {
+				if (!B.value) return;
+				let e = document.activeElement;
+				(!e || !B.value.contains(e)) && (I.value = !1, Z());
+			}, 0);
+		}
+		function ce(e) {
+			I.value ||= !0;
+		}
+		return f(() => {
+			document.addEventListener("click", Q), B.value?.addEventListener("focusout", $);
+		}), te(() => {
+			document.removeEventListener("click", Q), B.value?.removeEventListener("focusout", $);
+		}), (e, t) => (p(), o("div", {
+			ref_key: "root",
+			ref: B,
+			class: "relative",
+			role: "combobox",
+			"aria-expanded": I.value,
+			"aria-owns": V,
+			onFocus: ce
+		}, [s("input", {
+			id: l.id,
+			name: l.name,
+			type: A.type,
+			required: A.required,
+			pattern: A.pattern,
+			placeholder: l.placeholder,
+			class: d(ie.value),
+			disabled: A.disabled,
+			autocomplete: "off",
+			value: W.value,
+			onInput: ae,
+			onFocus: t[0] ||= (e) => I.value = !0,
+			onKeydown: oe,
+			"aria-autocomplete": "list",
+			"aria-controls": V
+		}, null, 42, C), ee(r, {
+			"enter-active-class": "transition ease-out duration-100",
+			"enter-from-class": "opacity-0 scale-95",
+			"enter-to-class": "opacity-100 scale-100",
+			"leave-active-class": "transition ease-in duration-75",
+			"leave-from-class": "opacity-100 scale-100",
+			"leave-to-class": "opacity-0 scale-95"
+		}, {
+			default: b(() => [I.value ? (p(), o("ul", {
+				key: 0,
+				id: V,
+				class: d(["dropdown-content absolute mt-1 max-h-60 w-full overflow-auto rounded-box bg-base-100 shadow z-50 menu flex-nowrap gap-0.5", [v(re)]]),
+				role: "listbox"
+			}, [
+				A.addOption && H.value ? (p(), o("li", {
+					key: 0,
+					class: d(["cursor-pointer rounded", { "bg-base-300": R.value === 0 }]),
+					role: "option",
+					"aria-selected": R.value === 0,
+					onMousedown: t[1] ||= (e) => q(H.value)
+				}, [g(e.$slots, "add-option", { query: L.value }, () => [c(_(l.addOptionText) + " \"" + _(L.value) + "\"", 1)])], 42, w)) : a("", !0),
+				!A.addOption && U.value.length === 0 ? (p(), o("li", T, [g(e.$slots, "no-results", {}, () => [c(_(l.noResultsText), 1)])])) : a("", !0),
+				(p(!0), o(n, null, ne(U.value, (t, n) => (p(), o("li", {
+					key: t.id,
+					class: d(["block w-full rounded-box", {
+						"bg-primary text-primary-content": G(t),
+						"bg-base-300": R.value === (A.addOption && H.value ? n + 1 : n) && !G(t),
+						"bg-primary/75": G(t) && R.value === (A.addOption && H.value ? n + 1 : n)
+					}]),
+					role: "option",
+					"aria-selected": R.value === (A.addOption && H.value ? n + 1 : n),
+					onMousedown: (e) => Y(t),
+					onMouseover: x((e) => R.value = A.addOption && H.value ? n + 1 : n, ["prevent"])
+				}, [s("a", D, [g(e.$slots, "option", {
+					option: t,
+					index: n
+				}, () => [c(_(t[P.value]), 1)]), l.clearable && G(t) ? (p(), o("span", O, "✕")) : a("", !0)])], 42, E))), 128))
+			], 2)) : a("", !0)]),
+			_: 3
+		})], 40, S));
+	}
+});
+//#endregion
+export { k as default };

package/dist/components/DataInput/du-select/du-select.js

@@ -0,0 +1,7 @@
+import e from "../../../_virtual/_plugin-vue_export-helper.js";
+import t from "./du-select.vue_vue_type_script_setup_true_lang.js";
+import './du-select.vue_vue_type_style_index_0_scoped_2bcf0acd_lang.css';/* empty css                                                          */
+//#region components/DataInput/du-select/du-select.vue
+var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-2bcf0acd"]]);
+//#endregion
+export { n as default };

package/dist/components/DataInput/du-select/du-select.types.d.ts

@@ -0,0 +1,28 @@
+import { type Size } from "../../../composables/useSizeProps";
+import { type Variant } from "../../../composables/useVariantProps";
+export declare const SELECT_VARIANTS: readonly ["default", "select-primary", "select-secondary", "select-accent", "select-info", "select-success", "select-warning", "select-error"];
+export declare const SELECT_SIZES: readonly ["default", "select-xs", "select-sm", "select-md", "select-lg", "select-xl"];
+export type SELECTVariant = (typeof SELECT_VARIANTS)[number];
+export type SELECTSize = (typeof SELECT_SIZES)[number];
+export interface SELECTProps {
+    ghost?: boolean;
+    variant?: Variant;
+    size?: Size;
+    disabled?: boolean;
+    multiple?: boolean;
+    modelValue?: any;
+    placeholder?: string;
+    search?: boolean;
+    searchPlaceholder?: string;
+    searchNoResultsText?: string;
+    options?: any[];
+    searchable?: boolean;
+    searchableInside?: boolean;
+    checkboxes?: boolean;
+    closeOnSelect?: boolean;
+    trackBy?: string;
+    labelBy?: string;
+    returnObject?: boolean;
+    clearable?: boolean;
+    removeItemLabel?: string;
+}

package/dist/components/DataInput/du-select/du-select.vue.d.ts

@@ -0,0 +1,60 @@
+import type { SELECTProps } from './du-select.types';
+declare var __VLS_1: {
+    value: any;
+    index: number;
+}, __VLS_3: {
+    selected: any;
+}, __VLS_11: {
+    option: any;
+    index: number;
+}, __VLS_13: {};
+type __VLS_Slots = {} & {
+    tag?: (props: typeof __VLS_1) => any;
+} & {
+    selected?: (props: typeof __VLS_3) => any;
+} & {
+    option?: (props: typeof __VLS_11) => any;
+} & {
+    'no-options'?: (props: typeof __VLS_13) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<SELECTProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (option: any) => any;
+    "update:modelValue": (value: any) => any;
+    open: () => any;
+    remove: (option: any) => any;
+    close: () => any;
+}, string, import("vue").PublicProps, Readonly<SELECTProps> & Readonly<{
+    onSelect?: ((option: any) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+    onOpen?: (() => any) | undefined;
+    onRemove?: ((option: any) => any) | undefined;
+    onClose?: (() => any) | undefined;
+}>, {
+    search: boolean;
+    placeholder: string;
+    size: import("../../..").Size;
+    ghost: boolean;
+    variant: import("../../..").Variant;
+    disabled: boolean;
+    multiple: boolean;
+    clearable: boolean;
+    labelBy: string;
+    searchPlaceholder: string;
+    searchNoResultsText: string;
+    options: any[];
+    searchable: boolean;
+    searchableInside: boolean;
+    checkboxes: boolean;
+    closeOnSelect: boolean;
+    trackBy: string;
+    returnObject: boolean;
+    removeItemLabel: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};