morya-ui 0.4.4 → 0.5.0

package/dist/Pagination-CnGOpp0m.js

@@ -1,171 +0,0 @@
-import { a as e } from "./useComponentAttrs-e-5QAjdw.js";
-import { t } from "./Icon-CmHjx7W8.js";
-import { t as n } from "./Select-CySmusHs.js";
-import { n as r, t as i } from "./locale-CZddM-tH.js";
-import { Fragment as a, computed as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createVNode as u, defineComponent as d, mergeProps as f, normalizeClass as p, openBlock as m, renderList as h, toDisplayString as g, unref as _, useAttrs as v } from "vue";
-//#region src/components/Pagination/Pagination.vue?vue&type=script&setup=true&lang.ts
-var y = ["aria-label"], b = ["disabled", "aria-label"], x = {
-	key: 0,
-	class: "m-pagination__simple",
-	"aria-current": "page"
-}, S = [
-	"disabled",
-	"aria-label",
-	"aria-current",
-	"onClick"
-], C = ["disabled", "aria-label"], w = {
-	key: 2,
-	class: "m-pagination__sizer"
-}, T = { class: "m-pagination__sizer-label" }, E = ["disabled", "value"], D = ["value"], O = {
-	key: 3,
-	class: "m-pagination__jumper"
-}, k = { key: 0 }, A = /* @__PURE__ */ d({
-	inheritAttrs: !1,
-	__name: "Pagination",
-	props: {
-		pt: {},
-		modelValue: { default: 1 },
-		totalRecords: {},
-		rows: { default: 10 },
-		pageSize: {},
-		pageLinkSize: { default: 5 },
-		disabled: {
-			type: Boolean,
-			default: !1
-		},
-		size: { default: "medium" },
-		showSizePicker: {
-			type: Boolean,
-			default: !1
-		},
-		showSizeChanger: {
-			type: Boolean,
-			default: !1
-		},
-		pageSizes: { default: () => [
-			10,
-			20,
-			50,
-			100
-		] },
-		showQuickJumper: {
-			type: Boolean,
-			default: !1
-		},
-		simple: {
-			type: Boolean,
-			default: !1
-		}
-	},
-	emits: [
-		"update:modelValue",
-		"page",
-		"update:rows",
-		"update:pageSize"
-	],
-	setup(d, { expose: A, emit: j }) {
-		let M = d, N = j, P = v(), { rootAttrs: F } = e(P, () => M.pt), I = r(), L = o(() => Math.max(1, M.pageSize ?? M.rows)), R = o(() => M.showSizePicker || M.showSizeChanger), z = o(() => Math.max(1, Math.ceil(M.totalRecords / L.value))), B = o(() => Math.min(Math.max(1, M.modelValue), z.value)), V = o(() => (B.value - 1) * L.value), H = o(() => {
-			let e = Math.min(M.pageLinkSize, z.value), t = Math.min(Math.max(1, B.value - Math.floor(e / 2)), z.value - e + 1);
-			return Array.from({ length: e }, (e, n) => t + n);
-		}), U = o(() => {
-			let e = [...M.pageSizes];
-			return e.includes(L.value) || e.unshift(L.value), e;
-		}), W = o(() => !M.showQuickJumper || M.simple ? [] : Array.from({ length: z.value }, (e, t) => {
-			let n = t + 1;
-			return {
-				label: String(n),
-				value: n
-			};
-		})), G = o(() => ({ control: { "aria-label": I.value.jumpToPage } }));
-		function K(e) {
-			let t = Math.min(Math.max(1, e), z.value);
-			M.disabled || t === B.value || (N("update:modelValue", t), N("page", t));
-		}
-		function q(e) {
-			if (M.disabled || e === L.value) return;
-			N("update:rows", e), N("update:pageSize", e);
-			let t = Math.max(1, Math.ceil(M.totalRecords / e)), n = Math.min(B.value, t);
-			n !== B.value && (N("update:modelValue", n), N("page", n));
-		}
-		function J(e) {
-			let t = Number(e.target.value);
-			Number.isFinite(t) && q(t);
-		}
-		function Y(e) {
-			if (typeof e != "number" && typeof e != "string") return;
-			let t = typeof e == "number" ? e : Number(e);
-			Number.isFinite(t) && K(t);
-		}
-		function X(e) {
-			return i(I.value.page, { page: e });
-		}
-		return A({
-			first: V,
-			pageCount: z
-		}), (e, r) => (m(), c("nav", f(_(F), {
-			class: ["m-pagination", [`m-pagination--${d.size}`, { "m-pagination--simple": d.simple }]],
-			"aria-label": _(I).pagination
-		}), [
-			l("button", {
-				type: "button",
-				class: "m-pagination__button",
-				disabled: d.disabled || B.value === 1,
-				"aria-label": _(I).prevPage,
-				onClick: r[0] ||= (e) => K(B.value - 1)
-			}, [u(t, {
-				name: "chevron-left",
-				size: "sm"
-			})], 8, b),
-			d.simple ? (m(), c("span", x, g(B.value) + " / " + g(z.value), 1)) : (m(!0), c(a, { key: 1 }, h(H.value, (e) => (m(), c("button", {
-				key: e,
-				type: "button",
-				class: p(["m-pagination__button", { "m-pagination__button--active": e === B.value }]),
-				disabled: d.disabled,
-				"aria-label": X(e),
-				"aria-current": e === B.value ? "page" : void 0,
-				onClick: (t) => K(e)
-			}, g(e), 11, S))), 128)),
-			l("button", {
-				type: "button",
-				class: "m-pagination__button",
-				disabled: d.disabled || B.value === z.value,
-				"aria-label": _(I).nextPage,
-				onClick: r[1] ||= (e) => K(B.value + 1)
-			}, [u(t, {
-				name: "chevron-right",
-				size: "sm"
-			})], 8, C),
-			R.value && !d.simple ? (m(), c("label", w, [l("span", T, g(_(I).itemsPerPage), 1), l("select", {
-				class: "m-pagination__select",
-				disabled: d.disabled,
-				value: L.value,
-				onChange: J
-			}, [(m(!0), c(a, null, h(U.value, (e) => (m(), c("option", {
-				key: e,
-				value: e
-			}, g(e), 9, D))), 128))], 40, E)])) : s("", !0),
-			d.showQuickJumper && !d.simple ? (m(), c("div", O, [
-				l("span", null, g(_(I).jumpToPage), 1),
-				u(n, {
-					class: "m-pagination__jumper-select",
-					size: "small",
-					"model-value": B.value,
-					options: W.value,
-					disabled: d.disabled,
-					"show-search": z.value > 10,
-					pt: G.value,
-					"onUpdate:modelValue": Y
-				}, null, 8, [
-					"model-value",
-					"options",
-					"disabled",
-					"show-search",
-					"pt"
-				]),
-				_(I).pageClassifier ? (m(), c("span", k, g(_(I).pageClassifier), 1)) : s("", !0)
-			])) : s("", !0)
-		], 16, y));
-	}
-});
-//#endregion
-export { A as t };

