@studio-west/component-sw 0.11.10 → 0.11.12

package/dist/{SwSlider-YncjYKPw.js → SwSlider-o3z_9DLW.js}

@@ -1,5 +1,5 @@
 import { mergeModels as F, useModel as I, ref as p, computed as v, onMounted as q, onUnmounted as U, createElementBlock as M, openBlock as x, normalizeClass as D, createElementVNode as N, withModifiers as P, normalizeStyle as B, Fragment as j, renderList as G, renderSlot as H, createCommentVNode as J, toDisplayString as K } from "vue";
-import { c as O } from "./index-B5koqczP.js";
+import { c as O } from "./index-urBWY4_1.js";
 const Q = ["onMouseenter", "onMouseleave", "onFocus", "onBlur", "onMousedown", "onTouchstart"], _ = {
   __name: "SwSlider",
   props: /* @__PURE__ */ F({

package/dist/SwSwitch-DeMdyD0-.js

@@ -0,0 +1,47 @@
+import { defineComponent as n, mergeModels as d, useModel as u, computed as f, createElementBlock as i, openBlock as h, normalizeClass as r, createElementVNode as t, renderSlot as m } from "vue";
+const p = ["name", "id", "checked"], b = ["for", "data-onlabel", "data-offlabel"], _ = /* @__PURE__ */ n({
+  __name: "SwSwitch",
+  props: /* @__PURE__ */ d({
+    id: { default: "checkbox" },
+    class: { default: "" },
+    name: { default: "" },
+    on: { default: "" },
+    off: { default: "" },
+    size: { default: "" },
+    checkbox: { type: Boolean, default: !1 }
+  }, {
+    modelValue: { type: Boolean },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(a) {
+    const o = u(a, "modelValue"), e = a, s = f(() => {
+      let l = ["sw-switch"];
+      return e.size.length > 0 && l.push("sw-" + e.size), e.checkbox && l.push("sw-checkbox"), e.class.length > 0 && l.push(e.class), l;
+    }), c = (l) => {
+      o.value = l.target.checked;
+    };
+    return (l, k) => (h(), i("div", {
+      class: r(s.value)
+    }, [
+      t("input", {
+        type: "checkbox",
+        name: e.name,
+        class: "sw-control",
+        id: e.id,
+        checked: o.value,
+        onChange: c
+      }, null, 40, p),
+      t("label", {
+        for: e.id,
+        class: "sw-label",
+        "data-onlabel": e.on,
+        "data-offlabel": e.off
+      }, null, 8, b),
+      m(l.$slots, "default")
+    ], 2));
+  }
+});
+export {
+  _ as default
+};

package/dist/index-urBWY4_1.js

@@ -0,0 +1,188 @@
+import { createElementBlock as g, unref as x, openBlock as u, mergeProps as h, createElementVNode as b, ref as k, onMounted as A, onUnmounted as C, computed as P, createBlock as f, Transition as I, withCtx as j, createCommentVNode as M, normalizeClass as N, renderSlot as m, createTextVNode as E, toDisplayString as O, createApp as z, h as y, defineAsyncComponent as B } from "vue";
+function F(e) {
+  return /^(https?:|mailto:|tel:)/.test(e);
+}
+function L(e, n) {
+  if (arguments.length === 0 || !e)
+    return null;
+  const o = n || "{Y}-{m}-{d} {G}:{i}:{s}";
+  let t;
+  typeof e == "object" ? t = e : (typeof e == "string" && (/^[0-9]+$/.test(e) ? e = parseInt(e, 10) : 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 o.replace(/{(dd|[YmdGHisDFM])+}/g, (s, i) => r[i]?.toString() || s);
+}
+function U(e) {
+  const n = e.match(/\D.*?\D?/);
+  if (!n) return e + "T00:00:01";
+  const o = e.split(n[0]);
+  return o[0].length > 2 ? o.join("-") + "T00:00:01" : o.reverse().join("-") + "T00:00:01";
+}
+function V(e, n) {
+  if (n && /^\+[0-9]\s/.test(n) && e.length === 2 || /^\+0\s/.test(e)) return "";
+  if (typeof e > "u" || e.length === 0) return e;
+  const o = "+0 (___) ___-__-__";
+  let t = 0;
+  const a = o.replace(/\D/g, ""), r = e.replace(/\D/g, "");
+  let s = o.replace(/[_\d]/g, (l) => t < r.length ? r.charAt(t++) || a.charAt(t) : l);
+  t = s.indexOf("_"), t !== -1 && (t = t < 5 ? 3 : t, s = s.slice(0, t));
+  let i = o.slice(0, e.length).replace(
+    /_+/g,
+    (l) => `\\d{1,${l.length}}`
+  ).replace(/[+()]/g, "\\$&");
+  return i = new RegExp(`^${i}$`), s = s.replace(/[-—]$|(\) )$/g, ""), !i.test(e) || e.length < 5 ? s : e;
+}
+function J(e, n = !1) {
+  const o = e.getBoundingClientRect();
+  return n ? o.left > 50 ? { right: "100%", marginRight: "10px" } : { left: "100%", marginLeft: "10px" } : { bottom: "100%", marginBottom: "10px" };
+}
+const G = ["href"], d = {
+  __name: "SwIcon",
+  props: {
+    prefix: { type: String, default: "icon" },
+    iconClass: { type: String, required: !0 },
+    className: { type: String, default: "" }
+  },
+  setup(e) {
+    const n = e, o = F(n.iconClass);
+    return (t, a) => x(o) ? (u(), g("div", h({
+      key: 0,
+      style: "mask: url(" + n.iconClass + ") no-repeat 50% 50%;",
+      class: "sw-external-icon svg-icon"
+    }, t.$attrs), null, 16)) : (u(), g("svg", h({
+      key: 1,
+      class: "sw-icon icon-" + (n.className || n.iconClass),
+      "aria-hidden": "true"
+    }, t.$attrs), [
+      b("use", {
+        href: "#" + n.prefix + "-" + n.iconClass
+      }, null, 8, G)
+    ], 16));
+  }
+}, R = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: d
+}, Symbol.toStringTag, { value: "Module" })), T = {
+  __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: n }) {
+    const o = e, t = n, a = k(!1);
+    let r = null;
+    const s = () => {
+      document.querySelector(".sw-alert-wrapper").togglePopover(), a.value = !0, document.querySelector(".sw-alert-wrapper").showPopover(), w();
+    }, i = () => {
+      a.value = !1, t("closed");
+    }, l = () => {
+      r && (clearTimeout(r), r = null);
+    }, D = () => {
+      w();
+    }, w = () => {
+      r = setTimeout(i, o.duration);
+    };
+    A(() => {
+      s();
+    }), C(() => {
+      r && clearTimeout(r);
+    });
+    const $ = P(() => {
+      const c = ["sw-alert"];
+      return o.size.length > 0 && c.push(`sw-${o.size}`), o.type.length > 0 && c.push(`sw-${o.type}`), o.class.length > 0 && c.push(o.class), c;
+    });
+    return (c, H) => (u(), f(I, { name: "fade" }, {
+      default: j(() => [
+        a.value ? (u(), g("div", {
+          key: 0,
+          class: N($.value),
+          onMouseenter: l,
+          onMouseleave: D
+        }, [
+          o.before.length > 0 ? (u(), f(d, {
+            key: 0,
+            "icon-class": o.before
+          }, null, 8, ["icon-class"])) : m(c.$slots, "prefix", { key: 1 }),
+          m(c.$slots, "default", {}, () => [
+            E(O(o.message), 1)
+          ]),
+          o.after.length > 0 ? (u(), f(d, {
+            key: 2,
+            "icon-class": o.after,
+            onClick: i
+          }, null, 8, ["icon-class"])) : m(c.$slots, "suffix", { key: 3 }),
+          b("footer", null, [
+            m(c.$slots, "footer")
+          ])
+        ], 34)) : M("", !0)
+      ]),
+      _: 3
+    }));
+  }
+}, q = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: T
+}, 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: n,
+    suffix: o,
+    footer: t,
+    ...a
+  } = e, r = (l) => l == null ? null : typeof l == "function" ? l : typeof l == "string" ? () => [y("span", l)] : Array.isArray(l) ? () => l : () => [l], s = z({
+    setup() {
+      return () => y(T, {
+        ...a,
+        onClose: () => {
+          p && s._container && (p.removeChild(s._container), s.unmount()), e.onClose && e.onClose();
+        }
+      }, {
+        ...n != null && { prefix: r(n) },
+        ...o != null && { suffix: r(o) },
+        ...t != null && { footer: r(t) }
+      });
+    }
+  }), i = s.mount(document.createElement("div"));
+  p && i.$el && p.appendChild(i.$el);
+}
+const _ = /* @__PURE__ */ Object.assign({ "./components/SwAlert.vue": () => Promise.resolve().then(() => q), "./components/SwButton.vue": () => import("./SwButton-yS_tKW9w.js"), "./components/SwButtonGroup.vue": () => import("./SwButtonGroup-D9HH5POO.js"), "./components/SwCollapse.vue": () => import("./SwCollapse-CuN3EbT6.js"), "./components/SwDatePicker.vue": () => import("./SwDatePicker-BVVouucy.js"), "./components/SwDropdown.vue": () => import("./SwDropdown-DQGTnnKw.js"), "./components/SwDropdownItem.vue": () => import("./SwDropdownItem-C1-FnGEY.js"), "./components/SwDropdownNew.vue": () => import("./SwDropdownNew-CYfjZFd2.js"), "./components/SwFormItem.vue": () => import("./SwFormItem-CaA4jsoa.js"), "./components/SwGide.vue": () => import("./SwGide-CgNyNocW.js"), "./components/SwIcon.vue": () => Promise.resolve().then(() => R), "./components/SwInput.vue": () => import("./SwInput-BkN2M-SL.js"), "./components/SwMessage.vue": () => import("./SwMessage-Bkt1orr8.js"), "./components/SwSection.vue": () => import("./SwSection-CQe2kE0O.js"), "./components/SwSelect.vue": () => import("./SwSelect-BxbCfof-.js"), "./components/SwSkeleton.vue": () => import("./SwSkeleton-B7ysp8L9.js"), "./components/SwSkeletonItem.vue": () => import("./SwSkeletonItem-CU7LvihY.js"), "./components/SwSlider.vue": () => import("./SwSlider-o3z_9DLW.js"), "./components/SwSwitch.vue": () => import("./SwSwitch-DeMdyD0-.js"), "./components/SwTable.vue": () => import("./SwTable-BKZ5idCi.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 _) {
+  const n = e.split("/").pop().replace(".vue", "").replace(/-(\w)/g, (o, t) => t.toUpperCase());
+  S[n] = B(() => _[e]());
+}
+const K = {
+  install(e) {
+    Object.keys(S).forEach((n) => {
+      e.component(n, S[n]);
+    }), e.config.globalProperties.$Alert = v, e.provide("Alert", v);
+  }
+};
+export {
+  v as A,
+  K as L,
+  d as _,
+  L as a,
+  S as b,
+  J as c,
+  V as f,
+  U as p
+};