@studio-west/component-sw 0.10.7 → 0.10.8

package/dist/SwInput-DW08IfrK.js

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

package/dist/{SwMessage-C6XT_p2Y.js → SwMessage-DGaPcMYb.js}

@@ -1,6 +1,6 @@
 import { mergeModels as f, useModel as g, ref as p, useSlots as v, watch as k, nextTick as w, onUnmounted as h, createElementBlock as c, openBlock as d, normalizeClass as y, createCommentVNode as C, renderSlot as i, createElementVNode as _, unref as S, createTextVNode as V, createVNode as m, toDisplayString as $, withCtx as E } from "vue";
 import M from "./SwButton-85-tKHA7.js";
-import { _ as N } from "./index-B78fIz10.js";
+import { _ as N } from "./index-C4bjIOWO.js";
 const R = { key: 0 }, A = {
   __name: "SwMessage",
   props: /* @__PURE__ */ f({

package/dist/SwSlider-t6njKr4X.js

@@ -0,0 +1,142 @@
+import { mergeModels as C, useModel as F, ref as h, computed as m, onMounted as R, onUnmounted as I, createElementBlock as y, openBlock as M, normalizeClass as T, createElementVNode as k, normalizeStyle as E, Fragment as q, renderList as U, withModifiers as A, renderSlot as j, createCommentVNode as G, toDisplayString as H } from "vue";
+import { c as J } from "./index-C4bjIOWO.js";
+const K = { class: "track" }, O = ["onMouseenter", "onMouseleave", "onFocus", "onBlur", "onMousedown", "onTouchstart"], Z = {
+  __name: "SwSlider",
+  props: /* @__PURE__ */ C({
+    class: { type: String, default: "" },
+    size: { type: String, default: "" },
+    min: { type: Number, default: 0 },
+    max: { type: Number, default: 100 },
+    step: { type: Number, default: 1 },
+    vertical: { type: Boolean, default: !1 },
+    showValue: { type: Boolean, default: !1 }
+  }, {
+    modelValue: { type: [Number, Array], required: !0 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(P) {
+    const d = F(P, "modelValue"), n = P, c = h([]), V = h([]), X = m(
+      () => {
+        let e = ["sw-slider"];
+        return n.size.length > 0 && e.push("sw-" + n.size), n.class.length > 0 && e.push(n.class), n.vertical && e.push("vertical"), e;
+      }
+    ), b = (e) => {
+      const t = [...c.value];
+      t[e] = !0, c.value = t;
+    }, x = (e) => {
+      const t = [...c.value];
+      t[e] = !1, c.value = t;
+    }, L = (e) => {
+      const t = document.querySelector(".sw-slider");
+      return t ? J(t, n.vertical) : n.vertical ? { right: "100%", marginRight: "10px" } : { bottom: "100%", marginBottom: "10px" };
+    }, p = m(() => Array.isArray(d.value)), u = m({
+      get() {
+        return p.value ? [...d.value] : [d.value];
+      },
+      set(e) {
+        p.value ? d.value = [...e].sort((t, l) => t - l) : d.value = e[0];
+      }
+    }), r = m(() => {
+      const e = n.max - n.min;
+      return u.value.map((t) => e === 0 ? 0 : (t - n.min) / e * 100);
+    }), Y = m(() => {
+      if (n.vertical)
+        if (p.value) {
+          const e = r.value[0] || 0, t = r.value[r.value.length - 1] || 0, l = Math.min(e, t);
+          return {
+            height: `${Math.max(e, t) - l}%`,
+            top: `${l}%`,
+            left: "0",
+            width: "100%"
+          };
+        } else
+          return {
+            height: `${r.value[0] || 0}%`,
+            top: "0",
+            left: "0",
+            width: "100%"
+          };
+      else if (p.value) {
+        const e = r.value[0] || 0, t = r.value[r.value.length - 1] || 0, l = Math.min(e, t);
+        return {
+          width: `${Math.max(e, t) - l}%`,
+          left: `${l}%`,
+          top: "0",
+          height: "100%"
+        };
+      } else
+        return {
+          width: `${r.value[0] || 0}%`,
+          left: "0",
+          top: "0",
+          height: "100%"
+        };
+    }), _ = m(() => r.value.map((e, t) => n.vertical ? { top: `${e}%`, zIndex: u.value.length - t } : { left: `${e}%`, zIndex: u.value.length - t })), $ = h(!1), v = h(null), S = h(null);
+    function B(e, t) {
+      var o, s, i, a;
+      const l = e.target.closest(".sw-slider");
+      l && (S.value = l.getBoundingClientRect(), v.value = t, $.value = !0, z(e.clientX || ((s = (o = e.touches) == null ? void 0 : o[0]) == null ? void 0 : s.clientX), e.clientY || ((a = (i = e.touches) == null ? void 0 : i[0]) == null ? void 0 : a.clientY)));
+    }
+    function f(e) {
+      var o, s, i, a, w;
+      if (!$.value) return;
+      (o = e.preventDefault) == null || o.call(e);
+      const t = e.clientX || ((i = (s = e.touches) == null ? void 0 : s[0]) == null ? void 0 : i.clientX), l = e.clientY || ((w = (a = e.touches) == null ? void 0 : a[0]) == null ? void 0 : w.clientY);
+      z(t, l);
+    }
+    function g() {
+      $.value = !1, v.value = null;
+    }
+    function z(e, t) {
+      if (!S.value || v.value === null) return;
+      const l = S.value, o = n.vertical ? (t - l.top) / l.height : (e - l.left) / l.width, s = Math.max(0, Math.min(1, o)), i = n.max - n.min;
+      let a = n.min + s * i;
+      const w = Math.round((a - n.min) / n.step);
+      a = n.min + w * n.step, a = Math.max(n.min, Math.min(n.max, a));
+      const D = [...u.value];
+      D[v.value] = a, u.value = D, setTimeout(() => {
+        const N = [...V.value];
+        N[v.value] = L(v.value), V.value = N;
+      }, 0);
+    }
+    return R(() => {
+      window.addEventListener("mousemove", f), window.addEventListener("mouseup", g), window.addEventListener("touchmove", f, { passive: !1 }), window.addEventListener("touchend", g), c.value = new Array(u.value.length).fill(!1);
+    }), I(() => {
+      window.removeEventListener("mousemove", f), window.removeEventListener("mouseup", g), window.removeEventListener("touchmove", f), window.removeEventListener("touchend", g);
+    }), (e, t) => (M(), y("div", {
+      class: T(X.value)
+    }, [
+      k("div", K, [
+        k("div", {
+          class: "fill",
+          style: E(Y.value)
+        }, null, 4)
+      ]),
+      (M(!0), y(q, null, U(u.value, (l, o) => (M(), y("div", {
+        class: "thumb",
+        key: o,
+        style: E(_.value[o]),
+        onMouseenter: (s) => b(o),
+        onMouseleave: (s) => x(o),
+        onFocus: (s) => b(o),
+        onBlur: (s) => x(o),
+        onMousedown: A((s) => B(s, o), ["prevent"]),
+        onTouchstart: A((s) => B(s.touches[0], o), ["prevent"])
+      }, [
+        j(e.$slots, "default", {
+          index: o,
+          value: l
+        }),
+        c.value[o] && P.showValue ? (M(), y("div", {
+          key: 0,
+          class: T(["tooltip", { "tooltip-vertical": n.vertical }]),
+          style: E(L())
+        }, H(l), 7)) : G("", !0)
+      ], 44, O))), 128))
+    ], 2));
+  }
+};
+export {
+  Z as default
+};

package/dist/component-sw.css

@@ -1 +1 @@
-@charset "UTF-8";:root{--sw-color-default: #DFDFDF;--sw-color-primary: #3EAF4E;--sw-color-success: #75C6ff;--sw-color-info: #C0C0C0;--sw-color-warning: #FF7A00;--sw-color-danger: #CC2D4A;--sw-color-preholiday: #FFE78070;--sw-color-weekend: #ff808070;--sw-color-select: #007bff70;--sw-color-holiday: #ff0000;--sw-color-nowork: #ff0000;--sw-color-active: #5aaaff;--sw-text-color-primary: #333333;--sw-text-color-secondary: #4C4C4C;--sw-text-color-third: #818181;--sw-text-color-revers: white;--sw-bg-color: #f4f4f4;--sw-bg-color-page: white;--sw-bg-color-second: #FAFAFA;--sw-bg-color-glass: rgba(133, 133, 133, .45);--sw-border-color: #D6D6D6;--sw-border-color-input: #CECECE;--sw-font-size: 1rem;--sw-font-size-small: .875rem;--sw-font-size-large: 1.125rem;--sw-font-size-big: 2.8rem;--sw-border-radius: .625rem;--sw-border-radius-small: .25rem;--sw-border-round: 3.625rem;--sw-component-size-base: 3rem;--sw-component-size-small: 1.625rem;--sw-component-size-large: 3.5rem;--sw-component-size-big: 10.5rem;--sw-track-thickness: .375rem;--sw-border-thickness: .125rem;font-family:Montserrat,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:var(--sw-text-color-primary);background-color:var(--sw-bg-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root.dark{--sw-color-default: #4E4E4E;--sw-color-primary: #38A151;--sw-color-success: #0d588d;--sw-color-info: #808185;--sw-color-warning: #FF7A00;--sw-color-danger: #CC2D4A;--sw-color-active: #007bff;--sw-text-color-primary: white;--sw-text-color-secondary: #FAFAFA;--sw-text-color-third: #FAFAFA;--sw-text-color-revers: white;--sw-bg-color: #182127;--sw-bg-color-page: #323741;--sw-bg-color-second: #232832;--sw-bg-color-glass: rgba(27, 33, 39, .55);--sw-border-color: #4E4E4E;--sw-border-color-input: #5C5E63;--sw-shadow: 0 100px 80px rgba(0, 0, 0, .03), 0 41.7776px 33.4221px rgba(0, 0, 0, .0215656), 0 22.3363px 17.869px rgba(0, 0, 0, .0178832), 0 12.5216px 10.0172px rgba(0, 0, 0, .015), 0 6.6501px 5.32008px rgba(0, 0, 0, .0121168), 0 2.76726px 2.21381px rgba(0, 0, 0, .00843437)}@media (prefers-color-scheme: dark){:root:not(.light){--sw-color-default: #4E4E4E;--sw-color-primary: #38A151;--sw-color-success: #0d588d;--sw-color-info: #808185;--sw-color-warning: #FF7A00;--sw-color-danger: #CC2D4A;--sw-color-active: #007bff;--sw-text-color-primary: white;--sw-text-color-secondary: #FAFAFA;--sw-text-color-third: #FAFAFA;--sw-text-color-revers: white;--sw-bg-color: #182127;--sw-bg-color-page: #323741;--sw-bg-color-second: #232832;--sw-bg-color-glass: rgba(27, 33, 39, .55);--sw-border-color: #4E4E4E;--sw-border-color-input: #5C5E63;--sw-shadow: 0 100px 80px rgba(0, 0, 0, .03), 0 41.7776px 33.4221px rgba(0, 0, 0, .0215656), 0 22.3363px 17.869px rgba(0, 0, 0, .0178832), 0 12.5216px 10.0172px rgba(0, 0, 0, .015), 0 6.6501px 5.32008px rgba(0, 0, 0, .0121168), 0 2.76726px 2.21381px rgba(0, 0, 0, .00843437)}}.sw-alert-wrapper{position:fixed;background:none;border:none;top:max(env(safe-area-inset-top,0rem),env(titlebar-area-y,0rem))}.sw-alert-wrapper .sw-alert{padding:.625rem 1rem;margin:1rem auto 0;border-radius:var(--sw-border-radius);color:var(--sw-text-color-revers)}.sw-alert-wrapper .sw-alert .svg-icon{flex-shrink:0}.sw-alert-wrapper .sw-alert .svg-icon:first-child{margin-right:1rem}.sw-alert-wrapper .sw-alert .fade-enter-active,.sw-alert-wrapper .sw-alert .fade-leave-active{transition:opacity .5s}.sw-alert-wrapper .sw-alert .fade-enter-from,.sw-alert-wrapper .sw-alert .fade-leave-to{opacity:0}.sw-alert-wrapper .sw-alert footer{display:flex;justify-content:flex-end}.sw-tabs{-webkit-user-select:none;user-select:none}.sw-tabs>header{display:flex;border-bottom:2px solid var(--sw-color-info);color:var(--sw-color-info);-webkit-user-select:none;user-select:none;font-size:var(--sw-font-size-small);font-weight:400;margin-bottom:1.25rem;transition:all .6s ease-out}.sw-tabs>header span{position:relative;top:2px;border-radius:0;padding:5px;cursor:pointer;border:none;background:none;outline:none}.sw-tabs>header span.active{border-bottom:2px solid var(--sw-color-primary);color:var(--sw-color-primary);font-weight:700}.sw-tabs>header span:hover:not(.active){color:var(--sw-border-color)}.sw-input{display:flex;align-items:center;position:relative;gap:0 1.75rem;padding:0 1.2em;border:1px solid var(--sw-border-color-input);border-radius:var(--sw-border-radius)}.sw-input>label{text-align:left;transition:all .2s .2s linear;position:absolute;font-size:var(--sw-font-size-large);line-height:1;top:1.1rem;background:var(--sw-bg-color-page)}.sw-input>label:hover{top:.8rem}.sw-input>label+input::placeholder{opacity:0}.sw-input>input{line-height:var(--sw-component-size-base);border:none;width:100%;font-size:var(--sw-font-size-large);background:none;outline:none}.sw-input>input::placeholder{color:var(--sw-text-color-secondary);opacity:1;transition:opacity .2s .2s linear}.sw-input>input:focus::placeholder{opacity:1}.sw-input .svg-icon{font-size:20px;color:var(--sw-text-color-third)}.sw-input>svg+label{left:4rem}.sw-input.sw-small label{top:.3rem}.sw-input.sw-small label:hover{top:0}.sw-input.sw-small input{line-height:var(--sw-component-size-small)}.sw-input.sw-large label{top:1.22rem}.sw-input.sw-large label:hover{top:1rem}.sw-input.sw-large input{line-height:var(--sw-component-size-large)}.sw-button{border-radius:1rem;border:1px solid var(--sw-color-default);padding:0 1.2em;min-height:var(--sw-component-size-base);font-size:var(--sw-font-size);font-weight:500;cursor:pointer;transition:border-color .25s;background-color:var(--sw-color-default);color:var(--sw-text-color-revers)}.sw-form-item{display:flex;justify-content:space-between;font-size:var(--sw-font-size-small);color:var(--sw-text-color-secondary);gap:1rem}.sw-form-item.sw-start{justify-content:flex-start}.sw-form-item.sw-end{justify-content:flex-end}.sw-form-item.sw-around{justify-content:space-around}.sw-form-item.sw-center{justify-content:center}.sw-dropdown{position:relative;display:inline-block;outline:none}.sw-dropdown-popup{z-index:3;padding:8px;min-width:200px;margin:0;-webkit-user-select:none;user-select:none;background-color:var(--sw-bg-color-second);border:1px solid var(--sw-border-color);border-radius:4px;box-shadow:0 2px 8px #0000001a}.sw-dropdown-popup.gide>header,.sw-dropdown-popup.gide>footer{display:flex;justify-content:space-between;align-items:center}.sw-dropdown-popup.gide>header .sw-button,.sw-dropdown-popup.gide>footer .sw-button{font-size:var(--sw-font-size-large);padding:.3em}.sw-dropdown-popup.gide>footer .sw-button{padding:.1em .6em}.sw-dropdown-popup.gide img{position:absolute;height:160px;right:-100px}.sw-dropdown-popup.gide img.reflect{left:-100px}.sw-dropdown-item{display:block;outline:none;-webkit-user-select:none;user-select:none}.sw-dropdown-item svg{margin-right:.5rem}.sw-dropdown-item:hover{color:var(--sw-color-primary)}.sw-collapse{transition:all .3s ease-out;overflow:hidden;box-sizing:border-box;margin:0;will-change:max-height}.sw-slider{position:relative;width:100%;height:var(--sw-component-size-small);cursor:pointer;-webkit-user-select:none;user-select:none}.sw-slider:not(.vertical) .track{height:var(--sw-track-thickness);width:100%;top:50%;left:0;transform:translateY(-50%)}.sw-slider.vertical{width:var(--sw-component-size-small);height:200px}.sw-slider.vertical .track{width:var(--sw-track-thickness);height:100%;left:50%;top:0;transform:translate(-50%)}.sw-slider .track{position:absolute;background:var(--sw-border-color);border-radius:2px}.sw-slider .track .fill{background:var(--sw-color-primary);border-radius:var(--sw-border-radius-small);transition:all .1s ease;position:absolute;height:100%;width:100%}.sw-slider .thumb{position:absolute;width:var(--sw-component-size-small);height:var(--sw-component-size-small);background:var(--sw-bg-color-page);border:var(--sw-border-thickness) solid var(--sw-color-primary);box-sizing:border-box;border-radius:var(--sw-border-round);cursor:grab;box-shadow:0 2px 4px #0003;transition:transform .2s;overflow:hidden;text-align:center;transform:translate(-50%,-50%);left:50%;top:50%;color:var(--sw-color-primary);line-height:calc(var(--sw-component-size-small) - var(--sw-border-thickness) * 2)}.sw-slider .thumb:hover,.sw-slider .thumb:active{transform:translate(-50%,-50%) scale(1.1)}.sw-slider .thumb>*{width:calc(var(--sw-component-size-small) - var(--sw-border-thickness) * 2);height:calc(var(--sw-component-size-small) - var(--sw-border-thickness) * 2)}.sw-slider .thumb .tooltip{position:absolute;background:var(--sw-bg-color-page);color:var(--sw-text-color-primary);padding:4px 8px;border-radius:var(--sw-border-radius-small);box-shadow:var(--sw-shadow);font-size:var(--sw-font-size-small);white-space:nowrap;z-index:10;left:50%;transform:translate(-50%)}.sw-slider .thumb .tooltip.tooltip-vertical{top:50%;left:auto;transform:translateY(-50%)}.sw-switch{display:inline-flex;align-items:center;box-sizing:border-box;-webkit-user-select:none;user-select:none}.sw-switch>input{display:none}.sw-switch>input:checked+label{background-color:var(--sw-color-primary)}.sw-switch>input:checked+label:before{color:var(--sw-text-color-revers);content:attr(data-onlabel);left:.5rem;right:auto}.sw-switch>input:checked+label:after{background:#f7f7f7;left:2.125rem}.sw-switch>label{background-color:var(--sw-color-info);border-radius:1rem;cursor:pointer;flex:0 0 4rem;height:1.75rem;margin:.5rem;position:relative;transition:all .3s;width:4rem}.sw-switch>label:before{color:var(--sw-text-color-revers);content:attr(data-offlabel);display:block;font-size:1rem;position:absolute;right:.5rem;transition:all .3s}.sw-switch>label:after{background:var(--sw-text-color-revers);border:1px solid var(--sw-color-info);border-radius:50%;content:"";height:2rem;left:-.125rem;position:absolute;top:-.125rem;transition:all .3s;width:2rem}.sw-switch.sw-small>label{width:3.125rem;flex:0 0 3.125rem}.sw-switch.sw-small>label:before{content:""}.sw-switch.sw-small>label:after{content:"";left:.15rem;top:.125rem;width:1.375rem;height:1.375rem}.sw-switch.sw-small>input:checked+label:before{content:""}.sw-switch.sw-small>input:checked+label:after{left:1.475rem}.sw-switch.sw-checkbox label{border-radius:var(--sw-border-radius-small);background:var(--sw-bg-color-pag);border:1px solid var(--sw-border-color-input);height:.875rem;flex:0 0 .875rem}.sw-switch.sw-checkbox label:after{content:none}.sw-switch.sw-checkbox>input:checked+label{background:var(--sw-bg-color-page);color:var(--sw-color-primary)}.sw-switch.sw-checkbox>input:checked+label:before{content:"✔";width:1em;top:-.9rem;left:0;text-rendering:geometricPrecision;white-space:nowrap;font-size:1.6rem}.sw-skeleton{display:flex;gap:.5rem;flex-wrap:wrap;align-items:flex-end}.sw-skeleton-item{min-height:var(--sw-component-size-base);width:100%;background:var(--sw-bg-color-second);border-radius:var(--sw-border-radius);border:1px solid var(--sw-bg-color);box-sizing:border-box;overflow:hidden;position:relative}.sw-skeleton-item>div{height:100%;width:10px;background:var(--sw-border-color-input);display:inline-block;animation:sw-skeleton 3s linear infinite normal;position:absolute;transform:skew(-20deg);box-shadow:0 0 20px 20px var(--sw-border-color-input)}.sw-message{background-color:var(--sw-bg-color-page);border:1px solid var(--sw-border-color);border-radius:var(--sw-border-radius);padding:1.875rem;box-sizing:border-box;top:50%;left:50%;transform:translateY(-50%) translate(-50%);min-width:16rem;max-width:95%;max-height:95%;overflow-y:auto}.sw-message::backdrop{background:var(--sw-bg-color-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.sw-message>header{display:flex;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.sw-message>footer{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.5rem;flex-wrap:wrap}.sw-modal-footer{margin-top:1rem;display:flex;gap:.5rem;justify-content:flex-end}.sw-data-picker{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem}.sw-data-picker .month_year{display:flex;justify-content:space-around;align-items:center}.sw-data-picker .month_year span:not(.text) button{font-size:1.3em}.sw-data-picker button{color:var(--sw-text-color-primary);height:30px;text-align:center;line-height:30px;cursor:pointer;background:none;border:none;border-radius:.2rem;transition:all .3s ease}.sw-data-picker button:hover:not(.disabled):not(.active){color:var(--sw-color-primary)}.sw-data-picker .week{border-bottom:1px solid var(--sw-color-info);margin-bottom:.5rem}.sw-data-picker .month,.sw-data-picker .week{width:250px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr;gap:.2rem}.sw-data-picker .month>button,.sw-data-picker .week>button{width:30px}.sw-data-picker .month>button.disabled,.sw-data-picker .week>button.disabled{color:var(--sw-color-info);cursor:not-allowed}.sw-data-picker .month>button.preholiday,.sw-data-picker .week>button.preholiday{background-color:var(--sw-color-preholiday)}.sw-data-picker .month>button.weekend,.sw-data-picker .week>button.weekend{background-color:var(--sw-color-weekend)}.sw-data-picker .month>button.select,.sw-data-picker .week>button.select{background-color:var(--sw-color-select)}.sw-data-picker .month>button.holiday,.sw-data-picker .week>button.holiday{background-color:var(--sw-color-holiday)}.sw-data-picker .month>button.nowork,.sw-data-picker .week>button.nowork{background-color:var(--sw-color-nowork)}.sw-data-picker .month>button.active,.sw-data-picker .week>button.active{background-color:var(--sw-color-active)}.sw-data-picker .year{width:250px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:.2rem;border-top:1px solid var(--sw-color-info)}.sw-data-picker .year>button.disabled{color:var(--sw-color-info);cursor:not-allowed}.sw-data-picker .year>button.active{color:var(--sw-color-active)}.sw-gide{display:grid;width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;grid-template-rows:40% 0 1fr;grid-template-columns:1fr 0 1fr;overflow-x:hidden;grid-template-areas:"overlay0 overlay0 overlay0" "overlay1 windows overlay2" "overlay3 overlay3 overlay3"}.sw-gide .hole{height:100%}.sw-gide .overlay0,.sw-gide .overlay1,.sw-gide .overlay2,.sw-gide .overlay3{grid-area:overlay0;background:var(--sw-bg-color-glass);-webkit-backdrop-filter:blur(.8rem);backdrop-filter:blur(.8rem)}.sw-gide .overlay1{grid-area:overlay1}.sw-gide .overlay2{grid-area:overlay2}.sw-gide .overlay3{grid-area:overlay3}.sw-revers{transform:scaleX(-1)}.sw-round{border-radius:var(--sw-border-round)}.sw-small{min-height:var(--sw-component-size-small)}.sw-large{min-height:var(--sw-component-size-large)}.sw-big{min-height:var(--sw-component-size-big)}.sw-primary{background-color:var(--sw-color-primary);border-color:var(--sw-color-primary)}.sw-success{background-color:var(--sw-color-success);border-color:var(--sw-color-success)}.sw-info{background-color:var(--sw-color-info);border-color:var(--sw-color-info)}.sw-warning{background-color:var(--sw-color-warning);border-color:var(--sw-color-warning)}.sw-danger{background-color:var(--sw-color-danger);border-color:var(--sw-color-danger)}.sw-text{color:var(--sw-color-default);background:none}.sw-text.sw-primary{color:var(--sw-color-primary)}.sw-text.sw-success{color:var(--sw-color-success)}.sw-text.sw-info{color:var(--sw-color-info)}.sw-text.sw-warning{color:var(--sw-color-warning)}.sw-text.sw-danger{color:var(--sw-color-danger)}.sw-link{background:none;border:none;padding:0;color:var(--sw-text-color-secondary);min-height:1em}.sw-link:hover.sw-primary{color:var(--sw-color-primary)}.sw-link:hover.sw-success{color:var(--sw-color-success)}.sw-link:hover.sw-info{color:var(--sw-color-info)}.sw-link:hover.sw-warning{color:var(--sw-color-warning)}.sw-link:hover.sw-danger{color:var(--sw-color-danger)}@keyframes sw-skeleton{0%{left:-50px}to{left:calc(50px + 100%)}}.popup{position:relative}.popup .wrapper{position:absolute;z-index:1;list-style:none;font-size:.8rem;line-height:1.2;word-break:break-word;padding:0;margin:10px 0 0}.popup .wrapper :before{content:"";border-bottom-color:transparent!important;border-left-color:transparent!important;border:1px solid var(--el-border-color-light);background:var(--el-bg-color-overlay);right:50%;top:-6px;position:absolute;width:10px;height:10px;z-index:1;transform:rotate(-45deg)}.popup .scrollbar{box-shadow:0 0 0 1px var(--el-border-color);border-radius:var(--el-border-radius-base);background:#fff;padding:.5rem 0;margin:0}.popup .scrollbar li{display:flex;align-items:start;white-space:nowrap;list-style:none;line-height:22px;padding:5px 16px;margin:0;font-size:var(--el-font-size-base);color:var(--el-text-color-regular);cursor:pointer;outline:none}.popup .scrollbar li:not(.is-disabled):focus{background:var(--el-dropdown-menuItem-hover-fill);color:var(--el-dropdown-menuItem-hover-color)}
+@charset "UTF-8";:root{--sw-color-default: #DFDFDF;--sw-color-primary: #3EAF4E;--sw-color-success: #75C6ff;--sw-color-info: #C0C0C0;--sw-color-warning: #FF7A00;--sw-color-danger: #CC2D4A;--sw-color-preholiday: #FFE78070;--sw-color-weekend: #ff808070;--sw-color-select: #007bff70;--sw-color-holiday: #ff0000;--sw-color-nowork: #ff0000;--sw-color-active: #5aaaff;--sw-text-color-primary: #333333;--sw-text-color-secondary: #4C4C4C;--sw-text-color-third: #818181;--sw-text-color-revers: white;--sw-bg-color: #f4f4f4;--sw-bg-color-page: white;--sw-bg-color-second: #FAFAFA;--sw-bg-color-glass: rgba(133, 133, 133, .45);--sw-border-color: #D6D6D6;--sw-border-color-input: #CECECE;--sw-font-size: 1rem;--sw-font-size-small: .875rem;--sw-font-size-large: 1.125rem;--sw-font-size-big: 2.8rem;--sw-border-radius: .625rem;--sw-border-radius-small: .25rem;--sw-border-round: 3.625rem;--sw-component-size-base: 3rem;--sw-component-size-small: 1.625rem;--sw-component-size-large: 3.5rem;--sw-component-size-big: 10.5rem;--sw-track-thickness: .375rem;--sw-border-thickness: .125rem;font-family:Montserrat,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:var(--sw-text-color-primary);background-color:var(--sw-bg-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root.dark{--sw-color-default: #4E4E4E;--sw-color-primary: #38A151;--sw-color-success: #0d588d;--sw-color-info: #808185;--sw-color-warning: #FF7A00;--sw-color-danger: #CC2D4A;--sw-color-active: #007bff;--sw-text-color-primary: white;--sw-text-color-secondary: #FAFAFA;--sw-text-color-third: #FAFAFA;--sw-text-color-revers: white;--sw-bg-color: #182127;--sw-bg-color-page: #323741;--sw-bg-color-second: #232832;--sw-bg-color-glass: rgba(27, 33, 39, .55);--sw-border-color: #4E4E4E;--sw-border-color-input: #5C5E63;--sw-shadow: 0 100px 80px rgba(0, 0, 0, .03), 0 41.7776px 33.4221px rgba(0, 0, 0, .0215656), 0 22.3363px 17.869px rgba(0, 0, 0, .0178832), 0 12.5216px 10.0172px rgba(0, 0, 0, .015), 0 6.6501px 5.32008px rgba(0, 0, 0, .0121168), 0 2.76726px 2.21381px rgba(0, 0, 0, .00843437)}@media (prefers-color-scheme: dark){:root:not(.light){--sw-color-default: #4E4E4E;--sw-color-primary: #38A151;--sw-color-success: #0d588d;--sw-color-info: #808185;--sw-color-warning: #FF7A00;--sw-color-danger: #CC2D4A;--sw-color-active: #007bff;--sw-text-color-primary: white;--sw-text-color-secondary: #FAFAFA;--sw-text-color-third: #FAFAFA;--sw-text-color-revers: white;--sw-bg-color: #182127;--sw-bg-color-page: #323741;--sw-bg-color-second: #232832;--sw-bg-color-glass: rgba(27, 33, 39, .55);--sw-border-color: #4E4E4E;--sw-border-color-input: #5C5E63;--sw-shadow: 0 100px 80px rgba(0, 0, 0, .03), 0 41.7776px 33.4221px rgba(0, 0, 0, .0215656), 0 22.3363px 17.869px rgba(0, 0, 0, .0178832), 0 12.5216px 10.0172px rgba(0, 0, 0, .015), 0 6.6501px 5.32008px rgba(0, 0, 0, .0121168), 0 2.76726px 2.21381px rgba(0, 0, 0, .00843437)}}.sw-alert-wrapper{position:fixed;background:none;border:none;top:max(env(safe-area-inset-top,0rem),env(titlebar-area-y,0rem))}.sw-alert-wrapper .sw-alert{padding:.625rem 1rem;margin:1rem auto 0;border-radius:var(--sw-border-radius);color:var(--sw-text-color-revers)}.sw-alert-wrapper .sw-alert .svg-icon{flex-shrink:0}.sw-alert-wrapper .sw-alert .svg-icon:first-child{margin-right:1rem}.sw-alert-wrapper .sw-alert .fade-enter-active,.sw-alert-wrapper .sw-alert .fade-leave-active{transition:opacity .5s}.sw-alert-wrapper .sw-alert .fade-enter-from,.sw-alert-wrapper .sw-alert .fade-leave-to{opacity:0}.sw-alert-wrapper .sw-alert footer{display:flex;justify-content:flex-end}.sw-tabs{-webkit-user-select:none;user-select:none}.sw-tabs>header{display:flex;border-bottom:2px solid var(--sw-color-info);color:var(--sw-color-info);-webkit-user-select:none;user-select:none;font-size:var(--sw-font-size-small);font-weight:400;margin-bottom:1.25rem;transition:all .6s ease-out}.sw-tabs>header span{position:relative;top:2px;border-radius:0;padding:5px;cursor:pointer;border:none;background:none;outline:none}.sw-tabs>header span.active{border-bottom:2px solid var(--sw-color-primary);color:var(--sw-color-primary);font-weight:700}.sw-tabs>header span:hover:not(.active){color:var(--sw-border-color)}.sw-input{display:flex;align-items:center;position:relative;gap:0 1.75rem;padding:0 1.2em;border:1px solid var(--sw-border-color-input);border-radius:var(--sw-border-radius)}.sw-input>label{text-align:left;transition:all .2s .2s linear;position:absolute;font-size:var(--sw-font-size-large);line-height:1;top:1.1rem;background:var(--sw-bg-color-page)}.sw-input>label:hover{top:.8rem}.sw-input>label+input::placeholder{opacity:0}.sw-input>input{line-height:var(--sw-component-size-base);border:none;width:100%;font-size:var(--sw-font-size-large);background:none;outline:none}.sw-input>input::placeholder{color:var(--sw-text-color-secondary);opacity:1;transition:opacity .2s .2s linear}.sw-input>input:focus::placeholder{opacity:1}.sw-input .svg-icon{font-size:20px;color:var(--sw-text-color-third)}.sw-input>svg+label{left:4rem}.sw-input.sw-small label{top:.3rem}.sw-input.sw-small label:hover{top:0}.sw-input.sw-small input{line-height:var(--sw-component-size-small)}.sw-input.sw-large label{top:1.22rem}.sw-input.sw-large label:hover{top:1rem}.sw-input.sw-large input{line-height:var(--sw-component-size-large)}.sw-button{border-radius:1rem;border:1px solid var(--sw-color-default);padding:0 1.2em;min-height:var(--sw-component-size-base);font-size:var(--sw-font-size);font-weight:500;cursor:pointer;transition:border-color .25s;background-color:var(--sw-color-default);color:var(--sw-text-color-revers)}.sw-form-item{display:flex;justify-content:space-between;font-size:var(--sw-font-size-small);color:var(--sw-text-color-secondary);gap:1rem}.sw-form-item.sw-start{justify-content:flex-start}.sw-form-item.sw-end{justify-content:flex-end}.sw-form-item.sw-around{justify-content:space-around}.sw-form-item.sw-center{justify-content:center}.sw-dropdown{position:relative;display:inline-block;outline:none}.sw-dropdown-popup{z-index:3;padding:8px;min-width:200px;margin:0;-webkit-user-select:none;user-select:none;background-color:var(--sw-bg-color-second);border:1px solid var(--sw-border-color);border-radius:4px;box-shadow:0 2px 8px #0000001a}.sw-dropdown-popup.gide>header,.sw-dropdown-popup.gide>footer{display:flex;justify-content:space-between;align-items:center}.sw-dropdown-popup.gide>header .sw-button,.sw-dropdown-popup.gide>footer .sw-button{font-size:var(--sw-font-size-large);padding:.3em}.sw-dropdown-popup.gide>footer .sw-button{padding:.1em .6em}.sw-dropdown-popup.gide img{position:absolute;height:160px;right:-100px}.sw-dropdown-popup.gide img.reflect{left:-100px}.sw-dropdown-item{display:block;outline:none;-webkit-user-select:none;user-select:none}.sw-dropdown-item svg{margin-right:.5rem}.sw-dropdown-item:hover{color:var(--sw-color-primary)}.sw-collapse{transition:all .3s ease-out;overflow:hidden;box-sizing:border-box;margin:0;will-change:max-height}.sw-slider{position:relative;width:100%;height:var(--sw-component-size-small);cursor:pointer;-webkit-user-select:none;user-select:none}.sw-slider:not(.vertical) .track{height:var(--sw-track-thickness);width:100%;top:50%;left:0;transform:translateY(-50%)}.sw-slider.vertical{width:var(--sw-component-size-small);height:200px}.sw-slider.vertical .track{width:var(--sw-track-thickness);height:100%;left:50%;top:0;transform:translate(-50%)}.sw-slider .track{position:absolute;background:var(--sw-border-color);border-radius:2px}.sw-slider .track .fill{background:var(--sw-color-primary);border-radius:var(--sw-border-radius-small);transition:all .1s ease;position:absolute;height:100%;width:100%}.sw-slider .thumb{position:absolute;width:var(--sw-component-size-small);height:var(--sw-component-size-small);background:var(--sw-bg-color-page);border:var(--sw-border-thickness) solid var(--sw-color-primary);box-sizing:border-box;border-radius:var(--sw-border-round);cursor:grab;box-shadow:0 2px 4px #0003;transition:transform .2s;text-align:center;transform:translate(-50%,-50%);left:50%;top:50%;color:var(--sw-color-primary);line-height:calc(var(--sw-component-size-small) - var(--sw-border-thickness) * 2)}.sw-slider .thumb:hover,.sw-slider .thumb:active{transform:translate(-50%,-50%) scale(1.1)}.sw-slider .thumb>*{width:calc(var(--sw-component-size-small) - var(--sw-border-thickness) * 2);height:calc(var(--sw-component-size-small) - var(--sw-border-thickness) * 2)}.sw-slider .thumb .tooltip{position:absolute;background:var(--sw-bg-color-page);color:var(--sw-text-color-primary);padding:0;box-shadow:var(--sw-shadow);font-size:var(--sw-font-size-small);white-space:nowrap;z-index:10;left:50%;transform:translate(-50%)}.sw-slider .thumb .tooltip.tooltip-vertical{top:50%;left:auto;transform:translateY(-50%)}.sw-switch{display:inline-flex;align-items:center;box-sizing:border-box;-webkit-user-select:none;user-select:none}.sw-switch>input{display:none}.sw-switch>input:checked+label{background-color:var(--sw-color-primary)}.sw-switch>input:checked+label:before{color:var(--sw-text-color-revers);content:attr(data-onlabel);left:.5rem;right:auto}.sw-switch>input:checked+label:after{background:#f7f7f7;left:2.125rem}.sw-switch>label{background-color:var(--sw-color-info);border-radius:1rem;cursor:pointer;flex:0 0 4rem;height:1.75rem;margin:.5rem;position:relative;transition:all .3s;width:4rem}.sw-switch>label:before{color:var(--sw-text-color-revers);content:attr(data-offlabel);display:block;font-size:1rem;position:absolute;right:.5rem;transition:all .3s}.sw-switch>label:after{background:var(--sw-text-color-revers);border:1px solid var(--sw-color-info);border-radius:50%;content:"";height:2rem;left:-.125rem;position:absolute;top:-.125rem;transition:all .3s;width:2rem}.sw-switch.sw-small>label{width:3.125rem;flex:0 0 3.125rem}.sw-switch.sw-small>label:before{content:""}.sw-switch.sw-small>label:after{content:"";left:.15rem;top:.125rem;width:1.375rem;height:1.375rem}.sw-switch.sw-small>input:checked+label:before{content:""}.sw-switch.sw-small>input:checked+label:after{left:1.475rem}.sw-switch.sw-checkbox label{border-radius:var(--sw-border-radius-small);background:var(--sw-bg-color-pag);border:1px solid var(--sw-border-color-input);height:.875rem;flex:0 0 .875rem}.sw-switch.sw-checkbox label:after{content:none}.sw-switch.sw-checkbox>input:checked+label{background:var(--sw-bg-color-page);color:var(--sw-color-primary)}.sw-switch.sw-checkbox>input:checked+label:before{content:"✔";width:1em;top:-.9rem;left:0;text-rendering:geometricPrecision;white-space:nowrap;font-size:1.6rem}.sw-skeleton{display:flex;gap:.5rem;flex-wrap:wrap;align-items:flex-end}.sw-skeleton-item{min-height:var(--sw-component-size-base);width:100%;background:var(--sw-bg-color-second);border-radius:var(--sw-border-radius);border:1px solid var(--sw-bg-color);box-sizing:border-box;overflow:hidden;position:relative}.sw-skeleton-item>div{height:100%;width:10px;background:var(--sw-border-color-input);display:inline-block;animation:sw-skeleton 3s linear infinite normal;position:absolute;transform:skew(-20deg);box-shadow:0 0 20px 20px var(--sw-border-color-input)}.sw-message{background-color:var(--sw-bg-color-page);border:1px solid var(--sw-border-color);border-radius:var(--sw-border-radius);padding:1.875rem;box-sizing:border-box;top:50%;left:50%;transform:translateY(-50%) translate(-50%);min-width:16rem;max-width:95%;max-height:95%;overflow-y:auto}.sw-message::backdrop{background:var(--sw-bg-color-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.sw-message>header{display:flex;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.sw-message>footer{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.5rem;flex-wrap:wrap}.sw-modal-footer{margin-top:1rem;display:flex;gap:.5rem;justify-content:flex-end}.sw-data-picker{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem}.sw-data-picker .month_year{display:flex;justify-content:space-around;align-items:center}.sw-data-picker .month_year span:not(.text) button{font-size:1.3em}.sw-data-picker button{color:var(--sw-text-color-primary);height:30px;text-align:center;line-height:30px;cursor:pointer;background:none;border:none;border-radius:.2rem;transition:all .3s ease}.sw-data-picker button:hover:not(.disabled):not(.active){color:var(--sw-color-primary)}.sw-data-picker .week{border-bottom:1px solid var(--sw-color-info);margin-bottom:.5rem}.sw-data-picker .month,.sw-data-picker .week{width:250px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr;gap:.2rem}.sw-data-picker .month>button,.sw-data-picker .week>button{width:30px}.sw-data-picker .month>button.disabled,.sw-data-picker .week>button.disabled{color:var(--sw-color-info);cursor:not-allowed}.sw-data-picker .month>button.preholiday,.sw-data-picker .week>button.preholiday{background-color:var(--sw-color-preholiday)}.sw-data-picker .month>button.weekend,.sw-data-picker .week>button.weekend{background-color:var(--sw-color-weekend)}.sw-data-picker .month>button.select,.sw-data-picker .week>button.select{background-color:var(--sw-color-select)}.sw-data-picker .month>button.holiday,.sw-data-picker .week>button.holiday{background-color:var(--sw-color-holiday)}.sw-data-picker .month>button.nowork,.sw-data-picker .week>button.nowork{background-color:var(--sw-color-nowork)}.sw-data-picker .month>button.active,.sw-data-picker .week>button.active{background-color:var(--sw-color-active)}.sw-data-picker .year{width:250px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:.2rem;border-top:1px solid var(--sw-color-info)}.sw-data-picker .year>button.disabled{color:var(--sw-color-info);cursor:not-allowed}.sw-data-picker .year>button.active{color:var(--sw-color-active)}.sw-gide{display:grid;width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;grid-template-rows:40% 0 1fr;grid-template-columns:1fr 0 1fr;overflow-x:hidden;grid-template-areas:"overlay0 overlay0 overlay0" "overlay1 windows overlay2" "overlay3 overlay3 overlay3"}.sw-gide .hole{height:100%}.sw-gide .overlay0,.sw-gide .overlay1,.sw-gide .overlay2,.sw-gide .overlay3{grid-area:overlay0;background:var(--sw-bg-color-glass);-webkit-backdrop-filter:blur(.8rem);backdrop-filter:blur(.8rem)}.sw-gide .overlay1{grid-area:overlay1}.sw-gide .overlay2{grid-area:overlay2}.sw-gide .overlay3{grid-area:overlay3}.sw-revers{transform:scaleX(-1)}.sw-round{border-radius:var(--sw-border-round)}.sw-small{min-height:var(--sw-component-size-small)}.sw-large{min-height:var(--sw-component-size-large)}.sw-big{min-height:var(--sw-component-size-big)}.sw-primary{background-color:var(--sw-color-primary);border-color:var(--sw-color-primary)}.sw-success{background-color:var(--sw-color-success);border-color:var(--sw-color-success)}.sw-info{background-color:var(--sw-color-info);border-color:var(--sw-color-info)}.sw-warning{background-color:var(--sw-color-warning);border-color:var(--sw-color-warning)}.sw-danger{background-color:var(--sw-color-danger);border-color:var(--sw-color-danger)}.sw-text{color:var(--sw-color-default);background:none}.sw-text.sw-primary{color:var(--sw-color-primary)}.sw-text.sw-success{color:var(--sw-color-success)}.sw-text.sw-info{color:var(--sw-color-info)}.sw-text.sw-warning{color:var(--sw-color-warning)}.sw-text.sw-danger{color:var(--sw-color-danger)}.sw-link{background:none;border:none;padding:0;color:var(--sw-text-color-secondary);min-height:1em}.sw-link:hover.sw-primary{color:var(--sw-color-primary)}.sw-link:hover.sw-success{color:var(--sw-color-success)}.sw-link:hover.sw-info{color:var(--sw-color-info)}.sw-link:hover.sw-warning{color:var(--sw-color-warning)}.sw-link:hover.sw-danger{color:var(--sw-color-danger)}@keyframes sw-skeleton{0%{left:-50px}to{left:calc(50px + 100%)}}.popup{position:relative}.popup .wrapper{position:absolute;z-index:1;list-style:none;font-size:.8rem;line-height:1.2;word-break:break-word;padding:0;margin:10px 0 0}.popup .wrapper :before{content:"";border-bottom-color:transparent!important;border-left-color:transparent!important;border:1px solid var(--el-border-color-light);background:var(--el-bg-color-overlay);right:50%;top:-6px;position:absolute;width:10px;height:10px;z-index:1;transform:rotate(-45deg)}.popup .scrollbar{box-shadow:0 0 0 1px var(--el-border-color);border-radius:var(--el-border-radius-base);background:#fff;padding:.5rem 0;margin:0}.popup .scrollbar li{display:flex;align-items:start;white-space:nowrap;list-style:none;line-height:22px;padding:5px 16px;margin:0;font-size:var(--el-font-size-base);color:var(--el-text-color-regular);cursor:pointer;outline:none}.popup .scrollbar li:not(.is-disabled):focus{background:var(--el-dropdown-menuItem-hover-fill);color:var(--el-dropdown-menuItem-hover-color)}

package/dist/index-C4bjIOWO.js

@@ -0,0 +1,190 @@
+import { createElementBlock as d, unref as $, openBlock as u, mergeProps as h, createElementVNode as _, ref as x, onMounted as k, onUnmounted as A, computed as P, createBlock as f, Transition as C, withCtx as I, createCommentVNode as j, normalizeClass as M, renderSlot as m, createTextVNode as N, toDisplayString as E, createApp as O, h as z, defineAsyncComponent as F } from "vue";
+function B(e) {
+  return /^(https?:|mailto:|tel:)/.test(e);
+}
+function L(e, o) {
+  if (arguments.length === 0 || !e)
+    return null;
+  const n = o || "{Y}-{m}-{d} {G}:{i}:{s}";
+  let t;
+  typeof e == "object" ? t = e : (typeof e == "string" && (/^[0-9]+$/.test(e) ? e = parseInt(e) : e = e.replace(new RegExp(/-/gm), "/")), typeof e == "number" && e.toString().length === 10 && (e = e * 1e3), t = new Date(e));
+  const a = "ru-RU", r = {
+    Y: t.getFullYear(),
+    m: (t.getMonth() + 1).toString().padStart(2, "0"),
+    d: t.getDate(),
+    dd: t.getDate().toString().padStart(2, "0"),
+    G: t.getHours(),
+    H: t.getHours().toString().padStart(2, "0"),
+    i: t.getMinutes().toString().padStart(2, "0"),
+    s: t.getSeconds().toString().padStart(2, "0"),
+    D: new Intl.DateTimeFormat(a, { weekday: "short" }).format(t),
+    F: new Intl.DateTimeFormat(a, { month: "long" }).format(t),
+    M: new Intl.DateTimeFormat(a, { month: "short" }).format(t)
+  };
+  return n.replace(/{(dd|[YmdGHisDFM])+}/g, (l, i) => r[i]);
+}
+function U(e) {
+  let o = e.split(e.match(/\D.*?\D?/));
+  return o[0].length > 2 ? o.join("-") + "T00:00:01" : o.reverse().join("-") + "T00:00:01";
+}
+function V(e, o) {
+  if (/^\+[0-9]\s/.test(o) && e.length === 2 || /^\+0\s/.test(e)) return "";
+  if (typeof e > "u" || e.length === 0) return e;
+  const n = "+0 (___) ___-__-__";
+  let t = 0;
+  const a = n.replace(/\D/g, ""), r = e.replace(/\D/g, "");
+  let l = n.replace(/[_\d]/g, (s) => t < r.length ? r.charAt(t++) || a.charAt(t) : s);
+  t = l.indexOf("_"), t !== -1 && (t = t < 5 ? 3 : t, l = l.slice(0, t));
+  let i = n.slice(0, e.length).replace(
+    /_+/g,
+    (s) => `\\d{1,${s.length}}`
+  ).replace(/[+()]/g, "\\$&");
+  return i = new RegExp(`^${i}$`), l = l.replace(/[-—]$|(\) )$/g, ""), !i.test(e) || e.length < 5 ? l : e;
+}
+function J(e, o = !1) {
+  const n = e.getBoundingClientRect();
+  return o ? n.left > 50 ? { right: "100%", marginRight: "10px" } : { left: "100%", marginLeft: "10px" } : { bottom: "100%", marginBottom: "10px" };
+}
+const R = ["href"], g = {
+  __name: "SwIcon",
+  props: {
+    prefix: { type: String, default: "icon" },
+    iconClass: { type: String, required: !0 },
+    className: { type: String, default: "" }
+  },
+  setup(e) {
+    const o = e, n = B(o.iconClass);
+    return (t, a) => $(n) ? (u(), d("div", h({
+      key: 0,
+      style: "mask: url(" + o.iconClass + ") no-repeat 50% 50%;",
+      class: "svg-external-icon svg-icon"
+    }, t.$attrs), null, 16)) : (u(), d("svg", h({
+      key: 1,
+      class: "svg-icon icon-" + (o.className || o.iconClass),
+      "aria-hidden": "true"
+    }, t.$attrs), [
+      _("use", {
+        href: "#" + o.prefix + "-" + o.iconClass
+      }, null, 8, R)
+    ], 16));
+  }
+}, q = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: g
+}, Symbol.toStringTag, { value: "Module" })), b = {
+  __name: "SwAlert",
+  props: {
+    message: { type: String, default: "Default message" },
+    before: { type: String, default: "" },
+    class: { type: String, default: "" },
+    after: { type: String, default: "" },
+    size: { type: String, default: "" },
+    duration: { type: Number, default: 6e3 },
+    type: { type: String, default: "info", validator: (e) => ["success", "warning", "error", "info"].includes(e) }
+  },
+  emits: ["closed"],
+  setup(e, { emit: o }) {
+    const n = e, t = o, a = x(!1);
+    let r = null;
+    const l = () => {
+      document.querySelector(".sw-alert-wrapper").togglePopover(), a.value = !0, document.querySelector(".sw-alert-wrapper").showPopover(), w();
+    }, i = () => {
+      a.value = !1, t("closed");
+    }, s = () => {
+      r && (clearTimeout(r), r = null);
+    }, T = () => {
+      w();
+    }, w = () => {
+      r = setTimeout(i, n.duration);
+    };
+    k(() => {
+      l();
+    }), A(() => {
+      r && clearTimeout(r);
+    });
+    const D = P(() => {
+      const c = ["sw-alert"];
+      return n.size.length > 0 && c.push(`sw-${n.size}`), n.type.length > 0 && c.push(`sw-${n.type}`), n.class.length > 0 && c.push(n.class), c;
+    });
+    return (c, H) => (u(), f(C, { name: "fade" }, {
+      default: I(() => [
+        a.value ? (u(), d("div", {
+          key: 0,
+          class: M(D.value),
+          onMouseenter: s,
+          onMouseleave: T
+        }, [
+          n.before.length > 0 ? (u(), f(g, {
+            key: 0,
+            "icon-class": n.before
+          }, null, 8, ["icon-class"])) : m(c.$slots, "prefix", { key: 1 }),
+          m(c.$slots, "default", {}, () => [
+            N(E(n.message), 1)
+          ]),
+          n.after.length > 0 ? (u(), f(g, {
+            key: 2,
+            "icon-class": n.after,
+            onClick: i
+          }, null, 8, ["icon-class"])) : m(c.$slots, "suffix", { key: 3 }),
+          _("footer", null, [
+            m(c.$slots, "footer")
+          ])
+        ], 34)) : j("", !0)
+      ]),
+      _: 3
+    }));
+  }
+}, G = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: b
+}, Symbol.toStringTag, { value: "Module" }));
+let p = document.querySelector("div.sw-alert-wrapper");
+function v(e = {}) {
+  p || (p = document.createElement("div"), p.className = "sw-alert-wrapper", p.setAttribute("popover", "manual"), document.body.appendChild(p));
+  const {
+    prefix: o,
+    suffix: n,
+    footer: t,
+    ...a
+  } = e, r = (s) => s == null ? null : typeof s == "function" ? s : typeof s == "string" ? () => [s] : Array.isArray(s) ? () => s : () => [s], l = O({
+    setup() {
+      return () => z(
+        b,
+        {
+          ...a,
+          onClose: () => {
+            p.removeChild(l._container), l.unmount();
+          }
+        },
+        {
+          ...o != null && { prefix: r(o) },
+          ...n != null && { suffix: r(n) },
+          ...t != null && { footer: r(t) }
+        }
+      );
+    }
+  }), i = l.mount(document.createElement("div"));
+  p.appendChild(i.$el);
+}
+const y = /* @__PURE__ */ Object.assign({ "./components/SwAlert.vue": () => Promise.resolve().then(() => G), "./components/SwButton.vue": () => import("./SwButton-85-tKHA7.js"), "./components/SwCollapse.vue": () => import("./SwCollapse-CuN3EbT6.js"), "./components/SwDatePicker.vue": () => import("./SwDatePicker-DPL2xnfr.js"), "./components/SwDropdown.vue": () => import("./SwDropdown-DQGTnnKw.js"), "./components/SwDropdownItem.vue": () => import("./SwDropdownItem-CKexOhlx.js"), "./components/SwDropdownNew.vue": () => import("./SwDropdownNew-CYfjZFd2.js"), "./components/SwFormItem.vue": () => import("./SwFormItem-CaA4jsoa.js"), "./components/SwGide.vue": () => import("./SwGide-D0cE663C.js"), "./components/SwIcon.vue": () => Promise.resolve().then(() => q), "./components/SwInput.vue": () => import("./SwInput-DW08IfrK.js"), "./components/SwMessage.vue": () => import("./SwMessage-DGaPcMYb.js"), "./components/SwSection.vue": () => import("./SwSection-D8ooQ21I.js"), "./components/SwSelect.vue": () => import("./SwSelect-C2RKinez.js"), "./components/SwSkeleton.vue": () => import("./SwSkeleton-B7ysp8L9.js"), "./components/SwSkeletonItem.vue": () => import("./SwSkeletonItem-CU7LvihY.js"), "./components/SwSlider.vue": () => import("./SwSlider-t6njKr4X.js"), "./components/SwSwitch.vue": () => import("./SwSwitch-6rl1IT4p.js"), "./components/SwTable.vue": () => import("./SwTable-BLrFhlyO.js"), "./components/SwTableColumn.vue": () => import("./SwTableColumn-BLF5bPuJ.js"), "./components/SwTabs.vue": () => import("./SwTabs-DkSI4oAh.js"), "./components/SwTabsPane.vue": () => import("./SwTabsPane-Dwtj8g7T.js") }), S = {};
+for (const e in y) {
+  const o = e.split("/").pop().replace(".vue", "").replace(/-(\w)/g, (n, t) => t.toUpperCase());
+  S[o] = F(() => y[e]());
+}
+const K = {
+  install(e) {
+    Object.keys(S).forEach((o) => {
+      e.component(o, S[o]);
+    }), e.config.globalProperties.$Alert = v, e.provide("Alert", v);
+  }
+};
+export {
+  v as A,
+  K as L,
+  g as _,
+  L as a,
+  S as b,
+  J as c,
+  V as f,
+  U as p
+};