@poni/adjutant-ui 0.0.102 → 0.0.103

package/dist/AdjSvgActive-9kTmj0ZZ.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),C=require("@vueuse/core"),L=e.defineComponent({__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(a){return(t,o)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(["adj-button",{[`adj-button_${t.size}`]:!0,[`adj-button_${t.design}`]:!0,"adj-button_disabled":t.disabled,"adj-button_flex":t.flex,"adj-button_round":t.round}]),onClick:o[0]||(o[0]=n=>t.disabled?0:t.$emit("click"))},[t.iconLeft?(e.openBlock(),e.createElementBlock("i",{key:0,class:e.normalizeClass(t.iconLeft)},null,2)):e.createCommentVNode("",!0),e.createElementVNode("div",null,e.toDisplayString(t.title),1),t.iconRight?(e.openBlock(),e.createElementBlock("i",{key:1,class:e.normalizeClass(t.iconRight)},null,2)):e.createCommentVNode("",!0)],2))}}),s=(a,t)=>{const o=a.__vccOpts||a;for(const[n,l]of t)o[n]=l;return o},I=s(L,[["__scopeId","data-v-602b5e80"]]),R=["innerHTML"],T=e.defineComponent({__name:"AdjHintDesktop",props:{html:{default:""},horizontalPosition:{default:"left"},verticalPosition:{default:"top"},dark:{type:Boolean,default:!1},width:{default:"200px"}},setup(a){return e.useCssVars(t=>({"7aca7e46":t.width})),(t,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["adj-hint-desktop",{"adj-hint-desktop_dark":t.dark},`adj-hint-desktop_${t.verticalPosition}`,`adj-hint-desktop_${t.horizontalPosition}`])},[e.createElementVNode("div",{class:"adj-hint-desktop__text",innerHTML:t.html},null,8,R),o[0]||(o[0]=e.createElementVNode("svg",{class:"adj-hint-desktop__triangle",width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[e.createElementVNode("path",{class:"adj-hint-desktop__triangle_inner",d:"M13 13L7 2L1 13H13Z"}),e.createElementVNode("path",{class:"adj-hint-desktop__triangle_border",d:"M13 13L7 2L1 13"})],-1))],2))}}),y=s(T,[["__scopeId","data-v-c37cada5"]]),D={class:"adj-modal"},W={class:"adj-modal_wrapper"},q=e.defineComponent({__name:"AdjModal",props:{show:{type:Boolean},width:{default:"100%"},hideClose:{type:Boolean,default:!1}},emits:["update:show"],setup(a,{emit:t}){e.useCssVars(l=>({65069964:l.width}));const o=t;function n(){o("update:show",!1)}return(l,i)=>(e.openBlock(),e.createElementBlock("div",D,[e.createVNode(e.Transition,{name:"adj-fade"},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",W,i[1]||(i[1]=[e.createElementVNode("div",{class:"adj-modal__background"},null,-1)]),512),[[e.vShow,l.show]])]),_:1}),e.createVNode(e.Transition,{name:"adj-popup-bottom"},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{class:"adj-modal_wrapper",onClick:e.withModifiers(n,["stop"])},[e.createElementVNode("div",{class:"adj-modal__window",onClick:i[0]||(i[0]=e.withModifiers(()=>{},["stop"]))},[l.hideClose?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:0,class:"adj-modal__close icon-close",onClick:e.withModifiers(n,["stop"])})),e.renderSlot(l.$slots,"default",{},void 0,!0)])],512),[[e.vShow,l.show]])]),_:3})]))}}),M=s(q,[["__scopeId","data-v-921de616"]]),O={class:"adj-hint"},F=["innerHTML"],k=14,w=14,Z=e.defineComponent({__name:"AdjHint",props:{html:{default:""},horizontalPosition:{default:"left"},verticalPosition:{default:"bottom"},dark:{type:Boolean,default:!0},modalMode:{type:Boolean,default:!1}},setup(a){const t=a,o=e.ref(!1),n=e.ref(!1),{width:l,height:i}=C.useWindowSize(),v=e.useTemplateRef("targetSlot"),B=e.useTemplateRef("targetHint"),c=e.ref(0),f=e.ref(0),{elementWidth:m,elementHeight:b}=C.useMouseInElement(v),h=e.ref(0),j=e.ref(80),{elementWidth:_,elementHeight:g}=C.useMouseInElement(B),r=e.ref(t.horizontalPosition),u=e.ref(t.verticalPosition);let p=10+w/2;function $(){(!t.modalMode||l.value>=1200)&&(z(),H(),P(),o.value=!0)}function A(){(!t.modalMode||l.value>=1200)&&(o.value=!1)}function N(){t.modalMode&&l.value<1200&&(n.value=!0)}function z(){if(v.value!==null){const d=v.value.getBoundingClientRect();c.value=d.left,f.value=d.top}}function H(){t.dark&&(p=15+w/2),r.value=t.horizontalPosition,u.value=t.verticalPosition,t.horizontalPosition==="left"&&c.value+m.value/2+p-_.value<0?r.value="right":t.horizontalPosition==="right"&&c.value+m.value/2-p+_.value>l.value&&(r.value="left"),t.verticalPosition==="top"&&f.value-k-g.value<0?u.value="bottom":t.verticalPosition==="bottom"&&f.value+b.value+k+g.value>i.value&&(u.value="top")}function P(){t.dark&&(p=15+w/2),r.value==="left"?h.value=c.value+m.value/2+p-_.value:r.value==="center"?h.value=c.value+m.value/2-w/2-_.value/2:r.value==="right"&&(h.value=c.value+m.value/2-p),u.value=="top"?j.value=f.value-k-g.value:u.value=="bottom"&&(j.value=f.value+b.value+k)}return(d,E)=>(e.openBlock(),e.createElementBlock("div",O,[e.createElementVNode("div",{class:"adj-hint__slot",onMouseenter:e.withModifiers($,["stop"]),onMouseleave:e.withModifiers(A,["stop"]),onClick:e.withModifiers(N,["stop"]),ref_key:"targetSlot",ref:v},[e.renderSlot(d.$slots,"default",{},void 0,!0)],544),e.createElementVNode("div",{class:"adj-hint__hint",style:e.normalizeStyle({left:h.value+"px",top:j.value+"px",visibility:o.value?"visible":"hidden"}),ref_key:"targetHint",ref:B},[e.withDirectives(e.createVNode(y,{html:d.html,horizontalPosition:r.value,verticalPosition:u.value,dark:d.dark,width:"252px"},null,8,["html","horizontalPosition","verticalPosition","dark"]),[[e.vShow,d.html!==""]])],4),e.createVNode(M,{show:n.value,"onUpdate:show":E[0]||(E[0]=S=>n.value=S),width:"430px"},{default:e.withCtx(()=>[e.createElementVNode("div",{class:"adj-hint__modal",innerHTML:d.html},null,8,F)]),_:1},8,["show"])]))}}),U=s(Z,[["__scopeId","data-v-4e4cccc0"]]),G={key:0,class:"adj-icon-button__qty adj-text-12"},J=e.defineComponent({__name:"AdjIconButton",props:{iconName:{},qty:{default:0},size:{default:"medium"},design:{default:"white-back"},disabled:{type:Boolean,default:!1}},emits:["click"],setup(a){return(t,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["adj-icon-button",{[`adj-icon-button_${t.size}`]:!0,[`adj-icon-button_${t.design}`]:!0,"adj-icon-button_disabled":t.disabled}]),onClick:o[0]||(o[0]=n=>t.$emit("click"))},[e.createElementVNode("i",{class:e.normalizeClass(["adj-icon-button__icon",t.iconName])},null,2),t.qty>0?(e.openBlock(),e.createElementBlock("div",G,e.toDisplayString(t.qty),1)):e.createCommentVNode("",!0)],2))}}),K=s(J,[["__scopeId","data-v-bd9a4816"]]),Q={class:"adj-skeleton-item"},X=e.defineComponent({__name:"AdjSkeletonItem",props:{width:{default:"100%"},height:{default:"unset"},aspectRatio:{default:"unset"},marginTop:{default:"0px"}},setup(a){e.useCssVars(n=>({"73b36252":n.width,"5f18ed58":n.marginTop,ac595bde:o.value,"3656db94":n.height}));const t=a,o=e.computed(()=>t.height!=="unset"?"unset":t.aspectRatio);return(n,l)=>(e.openBlock(),e.createElementBlock("div",Q))}}),V=s(X,[["__scopeId","data-v-c6820958"]]),Y={class:"adj-skeleton"},x=e.defineComponent({__name:"AdjSkeleton",props:{loaders:{default:()=>[]},width:{default:"100%"},centered:{type:Boolean,default:!1}},setup(a){e.useCssVars(n=>({c2e40cd4:o.value,"019b6ab8":n.width}));const t=a,o=e.computed(()=>t.centered?"center":"unset");return(n,l)=>(e.openBlock(),e.createElementBlock("div",Y,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.loaders,i=>(e.openBlock(),e.createBlock(V,{width:i.width,height:i.height,"aspect-ratio":i.aspectRatio,"margin-top":i.marginTop},null,8,["width","height","aspect-ratio","margin-top"]))),256))]))}}),ee=s(x,[["__scopeId","data-v-080d9f14"]]),te={},oe={viewBox:"0 0 34 34",fill:"none",xmlns:"http://www.w3.org/2000/svg"};function ne(a,t){return e.openBlock(),e.createElementBlock("svg",oe,t[0]||(t[0]=[e.createElementVNode("circle",{cx:"17",cy:"17",r:"16.5"},null,-1),e.createElementVNode("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 le=s(te,[["render",ne],["__scopeId","data-v-f04662e9"]]);exports.AdjButton=I;exports.AdjHint=U;exports.AdjHintDesktop=y;exports.AdjIconButton=K;exports.AdjModal=M;exports.AdjSkeleton=ee;exports.AdjSkeletonItem=V;exports.AdjSvgActive=le;exports._export_sfc=s;

package/dist/{AdjSvgActive-_jf_nXsW.js → AdjSvgActive-Cg9d-T7U.js}

@@ -1,6 +1,6 @@
-import { defineComponent as p, openBlock as l, createElementBlock as s, normalizeClass as m, createCommentVNode as P, createElementVNode as n, toDisplayString as q, useCssVars as M, createVNode as B, Transition as W, withCtx as z, withDirectives as A, vShow as I, withModifiers as g, renderSlot as D, ref as u, normalizeStyle as K, computed as E, Fragment as Q, renderList as X, createBlock as Y } from "vue";
-import { useWindowSize as x, useMouseInElement as N } from "@vueuse/core";
-const tt = /* @__PURE__ */ p({
+import { defineComponent as f, openBlock as i, createElementBlock as s, normalizeClass as m, createCommentVNode as P, createElementVNode as n, toDisplayString as D, useCssVars as H, createVNode as B, Transition as W, withCtx as z, withDirectives as A, vShow as I, withModifiers as g, renderSlot as E, ref as r, useTemplateRef as N, normalizeStyle as Q, computed as V, Fragment as X, renderList as Y, createBlock as x } from "vue";
+import { useWindowSize as tt, useMouseInElement as q } from "@vueuse/core";
+const et = /* @__PURE__ */ f({
   __name: "AdjButton",
   props: {
     title: {},
@@ -13,8 +13,8 @@ const tt = /* @__PURE__ */ p({
     iconRight: { default: "" }
   },
   emits: ["click"],
-  setup(i) {
-    return (t, e) => (l(), s("button", {
+  setup(l) {
+    return (t, e) => (i(), s("button", {
       class: m(["adj-button", {
         [`adj-button_${t.size}`]: !0,
         [`adj-button_${t.design}`]: !0,
@@ -24,23 +24,23 @@ const tt = /* @__PURE__ */ p({
       }]),
       onClick: e[0] || (e[0] = (o) => t.disabled ? 0 : t.$emit("click"))
     }, [
-      t.iconLeft ? (l(), s("i", {
+      t.iconLeft ? (i(), s("i", {
         key: 0,
         class: m(t.iconLeft)
       }, null, 2)) : P("", !0),
-      n("div", null, q(t.title), 1),
-      t.iconRight ? (l(), s("i", {
+      n("div", null, D(t.title), 1),
+      t.iconRight ? (i(), s("i", {
         key: 1,
         class: m(t.iconRight)
       }, null, 2)) : P("", !0)
     ], 2));
   }
-}), c = (i, t) => {
-  const e = i.__vccOpts || i;
+}), c = (l, t) => {
+  const e = l.__vccOpts || l;
   for (const [o, a] of t)
     e[o] = a;
   return e;
-}, Ct = /* @__PURE__ */ c(tt, [["__scopeId", "data-v-602b5e80"]]), et = ["innerHTML"], ot = /* @__PURE__ */ p({
+}, yt = /* @__PURE__ */ c(et, [["__scopeId", "data-v-602b5e80"]]), ot = ["innerHTML"], at = /* @__PURE__ */ f({
   __name: "AdjHintDesktop",
   props: {
     html: { default: "" },
@@ -49,10 +49,10 @@ const tt = /* @__PURE__ */ p({
     dark: { type: Boolean, default: !1 },
     width: { default: "200px" }
   },
-  setup(i) {
-    return M((t) => ({
+  setup(l) {
+    return H((t) => ({
       "7aca7e46": t.width
-    })), (t, e) => (l(), s("div", {
+    })), (t, e) => (i(), s("div", {
       class: m([
         "adj-hint-desktop",
         { "adj-hint-desktop_dark": t.dark },
@@ -63,7 +63,7 @@ const tt = /* @__PURE__ */ p({
       n("div", {
         class: "adj-hint-desktop__text",
         innerHTML: t.html
-      }, null, 8, et),
+      }, null, 8, ot),
       e[0] || (e[0] = n("svg", {
         class: "adj-hint-desktop__triangle",
         width: "14",
@@ -83,7 +83,7 @@ const tt = /* @__PURE__ */ p({
       ], -1))
     ], 2));
   }
-}), at = /* @__PURE__ */ c(ot, [["__scopeId", "data-v-c37cada5"]]), nt = { class: "adj-modal" }, lt = { class: "adj-modal_wrapper" }, it = /* @__PURE__ */ p({
+}), nt = /* @__PURE__ */ c(at, [["__scopeId", "data-v-c37cada5"]]), it = { class: "adj-modal" }, lt = { class: "adj-modal_wrapper" }, st = /* @__PURE__ */ f({
   __name: "AdjModal",
   props: {
     show: { type: Boolean },
@@ -91,15 +91,15 @@ const tt = /* @__PURE__ */ p({
     hideClose: { type: Boolean, default: !1 }
   },
   emits: ["update:show"],
-  setup(i, { emit: t }) {
-    M((a) => ({
+  setup(l, { emit: t }) {
+    H((a) => ({
       65069964: a.width
     }));
     const e = t;
     function o() {
       e("update:show", !1);
     }
-    return (a, d) => (l(), s("div", nt, [
+    return (a, d) => (i(), s("div", it, [
       B(W, { name: "adj-fade" }, {
         default: z(() => [
           A(n("div", lt, d[1] || (d[1] = [
@@ -121,12 +121,12 @@ const tt = /* @__PURE__ */ p({
               onClick: d[0] || (d[0] = g(() => {
               }, ["stop"]))
             }, [
-              a.hideClose ? P("", !0) : (l(), s("div", {
+              a.hideClose ? P("", !0) : (i(), s("div", {
                 key: 0,
                 class: "adj-modal__close icon-close",
                 onClick: g(o, ["stop"])
               })),
-              D(a.$slots, "default", {}, void 0, !0)
+              E(a.$slots, "default", {}, void 0, !0)
             ])
           ], 512), [
             [I, a.show]
@@ -136,7 +136,7 @@ const tt = /* @__PURE__ */ p({
       })
     ]));
   }
-}), st = /* @__PURE__ */ c(it, [["__scopeId", "data-v-921de616"]]), dt = { class: "adj-hint" }, ut = ["innerHTML"], y = 14, $ = 14, rt = /* @__PURE__ */ p({
+}), dt = /* @__PURE__ */ c(st, [["__scopeId", "data-v-921de616"]]), ut = { class: "adj-hint" }, rt = ["innerHTML"], y = 14, $ = 14, ct = /* @__PURE__ */ f({
   __name: "AdjHint",
   props: {
     html: { default: "" },
@@ -145,80 +145,80 @@ const tt = /* @__PURE__ */ p({
     dark: { type: Boolean, default: !0 },
     modalMode: { type: Boolean, default: !1 }
   },
-  setup(i) {
-    const t = i, e = u(!1), o = u(!1), { width: a, height: d } = x(), k = u(null), S = u(null), v = u(0), j = u(0), { elementWidth: w, elementHeight: R } = N(k), b = u(0), H = u(80), { elementWidth: C, elementHeight: L } = N(S), f = u(t.horizontalPosition), h = u(t.verticalPosition);
+  setup(l) {
+    const t = l, e = r(!1), o = r(!1), { width: a, height: d } = tt(), k = N("targetSlot"), S = N("targetHint"), v = r(0), j = r(0), { elementWidth: w, elementHeight: R } = q(k), b = r(0), M = r(80), { elementWidth: C, elementHeight: L } = q(S), p = r(t.horizontalPosition), h = r(t.verticalPosition);
     let _ = 10 + $ / 2;
-    function V() {
-      (!t.modalMode || a.value >= 1200) && (Z(), U(), G(), e.value = !0);
-    }
     function O() {
-      (!t.modalMode || a.value >= 1200) && (e.value = !1);
+      (!t.modalMode || a.value >= 1200) && (U(), G(), J(), e.value = !0);
     }
     function F() {
-      t.modalMode && a.value < 1200 && (o.value = !0);
+      (!t.modalMode || a.value >= 1200) && (e.value = !1);
     }
     function Z() {
-      if (k.value !== null) {
-        const r = k.value.getBoundingClientRect();
-        v.value = r.left, j.value = r.top;
-      }
+      t.modalMode && a.value < 1200 && (o.value = !0);
     }
     function U() {
-      t.dark && (_ = 15 + $ / 2), f.value = t.horizontalPosition, h.value = t.verticalPosition, t.horizontalPosition === "left" && v.value + w.value / 2 + _ - C.value < 0 ? f.value = "right" : t.horizontalPosition === "right" && v.value + w.value / 2 - _ + C.value > a.value && (f.value = "left"), t.verticalPosition === "top" && j.value - y - L.value < 0 ? h.value = "bottom" : t.verticalPosition === "bottom" && j.value + R.value + y + L.value > d.value && (h.value = "top");
+      if (k.value !== null) {
+        const u = k.value.getBoundingClientRect();
+        v.value = u.left, j.value = u.top;
+      }
     }
     function G() {
-      t.dark && (_ = 15 + $ / 2), f.value === "left" ? b.value = v.value + w.value / 2 + _ - C.value : f.value === "center" ? b.value = v.value + w.value / 2 - $ / 2 - C.value / 2 : f.value === "right" && (b.value = v.value + w.value / 2 - _), h.value == "top" ? H.value = j.value - y - L.value : h.value == "bottom" && (H.value = j.value + R.value + y);
+      t.dark && (_ = 15 + $ / 2), p.value = t.horizontalPosition, h.value = t.verticalPosition, t.horizontalPosition === "left" && v.value + w.value / 2 + _ - C.value < 0 ? p.value = "right" : t.horizontalPosition === "right" && v.value + w.value / 2 - _ + C.value > a.value && (p.value = "left"), t.verticalPosition === "top" && j.value - y - L.value < 0 ? h.value = "bottom" : t.verticalPosition === "bottom" && j.value + R.value + y + L.value > d.value && (h.value = "top");
+    }
+    function J() {
+      t.dark && (_ = 15 + $ / 2), p.value === "left" ? b.value = v.value + w.value / 2 + _ - C.value : p.value === "center" ? b.value = v.value + w.value / 2 - $ / 2 - C.value / 2 : p.value === "right" && (b.value = v.value + w.value / 2 - _), h.value == "top" ? M.value = j.value - y - L.value : h.value == "bottom" && (M.value = j.value + R.value + y);
     }
-    return (r, T) => (l(), s("div", dt, [
+    return (u, T) => (i(), s("div", ut, [
       n("div", {
         class: "adj-hint__slot",
-        onMouseenter: g(V, ["stop"]),
-        onMouseleave: g(O, ["stop"]),
-        onClick: g(F, ["stop"]),
+        onMouseenter: g(O, ["stop"]),
+        onMouseleave: g(F, ["stop"]),
+        onClick: g(Z, ["stop"]),
         ref_key: "targetSlot",
         ref: k
       }, [
-        D(r.$slots, "default", {}, void 0, !0)
+        E(u.$slots, "default", {}, void 0, !0)
       ], 544),
       n("div", {
         class: "adj-hint__hint",
-        style: K({
+        style: Q({
           left: b.value + "px",
-          top: H.value + "px",
+          top: M.value + "px",
           visibility: e.value ? "visible" : "hidden"
         }),
         ref_key: "targetHint",
         ref: S
       }, [
-        A(B(at, {
-          html: r.html,
-          horizontalPosition: f.value,
+        A(B(nt, {
+          html: u.html,
+          horizontalPosition: p.value,
           verticalPosition: h.value,
-          dark: r.dark,
+          dark: u.dark,
           width: "252px"
         }, null, 8, ["html", "horizontalPosition", "verticalPosition", "dark"]), [
-          [I, r.html !== ""]
+          [I, u.html !== ""]
         ])
       ], 4),
-      B(st, {
+      B(dt, {
         show: o.value,
-        "onUpdate:show": T[0] || (T[0] = (J) => o.value = J),
+        "onUpdate:show": T[0] || (T[0] = (K) => o.value = K),
         width: "430px"
       }, {
         default: z(() => [
           n("div", {
             class: "adj-hint__modal",
-            innerHTML: r.html
-          }, null, 8, ut)
+            innerHTML: u.html
+          }, null, 8, rt)
         ]),
         _: 1
       }, 8, ["show"])
     ]));
   }
-}), yt = /* @__PURE__ */ c(rt, [["__scopeId", "data-v-f73b78bf"]]), ct = {
+}), $t = /* @__PURE__ */ c(ct, [["__scopeId", "data-v-4e4cccc0"]]), pt = {
   key: 0,
   class: "adj-icon-button__qty adj-text-12"
-}, ft = /* @__PURE__ */ p({
+}, ft = /* @__PURE__ */ f({
   __name: "AdjIconButton",
   props: {
     iconName: {},
@@ -228,8 +228,8 @@ const tt = /* @__PURE__ */ p({
     disabled: { type: Boolean, default: !1 }
   },
   emits: ["click"],
-  setup(i) {
-    return (t, e) => (l(), s("div", {
+  setup(l) {
+    return (t, e) => (i(), s("div", {
       class: m(["adj-icon-button", {
         [`adj-icon-button_${t.size}`]: !0,
         [`adj-icon-button_${t.design}`]: !0,
@@ -240,10 +240,10 @@ const tt = /* @__PURE__ */ p({
       n("i", {
         class: m(["adj-icon-button__icon", t.iconName])
       }, null, 2),
-      t.qty > 0 ? (l(), s("div", ct, q(t.qty), 1)) : P("", !0)
+      t.qty > 0 ? (i(), s("div", pt, D(t.qty), 1)) : P("", !0)
     ], 2));
   }
-}), $t = /* @__PURE__ */ c(ft, [["__scopeId", "data-v-bd9a4816"]]), pt = { class: "adj-skeleton-item" }, vt = /* @__PURE__ */ p({
+}), Pt = /* @__PURE__ */ c(ft, [["__scopeId", "data-v-bd9a4816"]]), vt = { class: "adj-skeleton-item" }, ht = /* @__PURE__ */ f({
   __name: "AdjSkeletonItem",
   props: {
     width: { default: "100%" },
@@ -251,31 +251,31 @@ const tt = /* @__PURE__ */ p({
     aspectRatio: { default: "unset" },
     marginTop: { default: "0px" }
   },
-  setup(i) {
-    M((o) => ({
-      "7af5932b": o.width,
-      "517430a8": o.marginTop,
-      "0c9a7365": e.value,
-      "6c244f3c": o.height
+  setup(l) {
+    H((o) => ({
+      "73b36252": o.width,
+      "5f18ed58": o.marginTop,
+      ac595bde: e.value,
+      "3656db94": o.height
     }));
-    const t = i, e = E(() => t.height !== "unset" ? "unset" : t.aspectRatio);
-    return (o, a) => (l(), s("div", pt));
+    const t = l, e = V(() => t.height !== "unset" ? "unset" : t.aspectRatio);
+    return (o, a) => (i(), s("div", vt));
   }
-}), ht = /* @__PURE__ */ c(vt, [["__scopeId", "data-v-dd7defb9"]]), _t = { class: "adj-skeleton" }, mt = /* @__PURE__ */ p({
+}), _t = /* @__PURE__ */ c(ht, [["__scopeId", "data-v-c6820958"]]), mt = { class: "adj-skeleton" }, gt = /* @__PURE__ */ f({
   __name: "AdjSkeleton",
   props: {
     loaders: { default: () => [] },
     width: { default: "100%" },
     centered: { type: Boolean, default: !1 }
   },
-  setup(i) {
-    M((o) => ({
+  setup(l) {
+    H((o) => ({
       c2e40cd4: e.value,
       "019b6ab8": o.width
     }));
-    const t = i, e = E(() => t.centered ? "center" : "unset");
-    return (o, a) => (l(), s("div", _t, [
-      (l(!0), s(Q, null, X(o.loaders, (d) => (l(), Y(ht, {
+    const t = l, e = V(() => t.centered ? "center" : "unset");
+    return (o, a) => (i(), s("div", mt, [
+      (i(!0), s(X, null, Y(o.loaders, (d) => (i(), x(_t, {
         width: d.width,
         height: d.height,
         "aspect-ratio": d.aspectRatio,
@@ -283,13 +283,13 @@ const tt = /* @__PURE__ */ p({
       }, null, 8, ["width", "height", "aspect-ratio", "margin-top"]))), 256))
     ]));
   }
-}), Pt = /* @__PURE__ */ c(mt, [["__scopeId", "data-v-080d9f14"]]), gt = {}, jt = {
+}), Bt = /* @__PURE__ */ c(gt, [["__scopeId", "data-v-080d9f14"]]), jt = {}, wt = {
   viewBox: "0 0 34 34",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function wt(i, t) {
-  return l(), s("svg", jt, t[0] || (t[0] = [
+function kt(l, t) {
+  return i(), s("svg", wt, t[0] || (t[0] = [
     n("circle", {
       cx: "17",
       cy: "17",
@@ -298,15 +298,15 @@ function wt(i, t) {
     n("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 Bt = /* @__PURE__ */ c(gt, [["render", wt], ["__scopeId", "data-v-f04662e9"]]);
+const Ht = /* @__PURE__ */ c(jt, [["render", kt], ["__scopeId", "data-v-f04662e9"]]);
 export {
-  $t as A,
+  Pt as A,
   c as _,
-  Bt as a,
-  Pt as b,
-  yt as c,
-  Ct as d,
-  at as e,
-  st as f,
-  ht as g
+  Ht as a,
+  Bt as b,
+  $t as c,
+  yt as d,
+  nt as e,
+  dt as f,
+  _t as g
 };

package/dist/components/AdjFilterSelect/AdjFilterSelect.vue.d.ts

@@ -25,5 +25,7 @@ declare const _default: import('vue').DefineComponent<{
 }>, {
     items: IAdjFilterSelectItem[];
     position: THorizontalPosition;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    target: HTMLDivElement;
+}, any>;
 export default _default;

package/dist/components/AdjFilterSelect/IAdjFilterSelectItem.d.ts

@@ -1,5 +1,5 @@
 export interface IAdjFilterSelectItem {
     id: number;
-    label: string;
+    name: string;
     disabled?: boolean;
 }

package/dist/components/AdjHint/AdjHint.vue.d.ts

@@ -38,7 +38,10 @@ declare const __VLS_component: import('vue').DefineComponent<{
     verticalPosition: TVerticalPosition;
     dark: boolean;
     modalMode: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    targetSlot: HTMLDivElement;
+    targetHint: HTMLDivElement;
+}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/AdjSelect/AdjSelect.vue.d.ts

@@ -49,5 +49,8 @@ declare const _default: import('vue').DefineComponent<{
     items: IAdjSelectItem[];
     comment: string;
     showSearch: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    target: HTMLDivElement;
+    targetInput: HTMLInputElement;
+}, any>;
 export default _default;

package/dist/components/AdjSelectImage/AdjSelectImage.vue.d.ts

@@ -34,5 +34,6 @@ declare const _default: import('vue').DefineComponent<{
     skeletonQty: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     targetRoot: HTMLDivElement;
+    el: HTMLDivElement;
 }, any>;
 export default _default;

package/dist/components/AdjSelectModern/AdjSelectModern.vue.d.ts

@@ -26,5 +26,7 @@ declare const _default: import('vue').DefineComponent<{
     design: "text" | "image" | "background";
     items: IAdjSelectModernItem[];
     position: THorizontalPosition;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    target: HTMLDivElement;
+}, any>;
 export default _default;

package/dist/components/AdjUploadFile/AdjUploadFile.vue.d.ts

@@ -24,5 +24,7 @@ declare const _default: import('vue').DefineComponent<{
 }>, {
     width: number;
     height: number;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    fileInput: HTMLInputElement;
+}, any>;
 export default _default;

package/dist/components/constructor/AdjPersonalizitionConfigurator/AdjPersonalizitionConfigurator.mock.d.ts

@@ -0,0 +1,2 @@
+import { default as AdjPersonalizitionConfigurator } from './AdjPersonalizitionConfigurator.vue';
+export declare const argsConfigurator: InstanceType<typeof AdjPersonalizitionConfigurator>['$props'];

package/dist/components/constructor/AdjPersonalizitionConfigurator/AdjPersonalizitionConfigurator.stories.d.ts

@@ -0,0 +1,6 @@
+import { default as AdjPersonalizitionConfigurator } from './AdjPersonalizitionConfigurator.vue';
+import { Meta, StoryObj } from '@storybook/vue3';
+declare const meta: Meta<typeof AdjPersonalizitionConfigurator>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const LeftBottom: Story;

package/dist/components/constructor/AdjPersonalizitionConfigurator/AdjPersonalizitionConfigurator.vue.d.ts

@@ -0,0 +1,74 @@
+import { TPersonalizationID } from '../../../misc/types';
+import { IAdjPersonalizitionConfiguratorElementsItem } from '../elements/AdjPersonalizitionConfiguratorElements/IAdjPersonalizitionConfiguratorElementsItem';
+import { IAdjPersonalizitionConfiguratorElementsModel } from '../elements/AdjPersonalizitionConfiguratorElements/IAdjPersonalizitionConfiguratorElementsModel';
+declare const _default: import('vue').DefineComponent<{
+    /** ID */
+    id: TPersonalizationID;
+    /** Название/заголовок */
+    name: string;
+    /** Заголовок кнопки Сохранить */
+    titleSave: string;
+    /** Заголовок кнопки Добавить... */
+    titleAdd: string;
+    /** Может ли быть несколько персонализаций */
+    multiple?: boolean;
+    /** Выбранный элемент */
+    activeModelAndItemId?: number;
+    /** Персонализации и модели */
+    modelsAndItems: {
+        items: IAdjPersonalizitionConfiguratorElementsItem[];
+        modelValue: IAdjPersonalizitionConfiguratorElementsModel;
+    }[];
+    /** Надпись при отсутствии файла для AdjUploadFile */
+    textUploadFile: string;
+    /** Надпись "Показать все" для AdjSelectImage */
+    expandTextAdjSelectImage: string;
+    /** Надпись "Свернуть" для AdjSelectImage */
+    foldTextAdjSelectImage: string;
+    /** Надпись "Название" для фильтра материалов AdjFilterSelect */
+    textAdjFilterSelect: string;
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (idx: number, value: IAdjPersonalizitionConfiguratorElementsModel) => any;
+    clickClose: () => any;
+    clickSave: () => any;
+    clickAddPersonalization: () => any;
+    clickDeletePersonalization: (idx: number) => any;
+    "update:activeModelAndItemId": (idx: number) => any;
+}, string, import('vue').PublicProps, Readonly<{
+    /** ID */
+    id: TPersonalizationID;
+    /** Название/заголовок */
+    name: string;
+    /** Заголовок кнопки Сохранить */
+    titleSave: string;
+    /** Заголовок кнопки Добавить... */
+    titleAdd: string;
+    /** Может ли быть несколько персонализаций */
+    multiple?: boolean;
+    /** Выбранный элемент */
+    activeModelAndItemId?: number;
+    /** Персонализации и модели */
+    modelsAndItems: {
+        items: IAdjPersonalizitionConfiguratorElementsItem[];
+        modelValue: IAdjPersonalizitionConfiguratorElementsModel;
+    }[];
+    /** Надпись при отсутствии файла для AdjUploadFile */
+    textUploadFile: string;
+    /** Надпись "Показать все" для AdjSelectImage */
+    expandTextAdjSelectImage: string;
+    /** Надпись "Свернуть" для AdjSelectImage */
+    foldTextAdjSelectImage: string;
+    /** Надпись "Название" для фильтра материалов AdjFilterSelect */
+    textAdjFilterSelect: string;
+}> & Readonly<{
+    "onUpdate:modelValue"?: ((idx: number, value: IAdjPersonalizitionConfiguratorElementsModel) => any) | undefined;
+    onClickClose?: (() => any) | undefined;
+    onClickSave?: (() => any) | undefined;
+    onClickAddPersonalization?: (() => any) | undefined;
+    onClickDeletePersonalization?: ((idx: number) => any) | undefined;
+    "onUpdate:activeModelAndItemId"?: ((idx: number) => any) | undefined;
+}>, {
+    multiple: boolean;
+    activeModelAndItemId: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/constructor/elements/AdjNavigatorWrapper/AdjNavigatorWrapper.vue.d.ts

@@ -1,5 +1,5 @@
-import { IAdjNavigatorWrapperActive } from './IAdjNavigatorWrapperActive';
 import { IAdjNavigatorPassive } from '../AdjNavigatorItem/IAdjNavigatorPassive';
+import { IAdjNavigatorWrapperActive } from './IAdjNavigatorWrapperActive';
 declare const _default: import('vue').DefineComponent<{
     items: (IAdjNavigatorPassive | IAdjNavigatorWrapperActive)[];
     /** Отображать надписи под квадратами */

package/dist/components/constructor/elements/AdjPersonalizitionConfiguratorElements/AdjPersonalizitionConfiguratorElements.mock.d.ts

@@ -0,0 +1,6 @@
+import { default as AdjPersonalizitionConfiguratorElements } from './AdjPersonalizitionConfiguratorElements.vue';
+import { IAdjPersonalizitionConfiguratorElementsItem } from './IAdjPersonalizitionConfiguratorElementsItem';
+import { IAdjPersonalizitionConfiguratorElementsModel } from './IAdjPersonalizitionConfiguratorElementsModel';
+export declare const items: IAdjPersonalizitionConfiguratorElementsItem[];
+export declare const modelValue: IAdjPersonalizitionConfiguratorElementsModel;
+export declare const argsConfigurator: InstanceType<typeof AdjPersonalizitionConfiguratorElements>['$props'];

package/dist/components/constructor/elements/AdjPersonalizitionConfiguratorElements/AdjPersonalizitionConfiguratorElements.stories.d.ts

@@ -0,0 +1,6 @@
+import { default as AdjPersonalizitionConfiguratorElements } from './AdjPersonalizitionConfiguratorElements.vue';
+import { Meta, StoryObj } from '@storybook/vue3';
+declare const meta: Meta<typeof AdjPersonalizitionConfiguratorElements>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const LeftBottom: Story;

package/dist/components/constructor/elements/AdjPersonalizitionConfiguratorElements/AdjPersonalizitionConfiguratorElements.vue.d.ts

@@ -0,0 +1,34 @@
+import { IAdjPersonalizitionConfiguratorElementsModel } from './IAdjPersonalizitionConfiguratorElementsModel';
+import { IAdjPersonalizitionConfiguratorElementsItem } from './IAdjPersonalizitionConfiguratorElementsItem';
+declare const _default: import('vue').DefineComponent<{
+    /** Массив ui-элементов */
+    items: IAdjPersonalizitionConfiguratorElementsItem[];
+    /** Выбранные значения */
+    modelValue: IAdjPersonalizitionConfiguratorElementsModel;
+    /** Надпись при отсутствии файла для AdjUploadFile */
+    textUploadFile: string;
+    /** Надпись "Показать все" для AdjSelectImage */
+    expandTextAdjSelectImage: string;
+    /** Надпись "Свернуть" для AdjSelectImage */
+    foldTextAdjSelectImage: string;
+    /** Надпись "Название" для фильтра материалов AdjFilterSelect */
+    textAdjFilterSelect: string;
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: IAdjPersonalizitionConfiguratorElementsModel) => any;
+}, string, import('vue').PublicProps, Readonly<{
+    /** Массив ui-элементов */
+    items: IAdjPersonalizitionConfiguratorElementsItem[];
+    /** Выбранные значения */
+    modelValue: IAdjPersonalizitionConfiguratorElementsModel;
+    /** Надпись при отсутствии файла для AdjUploadFile */
+    textUploadFile: string;
+    /** Надпись "Показать все" для AdjSelectImage */
+    expandTextAdjSelectImage: string;
+    /** Надпись "Свернуть" для AdjSelectImage */
+    foldTextAdjSelectImage: string;
+    /** Надпись "Название" для фильтра материалов AdjFilterSelect */
+    textAdjFilterSelect: string;
+}> & Readonly<{
+    "onUpdate:modelValue"?: ((value: IAdjPersonalizitionConfiguratorElementsModel) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/constructor/elements/AdjPersonalizitionConfiguratorElements/IAdjPersonalizitionConfiguratorElementsItem.d.ts

@@ -0,0 +1,18 @@
+import { TPersonalizationTemplate } from '../../../../misc/types';
+import { TAdjPersonalizitionConfiguratorElementsValue } from './TAdjPersonalizitionConfiguratorElementsValue';
+export interface IAdjPersonalizitionConfiguratorElementsItem {
+    /** ID */
+    id: string;
+    /** Название/заголовок */
+    name: string;
+    /** Шаблон */
+    template: TPersonalizationTemplate;
+    /** Порядок сортировки */
+    sort: number;
+    /** Прятать ли разделитель */
+    hideHr?: boolean;
+    /** Использовать ли фильтр */
+    useFilter?: boolean;
+    /** Значения персонализации */
+    values: TAdjPersonalizitionConfiguratorElementsValue[];
+}

package/dist/components/constructor/elements/AdjPersonalizitionConfiguratorElements/IAdjPersonalizitionConfiguratorElementsModel.d.ts

@@ -0,0 +1,4 @@
+import { TAdjPersonalizitionConfiguratorElementsValue } from './TAdjPersonalizitionConfiguratorElementsValue';
+export interface IAdjPersonalizitionConfiguratorElementsModel {
+    [id: string]: TAdjPersonalizitionConfiguratorElementsValue;
+}

package/dist/components/constructor/elements/AdjPersonalizitionConfiguratorElements/IAdjPersonalizitionConfiguratorElementsNumber.d.ts

@@ -0,0 +1,5 @@
+export interface IAdjPersonalizitionConfiguratorElementsNumber {
+    value: number;
+    min?: number;
+    max?: number;
+}