@poni/adjutant-ui 0.0.105 → 0.0.107

package/dist/AdjUploadFile-BNk0Ibab.js

@@ -0,0 +1,748 @@
+import { defineComponent as k, openBlock as o, createElementBlock as n, normalizeClass as m, createCommentVNode as y, createElementVNode as s, toDisplayString as $, withDirectives as O, vShow as N, normalizeStyle as F, renderSlot as ee, useTemplateRef as R, ref as _, createVNode as B, Transition as Q, withCtx as L, Fragment as D, renderList as U, withModifiers as H, useCssVars as q, computed as te, onMounted as de, watchEffect as ue, createBlock as re } from "vue";
+import { onClickOutside as ie, useWindowSize as se, useMouseInElement as X, useWindowScroll as ce } from "@vueuse/core";
+const fe = /* @__PURE__ */ k({
+  __name: "AdjButton",
+  props: {
+    title: {},
+    flex: { type: Boolean, default: !1 },
+    size: { default: "medium" },
+    design: { default: "primary" },
+    disabled: { type: Boolean, default: !1 },
+    round: { type: Boolean, default: !1 },
+    iconLeft: { default: "" },
+    iconRight: { default: "" }
+  },
+  emits: ["click"],
+  setup(r) {
+    return (e, t) => (o(), n("button", {
+      class: m(["adj-button", {
+        [`adj-button_${e.size}`]: !0,
+        [`adj-button_${e.design}`]: !0,
+        "adj-button_disabled": e.disabled,
+        "adj-button_flex": e.flex,
+        "adj-button_round": e.round
+      }]),
+      onClick: t[0] || (t[0] = (a) => e.disabled ? 0 : e.$emit("click"))
+    }, [
+      e.iconLeft ? (o(), n("i", {
+        key: 0,
+        class: m(e.iconLeft)
+      }, null, 2)) : y("", !0),
+      s("div", null, $(e.title), 1),
+      e.iconRight ? (o(), n("i", {
+        key: 1,
+        class: m(e.iconRight)
+      }, null, 2)) : y("", !0)
+    ], 2));
+  }
+}), g = (r, e) => {
+  const t = r.__vccOpts || r;
+  for (const [a, u] of e)
+    t[a] = u;
+  return t;
+}, vt = /* @__PURE__ */ g(fe, [["__scopeId", "data-v-602b5e80"]]), pe = {
+  key: 0,
+  class: "adj-text-13"
+}, ve = { class: "adj-checkbox__handle" }, me = {
+  width: "16",
+  height: "16",
+  viewBox: "0 0 16 16",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, he = {
+  key: 1,
+  class: "adj-text-13"
+}, _e = /* @__PURE__ */ k({
+  __name: "AdjCheckbox",
+  props: {
+    title: { default: "" },
+    titlePosition: { default: "right" },
+    items: {},
+    modelValue: { default: () => ({ checked: !1 }) },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue"],
+  setup(r, { emit: e }) {
+    const t = r, a = e;
+    function u() {
+      t.modelValue.checked === t.items[0].checked ? a("update:modelValue", t.items[1]) : a("update:modelValue", t.items[0]);
+    }
+    return (l, c) => (o(), n("div", {
+      class: m(["adj-checkbox", { disabled: l.disabled }]),
+      onClick: c[0] || (c[0] = (f) => u())
+    }, [
+      l.title && l.titlePosition === "left" ? (o(), n("span", pe, $(l.title), 1)) : y("", !0),
+      s("div", ve, [
+        O((o(), n("svg", me, c[1] || (c[1] = [
+          s("rect", {
+            width: "16",
+            height: "16",
+            rx: "4"
+          }, null, -1),
+          s("path", { d: "M12.7423 4.27169C12.3993 3.90944 11.842 3.90944 11.4993 4.27169L6.31133 9.75632L4.50067 7.84213C4.169 7.4915 3.58867 7.49185 3.258 7.84178C3.09167 8.01691 3 8.25055 3 8.49899C3 8.74742 3.09167 8.98106 3.25767 9.1562L5.69 11.7276C5.856 11.9034 6.07667 12 6.31167 12C6.54667 12 6.76767 11.9031 6.93333 11.7276L12.7423 5.58647C12.9083 5.41098 13 5.17734 13 4.9289C13 4.68047 12.9087 4.44719 12.7423 4.27169Z" }, null, -1)
+        ]), 512)), [
+          [N, l.modelValue.checked]
+        ])
+      ]),
+      l.title && l.titlePosition === "right" ? (o(), n("span", he, $(l.title), 1)) : y("", !0)
+    ], 2));
+  }
+}), mt = /* @__PURE__ */ g(_e, [["__scopeId", "data-v-f8f6e87a"]]), je = /* @__PURE__ */ k({
+  __name: "AdjScroll",
+  props: {
+    maxHeight: { default: "unset" },
+    white: { type: Boolean, default: !1 }
+  },
+  setup(r) {
+    const e = r;
+    return (t, a) => (o(), n("div", {
+      class: m(["adj-scroll", { "adj-scroll_white": t.white }]),
+      style: F({ maxHeight: `${e.maxHeight}` })
+    }, [
+      ee(t.$slots, "default", {}, void 0, !0)
+    ], 6));
+  }
+}), ne = /* @__PURE__ */ g(je, [["__scopeId", "data-v-ab6451fe"]]), ge = {
+  key: 0,
+  class: "icon-close"
+}, ke = {
+  key: 1,
+  class: "icon-arrow-down"
+}, be = {
+  key: 0,
+  class: "adj-filter-select__items adj-effect-overlay-big"
+}, we = ["onClick"], $e = /* @__PURE__ */ k({
+  __name: "AdjFilterSelect",
+  props: {
+    title: {},
+    position: { default: "right" },
+    items: {},
+    modelValue: {}
+  },
+  emits: ["update:modelValue"],
+  setup(r, { emit: e }) {
+    const t = r, a = e, u = R("refElement");
+    ie(u, () => l.value = !1);
+    const l = _(!1);
+    function c(d) {
+      "disabled" in d && d.disabled || ("id" in d && d.id && (l.value = !1), a("update:modelValue", d));
+    }
+    function f() {
+      "id" in t.modelValue ? c({}) : l.value = !l.value;
+    }
+    return (d, b) => (o(), n("div", {
+      ref: "refElement",
+      class: m(["adj-filter-select", [{ show: l.value, active: "id" in d.modelValue && d.modelValue.id }, d.position]])
+    }, [
+      s("div", {
+        class: "adj-filter-select__name adj-text-14",
+        onClick: b[0] || (b[0] = (i) => f())
+      }, [
+        s("span", null, $("id" in d.modelValue && d.modelValue.id ? d.modelValue.name : d.title), 1),
+        "id" in d.modelValue && d.modelValue.id ? (o(), n("i", ge)) : (o(), n("i", ke)),
+        B(Q, { name: "adj-fade" }, {
+          default: L(() => [
+            l.value ? (o(), n("div", be, [
+              B(ne, { maxHeight: "384px" }, {
+                default: L(() => [
+                  s("div", null, [
+                    (o(!0), n(D, null, U(d.items, (i) => (o(), n("div", {
+                      key: i.id,
+                      class: m(["adj-filter-select__item adj-text-14", { "adj-filter-select__item_disabled": i.disabled }]),
+                      onClick: H((p) => c(i), ["stop"])
+                    }, [
+                      s("span", null, $(i.name), 1)
+                    ], 10, we))), 128))
+                  ])
+                ]),
+                _: 1
+              })
+            ])) : y("", !0)
+          ]),
+          _: 1
+        })
+      ])
+    ], 2));
+  }
+}), ht = /* @__PURE__ */ g($e, [["__scopeId", "data-v-6c5a9e71"]]), Ce = ["innerHTML"], ye = /* @__PURE__ */ k({
+  __name: "AdjHintDesktop",
+  props: {
+    html: { default: "" },
+    horizontalPosition: { default: "left" },
+    verticalPosition: { default: "top" },
+    dark: { type: Boolean, default: !1 },
+    width: { default: "200px" }
+  },
+  setup(r) {
+    return q((e) => ({
+      "7aca7e46": e.width
+    })), (e, t) => (o(), n("div", {
+      class: m([
+        "adj-hint-desktop",
+        { "adj-hint-desktop_dark": e.dark },
+        `adj-hint-desktop_${e.verticalPosition}`,
+        `adj-hint-desktop_${e.horizontalPosition}`
+      ])
+    }, [
+      s("div", {
+        class: "adj-hint-desktop__text",
+        innerHTML: e.html
+      }, null, 8, Ce),
+      t[0] || (t[0] = s("svg", {
+        class: "adj-hint-desktop__triangle",
+        width: "14",
+        height: "14",
+        viewBox: "0 0 14 14",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg"
+      }, [
+        s("path", {
+          class: "adj-hint-desktop__triangle_inner",
+          d: "M13 13L7 2L1 13H13Z"
+        }),
+        s("path", {
+          class: "adj-hint-desktop__triangle_border",
+          d: "M13 13L7 2L1 13"
+        })
+      ], -1))
+    ], 2));
+  }
+}), Pe = /* @__PURE__ */ g(ye, [["__scopeId", "data-v-c37cada5"]]), Ve = { class: "adj-modal" }, Ie = { class: "adj-modal_wrapper" }, Ae = /* @__PURE__ */ k({
+  __name: "AdjModal",
+  props: {
+    show: { type: Boolean },
+    width: { default: "100%" },
+    hideClose: { type: Boolean, default: !1 }
+  },
+  emits: ["update:show"],
+  setup(r, { emit: e }) {
+    q((u) => ({
+      65069964: u.width
+    }));
+    const t = e;
+    function a() {
+      t("update:show", !1);
+    }
+    return (u, l) => (o(), n("div", Ve, [
+      B(Q, { name: "adj-fade" }, {
+        default: L(() => [
+          O(s("div", Ie, l[1] || (l[1] = [
+            s("div", { class: "adj-modal__background" }, null, -1)
+          ]), 512), [
+            [N, u.show]
+          ])
+        ]),
+        _: 1
+      }),
+      B(Q, { name: "adj-popup-bottom" }, {
+        default: L(() => [
+          O(s("div", {
+            class: "adj-modal_wrapper",
+            onClick: H(a, ["stop"])
+          }, [
+            s("div", {
+              class: "adj-modal__window",
+              onClick: l[0] || (l[0] = H(() => {
+              }, ["stop"]))
+            }, [
+              u.hideClose ? y("", !0) : (o(), n("div", {
+                key: 0,
+                class: "adj-modal__close icon-close",
+                onClick: H(a, ["stop"])
+              })),
+              ee(u.$slots, "default", {}, void 0, !0)
+            ])
+          ], 512), [
+            [N, u.show]
+          ])
+        ]),
+        _: 3
+      })
+    ]));
+  }
+}), He = /* @__PURE__ */ g(Ae, [["__scopeId", "data-v-921de616"]]), ze = { class: "adj-hint" }, Be = ["innerHTML"], J = 14, K = 14, Me = /* @__PURE__ */ k({
+  __name: "AdjHint",
+  props: {
+    html: { default: "" },
+    horizontalPosition: { default: "left" },
+    verticalPosition: { default: "bottom" },
+    dark: { type: Boolean, default: !0 },
+    modalMode: { type: Boolean, default: !1 }
+  },
+  setup(r) {
+    const e = r, t = _(!1), a = _(!1), { width: u, height: l } = se(), c = R("refSlot"), f = R("refHint"), d = _(0), b = _(0), { elementWidth: i, elementHeight: p } = X(c), v = _(0), h = _(80), { elementWidth: w, elementHeight: P } = X(f), V = _(e.horizontalPosition), C = _(e.verticalPosition);
+    let I = 10 + K / 2;
+    function T() {
+      (!e.modalMode || u.value >= 1200) && (S(), Z(), Y(), t.value = !0);
+    }
+    function W() {
+      (!e.modalMode || u.value >= 1200) && (t.value = !1);
+    }
+    function M() {
+      e.modalMode && u.value < 1200 && (a.value = !0);
+    }
+    function S() {
+      if (c.value !== null) {
+        const A = c.value.getBoundingClientRect();
+        d.value = A.left, b.value = A.top;
+      }
+    }
+    function Z() {
+      e.dark && (I = 15 + K / 2), V.value = e.horizontalPosition, C.value = e.verticalPosition, e.horizontalPosition === "left" && d.value + i.value / 2 + I - w.value < 0 ? V.value = "right" : e.horizontalPosition === "right" && d.value + i.value / 2 - I + w.value > u.value && (V.value = "left"), e.verticalPosition === "top" && b.value - J - P.value < 0 ? C.value = "bottom" : e.verticalPosition === "bottom" && b.value + p.value + J + P.value > l.value && (C.value = "top");
+    }
+    function Y() {
+      e.dark && (I = 15 + K / 2), V.value === "left" ? v.value = d.value + i.value / 2 + I - w.value : V.value === "center" ? v.value = d.value + i.value / 2 - K / 2 - w.value / 2 : V.value === "right" && (v.value = d.value + i.value / 2 - I), C.value == "top" ? h.value = b.value - J - P.value : C.value == "bottom" && (h.value = b.value + p.value + J);
+    }
+    return (A, G) => (o(), n("div", ze, [
+      s("div", {
+        class: "adj-hint__slot",
+        onMouseenter: H(T, ["stop"]),
+        onMouseleave: H(W, ["stop"]),
+        onClick: H(M, ["stop"]),
+        ref: "refSlot"
+      }, [
+        ee(A.$slots, "default", {}, void 0, !0)
+      ], 544),
+      s("div", {
+        class: "adj-hint__hint",
+        style: F({
+          left: v.value + "px",
+          top: h.value + "px",
+          visibility: t.value ? "visible" : "hidden"
+        }),
+        ref: "refHint"
+      }, [
+        O(B(Pe, {
+          html: A.html,
+          horizontalPosition: V.value,
+          verticalPosition: C.value,
+          dark: A.dark,
+          width: "252px"
+        }, null, 8, ["html", "horizontalPosition", "verticalPosition", "dark"]), [
+          [N, A.html !== ""]
+        ])
+      ], 4),
+      B(He, {
+        show: a.value,
+        "onUpdate:show": G[0] || (G[0] = (x) => a.value = x),
+        width: "430px"
+      }, {
+        default: L(() => [
+          s("div", {
+            class: "adj-hint__modal",
+            innerHTML: A.html
+          }, null, 8, Be)
+        ]),
+        _: 1
+      }, 8, ["show"])
+    ]));
+  }
+}), Le = /* @__PURE__ */ g(Me, [["__scopeId", "data-v-be48db98"]]), Se = /* @__PURE__ */ k({
+  __name: "AdjIcon",
+  props: {
+    iconName: {},
+    size: { default: 24 },
+    design: { default: "contrast" },
+    tooltip: { default: "" },
+    disabled: { type: Boolean, default: !1 },
+    tooltipPosition: { default: "left" }
+  },
+  emits: ["click"],
+  setup(r) {
+    q((a) => ({
+      "7fb84d06": t.value
+    }));
+    const e = r, t = te(() => e.size + "px");
+    return (a, u) => (o(), n("div", {
+      class: m(["adj-icon", {
+        [`adj-icon_${a.design}`]: !0,
+        "adj-icon_disabled": a.disabled
+      }])
+    }, [
+      B(Le, {
+        dark: !1,
+        html: a.disabled ? "" : a.tooltip,
+        horizontalPosition: a.tooltipPosition
+      }, {
+        default: L(() => [
+          s("i", {
+            class: m([a.iconName]),
+            onClick: u[0] || (u[0] = (l) => a.$emit("click"))
+          }, null, 2)
+        ]),
+        _: 1
+      }, 8, ["html", "horizontalPosition"])
+    ], 2));
+  }
+}), _t = /* @__PURE__ */ g(Se, [["__scopeId", "data-v-5524b1e2"]]), Re = {
+  key: 0,
+  class: "adj-icon-button__qty adj-text-12"
+}, Te = /* @__PURE__ */ k({
+  __name: "AdjIconButton",
+  props: {
+    iconName: {},
+    qty: { default: 0 },
+    size: { default: "medium" },
+    design: { default: "white-back" },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["click"],
+  setup(r) {
+    return (e, t) => (o(), n("div", {
+      class: m(["adj-icon-button", {
+        [`adj-icon-button_${e.size}`]: !0,
+        [`adj-icon-button_${e.design}`]: !0,
+        "adj-icon-button_disabled": e.disabled
+      }]),
+      onClick: t[0] || (t[0] = (a) => e.$emit("click"))
+    }, [
+      s("i", {
+        class: m(["adj-icon-button__icon", e.iconName])
+      }, null, 2),
+      e.qty > 0 ? (o(), n("div", Re, $(e.qty), 1)) : y("", !0)
+    ], 2));
+  }
+}), jt = /* @__PURE__ */ g(Te, [["__scopeId", "data-v-bd9a4816"]]), We = ["onClick"], Ee = { class: "adj-radio__item_name adj-text-13" }, Fe = /* @__PURE__ */ k({
+  __name: "AdjRadio",
+  props: {
+    namePosition: { default: "right" },
+    items: { default: () => [] },
+    modelValue: {},
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue"],
+  setup(r, { emit: e }) {
+    const t = r, a = e;
+    function u(l) {
+      var c;
+      l.id !== ((c = t.modelValue) == null ? void 0 : c.id) && a("update:modelValue", l);
+    }
+    return (l, c) => (o(), n("div", {
+      class: m(["adj-radio", { "adj-radio_disabled": l.disabled }])
+    }, [
+      (o(!0), n(D, null, U(l.items, (f) => {
+        var d;
+        return o(), n("div", {
+          key: f.id,
+          class: m(["adj-radio__item", {
+            active: ((d = l.modelValue) == null ? void 0 : d.id) === f.id,
+            [`adj-radio__item_${l.namePosition}`]: !0
+          }]),
+          onClick: (b) => u(f)
+        }, [
+          s("div", {
+            class: m(["adj-radio__item_button", { "adj-effect-overlay-small": !l.disabled }])
+          }, null, 2),
+          s("span", Ee, $(f.name), 1)
+        ], 10, We);
+      }), 128))
+    ], 2));
+  }
+}), gt = /* @__PURE__ */ g(Fe, [["__scopeId", "data-v-1291569e"]]), Oe = {
+  key: 0,
+  class: "adj-input__image"
+}, Ne = ["src"], De = { class: "adj-input__text" }, Ue = ["onClick"], qe = {
+  key: 0,
+  class: "adj-select-modern__item-image"
+}, Ze = ["src"], Ge = { class: "adj-select-modern__item-text" }, Je = /* @__PURE__ */ k({
+  __name: "AdjSelectModern",
+  props: {
+    design: { default: "text" },
+    horizontalPosition: { default: "left" },
+    verticalPosition: { default: "bottom" },
+    items: { default: () => [] },
+    modelValue: {}
+  },
+  emits: ["update:modelValue"],
+  setup(r, { emit: e }) {
+    const t = r, a = e, { x: u, y: l } = ce(), { width: c, height: f } = se();
+    de(() => {
+      ue(() => {
+        u.value >= 0 && l.value >= 0 && c.value >= 0 && Z();
+      });
+    });
+    const d = R("refElement");
+    ie(d, () => i.value = !1);
+    function b(j) {
+      var z;
+      i.value = !1, j.id != ((z = t.modelValue) == null ? void 0 : z.id) && a("update:modelValue", j);
+    }
+    const i = _(!1), p = R("refInput"), v = R("refItems"), h = _(0), w = _(0), { elementWidth: P, elementHeight: V } = X(p), C = _(0), I = _(80), { elementWidth: T, elementHeight: W } = X(v), M = _(t.horizontalPosition), S = _(t.verticalPosition);
+    function Z() {
+      i.value && (A(), G(), x());
+    }
+    function Y() {
+      i.value = !i.value, Z();
+    }
+    function A() {
+      if (p.value !== null) {
+        const j = p.value.getBoundingClientRect();
+        h.value = j.left, w.value = j.top;
+      }
+    }
+    function G() {
+      M.value = t.horizontalPosition, S.value = t.verticalPosition, t.horizontalPosition === "left" && h.value + P.value < T.value ? M.value = "right" : t.horizontalPosition === "right" && T.value > c.value - h.value && (M.value = "left"), t.verticalPosition === "top" && w.value - W.value < 0 ? S.value = "bottom" : t.verticalPosition === "bottom" && w.value + V.value + W.value > f.value && (S.value = "top");
+    }
+    function x() {
+      M.value === "left" ? C.value = h.value + P.value - T.value : M.value === "center" ? C.value = h.value + P.value / 2 - T.value / 2 : M.value === "right" && (C.value = h.value), S.value == "top" ? I.value = w.value - W.value : S.value == "bottom" && (I.value = w.value + V.value);
+    }
+    return (j, z) => {
+      var le, ae, oe;
+      return o(), n("div", {
+        ref: "refElement",
+        class: m([
+          "adj-select-modern",
+          "adj-text-14",
+          j.horizontalPosition,
+          `adj-select-modern_${j.design}`,
+          { showItems: i.value }
+        ])
+      }, [
+        s("div", {
+          ref: "refInput",
+          class: "adj-input adj-text-14",
+          onClick: H(Y, ["stop"])
+        }, [
+          j.design === "image" ? (o(), n("div", Oe, [
+            s("img", {
+              src: (le = j.modelValue) == null ? void 0 : le.image,
+              alt: ""
+            }, null, 8, Ne),
+            z[0] || (z[0] = s("div", { class: "adj-input__border" }, null, -1))
+          ])) : j.design === "background" ? (o(), n("div", {
+            key: 1,
+            class: "adj-input__image",
+            style: F({ background: (ae = j.modelValue) == null ? void 0 : ae.background })
+          }, null, 4)) : y("", !0),
+          s("span", De, $((oe = j.modelValue) == null ? void 0 : oe.name), 1),
+          z[1] || (z[1] = s("i", { class: "adj-input__icon icon-arrow-down" }, null, -1))
+        ], 512),
+        B(Q, { name: "adj-fade" }, {
+          default: L(() => [
+            i.value ? (o(), n("div", {
+              key: 0,
+              class: "adj-select-modern__items adj-effect-overlay-big",
+              style: F({
+                left: C.value + "px",
+                top: I.value + "px",
+                visibility: i.value ? "visible" : "hidden"
+              }),
+              ref: "refItems"
+            }, [
+              B(ne, { maxHeight: "384px" }, {
+                default: L(() => [
+                  s("div", null, [
+                    (o(!0), n(D, null, U(j.items, (E) => (o(), n("div", {
+                      key: E.id,
+                      class: "adj-select-modern__item adj-text-14",
+                      onClick: H((ct) => b(E), ["stop"])
+                    }, [
+                      j.design === "image" ? (o(), n("div", qe, [
+                        s("img", {
+                          src: E.image,
+                          alt: ""
+                        }, null, 8, Ze),
+                        z[2] || (z[2] = s("div", { class: "adj-select-modern__item-border" }, null, -1))
+                      ])) : j.design === "background" ? (o(), n("div", {
+                        key: 1,
+                        class: "adj-select-modern__item-image",
+                        style: F({ background: E.background })
+                      }, null, 4)) : y("", !0),
+                      s("span", Ge, $(E.name), 1)
+                    ], 8, Ue))), 128))
+                  ])
+                ]),
+                _: 1
+              })
+            ], 4)) : y("", !0)
+          ]),
+          _: 1
+        })
+      ], 2);
+    };
+  }
+}), kt = /* @__PURE__ */ g(Je, [["__scopeId", "data-v-a7ad985a"]]), Ke = { class: "adj-skeleton-item" }, Qe = /* @__PURE__ */ k({
+  __name: "AdjSkeletonItem",
+  props: {
+    width: { default: "100%" },
+    height: { default: "unset" },
+    aspectRatio: { default: "unset" },
+    marginTop: { default: "0px" }
+  },
+  setup(r) {
+    q((a) => ({
+      "73b36252": a.width,
+      "5f18ed58": a.marginTop,
+      ac595bde: t.value,
+      "3656db94": a.height
+    }));
+    const e = r, t = te(() => e.height !== "unset" ? "unset" : e.aspectRatio);
+    return (a, u) => (o(), n("div", Ke));
+  }
+}), Xe = /* @__PURE__ */ g(Qe, [["__scopeId", "data-v-c6820958"]]), Ye = { class: "adj-skeleton" }, xe = /* @__PURE__ */ k({
+  __name: "AdjSkeleton",
+  props: {
+    loaders: { default: () => [] },
+    width: { default: "100%" },
+    centered: { type: Boolean, default: !1 }
+  },
+  setup(r) {
+    q((a) => ({
+      c2e40cd4: t.value,
+      "019b6ab8": a.width
+    }));
+    const e = r, t = te(() => e.centered ? "center" : "unset");
+    return (a, u) => (o(), n("div", Ye, [
+      (o(!0), n(D, null, U(a.loaders, (l) => (o(), re(Xe, {
+        width: l.width,
+        height: l.height,
+        "aspect-ratio": l.aspectRatio,
+        "margin-top": l.marginTop
+      }, null, 8, ["width", "height", "aspect-ratio", "margin-top"]))), 256))
+    ]));
+  }
+}), bt = /* @__PURE__ */ g(xe, [["__scopeId", "data-v-080d9f14"]]), et = {}, tt = {
+  viewBox: "0 0 34 34",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+function lt(r, e) {
+  return o(), n("svg", tt, e[0] || (e[0] = [
+    s("circle", {
+      cx: "17",
+      cy: "17",
+      r: "16.5"
+    }, null, -1),
+    s("path", { d: "M22.7034 12.9285C22.6244 12.8488 22.5304 12.7856 22.4268 12.7424C22.3232 12.6993 22.2121 12.6771 22.0999 12.6771C21.9877 12.6771 21.8766 12.6993 21.773 12.7424C21.6694 12.7856 21.5754 12.8488 21.4964 12.9285L15.1639 19.2695L12.5034 16.6005C12.4213 16.5212 12.3245 16.4589 12.2184 16.4171C12.1122 16.3753 11.9989 16.3548 11.8849 16.3567C11.7708 16.3587 11.6583 16.3831 11.5536 16.4286C11.449 16.4741 11.3544 16.5397 11.2751 16.6217C11.1959 16.7038 11.1336 16.8006 11.0917 16.9068C11.0499 17.0129 11.0294 17.1262 11.0314 17.2403C11.0334 17.3543 11.0578 17.4669 11.1032 17.5715C11.1487 17.6761 11.2143 17.7707 11.2964 17.85L14.5604 21.114C14.6394 21.1937 14.7334 21.2569 14.837 21.3C14.9406 21.3432 15.0517 21.3654 15.1639 21.3654C15.2761 21.3654 15.3872 21.3432 15.4908 21.3C15.5944 21.2569 15.6884 21.1937 15.7674 21.114L22.7034 14.178C22.7897 14.0984 22.8585 14.0018 22.9056 13.8943C22.9527 13.7867 22.977 13.6706 22.977 13.5532C22.977 13.4359 22.9527 13.3197 22.9056 13.2122C22.8585 13.1047 22.7897 13.0081 22.7034 12.9285Z" }, null, -1)
+  ]));
+}
+const wt = /* @__PURE__ */ g(et, [["render", lt], ["__scopeId", "data-v-f04662e9"]]), at = { class: "adj-tabs" }, ot = { class: "adj-tabs-wrapper" }, it = ["onClick"], st = { key: 0 }, nt = /* @__PURE__ */ k({
+  __name: "AdjTabs",
+  props: {
+    items: { default: () => [] },
+    modelValue: {}
+  },
+  emits: ["update:modelValue"],
+  setup(r, { emit: e }) {
+    const t = r, a = e;
+    function u(l) {
+      var c;
+      !l.disabled && l.id !== ((c = t.modelValue) == null ? void 0 : c.id) && a("update:modelValue", l);
+    }
+    return (l, c) => (o(), n("div", at, [
+      s("div", ot, [
+        (o(!0), n(D, null, U(l.items, (f) => {
+          var d;
+          return o(), n("div", {
+            key: f.name,
+            class: m(["adj-tabs__item", { active: f.id == ((d = l.modelValue) == null ? void 0 : d.id), disabled: f.disabled }]),
+            onClick: (b) => u(f)
+          }, [
+            s("p", null, $(f.name), 1),
+            f.number ? (o(), n("span", st, $(f.number), 1)) : y("", !0)
+          ], 10, it);
+        }), 128))
+      ])
+    ]));
+  }
+}), $t = /* @__PURE__ */ g(nt, [["__scopeId", "data-v-fcf34a9c"]]), dt = { class: "adj-upload-file__main" }, ut = { class: "adj-text-14" }, rt = /* @__PURE__ */ k({
+  __name: "AdjUploadFile",
+  props: {
+    text: {},
+    modelValue: {},
+    width: { default: 500 },
+    height: { default: 430 }
+  },
+  emits: ["update:modelValue"],
+  setup(r, { emit: e }) {
+    const t = r, a = e, u = R("refFileInput"), l = _(!1);
+    function c() {
+      var i;
+      l.value || (i = u.value) == null || i.click();
+    }
+    async function f(i) {
+      return new Promise((p, v) => {
+        const h = new FileReader();
+        h.readAsDataURL(i), h.onload = () => p(h.result), h.onerror = (w) => v(w);
+      });
+    }
+    async function d(i) {
+      if (!i)
+        return {
+          url: ""
+        };
+      const v = await (await fetch("https://api.adjutant.ru/constructor-new/upload-image", {
+        method: "POST",
+        headers: { "Content-Type": "application/json;charset=utf-8" },
+        body: JSON.stringify({
+          id: Date.now(),
+          key: "fvk34lkjf03fd93j9dfsaf0d",
+          lang: "ru",
+          testMode: !0,
+          params: i
+        })
+      })).json();
+      return {
+        url: `${v == null ? void 0 : v.result}`
+        // urlFull: `https://api.adjutant.ru/tmp/upload/constructorzakaz/${responseJson?.result}`,
+      };
+    }
+    async function b(i) {
+      var P;
+      if (!(i.files && ((P = i == null ? void 0 : i.files) == null ? void 0 : P.length) > 0))
+        return;
+      l.value = !0;
+      const p = i == null ? void 0 : i.files[0];
+      let v = p.type;
+      v === "image/svg+xml" && (v = "image/svg");
+      const h = await f(p), w = await d({
+        type: v,
+        data: h,
+        width: t.width,
+        height: t.height
+      });
+      a("update:modelValue", { ...t.modelValue, ...w }), l.value = !1;
+    }
+    return (i, p) => (o(), n("div", {
+      class: m(["adj-upload-file", { "adj-upload-file_loading": l.value }]),
+      onClick: c
+    }, [
+      s("div", dt, [
+        p[2] || (p[2] = s("i", { class: "icon-arrow-circle-up" }, null, -1)),
+        s("span", ut, $(i.modelValue.url || i.text), 1)
+      ]),
+      O(s("i", {
+        class: "icon-close",
+        onClick: p[0] || (p[0] = H((v) => i.$emit("update:modelValue", { url: "" }), ["stop"]))
+      }, null, 512), [
+        [N, i.modelValue.url]
+      ]),
+      s("input", {
+        id: "file",
+        ref: "refFileInput",
+        type: "file",
+        hidden: "hidden",
+        onInput: p[1] || (p[1] = (v) => b(v.target))
+      }, null, 544)
+    ], 2));
+  }
+}), Ct = /* @__PURE__ */ g(rt, [["__scopeId", "data-v-a4227077"]]);
+export {
+  Pe as A,
+  g as _,
+  ne as a,
+  vt as b,
+  mt as c,
+  ht as d,
+  Le as e,
+  _t as f,
+  jt as g,
+  He as h,
+  gt as i,
+  kt as j,
+  bt as k,
+  Xe as l,
+  wt as m,
+  $t as n,
+  Ct as o
+};