mhz-ui 1.4.29 → 1.4.31

package/dist/UiBreadcrumbs/UiBreadcrumbs.js

@@ -3,7 +3,7 @@ import { t as e } from "../_plugin-vue_export-helper-B3ysoDQm.js";
 import { Fragment as t, computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, defineComponent as s, normalizeClass as c, openBlock as l, renderList as u, resolveDynamicComponent as d, toDisplayString as f, withCtx as p } from "vue";
 import { RouterLink as m } from "vue-router";
 //#region src/components/UiBreadcrumbs/constants/index.ts
-var h = "default", g = "Breadcrumb", _ = ["aria-label"], v = { itemprop: "name" }, y = ["data-color"], b = ["content"], x = /* @__PURE__ */ e(/* @__PURE__ */ s({
+var h = "default", g = "Breadcrumb", _ = ["aria-label"], v = { itemprop: "name" }, y = ["data-color"], b = ["content"], x = /*#__PURE__*/ e(/* @__PURE__ */ s({
 	__name: "UiBreadcrumbs",
 	props: {
 		links: {},

package/dist/UiButton/UiButton.js

@@ -1,2 +1,2 @@
-import { t as e } from "../UiButton-DCQiGgkB.js";
+import { t as e } from "../UiButton-D0BOZNZF.js";
 export { e as default };

package/dist/{UiButton-DCQiGgkB.js → UiButton-D0BOZNZF.js}

@@ -12,7 +12,7 @@ var l = "primary", u = "button", d = "Button", f = [
 	"type",
 	"aria-label",
 	"aria-disabled"
-], p = /* @__PURE__ */ e(/* @__PURE__ */ i({
+], p = /*#__PURE__*/ e(/* @__PURE__ */ i({
 	__name: "UiButton",
 	props: {
 		layout: { default: l },

package/dist/UiButtongroup/UiButtongroup.js

@@ -6,7 +6,7 @@ var u = ["data-tall"], d = [
 	"onClick",
 	"data-current",
 	"data-fill"
-], f = ["value"], p = /* @__PURE__ */ e(/* @__PURE__ */ a({
+], f = ["value"], p = /*#__PURE__*/ e(/* @__PURE__ */ a({
 	__name: "UiButtongroup",
 	props: {
 		modelValue: {},

package/dist/UiCalendar/UiCalendar.js

@@ -2,7 +2,7 @@ import "./UiCalendar.css";
 import { t as e } from "../_plugin-vue_export-helper-B3ysoDQm.js";
 import { Fragment as t, Transition as n, computed as r, createElementBlock as i, createElementVNode as a, createVNode as o, defineComponent as s, normalizeClass as c, normalizeStyle as l, onBeforeMount as u, openBlock as d, renderList as f, shallowRef as p, toDisplayString as m, withCtx as h, withModifiers as g } from "vue";
 //#region src/components/UiCalendar/UiCalendar.vue?vue&type=script&setup=true&lang.ts
-var _ = ["onClick", "data-choose"], v = ["onClick"], y = /* @__PURE__ */ e(/* @__PURE__ */ s({
+var _ = ["onClick", "data-choose"], v = ["onClick"], y = /*#__PURE__*/ e(/* @__PURE__ */ s({
 	__name: "UiCalendar",
 	props: {
 		isDisablePastDates: { type: Boolean },
@@ -45,10 +45,11 @@ var _ = ["onClick", "data-choose"], v = ["onClick"], y = /* @__PURE__ */ e(/* @_
 			return s;
 		});
 		function O() {
-			b("update", {
+			let e = {
 				dateFrom: D.value[0],
 				dateTo: new Date(D.value.at(-1)?.setHours(23, 59, 59))
-			});
+			};
+			b("update", e);
 		}
 		function k(e) {
 			return y.events.filter((t) => {

package/dist/UiChart/UiChart.js

@@ -1018,7 +1018,7 @@ function an(e, t) {
 function on(e, t, n) {
 	return typeof t == "string" ? We(an(e, t), n) : We(an(e, ""), t);
 }
-var G = /* @__PURE__ */ new class {
+var G = /* #__PURE__ */ new class {
 	constructor(e, t) {
 		this.animation = void 0, this.backgroundColor = "rgba(0,0,0,0.1)", this.borderColor = "rgba(0,0,0,0.1)", this.color = "#666", this.datasets = {}, this.devicePixelRatio = (e) => e.chart.platform.getDevicePixelRatio(), this.elements = {}, this.events = [
 			"mousemove",
@@ -1846,7 +1846,7 @@ function Jr(e, t) {
 		bottom: n.bottom === !1 ? e.height : r.bottom + (n.bottom === !0 ? 0 : n.bottom)
 	};
 }
-var Yr = /* @__PURE__ */ new class {
+var Yr = /* #__PURE__ */ new class {
 	constructor() {
 		this._request = null, this._charts = /* @__PURE__ */ new Map(), this._running = !1, this._lastDate = void 0;
 	}
@@ -4406,7 +4406,7 @@ function co(e, t) {
 function lo(e) {
 	return "id" in e && "defaults" in e;
 }
-var Y = /* @__PURE__ */ new class {
+var Y = /* #__PURE__ */ new class {
 	constructor() {
 		this.controllers = new oo(xi, "datasets", !0), this.elements = new oo(za, "elements"), this.plugins = new oo(Object, "plugins"), this.scales = new oo(ao, "scales"), this._typedRegistries = [
 			this.controllers,
@@ -5720,7 +5720,7 @@ var Ds = class extends za {
 	"rgb(75, 192, 192)",
 	"rgb(153, 102, 255)",
 	"rgb(201, 203, 207)"
-], ks = /* @__PURE__ */ Os.map((e) => e.replace("rgb(", "rgba(").replace(")", ", 0.5)"));
+], ks = /* #__PURE__ */ Os.map((e) => e.replace("rgb(", "rgba(").replace(")", ", 0.5)"));
 function As(e) {
 	return Os[e % Os.length];
 }
@@ -5858,13 +5858,15 @@ var zs = {
 			if (isNaN(p) || p <= 0 || isNaN(m) || m < 0) return;
 			r.save();
 			let i = P(n.lineWidth, 1);
-			if (r.fillStyle = P(n.fillStyle, o), r.lineCap = P(n.lineCap, "butt"), r.lineDashOffset = P(n.lineDashOffset, 0), r.lineJoin = P(n.lineJoin, "miter"), r.lineWidth = i, r.strokeStyle = P(n.strokeStyle, o), r.setLineDash(P(n.lineDash, [])), a.usePointStyle) pn(r, {
-				radius: m * Math.SQRT2 / 2,
-				pointStyle: n.pointStyle,
-				rotation: n.rotation,
-				borderWidth: i
-			}, s.xPlus(e, p / 2), t + d, a.pointStyleWidth && p);
-			else {
+			if (r.fillStyle = P(n.fillStyle, o), r.lineCap = P(n.lineCap, "butt"), r.lineDashOffset = P(n.lineDashOffset, 0), r.lineJoin = P(n.lineJoin, "miter"), r.lineWidth = i, r.strokeStyle = P(n.strokeStyle, o), r.setLineDash(P(n.lineDash, [])), a.usePointStyle) {
+				let o = {
+					radius: m * Math.SQRT2 / 2,
+					pointStyle: n.pointStyle,
+					rotation: n.rotation,
+					borderWidth: i
+				}, c = s.xPlus(e, p / 2), l = t + d;
+				pn(r, o, c, l, a.pointStyleWidth && p);
+			} else {
 				let a = t + Math.max((u - m) / 2, 0), o = s.leftForLtr(e, p), c = An(n.borderRadius);
 				r.beginPath(), Object.values(c).some((e) => e !== 0) ? Cn(r, {
 					x: o,
@@ -5894,7 +5896,9 @@ var zs = {
 		this.legendItems.forEach((o, u) => {
 			r.strokeStyle = o.fontColor, r.fillStyle = o.fontColor;
 			let m = r.measureText(o.text).width, h = s.textAlign(o.textAlign ||= a.textAlign), x = p + d + m, S = f.x, C = f.y;
-			if (s.setWidth(this.width), v ? u > 0 && S + x + l > this.right && (C = f.y += b, f.line++, S = f.x = W(i, this.left + l, this.right - n[f.line])) : u > 0 && C + b > this.bottom && (S = f.x = S + t[f.line].width + l, f.line++, C = f.y = W(i, this.top + y + l, this.bottom - t[f.line].height)), g(s.x(S), C, o), S = Ft(h, S + p + d, v ? S + x : this.right, e.rtl), _(s.x(S), C, o), v) f.x += x + l;
+			s.setWidth(this.width), v ? u > 0 && S + x + l > this.right && (C = f.y += b, f.line++, S = f.x = W(i, this.left + l, this.right - n[f.line])) : u > 0 && C + b > this.bottom && (S = f.x = S + t[f.line].width + l, f.line++, C = f.y = W(i, this.top + y + l, this.bottom - t[f.line].height));
+			let w = s.x(S);
+			if (g(w, C, o), S = Ft(h, S + p + d, v ? S + x : this.right, e.rtl), _(s.x(S), C, o), v) f.x += x + l;
 			else if (typeof o.text != "string") {
 				let e = c.lineHeight;
 				f.y += Ks(o, e) + l;
@@ -7187,7 +7191,7 @@ var qc = {
 		common: !0,
 		size: 3154e7
 	}
-}, $ = /* @__PURE__ */ Object.keys(qc);
+}, $ = /* #__PURE__ */ Object.keys(qc);
 function Jc(e, t) {
 	return e - t;
 }
@@ -7555,7 +7559,7 @@ function hl(e, t) {
 		}
 	});
 }
-var gl = /* @__PURE__ */ hl("bar", Li), _l = /* @__PURE__ */ hl("line", Bi), vl = /* @__PURE__ */ hl("pie", Hi), yl = /* @__PURE__ */ e(/* @__PURE__ */ a({
+var gl = /* #__PURE__ */ hl("bar", Li), _l = /* #__PURE__ */ hl("line", Bi), vl = /* #__PURE__ */ hl("pie", Hi), yl = /*#__PURE__*/ e(/* @__PURE__ */ a({
 	__name: "UiChart",
 	props: {
 		labels: {},

package/dist/UiCheckbox/UiCheckbox.js

@@ -10,7 +10,7 @@ var d = ["data-disabled", "data-switcher"], f = [
 	"data-switcher",
 	"data-disabled",
 	"data-error"
-], m = /* @__PURE__ */ e(/* @__PURE__ */ i({
+], m = /*#__PURE__*/ e(/* @__PURE__ */ i({
 	__name: "UiCheckbox",
 	props: {
 		initialValue: {
@@ -44,7 +44,9 @@ var d = ["data-disabled", "data-switcher"], f = [
 	setup(e, { emit: i }) {
 		let m = e, h = i, g = s();
 		function _() {
-			g.value && h("update:modelValue", g.value.checked ? m.initialValue || !0 : !1);
+			if (!g.value) return;
+			let e = g.value.checked ? m.initialValue || !0 : !1;
+			h("update:modelValue", e);
 		}
 		return (e, i) => (o(), n("label", {
 			onClick: i[1] ||= u(() => {}, ["stop"]),

package/dist/UiChip/UiChip.js

@@ -1,6 +1,6 @@
 import "./UiChip.css";
 import { t as e } from "../_plugin-vue_export-helper-B3ysoDQm.js";
-import { t } from "../UiClose-24LsZd6X.js";
+import { t } from "../UiClose-CPrzLd_K.js";
 import { createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createVNode as o, defineComponent as s, normalizeClass as c, openBlock as l, renderSlot as u, unref as d } from "vue";
 //#region src/components/UiChip/icons/edit.svg
 var f = {
@@ -13,7 +13,7 @@ var f = {
 function p(e, t) {
 	return l(), i("svg", f, [...t[0] ||= [a("path", { d: "M23 4a1 1 0 0 1-1 1h-3a1 1 0 0 1 0-2h3a1 1 0 0 1 1 1M2 3h8.184a3 3 0 1 1 0 2H2a1 1 0 0 1 0-2m10 1a1 1 0 1 0 1-1 1 1 0 0 0-1 1M1 12a1 1 0 0 1 1-1h4.184a3 3 0 1 1 0 2H2a1 1 0 0 1-1-1m7 0a1 1 0 1 0 1-1 1 1 0 0 0-1 1m14-1h-7a1 1 0 0 0 0 2h7a1 1 0 0 0 0-2m0 8h-5a1 1 0 0 0 0 2h5a1 1 0 0 0 0-2M1 20a1 1 0 0 1 1-1h6.184a3 3 0 1 1 0 2H2a1 1 0 0 1-1-1m9 0a1 1 0 1 0 1-1 1 1 0 0 0-1 1" }, null, -1)]]);
 }
-var m = { render: p }, h = "default", g = ["data-type"], _ = /* @__PURE__ */ e(/* @__PURE__ */ s({
+var m = { render: p }, h = "default", g = ["data-type"], _ = /*#__PURE__*/ e(/* @__PURE__ */ s({
 	__name: "UiChip",
 	props: {
 		type: { default: h },

package/dist/UiClose/UiClose.js

@@ -1,2 +1,2 @@
-import { t as e } from "../UiClose-24LsZd6X.js";
+import { t as e } from "../UiClose-CPrzLd_K.js";
 export { e as default };

package/dist/{UiClose-24LsZd6X.js → UiClose-CPrzLd_K.js}

@@ -2,7 +2,7 @@ import "./UiClose/UiClose.css";
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { createElementBlock as t, createElementVNode as n, defineComponent as r, normalizeClass as i, openBlock as a } from "vue";
 //#region src/components/UiClose/UiClose.vue?vue&type=script&setup=true&lang.ts
-var o = ["data-small", "data-delete"], s = /* @__PURE__ */ e(/* @__PURE__ */ r({
+var o = ["data-small", "data-delete"], s = /*#__PURE__*/ e(/* @__PURE__ */ r({
 	__name: "UiClose",
 	props: {
 		isSmall: { type: Boolean },

package/dist/UiDate/UiDate.css

@@ -0,0 +1 @@
+._inputBlock_1sbfv_1{border-radius:16px;width:100%;display:flex;position:relative}._input_1sbfv_1{background-color:var(--color-transparent);border:1px solid var(--color-gray);border-radius:16px;outline:none;width:100%;height:40px;padding:0 44px 0 16px;font-size:1rem}._input_1sbfv_1:hover{border-color:var(--color-gray-dark-extra)}._input_1sbfv_1:focus{border-color:var(--color-primary)}._input_1sbfv_1:disabled{color:var(--color-gray-dark-extra);background-color:var(--color-gray-light-extra);border-color:var(--color-transparent)}._input_1sbfv_1::placeholder{color:var(--color-gray-dark-extra)}._icon_1sbfv_33{width:20px;height:20px;color:var(--color-gray-dark-extra);cursor:pointer;fill:currentColor;position:absolute;top:50%;right:12px;transform:translateY(-50%)}._inputBlock_1sbfv_1:has(._input_1sbfv_1:focus) ._icon_1sbfv_33{color:var(--color-primary)}._calendar_1sbfv_49{z-index:10;background-color:var(--color-white);border:1px solid var(--color-gray);border-radius:16px;width:100%;min-width:280px;padding:16px;position:absolute;top:calc(100% + 4px);left:0}._calendarHeader_1sbfv_62{justify-content:space-between;align-items:center;gap:8px;display:flex}._calendarSelects_1sbfv_69{gap:8px;display:flex}._calendarSelect_1sbfv_69{background-color:var(--color-transparent);border:1px solid var(--color-gray);border-radius:8px;height:32px;padding:0 8px;font-size:.875rem}._calendarButton_1sbfv_83{width:32px;height:32px;color:var(--color-gray-dark);cursor:pointer;background-color:var(--color-transparent);border:1px solid var(--color-gray);border-radius:8px;justify-content:center;align-items:center;font-size:1.25rem;display:flex}._calendarButton_1sbfv_83:hover{color:var(--color-primary);border-color:var(--color-primary)}._calendarGrid_1sbfv_101{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}._dayName_1sbfv_107{color:var(--color-gray-dark-extra);text-align:center;padding:4px 0;font-size:.875rem}._day_1sbfv_107{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;height:32px;font-size:.875rem;display:flex}._day_1sbfv_107:hover:not(._daySelected_1sbfv_123){background-color:var(--color-gray-light-extra)}._dayOther_1sbfv_127{color:var(--color-gray-dark-extra)}._daySelected_1sbfv_123{color:var(--color-white);background-color:var(--color-primary)}.dark ._input_1sbfv_1,.dark ._calendar_1sbfv_49{background-color:var(--color-gray-dark);border-color:var(--color-gray-dark-extra)}dialog{overflow:visible}

package/dist/UiDate/UiDate.d.ts

@@ -0,0 +1,17 @@
+import { TLocale } from '../locales/types';
+interface IProps {
+    modelValue?: string | null;
+    isDisabled?: boolean;
+    placeholder?: string;
+    lang?: TLocale;
+}
+declare const _default: import('vue').DefineComponent<IProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+}, string, import('vue').PublicProps, Readonly<IProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+    placeholder: string;
+    modelValue: string | null;
+    lang: TLocale;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/UiDate/UiDate.js

@@ -0,0 +1,198 @@
+import "./UiDate.css";
+import { t as e } from "../_plugin-vue_export-helper-B3ysoDQm.js";
+import { t } from "../UiFlex-Bmfq0xaC.js";
+import { t as n } from "../locales-CTOQaSjK.js";
+import { Fragment as r, computed as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, mergeProps as u, normalizeClass as d, onBeforeUnmount as f, onMounted as ee, openBlock as p, ref as m, renderList as h, toDisplayString as g, unref as _, watch as v, withCtx as y } from "vue";
+//#region src/components/UiDate/UiDate.vue?vue&type=script&setup=true&lang.ts
+var b = [
+	"value",
+	"disabled",
+	"placeholder",
+	"lang"
+], x = ["value"], S = ["value"], C = ["value"], w = ["value"], T = [
+	"data-current-month",
+	"data-selected",
+	"onClick"
+], E = /*#__PURE__*/ e(/* @__PURE__ */ l({
+	inheritAttrs: !1,
+	__name: "UiDate",
+	props: {
+		modelValue: { default: "" },
+		isDisabled: { type: Boolean },
+		placeholder: { default: "" },
+		lang: { default: "ru" }
+	},
+	emits: ["update:modelValue"],
+	setup(e, { emit: l, attrs: E }) {
+		let D = e, O = l, k = m(null), A = m(""), j = m(!1), M = m(/* @__PURE__ */ new Date()), N = {
+			ru: /^(\d{2})\.(\d{2})\.(\d{4})$/,
+			en: /^(\d{2})\/(\d{2})\/(\d{4})$/
+		}, P = (/* @__PURE__ */ new Date()).getFullYear(), F = Array.from({ length: 101 }, (e, t) => P - 50 + t), I = i(() => D.placeholder || n[D.lang].datePlaceholder), L = i(() => A.value ? A.value : X(D.modelValue)), R = i(() => D.modelValue && /^\d{4}-\d{2}-\d{2}$/.test(D.modelValue) ? D.modelValue : ""), z = i(() => {
+			let e = M.value.getFullYear(), t = M.value.getMonth(), n = new Date(e, t, 1).getDay(), r = n === 0 ? 6 : n - 1, i = [];
+			for (let n = 0; n < 42; n += 1) {
+				let a = new Date(e, t, 1 - r + n);
+				i.push({
+					date: a,
+					isCurrentMonth: a.getMonth() === t,
+					isSelected: $(a) === R.value
+				});
+			}
+			return i;
+		});
+		v(() => D.modelValue, (e) => {
+			Y(e);
+		}, { immediate: !0 }), ee(() => {
+			document.addEventListener("click", J);
+		}), f(() => {
+			document.removeEventListener("click", J);
+		});
+		function B(e) {
+			let t = e.target.value;
+			A.value = t;
+			let n = Q(t, D.lang);
+			n !== void 0 && O("update:modelValue", n);
+		}
+		function V() {
+			let e = Q(A.value, D.lang);
+			e !== void 0 && O("update:modelValue", e), A.value = "";
+		}
+		function H() {
+			D.isDisabled || (j.value = !j.value);
+		}
+		function U(e) {
+			let t = Number(e.target.value);
+			M.value = new Date(M.value.getFullYear(), t, 1);
+		}
+		function W(e) {
+			let t = Number(e.target.value);
+			M.value = new Date(t, M.value.getMonth(), 1);
+		}
+		function G() {
+			M.value = new Date(M.value.getFullYear(), M.value.getMonth() - 1, 1);
+		}
+		function K() {
+			M.value = new Date(M.value.getFullYear(), M.value.getMonth() + 1, 1);
+		}
+		function q(e) {
+			let t = $(e);
+			O("update:modelValue", t), A.value = "", j.value = !1;
+		}
+		function J(e) {
+			k.value?.contains(e.target) || (j.value = !1);
+		}
+		function Y(e) {
+			if (!e) {
+				M.value = /* @__PURE__ */ new Date();
+				return;
+			}
+			let [t, n, r] = e.split("-").map(Number);
+			t && n && r && (M.value = new Date(t, n - 1, r));
+		}
+		function X(e) {
+			return e ? Z(e, D.lang) : "";
+		}
+		function Z(e, t) {
+			let [n, r, i] = e.split("-");
+			return !n || !r || !i ? e : t === "en" ? `${r}/${i}/${n}` : `${i}.${r}.${n}`;
+		}
+		function Q(e, t) {
+			let n = N[t].exec(e);
+			if (!n) return;
+			let [, r, i, a] = n, o = t === "en", s = Number(o ? i : r), c = Number(o ? r : i), l = Number(a), u = new Date(l, c - 1, s);
+			if (!(u.getFullYear() !== l || u.getMonth() !== c - 1 || u.getDate() !== s)) return `${l}-${String(c).padStart(2, "0")}-${String(s).padStart(2, "0")}`;
+		}
+		function $(e) {
+			return `${e.getFullYear()}-${String(e.getMonth() + 1).padStart(2, "0")}-${String(e.getDate()).padStart(2, "0")}`;
+		}
+		return (e, i) => (p(), o("div", {
+			ref_key: "inputBlockRef",
+			ref: k,
+			class: d(e.$style.inputBlock)
+		}, [
+			s("input", u({
+				value: L.value,
+				type: "text",
+				inputmode: "numeric",
+				disabled: D.isDisabled,
+				class: e.$style.input,
+				placeholder: I.value,
+				maxlength: "10",
+				lang: D.lang
+			}, E, {
+				onInput: B,
+				onBlur: V
+			}), null, 16, b),
+			(p(), o("svg", {
+				class: d(e.$style.icon),
+				viewBox: "0 0 24 24",
+				xmlns: "http://www.w3.org/2000/svg",
+				onClick: H
+			}, [...i[0] ||= [s("path", { d: "M19 4h-1V2h-2v2H8V2H6v2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14\n           c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V10h14v10zM9 14H7v-2h2v2\n           zm4 0h-2v-2h2v2zm4 0h-2v-2h2v2zm-8 4H7v-2h2v2zm4 0h-2v-2h2v2\n           zm4 0h-2v-2h2v2z" }, null, -1)]], 2)),
+			j.value ? (p(), o("div", {
+				key: 0,
+				class: d(e.$style.calendar)
+			}, [c(t, {
+				column: "",
+				gap: "12"
+			}, {
+				default: y(() => [s("div", { class: d(e.$style.calendarHeader) }, [
+					s("button", {
+						type: "button",
+						class: d(e.$style.calendarButton),
+						onClick: G
+					}, "<", 2),
+					s("div", { class: d(e.$style.calendarSelects) }, [s("select", {
+						class: d(e.$style.calendarSelect),
+						value: M.value.getMonth(),
+						onChange: U
+					}, [(p(!0), o(r, null, h(_(n)[D.lang].months, (e, t) => (p(), o("option", {
+						key: e,
+						value: t
+					}, g(e), 9, S))), 128))], 42, x), s("select", {
+						class: d(e.$style.calendarSelect),
+						value: M.value.getFullYear(),
+						onChange: W
+					}, [(p(!0), o(r, null, h(_(F), (e) => (p(), o("option", {
+						key: e,
+						value: e
+					}, g(e), 9, w))), 128))], 42, C)], 2),
+					s("button", {
+						type: "button",
+						class: d(e.$style.calendarButton),
+						onClick: K
+					}, ">", 2)
+				], 2), s("div", { class: d(e.$style.calendarGrid) }, [(p(!0), o(r, null, h(_(n)[D.lang].daysShort, (t) => (p(), o("div", {
+					key: t,
+					class: d(e.$style.dayName)
+				}, g(t), 3))), 128)), (p(!0), o(r, null, h(z.value, (t) => (p(), o("div", {
+					key: t.date.toISOString(),
+					class: d([
+						e.$style.day,
+						!t.isCurrentMonth && e.$style.dayOther,
+						t.isSelected && e.$style.daySelected
+					]),
+					"data-current-month": t.isCurrentMonth,
+					"data-selected": t.isSelected,
+					onClick: (e) => q(t.date)
+				}, g(t.date.getDate()), 11, T))), 128))], 2)]),
+				_: 1
+			})], 2)) : a("", !0)
+		], 2));
+	}
+}), [["__cssModules", { $style: {
+	inputBlock: "_inputBlock_1sbfv_1",
+	input: "_input_1sbfv_1",
+	icon: "_icon_1sbfv_33",
+	calendar: "_calendar_1sbfv_49",
+	calendarHeader: "_calendarHeader_1sbfv_62",
+	calendarSelects: "_calendarSelects_1sbfv_69",
+	calendarSelect: "_calendarSelect_1sbfv_69",
+	calendarButton: "_calendarButton_1sbfv_83",
+	calendarGrid: "_calendarGrid_1sbfv_101",
+	dayName: "_dayName_1sbfv_107",
+	day: "_day_1sbfv_107",
+	daySelected: "_daySelected_1sbfv_123",
+	dayOther: "_dayOther_1sbfv_127"
+} }]]);
+//#endregion
+export { E as default };

package/dist/UiEditor/UiEditor.js

@@ -2,12 +2,12 @@ import "./UiEditor.css";
 import { t as e } from "../_plugin-vue_export-helper-B3ysoDQm.js";
 import { Fragment as t, createElementBlock as n, createElementVNode as r, defineComponent as i, nextTick as a, normalizeClass as o, onBeforeUnmount as s, openBlock as c, ref as l, renderList as u, toDisplayString as d, watch as f } from "vue";
 //#region src/components/UiEditor/UiEditor.vue?vue&type=script&setup=true&lang.ts
-var p = ["onClick"], m = ["value"], h = /* @__PURE__ */ e(/* @__PURE__ */ i({
+var p = ["onClick"], m = ["value"], h = /*#__PURE__*/ e(/* @__PURE__ */ i({
 	__name: "UiEditor",
 	props: { modelValue: {} },
 	emits: ["update:modelValue"],
 	setup(e, { emit: i }) {
-		let h = e, g = i, _ = l(), v = l(!1), y = l(""), b = !1, x = null, S = [
+		let h = e, g = i, _ = l(), v = l(!1), y = l(""), b = l(!1), x = l(null), S = [
 			{
 				_id: 1,
 				name: "b",
@@ -38,7 +38,7 @@ var p = ["onClick"], m = ["value"], h = /* @__PURE__ */ e(/* @__PURE__ */ i({
 			let e = globalThis.window?.getSelection();
 			if (!e || e.rangeCount === 0) return;
 			let t = e.getRangeAt(0);
-			x = {
+			x.value = {
 				startNode: t.startContainer,
 				startOffset: t.startOffset,
 				endNode: t.endContainer,
@@ -46,9 +46,9 @@ var p = ["onClick"], m = ["value"], h = /* @__PURE__ */ e(/* @__PURE__ */ i({
 			};
 		}
 		function w() {
-			if (!x || !_.value) return;
-			let { startNode: e, startOffset: t, endNode: n, endOffset: r } = x;
-			if (x = null, !e || !n) return;
+			if (!x.value || !_.value) return;
+			let { startNode: e, startOffset: t, endNode: n, endOffset: r } = x.value;
+			if (x.value = null, !e || !n) return;
 			let i = document.createRange();
 			i.setStart(e, t), i.setEnd(n, r);
 			let a = globalThis.window?.getSelection();
@@ -62,19 +62,16 @@ var p = ["onClick"], m = ["value"], h = /* @__PURE__ */ e(/* @__PURE__ */ i({
 			if (!t || t.rangeCount === 0) return;
 			let n = t.getRangeAt(0);
 			if (!_.value?.contains(n.commonAncestorContainer)) return;
-			let r = n.toString();
+			let r = n.toString(), i;
 			if (r) {
-				let i = document.createElement(e);
-				i.textContent = r, n.deleteContents(), n.insertNode(i);
-				let a = document.createRange();
-				a.setStartAfter(i), a.collapse(!0), t.removeAllRanges(), t.addRange(a);
+				let t = document.createElement(e);
+				t.textContent = r, n.deleteContents(), n.insertNode(t), i = document.createRange(), i.setStartAfter(t);
 			} else {
 				n.collapse(!0);
-				let r = document.createElement(e);
-				n.insertNode(r);
-				let i = document.createRange();
-				i.setStart(r, 0), i.collapse(!0), t.removeAllRanges(), t.addRange(i);
+				let t = document.createElement(e);
+				n.insertNode(t), i = document.createRange(), i.setStart(t, 0);
 			}
+			i.collapse(!0), t.removeAllRanges(), t.addRange(i);
 		}
 		function D() {
 			E("b"), T(), g("update:modelValue", _.value?.innerHTML);
@@ -86,8 +83,8 @@ var p = ["onClick"], m = ["value"], h = /* @__PURE__ */ e(/* @__PURE__ */ i({
 			E(e === 2 ? "h2" : "h3"), T(), g("update:modelValue", _.value?.innerHTML);
 		}
 		function A() {
-			if (b) {
-				b = !1;
+			if (b.value) {
+				b.value = !1;
 				return;
 			}
 			g("update:modelValue", _.value?.innerHTML);
@@ -104,28 +101,31 @@ var p = ["onClick"], m = ["value"], h = /* @__PURE__ */ e(/* @__PURE__ */ i({
 			})) : (_.value && (y.value = _.value.innerHTML), v.value = !0);
 		}
 		function P(e) {
-			v.value && (y.value = e.target.value, g("update:modelValue", y.value));
+			if (!v.value) return;
+			let t = e.target;
+			y.value = t.value, g("update:modelValue", y.value);
 		}
 		function F() {
 			if (!_.value) return;
 			let e = _.value, t = [...e.childNodes], n = !1;
-			for (let e of t) if (e.nodeType === Node.TEXT_NODE && e.textContent?.trim()) {
+			for (let e of t) {
+				if (e.nodeType !== Node.TEXT_NODE || !e.textContent?.trim()) continue;
 				let t = document.createElement("div");
 				t.append(e.cloneNode(!0)), e.replaceWith(t), n = !0;
 			}
-			(t.length === 0 || t.every((e) => e.nodeType === Node.TEXT_NODE && !e.textContent?.trim())) && (e.innerHTML = "<div><br></div>", n = !0), n && a(() => {
+			t.every((e) => e.nodeType === Node.TEXT_NODE && !e.textContent?.trim()) && (e.innerHTML = "<div><br></div>", n = !0), n && a(() => {
 				w(), e.focus();
 			});
 		}
 		return f(() => h.modelValue, (e) => {
 			if (!_.value || _.value.innerHTML === e) return;
-			b = !0;
+			b.value = !0;
 			let t = document.activeElement === _.value;
 			t && C(), _.value.innerHTML = e || "<div></div>", a(() => {
 				t && w(), t && _.value && _.value.focus();
 			});
 		}), s(() => {
-			x = null;
+			x.value = null;
 		}), (e, i) => (c(), n("div", { class: o(e.$style.container) }, [r("div", { class: o(e.$style.actions) }, [(c(), n(t, null, u(S, (t) => r("button", {
 			key: t._id,
 			onClick: (e) => t.method(),

package/dist/UiField/UiField.js

@@ -1,7 +1,7 @@
 import "./UiField.css";
 import { t as e } from "../_plugin-vue_export-helper-B3ysoDQm.js";
 import { createCommentVNode as t, createElementBlock as n, createElementVNode as r, defineComponent as i, normalizeClass as a, openBlock as o, renderSlot as s, toDisplayString as c } from "vue";
-var l = /* @__PURE__ */ e(/* @__PURE__ */ i({
+var l = /*#__PURE__*/ e(/* @__PURE__ */ i({
 	__name: "UiField",
 	props: {
 		label: {},

package/dist/UiFlex/UiFlex.css

@@ -1 +1 @@
-._flex_qq3eu_1{flex-direction:var(--bd0c91ae);flex-wrap:var(--v45af6241);gap:var(--v78b561f9);align-items:var(--v0f8a4d32);justify-content:var(--a3abe380);display:flex}.dark ._flex_qq3eu_1{color:var(--color-white)}
+._flex_qq3eu_1{flex-direction:var(--v02deb91f);flex-wrap:var(--e63f98ea);gap:var(--v123f8122);align-items:var(--v73a77efc);justify-content:var(--v79654b0a);display:flex}.dark ._flex_qq3eu_1{color:var(--color-white)}

package/dist/UiFlex/UiFlex.js

@@ -1,44 +1,2 @@
-import "./UiFlex.css";
-import { t as e } from "../_plugin-vue_export-helper-B3ysoDQm.js";
-import { computed as t, createBlock as n, defineComponent as r, normalizeClass as i, openBlock as a, renderSlot as o, resolveDynamicComponent as s, useCssVars as c, withCtx as l } from "vue";
-var u = /* @__PURE__ */ e(/* @__PURE__ */ r({
-	__name: "UiFlex",
-	props: {
-		tag: { default: "div" },
-		column: { type: Boolean },
-		align: { default: "normal" },
-		justify: { default: "normal" },
-		wrap: { type: Boolean },
-		gap: { default: "8" }
-	},
-	setup(e) {
-		c((e) => ({
-			bd0c91ae: u.value,
-			v45af6241: p.value,
-			v78b561f9: m.value,
-			v0f8a4d32: d.value,
-			a3abe380: f.value
-		}));
-		let r = e, u = t(() => r.column ? "column" : "row"), d = t(() => r.align), f = t(() => r.justify), p = t(() => r.wrap ? "wrap" : "nowrap"), m = t(() => r.gap ? `${r.gap}px` : "0");
-		return (e, t) => (a(), n(s(r.tag), {
-			class: i(e.$style.flex),
-			"data-column": r.column,
-			"data-align": r.align,
-			"data-justify": r.justify,
-			"data-wrap": r.wrap,
-			"data-gap": r.gap
-		}, {
-			default: l(() => [o(e.$slots, "default")]),
-			_: 3
-		}, 8, [
-			"class",
-			"data-column",
-			"data-align",
-			"data-justify",
-			"data-wrap",
-			"data-gap"
-		]));
-	}
-}), [["__cssModules", { $style: { flex: "_flex_qq3eu_1" } }]]);
-//#endregion
-export { u as default };
+import { t as e } from "../UiFlex-Bmfq0xaC.js";
+export { e as default };

package/dist/UiFlex-Bmfq0xaC.js

@@ -0,0 +1,44 @@
+import "./UiFlex/UiFlex.css";
+import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { computed as t, createBlock as n, defineComponent as r, normalizeClass as i, openBlock as a, renderSlot as o, resolveDynamicComponent as s, useCssVars as c, withCtx as l } from "vue";
+var u = /*#__PURE__*/ e(/* @__PURE__ */ r({
+	__name: "UiFlex",
+	props: {
+		tag: { default: "div" },
+		column: { type: Boolean },
+		align: { default: "normal" },
+		justify: { default: "normal" },
+		wrap: { type: Boolean },
+		gap: { default: "8" }
+	},
+	setup(e) {
+		c((e) => ({
+			v02deb91f: u.value,
+			e63f98ea: p.value,
+			v123f8122: m.value,
+			v73a77efc: d.value,
+			v79654b0a: f.value
+		}));
+		let r = e, u = t(() => r.column ? "column" : "row"), d = t(() => r.align), f = t(() => r.justify), p = t(() => r.wrap ? "wrap" : "nowrap"), m = t(() => r.gap ? `${r.gap}px` : "0");
+		return (e, t) => (a(), n(s(r.tag), {
+			class: i(e.$style.flex),
+			"data-column": r.column,
+			"data-align": r.align,
+			"data-justify": r.justify,
+			"data-wrap": r.wrap,
+			"data-gap": r.gap
+		}, {
+			default: l(() => [o(e.$slots, "default")]),
+			_: 3
+		}, 8, [
+			"class",
+			"data-column",
+			"data-align",
+			"data-justify",
+			"data-wrap",
+			"data-gap"
+		]));
+	}
+}), [["__cssModules", { $style: { flex: "_flex_qq3eu_1" } }]]);
+//#endregion
+export { u as t };

package/dist/UiInput/UiInput.js

@@ -1,2 +1,2 @@
-import { t as e } from "../UiInput-DfxP3_4K.js";
+import { t as e } from "../UiInput-BCdtBzNw.js";
 export { e as default };

package/dist/{UiInput-DfxP3_4K.js → UiInput-BCdtBzNw.js}

@@ -60,7 +60,7 @@ var C = { render: S }, w = ["data-mode", "tabindex"], T = [
 	"data-center",
 	"data-append-icon",
 	"tabindex"
-], E = /* @__PURE__ */ e(/* @__PURE__ */ o({
+], E = /*#__PURE__*/ e(/* @__PURE__ */ o({
 	__name: "UiInput",
 	props: {
 		modelValue: {