package/dist/components/InputColor/InputColor.vue.d.ts

@@ -1,24 +0,0 @@
-import { InputColorProps } from './types';
-import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-declare var __VLS_1: {};
-type __VLS_Slots = {} & {
-    trigger?: (props: typeof __VLS_1) => any;
-};
-declare const __VLS_base: DefineComponent<InputColorProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
-    "update:modelValue": (value: string) => any;
-}, string, PublicProps, Readonly<InputColorProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-}>, {
-    modelValue: string;
-    disabled: boolean;
-    invalid: boolean;
-}, {}, {}, {}, string, 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;
-    };
-};
-//# sourceMappingURL=InputColor.vue.d.ts.map

package/dist/components/InputColor/InputColor.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"InputColor.vue.d.ts","sourceRoot":"","sources":["../../../src/components/InputColor/InputColor.vue"],"names":[],"mappings":";AA4GA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAqK9C,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAK/C,QAAA,MAAM,UAAU;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/InputColor/index.d.ts

@@ -1,3 +0,0 @@
-export { default as MInputColor } from './InputColor.vue';
-export type { InputColorEmits, InputColorProps } from './types';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/InputColor/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/InputColor/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,CAAA;AAChB,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,kBAAkB,CAAA;AACzD,YAAY,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA"}

