@studio-west/component-sw 0.10.9 → 0.10.11

package/README.md

@@ -62,6 +62,16 @@ import { Library } from '@studio-west/component-sw';
 import '@studio-west/component-sw/dist/component-sw.css';
 
 app.use(Library)
+```
+### Локальное подключение  / Local add:
+```js
+import { components } from '@studio-west/component-sw';
+import '@studio-west/component-sw/dist/component-sw.css';
+const { 
+  SwSlider,
+  SwInput
+} = components;
+
 ```
 Установка в ручную светлой и темной темы - добавление к тегу `html` классов `dark` или `light` /  Installation in a manual light and dark theme - adding to the tag `html` classes` dark` or `light`
 

package/dist/{SwDatePicker-DPL2xnfr.js → SwDatePicker-D25T1Ubw.js}

@@ -1,42 +1,42 @@
-import { ref as D, computed as K, createElementBlock as r, openBlock as v, createElementVNode as o, createCommentVNode as j, withModifiers as c, renderSlot as w, createTextVNode as k, toDisplayString as f, unref as S, Fragment as b, renderList as Y, normalizeClass as A } from "vue";
-import { p as $, a as B } from "./index-C4bjIOWO.js";
-const oe = { class: "sw-data-picker" }, ue = {
+import { ref as D, computed as Q, createElementBlock as r, openBlock as v, createElementVNode as o, createCommentVNode as j, withModifiers as c, renderSlot as w, createTextVNode as k, toDisplayString as f, unref as F, Fragment as b, renderList as S, normalizeClass as A } from "vue";
+import { p as $, a as B } from "./index-DeMssusd.js";
+const te = { class: "sw-data-picker" }, ae = {
   key: 0,
   class: "month_year"
-}, re = { class: "text" }, ve = {
+}, le = { class: "text" }, ne = {
   key: 1,
   class: "month_year"
-}, ie = { class: "text" }, de = {
+}, se = { class: "text" }, oe = {
   key: 2,
   class: "week"
-}, ce = {
+}, ue = {
   key: 3,
   class: "year"
-}, ge = ["onClick"], pe = {
+}, re = ["onClick"], ve = {
   key: 4,
   class: "year"
-}, fe = ["onClick"], De = {
+}, ie = ["onClick"], de = {
   key: 5,
   class: "month"
-}, me = ["onClick"], we = { key: 0 }, ke = {
+}, ce = ["onClick"], ge = { key: 0 }, pe = {
   key: 0,
   class: "month_year"
-}, ye = { class: "text" }, he = {
+}, fe = { class: "text" }, De = {
   key: 1,
   class: "month_year"
-}, be = { class: "text" }, $e = {
+}, me = { class: "text" }, we = {
   key: 2,
   class: "week"
-}, Ce = {
+}, ke = {
   key: 3,
   class: "year"
-}, Me = ["onClick"], Fe = {
+}, ye = ["onClick"], he = {
   key: 4,
   class: "year"
-}, Se = ["onClick"], Ye = {
+}, be = ["onClick"], $e = {
   key: 5,
   class: "month"
-}, Te = ["onClick"], Ne = {
+}, Ce = ["onClick"], Se = {
   __name: "SwDatePicker",
   props: {
     data: Object,
@@ -50,18 +50,17 @@ const oe = { class: "sw-data-picker" }, ue = {
     }
   },
   emits: ["input"],
-  setup(ee, { emit: te }) {
-    var U, X, Z, _;
-    const s = ee, L = te, d = D(5), C = D(/* @__PURE__ */ new Date()), z = D(/* @__PURE__ */ new Date()), u = D((/* @__PURE__ */ new Date()).getFullYear()), n = D((/* @__PURE__ */ new Date()).getMonth()), q = D((/* @__PURE__ */ new Date()).getFullYear()), x = D((/* @__PURE__ */ new Date()).getMonth()), O = D(new Date(u.value, n.value + 1, 1).getMonth()), i = D([]), V = D(0), m = D(-1), F = D(-1), G = D(navigator.language || "ru"), E = /en|zh|ja|he/.test(G.value) ? 0 : 1, H = K(() => Array.from({ length: 12 }, (a, e) => {
+  setup(U, { emit: X }) {
+    const s = U, L = X, d = D(5), C = D(/* @__PURE__ */ new Date()), z = D(/* @__PURE__ */ new Date()), u = D((/* @__PURE__ */ new Date()).getFullYear()), n = D((/* @__PURE__ */ new Date()).getMonth()), W = D((/* @__PURE__ */ new Date()).getFullYear()), q = D((/* @__PURE__ */ new Date()).getMonth()), O = D(new Date(u.value, n.value + 1, 1).getMonth()), i = D([]), V = D(0), m = D(-1), M = D(-1), x = D(navigator.language || "ru"), I = /en|zh|ja|he/.test(x.value) ? 0 : 1, G = Q(() => Array.from({ length: 12 }, (a, e) => {
       const t = new Date(2024, e);
-      return new Intl.DateTimeFormat(G.value, { month: "long" }).format(t);
-    })), T = D(Math.floor(u.value / 10) * 10), I = K(() => Array.from({ length: 12 }, (a, e) => T.value + e - 1));
-    (U = s.data) != null && U.startDate && (C.value = new Date($(s.data.startDate)), u.value = C.value.getFullYear(), n.value = C.value.getMonth()), (X = s.data) != null && X.endDate && s.range === "range" && (z.value = new Date($(s.data.endDate)), q.value = z.value.getFullYear(), x.value = z.value.getMonth());
-    const J = () => {
+      return new Intl.DateTimeFormat(x.value, { month: "long" }).format(t);
+    })), Y = D(Math.floor(u.value / 10) * 10), N = Q(() => Array.from({ length: 12 }, (a, e) => Y.value + e - 1));
+    s.data?.startDate && (C.value = new Date($(s.data.startDate)), u.value = C.value.getFullYear(), n.value = C.value.getMonth()), s.data?.endDate && s.range === "range" && (z.value = new Date($(s.data.endDate)), W.value = z.value.getFullYear(), q.value = z.value.getMonth());
+    const H = () => {
       i.value = [], V.value = 0;
       const a = new Date(u.value, n.value, 0);
-      for (let t = a.getDate() - a.getDay() + E; t <= a.getDate(); t++)
-        a.getDay() !== 6 + E && (i.value.push({ day: t, month: a.getMonth(), year: a.getFullYear(), class: [] }), V.value++);
+      for (let t = a.getDate() - a.getDay() + I; t <= a.getDate(); t++)
+        a.getDay() !== 6 + I && (i.value.push({ day: t, month: a.getMonth(), year: a.getFullYear(), class: [] }), V.value++);
       const e = new Date(u.value, n.value + 1, 0).getDate();
       for (let t = 1; t <= e; t++)
         i.value.push({ day: t, month: n.value, year: u.value, class: [] }), V.value++;
@@ -70,18 +69,17 @@ const oe = { class: "sw-data-picker" }, ue = {
         for (let g = 1; g <= l; g++)
           i.value.push({ day: g, month: t.getMonth(), year: t.getFullYear(), class: [] });
       }
-      ae();
-    }, ae = () => {
-      var e;
-      if (!((e = s.data) != null && e.holiday)) return;
-      const a = (t, l) => {
-        t.forEach((g) => {
-          const [h, y, M] = g.split("-").map(Number), N = i.value.findIndex((W) => W.year === h && W.month + 1 === y && W.day === M);
-          N !== -1 && (i.value[N].class[0] = l);
+      Z();
+    }, Z = () => {
+      if (!s.data?.holiday) return;
+      const a = (e, t) => {
+        e.forEach((l) => {
+          const [g, y, T] = l.split("-").map(Number), h = i.value.findIndex((E) => E.year === g && E.month + 1 === y && E.day === T);
+          h !== -1 && (i.value[h].class[0] = t);
         });
       };
       a(s.data.holiday.preholidays, "preholiday"), a(s.data.holiday.holidays, "weekend"), a(s.data.holiday.holiday, "holiday"), a(s.data.holiday.nowork, "nowork");
-    }, le = () => {
+    }, _ = () => {
       if (!s.limitation || s.limitation.length < 2) return !1;
       const a = [...s.limitation].sort(
         (e, t) => new Date($(e.startDate)).getTime() - new Date($(t.startDate)).getTime()
@@ -96,61 +94,60 @@ const oe = { class: "sw-data-picker" }, ue = {
       if (!s.limitation || s.limitation.length === 0) return !0;
       const l = new Date(a, e, t).getTime();
       for (let g of s.limitation) {
-        const { startDate: h, endDate: y } = g;
-        if (!h && y) {
-          const M = new Date($(y)).getTime();
-          if (l <= M) return !1;
+        const { startDate: y, endDate: T } = g;
+        if (!y && T) {
+          const h = new Date($(T)).getTime();
+          if (l <= h) return !1;
         }
-        if (h && !y) {
-          const M = new Date($(h)).getTime();
-          if (l >= M) return !1;
+        if (y && !T) {
+          const h = new Date($(y)).getTime();
+          if (l >= h) return !1;
         }
-        if (h && y) {
-          const M = new Date($(h)).getTime(), N = new Date($(y)).getTime();
-          if (M <= N) {
-            if (l >= M && l <= N) return !1;
-          } else if (l >= M || l <= N) return !1;
+        if (y && T) {
+          const h = new Date($(y)).getTime(), E = new Date($(T)).getTime();
+          if (h <= E) {
+            if (l >= h && l <= E) return !1;
+          } else if (l >= h || l <= E) return !1;
         }
       }
       return !0;
     }, R = (a, e) => {
       const t = B(new Date(a.year, a.month, a.day), "{dd}.{m}.{Y}");
-      s.range === "range" ? F.value !== -1 ? (ne(), m.value = e, i.value[e].class[1] = "active") : m.value !== -1 ? (F.value = e, se(m.value, F.value, t)) : (m.value = e, i.value[e].class[1] = "active") : (m.value !== -1 && (i.value[m.value].class[1] = ""), m.value = e, i.value[e].class[1] = "active", L("input", { dateStart: t, count: 1 }));
-    }, ne = () => {
-      i.value.forEach((a) => a.class[1] = ""), m.value = -1, F.value = -1;
-    }, se = (a, e, t) => {
+      s.range === "range" ? M.value !== -1 ? (K(), m.value = e, i.value[e].class[1] = "active") : m.value !== -1 ? (M.value = e, ee(m.value, M.value, t)) : (m.value = e, i.value[e].class[1] = "active") : (m.value !== -1 && (i.value[m.value].class[1] = ""), m.value = e, i.value[e].class[1] = "active", L("input", { dateStart: t, count: 1 }));
+    }, K = () => {
+      i.value.forEach((a) => a.class[1] = ""), m.value = -1, M.value = -1;
+    }, ee = (a, e, t) => {
       let l = B(new Date(i.value[a].year, i.value[a].month, i.value[a].day), "{dd}.{m}.{Y}");
       if (e >= a) {
         for (let g = a + 1; g < e; g++)
           i.value[g].class[1] = "select";
-        L("input", { dateStart: l, dateEnd: t, count: Q(a, e) });
+        L("input", { dateStart: l, dateEnd: t, count: J(a, e) });
       } else {
         for (let g = e + 1; g < a; g++)
           i.value[g].class[1] = "select";
-        L("input", { dateStart: t, dateEnd: l, count: Q(e, a) });
+        L("input", { dateStart: t, dateEnd: l, count: J(e, a) });
       }
       i.value[e].class[1] = "active";
-    }, Q = (a, e) => {
-      var h;
+    }, J = (a, e) => {
       let t = Math.abs(a - e) + 1, [l, g] = [Math.min(a, e), Math.max(a, e)];
       for (let y = l; y <= g; y++)
-        ((h = i.value[y]) == null ? void 0 : h.class[0]) === "holiday" && t--;
+        i.value[y]?.class[0] === "holiday" && t--;
       return t;
     }, p = (a, e) => {
-      P(a, e) && (C.value = new Date(a, e, 1), u.value = C.value.getFullYear(), n.value = C.value.getMonth(), O.value = new Date(a, e + 1, 1).getMonth(), (s.range === "year" || s.range === "decades") && d.value === 0 ? R({ year: a, month: e, day: 1 }, 8) : J());
+      P(a, e) && (C.value = new Date(a, e, 1), u.value = C.value.getFullYear(), n.value = C.value.getMonth(), O.value = new Date(a, e + 1, 1).getMonth(), (s.range === "year" || s.range === "decades") && d.value === 0 ? R({ year: a, month: e, day: 1 }, 8) : H());
     };
-    if (J(), le(), (Z = s.data) != null && Z.startDate && (m.value = i.value.findIndex((a) => a.day === C.value.getDate() && a.month === n.value && a.year === u.value), m.value !== -1 && (i.value[m.value].class[1] = "active")), (_ = s.data) != null && _.endDate && s.range === "range" && (F.value = i.value.findIndex((a) => a.day === z.value.getDate() && a.month === x.value && a.year === q.value), F.value !== -1)) {
-      i.value[F.value].class[1] = "active";
-      for (let a = m.value + 1; a < F.value; a++)
+    if (H(), _(), s.data?.startDate && (m.value = i.value.findIndex((a) => a.day === C.value.getDate() && a.month === n.value && a.year === u.value), m.value !== -1 && (i.value[m.value].class[1] = "active")), s.data?.endDate && s.range === "range" && (M.value = i.value.findIndex((a) => a.day === z.value.getDate() && a.month === q.value && a.year === W.value), M.value !== -1)) {
+      i.value[M.value].class[1] = "active";
+      for (let a = m.value + 1; a < M.value; a++)
         i.value[a].class[1] = "select";
     }
-    return (a, e) => (v(), r("div", oe, [
+    return (a, e) => (v(), r("div", te, [
       o("div", null, [
-        s.range === "decades" || d.value === 3 ? (v(), r("p", ue, [
+        s.range === "decades" || d.value === 3 ? (v(), r("p", ae, [
           o("span", null, [
             o("button", {
               onClick: e[0] || (e[0] = c((t) => {
-                T.value -= 10, p(u.value, n.value);
+                Y.value -= 10, p(u.value, n.value);
               }, ["prevent"]))
             }, [
               w(a.$slots, "double-arrow", {}, () => [
@@ -158,12 +155,12 @@ const oe = { class: "sw-data-picker" }, ue = {
               ])
             ])
           ]),
-          o("span", re, f(I.value[0]) + " - " + f(I.value[11]), 1),
+          o("span", le, f(N.value[0]) + " - " + f(N.value[11]), 1),
           o("span", null, [
             o("button", {
               class: "sw-revers",
               onClick: e[1] || (e[1] = c((t) => {
-                T.value += 10, p(u.value, n.value);
+                Y.value += 10, p(u.value, n.value);
               }, ["prevent"]))
             }, [
               w(a.$slots, "double-arrow", {}, () => [
@@ -171,7 +168,7 @@ const oe = { class: "sw-data-picker" }, ue = {
               ])
             ])
           ])
-        ])) : (v(), r("p", ve, [
+        ])) : (v(), r("p", ne, [
           o("span", null, [
             o("button", {
               onClick: e[2] || (e[2] = c((t) => p(u.value - 1, n.value), ["prevent"]))
@@ -190,13 +187,13 @@ const oe = { class: "sw-data-picker" }, ue = {
               ])
             ])
           ]),
-          o("span", ie, [
+          o("span", se, [
             o("button", {
               onClick: e[4] || (e[4] = c((t) => d.value = 3, ["prevent"]))
             }, f(u.value), 1),
             o("button", {
               onClick: e[5] || (e[5] = c((t) => d.value = 1, ["prevent"]))
-            }, f(S(B)(C.value.setMonth(n.value), "{F}")), 1)
+            }, f(F(B)(C.value.setMonth(n.value), "{F}")), 1)
           ]),
           o("span", null, [
             o("button", {
@@ -219,46 +216,46 @@ const oe = { class: "sw-data-picker" }, ue = {
             ])
           ])
         ])),
-        s.range === "year" || s.range === "decades" || d.value === 1 || d.value === 3 ? j("", !0) : (v(), r("div", de, [
-          (v(), r(b, null, Y(7, (t, l) => o("button", {
+        s.range === "year" || s.range === "decades" || d.value === 1 || d.value === 3 ? j("", !0) : (v(), r("div", oe, [
+          (v(), r(b, null, S(7, (t, l) => o("button", {
             key: l,
             class: "disabled"
-          }, f(S(B)(new Date(1970, 1, t + S(E)), "{D}")), 1)), 64))
+          }, f(F(B)(new Date(1970, 1, t + F(I)), "{D}")), 1)), 64))
         ])),
-        d.value !== 3 && s.range === "year" || d.value === 1 ? (v(), r("div", ce, [
-          (v(!0), r(b, null, Y(H.value, (t, l) => (v(), r("button", {
+        d.value !== 3 && s.range === "year" || d.value === 1 ? (v(), r("div", ue, [
+          (v(!0), r(b, null, S(G.value, (t, l) => (v(), r("button", {
             key: l,
             onClick: c((g) => {
               d.value = 0, p(u.value, l);
             }, ["prevent"]),
             class: A(l === n.value ? "active" : "")
-          }, f(t), 11, ge))), 128))
-        ])) : s.range === "decades" || d.value === 3 ? (v(), r("div", pe, [
-          (v(!0), r(b, null, Y(I.value, (t, l) => (v(), r("button", {
+          }, f(t), 11, re))), 128))
+        ])) : s.range === "decades" || d.value === 3 ? (v(), r("div", ve, [
+          (v(!0), r(b, null, S(N.value, (t, l) => (v(), r("button", {
             key: l,
             onClick: c((g) => {
               d.value = s.range === "year" ? 1 : 0, p(t, n.value);
             }, ["prevent"]),
-            class: A(T.value + l - 1 === u.value ? "active" : "")
-          }, f(t), 11, fe))), 128))
-        ])) : (v(), r("div", De, [
-          (v(!0), r(b, null, Y(i.value, (t, l) => (v(), r(b, { key: l }, [
-            l < V.value + (7 - new Date(u.value, n.value + 1, 1).getDay() + S(E)) % 7 ? (v(), r("button", {
+            class: A(Y.value + l - 1 === u.value ? "active" : "")
+          }, f(t), 11, ie))), 128))
+        ])) : (v(), r("div", de, [
+          (v(!0), r(b, null, S(i.value, (t, l) => (v(), r(b, { key: l }, [
+            l < V.value + (7 - new Date(u.value, n.value + 1, 1).getDay() + F(I)) % 7 ? (v(), r("button", {
               key: 0,
               class: A(t.month === n.value && P(t.year, t.month, t.day) ? t.class : "disabled"),
               onClick: c(() => {
                 t.month === n.value && R(t, l);
               }, ["prevent"])
-            }, f(t.day), 11, me)) : j("", !0)
+            }, f(t.day), 11, ce)) : j("", !0)
           ], 64))), 128))
         ]))
       ]),
-      s.range === "range" ? (v(), r("div", we, [
-        s.range === "decades" || d.value === 4 ? (v(), r("p", ke, [
+      s.range === "range" ? (v(), r("div", ge, [
+        s.range === "decades" || d.value === 4 ? (v(), r("p", pe, [
           o("span", null, [
             o("button", {
               onClick: e[8] || (e[8] = c((t) => {
-                T.value -= 10, p(u.value, n.value);
+                Y.value -= 10, p(u.value, n.value);
               }, ["prevent"]))
             }, [
               w(a.$slots, "double-arrow", {}, () => [
@@ -266,12 +263,12 @@ const oe = { class: "sw-data-picker" }, ue = {
               ])
             ])
           ]),
-          o("span", ye, f(I.value[0]) + " - " + f(I.value[11]), 1),
+          o("span", fe, f(N.value[0]) + " - " + f(N.value[11]), 1),
           o("span", null, [
             o("button", {
               class: "sw-revers",
               onClick: e[9] || (e[9] = c((t) => {
-                T.value += 10, p(u.value, n.value);
+                Y.value += 10, p(u.value, n.value);
               }, ["prevent"]))
             }, [
               w(a.$slots, "double-arrow", {}, () => [
@@ -279,7 +276,7 @@ const oe = { class: "sw-data-picker" }, ue = {
               ])
             ])
           ])
-        ])) : (v(), r("p", he, [
+        ])) : (v(), r("p", De, [
           o("span", null, [
             o("button", {
               onClick: e[10] || (e[10] = c((t) => p(u.value - 1, n.value), ["prevent"]))
@@ -298,13 +295,13 @@ const oe = { class: "sw-data-picker" }, ue = {
               ])
             ])
           ]),
-          o("span", be, [
+          o("span", me, [
             o("button", {
               onClick: e[12] || (e[12] = c((t) => d.value = 4, ["prevent"]))
             }, f(new Date(u.value, n.value + 1).getFullYear()), 1),
             o("button", {
               onClick: e[13] || (e[13] = c((t) => d.value = 2, ["prevent"]))
-            }, f(S(B)(C.value.setMonth(n.value + 1), "{F}")), 1)
+            }, f(F(B)(C.value.setMonth(n.value + 1), "{F}")), 1)
           ]),
           o("span", null, [
             o("button", {
@@ -327,37 +324,37 @@ const oe = { class: "sw-data-picker" }, ue = {
             ])
           ])
         ])),
-        d.value === 2 || d.value === 4 ? j("", !0) : (v(), r("div", $e, [
-          (v(), r(b, null, Y(7, (t, l) => o("button", {
+        d.value === 2 || d.value === 4 ? j("", !0) : (v(), r("div", we, [
+          (v(), r(b, null, S(7, (t, l) => o("button", {
             key: l,
             class: "disabled"
-          }, f(S(B)(new Date(1970, 1, t + S(E)), "{D}")), 1)), 64))
+          }, f(F(B)(new Date(1970, 1, t + F(I)), "{D}")), 1)), 64))
         ])),
-        d.value === 2 ? (v(), r("div", Ce, [
-          (v(!0), r(b, null, Y(H.value, (t, l) => (v(), r("button", {
+        d.value === 2 ? (v(), r("div", ke, [
+          (v(!0), r(b, null, S(G.value, (t, l) => (v(), r("button", {
             key: l,
             onClick: c((g) => {
               d.value = 0, p(u.value, l - 1);
             }, ["prevent"]),
             class: A(l === (n.value + 1) % 12 ? "active" : "")
-          }, f(t), 11, Me))), 128))
-        ])) : d.value === 4 ? (v(), r("div", Fe, [
-          (v(!0), r(b, null, Y(I.value, (t, l) => (v(), r("button", {
+          }, f(t), 11, ye))), 128))
+        ])) : d.value === 4 ? (v(), r("div", he, [
+          (v(!0), r(b, null, S(N.value, (t, l) => (v(), r("button", {
             key: l,
             onClick: c((g) => {
               d.value = 0, p(t, n.value);
             }, ["prevent"]),
-            class: A(T.value + l - 1 === u.value ? "active" : "")
-          }, f(t), 11, Se))), 128))
-        ])) : (v(), r("div", Ye, [
-          (v(!0), r(b, null, Y(i.value, (t, l) => (v(), r(b, { key: l }, [
-            l >= V.value - (7 + new Date(u.value, n.value + 1, 1).getDay() - S(E)) % 7 ? (v(), r("button", {
+            class: A(Y.value + l - 1 === u.value ? "active" : "")
+          }, f(t), 11, be))), 128))
+        ])) : (v(), r("div", $e, [
+          (v(!0), r(b, null, S(i.value, (t, l) => (v(), r(b, { key: l }, [
+            l >= V.value - (7 + new Date(u.value, n.value + 1, 1).getDay() - F(I)) % 7 ? (v(), r("button", {
               key: 0,
               class: A(t.month === O.value && P(t.year, t.month, t.day) ? t.class : "disabled"),
               onClick: c(() => {
                 t.month === O.value && R(t, l);
               }, ["prevent"])
-            }, f(t.day), 11, Te)) : j("", !0)
+            }, f(t.day), 11, Ce)) : j("", !0)
           ], 64))), 128))
         ]))
       ])) : j("", !0)
@@ -365,5 +362,5 @@ const oe = { class: "sw-data-picker" }, ue = {
   }
 };
 export {
-  Ne as default
+  Se as default
 };

package/dist/{SwDropdownItem-CKexOhlx.js → SwDropdownItem-DFIqJmpS.js}

@@ -1,5 +1,5 @@
 import { computed as o, createElementBlock as r, openBlock as l, normalizeClass as c, createBlock as a, createCommentVNode as i, renderSlot as p } from "vue";
-import { _ as u } from "./index-C4bjIOWO.js";
+import { _ as u } from "./index-DeMssusd.js";
 const y = {
   __name: "SwDropdownItem",
   props: {

package/dist/{SwGide-D0cE663C.js → SwGide-Ch5TIda2.js}

@@ -1,10 +1,10 @@
-import { mergeModels as k, ref as c, useModel as b, watchEffect as L, onMounted as N, createElementBlock as R, openBlock as z, createElementVNode as r, createVNode as u, withCtx as a, renderSlot as d, createTextVNode as v, toDisplayString as C, normalizeClass as M } from "vue";
-import h from "./SwDropdown-DQGTnnKw.js";
+import { mergeModels as E, ref as c, useModel as V, watchEffect as b, onMounted as L, createElementBlock as N, openBlock as R, createElementVNode as r, createVNode as u, withCtx as a, renderSlot as d, createTextVNode as v, toDisplayString as k, normalizeClass as z } from "vue";
+import M from "./SwDropdown-DQGTnnKw.js";
 import f from "./SwButton-85-tKHA7.js";
-import { _ as B } from "./index-C4bjIOWO.js";
-const G = ["src"], A = {
+import { _ as h } from "./index-DeMssusd.js";
+const B = ["src"], q = {
   __name: "SwGide",
-  props: /* @__PURE__ */ k({
+  props: /* @__PURE__ */ E({
     steps: { type: Array, default: () => [] },
     iconClose: { type: String, default: "" },
     maxWidth: { type: Number, default: 250 }
@@ -12,14 +12,14 @@ const G = ["src"], A = {
     modelValue: { type: Number, default: 0 },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ k(["close"], ["update:modelValue"]),
-  setup(w, { emit: S }) {
-    const n = c(null), g = c(!0), i = c(null), o = b(w, "modelValue"), T = S, s = w, y = () => T("close"), x = (t) => {
+  emits: /* @__PURE__ */ E(["close"], ["update:modelValue"]),
+  setup(w, { emit: C }) {
+    const n = c(null), g = c(!0), i = c(null), o = V(w, "modelValue"), S = C, s = w, y = () => S("close"), x = (t) => {
       const e = o.value + t;
       e < 0 ? o.value = 0 : e >= s.steps.length ? y() : o.value = e;
     };
     let m = !1;
-    const V = (t) => {
+    const T = (t) => {
       const e = t.getBoundingClientRect(), l = window.innerHeight;
       e.top < 5 ? (m = !0, document.documentElement.scrollTop += e.top - 5) : e.bottom > l - 5 && (m = !0, document.documentElement.scrollTop += e.bottom - l + 5);
     }, p = () => {
@@ -27,10 +27,9 @@ const G = ["src"], A = {
       const t = i.value.getBoundingClientRect(), e = window.pageYOffset || document.documentElement.scrollTop, l = window.pageXOffset || document.documentElement.scrollLeft;
       n.value.style.gridTemplateRows = `${t.top + e - 5}px ${t.height + 10}px 1fr`, n.value.style.gridTemplateColumns = `${t.left + l - 5}px ${t.width + 10}px 1fr`, n.value.style.height = document.documentElement.scrollHeight + "px";
     };
-    return L((t) => {
-      var E;
+    return b((t) => {
       if (!n.value) return;
-      const e = (E = s.steps[o.value]) == null ? void 0 : E.tag;
+      const e = s.steps[o.value]?.tag;
       if (!e || !e.trim()) {
         n.value.style.gridTemplateRows = "40% 0 1fr", n.value.style.gridTemplateColumns = "1fr 0 1fr", n.value.style.height = document.documentElement.scrollHeight + "px";
         return;
@@ -39,7 +38,7 @@ const G = ["src"], A = {
         console.warn(`[SwGuide] Элемент не найден: ${e}`);
         return;
       }
-      V(i.value);
+      T(i.value);
       const l = () => {
         if (m) {
           m = !1;
@@ -52,17 +51,14 @@ const G = ["src"], A = {
       $.observe(i.value), window.addEventListener("resize", l), window.addEventListener("scroll", l, { passive: !0 }), t(() => {
         $.disconnect(), window.removeEventListener("resize", l), window.removeEventListener("scroll", l);
       });
-    }), N(() => window.onload = () => {
-      var t;
-      return i.value = document.querySelector((t = s.steps[o.value]) == null ? void 0 : t.tag);
-    }), (t, e) => (z(), R("div", {
+    }), L(() => window.onload = () => i.value = document.querySelector(s.steps[o.value]?.tag)), (t, e) => (R(), N("div", {
       class: "sw-gide",
       ref_key: "swGide",
       ref: n
     }, [
       e[6] || (e[6] = r("div", { class: "overlay0" }, null, -1)),
       e[7] || (e[7] = r("div", { class: "overlay1" }, null, -1)),
-      u(h, {
+      u(M, {
         class: "gide",
         trigger: "none",
         placement: s.steps[o.value].placement,
@@ -73,14 +69,14 @@ const G = ["src"], A = {
         dropdown: a(() => [
           r("header", null, [
             d(t.$slots, "header", {}, () => [
-              v(C(s.steps[o.value].header) + " ", 1),
+              v(k(s.steps[o.value].header) + " ", 1),
               u(f, {
                 type: "primary",
                 link: "",
                 onClick: y
               }, {
                 default: a(() => [
-                  u(B, {
+                  u(h, {
                     "icon-class": s.iconClose
                   }, null, 8, ["icon-class"])
                 ]),
@@ -88,16 +84,13 @@ const G = ["src"], A = {
               })
             ])
           ]),
-          d(t.$slots, "default", {}, () => {
-            var l;
-            return [
-              r("div", null, C(s.steps[o.value].text), 1),
-              r("img", {
-                class: M(/left/.test((l = s.steps[o.value]) == null ? void 0 : l.placement) ? "reflect" : null),
-                src: s.steps[o.value].img
-              }, null, 10, G)
-            ];
-          }),
+          d(t.$slots, "default", {}, () => [
+            r("div", null, k(s.steps[o.value].text), 1),
+            r("img", {
+              class: z(/left/.test(s.steps[o.value]?.placement) ? "reflect" : null),
+              src: s.steps[o.value].img
+            }, null, 10, B)
+          ]),
           r("footer", null, [
             d(t.$slots, "footer", {}, () => [
               u(f, {
@@ -141,5 +134,5 @@ const G = ["src"], A = {
   }
 };
 export {
-  A as default
+  q as default
 };

package/dist/SwInput-Bn7eL-Ur.js

@@ -0,0 +1,89 @@
+import { mergeModels as i, useModel as x, ref as k, computed as _, watch as z, createElementBlock as r, openBlock as a, normalizeClass as q, createBlock as f, renderSlot as p, createCommentVNode as c, withDirectives as N, createTextVNode as V, toDisplayString as w, createElementVNode as B, mergeProps as M, vModelDynamic as C } from "vue";
+import { f as $, _ as d } from "./index-DeMssusd.js";
+const D = ["for"], I = {
+  key: 0,
+  title: "Это поле обязательно для заполнения."
+}, E = ["required", "placeholder", "type", "id", "name", "size", "maxlength", "minlength", "autofocus"], F = {
+  __name: "SwInput",
+  props: /* @__PURE__ */ i({
+    before: { type: String, default: "" },
+    after: { type: String, default: "" },
+    placeholder: { type: String, default: "" },
+    label: { type: String, default: "" },
+    name: { type: String, required: !0 },
+    class: { type: String, default: "" },
+    size: { type: String, default: "" },
+    type: { type: String, default: "text" },
+    inputMode: { type: String, default: "text" },
+    required: { type: Boolean, default: !1 },
+    maxlength: { type: Number, default: 128 },
+    minlength: { type: Number, default: 1 },
+    inputSize: { type: Number, default: 60 }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ i(["suffix", "prefix", "focusInput"], ["update:modelValue"]),
+  setup(s, { emit: m }) {
+    const l = x(s, "modelValue"), e = s, n = k(null), u = m, g = (t) => {
+      u("focusInput"), t.target.setSelectionRange(l.value.length, l.value.length), n.value !== null && (n.value.style.top = "-.6em");
+    }, h = (t) => {
+      l.value?.length === 0 && n.value !== null && n.value.removeAttribute("style");
+    };
+    l.value?.length > 0 && n.value !== null && (n.value.style.top = "-.6em");
+    const y = () => {
+      u("suffix");
+    }, v = () => {
+      u("prefix");
+    }, b = _(
+      () => {
+        let t = ["sw-input"];
+        return e.size.length > 0 && t.push("sw-" + e.size), e.class.length > 0 && t.push(e.class), t;
+      }
+    );
+    return z(l, (t, o) => {
+      e.type === "phone" && (l.value = $(t, o));
+    }), (t, o) => (a(), r("div", {
+      class: q(b.value)
+    }, [
+      e.before.length > 0 ? (a(), f(d, {
+        key: 0,
+        "icon-class": e.before,
+        onClick: v
+      }, null, 8, ["icon-class"])) : p(t.$slots, "prefix", { key: 1 }),
+      e.label.length > 0 ? (a(), r("label", {
+        key: 2,
+        for: e.name,
+        ref_key: "lab",
+        ref: n
+      }, [
+        V(w(e.label), 1),
+        e.required ? (a(), r("span", I, "*")) : c("", !0)
+      ], 8, D)) : c("", !0),
+      N(B("input", M({
+        "onUpdate:modelValue": o[0] || (o[0] = (S) => l.value = S),
+        required: e.required,
+        placeholder: e.required && e.label.length === 0 ? e.placeholder + "*" : e.placeholder,
+        type: e.type,
+        id: e.name,
+        name: e.name,
+        size: e.inputSize,
+        onFocus: g,
+        onBlur: h,
+        maxlength: e.maxlength,
+        minlength: e.minlength,
+        autofocus: e.autofocus
+      }, t.$attrs), null, 16, E), [
+        [C, l.value]
+      ]),
+      e.after.length > 0 ? (a(), f(d, {
+        key: 3,
+        "icon-class": e.after,
+        onClick: y
+      }, null, 8, ["icon-class"])) : p(t.$slots, "suffix", { key: 4 })
+    ], 2));
+  }
+};
+export {
+  F as default
+};