package/dist/components/InputColor/styles.css

@@ -1,139 +0,0 @@
-/* --- Form: InputColor --- */
-.m-inputcolor-field {
-    display: grid;
-    gap: var(--m-space-2);
-}
-
-.m-inputcolor-field__label {
-    color: var(--m-color-text);
-    font-family: var(--m-font-sans);
-    font-size: var(--m-font-size-md);
-    font-weight: 500;
-}
-
-.m-inputcolor {
-    --m-inputcolor-text-min-width: 7rem;
-    --m-inputcolor-preset-size: 1.25rem;
-    display: inline-flex;
-    flex-direction: column;
-    gap: var(--m-space-2);
-}
-
-.m-inputcolor--disabled {
-    cursor: not-allowed;
-    opacity: var(--m-opacity-disabled);
-}
-
-.m-inputcolor__swatch {
-    background: transparent;
-    border: var(--m-border-width) solid var(--m-color-border);
-    border-radius: var(--m-radius-control);
-    cursor: pointer;
-    height: var(--m-control-height-medium);
-    padding: 0;
-    transition:
-        border-color var(--m-motion-fast) var(--m-motion-ease),
-        box-shadow var(--m-motion-fast) var(--m-motion-ease),
-        opacity var(--m-motion-fast) var(--m-motion-ease);
-    width: var(--m-control-height-medium);
-}
-
-.m-inputcolor__text {
-    background: var(--m-color-surface);
-    border: var(--m-border-width) solid var(--m-color-border);
-    border-radius: var(--m-radius-control);
-    color: var(--m-color-text);
-    font-family: var(--m-font-sans);
-    font-size: var(--m-control-font-medium);
-    min-height: var(--m-control-height-medium);
-    min-width: var(--m-inputcolor-text-min-width);
-    padding: 0 var(--m-control-padding-x-medium);
-    transition:
-        border-color var(--m-motion-fast) var(--m-motion-ease),
-        box-shadow var(--m-motion-fast) var(--m-motion-ease),
-        background-color var(--m-motion-fast) var(--m-motion-ease),
-        opacity var(--m-motion-fast) var(--m-motion-ease);
-}
-
-.m-inputcolor__text:hover:not(:disabled):not(:focus),
-.m-inputcolor__swatch:hover:not(:disabled):not(:focus) {
-    border-color: var(--m-color-primary-hover);
-}
-
-.m-inputcolor__text:focus,
-.m-inputcolor__text:focus-visible,
-.m-inputcolor__swatch:focus,
-.m-inputcolor__swatch:focus-visible {
-    border-color: var(--m-color-primary);
-    box-shadow: var(--m-focus-shadow);
-    outline: none;
-}
-
-.m-inputcolor__row {
-    align-items: center;
-    display: flex;
-    gap: var(--m-space-2);
-}
-
-.m-inputcolor__swatches {
-    display: flex;
-    flex-wrap: wrap;
-    gap: var(--m-space-1);
-    margin-top: var(--m-space-2);
-}
-
-.m-inputcolor__preset {
-    border: var(--m-border-width) solid var(--m-color-border);
-    border-radius: var(--m-radius-sm);
-    cursor: pointer;
-    height: var(--m-inputcolor-preset-size);
-    padding: 0;
-    transition:
-        border-color var(--m-motion-fast) var(--m-motion-ease),
-        box-shadow var(--m-motion-fast) var(--m-motion-ease);
-    width: var(--m-inputcolor-preset-size);
-}
-
-.m-inputcolor__preset:hover:not(:disabled) {
-    border-color: var(--m-color-primary-hover);
-}
-
-.m-inputcolor__preset:focus-visible {
-    box-shadow: var(--m-focus-shadow);
-    outline: none;
-}
-
-.m-inputcolor--small .m-inputcolor__swatch,
-.m-inputcolor--small .m-inputcolor__text {
-    min-height: var(--m-control-height-small);
-    height: var(--m-control-height-small);
-    font-size: var(--m-control-font-small);
-}
-
-.m-inputcolor--small .m-inputcolor__swatch {
-    width: var(--m-control-height-small);
-}
-
-.m-inputcolor--large .m-inputcolor__swatch,
-.m-inputcolor--large .m-inputcolor__text {
-    min-height: var(--m-control-height-large);
-    height: var(--m-control-height-large);
-    font-size: var(--m-control-font-large);
-}
-
-.m-inputcolor--large .m-inputcolor__swatch {
-    width: var(--m-control-height-large);
-}
-
-.m-inputcolor--invalid .m-inputcolor__text,
-.m-inputcolor--invalid .m-inputcolor__swatch {
-    border-color: var(--m-color-danger);
-}
-
-.m-inputcolor--invalid .m-inputcolor__text:focus,
-.m-inputcolor--invalid .m-inputcolor__text:focus-visible,
-.m-inputcolor--invalid .m-inputcolor__swatch:focus,
-.m-inputcolor--invalid .m-inputcolor__swatch:focus-visible {
-    border-color: var(--m-color-danger);
-    box-shadow: var(--m-focus-shadow-danger);
-}

package/dist/components/InputColor/types.d.ts

@@ -1,19 +0,0 @@
-import { MNativeInputProps } from '../../shared/nativeControlProps';
-import { FieldPassThrough } from '../../shared/passThrough';
-import { MSizeInput } from '../../shared/types';
-export interface InputColorProps extends MNativeInputProps {
-    modelValue?: string;
-    disabled?: boolean;
-    id?: string;
-    label?: string;
-    invalid?: boolean;
-    size?: MSizeInput;
-    /** Preset hex colors shown under the input. */
-    swatches?: string[];
-    /** Pass-through attrs/classes/styles per DOM part. */
-    pt?: FieldPassThrough;
-}
-export interface InputColorEmits {
-    (event: 'update:modelValue', value: string): void;
-}
-//# sourceMappingURL=types.d.ts.map

package/dist/components/InputColor/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/InputColor/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAA;AACxE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAChE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAEpD,MAAM,WAAW,eAAgB,SAAQ,iBAAiB;IACxD,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAA;IACnB,sDAAsD;IACtD,EAAE,CAAC,EAAE,gBAAgB,CAAA;CACtB;AAED,MAAM,WAAW,eAAe;IAC9B,CAAC,KAAK,EAAE,mBAAmB,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;CAClD"}

package/dist/input-color/index.js

@@ -1,118 +0,0 @@
-import { i as e } from "../useComponentAttrs-e-5QAjdw.js";
-import { t } from "../useFieldFeedback-C5qIqYMK.js";
-import { t as n } from "../useMId-BXFYayPP.js";
-import { o as r } from "../config-BEpyhJi3.js";
-import { n as i } from "../locale-CZddM-tH.js";
-import "./style.js";
-import { Fragment as a, computed as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, defineComponent as u, mergeProps as d, normalizeClass as f, normalizeStyle as p, openBlock as m, renderList as h, renderSlot as g, toDisplayString as _, unref as v, useAttrs as y } from "vue";
-//#region src/components/InputColor/InputColor.vue?vue&type=script&setup=true&lang.ts
-var b = ["for"], x = { class: "m-inputcolor__row" }, S = [
-	"value",
-	"disabled",
-	"aria-label"
-], C = [
-	"id",
-	"value",
-	"disabled",
-	"placeholder",
-	"name",
-	"autocomplete",
-	"autofocus",
-	"aria-invalid",
-	"aria-label"
-], w = {
-	key: 0,
-	class: "m-inputcolor__swatches"
-}, T = [
-	"disabled",
-	"aria-label",
-	"onClick"
-], E = /* @__PURE__ */ u({
-	inheritAttrs: !1,
-	__name: "InputColor",
-	props: {
-		modelValue: { default: "#000000" },
-		disabled: {
-			type: Boolean,
-			default: !1
-		},
-		id: {},
-		label: {},
-		invalid: {
-			type: Boolean,
-			default: !1
-		},
-		size: {},
-		swatches: {},
-		pt: {},
-		placeholder: {},
-		name: {},
-		autocomplete: {},
-		autofocus: { type: Boolean }
-	},
-	emits: ["update:modelValue"],
-	setup(u, { emit: E }) {
-		let D = u, O = E, k = y(), { rootAttrs: A, controlAttrs: j } = e(k, () => D.pt), M = i(), N = r("InputColor", () => D.size), P = n("m-inputcolor"), F = o(() => D.id ?? P), { isInvalid: I } = t(D), L = o(() => {
-			let e = D.modelValue?.trim() || "#000000";
-			return /^#[0-9a-f]{6}$/i.test(e) ? e : "#000000";
-		}), R = o(() => [
-			"m-inputcolor",
-			`m-inputcolor--${N.value}`,
-			{
-				"m-inputcolor--disabled": D.disabled,
-				"m-inputcolor--invalid": I.value
-			}
-		]);
-		function z(e) {
-			let t = e.target;
-			O("update:modelValue", t.value);
-		}
-		function B(e) {
-			let t = e.target;
-			O("update:modelValue", t.value);
-		}
-		function V(e) {
-			D.disabled || O("update:modelValue", e);
-		}
-		return (e, t) => (m(), c("div", d(v(A), { class: "m-inputcolor-field" }), [u.label ? (m(), c("label", {
-			key: 0,
-			class: "m-inputcolor-field__label",
-			for: F.value
-		}, _(u.label), 9, b)) : s("", !0), l("div", { class: f(R.value) }, [g(e.$slots, "trigger", {}, () => [l("div", x, [
-			l("input", {
-				class: "m-inputcolor__swatch",
-				type: "color",
-				value: L.value,
-				disabled: u.disabled,
-				"aria-label": v(M).selectColor,
-				onInput: z
-			}, null, 40, S),
-			l("input", d(v(j), {
-				id: F.value,
-				class: "m-inputcolor__text",
-				type: "text",
-				value: u.modelValue,
-				disabled: u.disabled,
-				placeholder: u.placeholder ?? "#000000",
-				name: u.name,
-				autocomplete: u.autocomplete,
-				autofocus: u.autofocus || void 0,
-				spellcheck: "false",
-				"aria-invalid": v(I) || void 0,
-				"aria-label": u.label ?? v(M).colorHexValue,
-				onInput: B
-			}), null, 16, C),
-			u.swatches?.length ? (m(), c("div", w, [(m(!0), c(a, null, h(u.swatches, (e) => (m(), c("button", {
-				key: e,
-				type: "button",
-				class: "m-inputcolor__preset",
-				style: p({ background: e }),
-				disabled: u.disabled,
-				"aria-label": e,
-				onClick: (t) => V(e)
-			}, null, 12, T))), 128))])) : s("", !0)
-		])])], 2)], 16));
-	}
-});
-//#endregion
-export { E as MInputColor };

package/dist/input-color/style.js

@@ -1,3 +0,0 @@
-import '../theme/styles.css'
-import '../styles/base.css'
-import '../components/InputColor/styles.css'