@ozdao/prometheus-framework 0.2.48 → 0.2.51

package/dist/prometheus-framework/src/components/Button/Button.vue2.js

@@ -1,4 +1,227 @@
-const e = "";
+import { ref as d, openBlock as l, createElementBlock as s, withModifiers as v, createVNode as g, Transition as y, withCtx as p, renderSlot as w, toDisplayString as h, createCommentVNode as b, createElementVNode as e, createTextVNode as r } from "vue";
+import "./Button.vue.js";
+const k = ["disabled"], x = { key: 0 }, N = {
+  key: 1,
+  class: "loading"
+}, C = /* @__PURE__ */ e("svg", {
+  class: "i-regular",
+  width: "135",
+  height: "140",
+  viewBox: "0 0 135 140",
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "#fff"
+}, [
+  /* @__PURE__ */ e("rect", {
+    y: "10",
+    width: "15",
+    height: "120",
+    rx: "6"
+  }, [
+    /* @__PURE__ */ e("animate", {
+      attributeName: "height",
+      begin: "0.5s",
+      dur: "1s",
+      values: "120;110;100;90;80;70;60;50;40;140;120",
+      calcMode: "linear",
+      repeatCount: "indefinite"
+    }),
+    /* @__PURE__ */ r(),
+    /* @__PURE__ */ e("animate", {
+      attributeName: "y",
+      begin: "0.5s",
+      dur: "1s",
+      values: "10;15;20;25;30;35;40;45;50;0;10",
+      calcMode: "linear",
+      repeatCount: "indefinite"
+    })
+  ]),
+  /* @__PURE__ */ e("rect", {
+    x: "30",
+    y: "10",
+    width: "15",
+    height: "120",
+    rx: "6"
+  }, [
+    /* @__PURE__ */ e("animate", {
+      attributeName: "height",
+      begin: "0.25s",
+      dur: "1s",
+      values: "120;110;100;90;80;70;60;50;40;140;120",
+      calcMode: "linear",
+      repeatCount: "indefinite"
+    }),
+    /* @__PURE__ */ r(),
+    /* @__PURE__ */ e("animate", {
+      attributeName: "y",
+      begin: "0.25s",
+      dur: "1s",
+      values: "10;15;20;25;30;35;40;45;50;0;10",
+      calcMode: "linear",
+      repeatCount: "indefinite"
+    })
+  ]),
+  /* @__PURE__ */ e("rect", {
+    x: "60",
+    width: "15",
+    height: "140",
+    rx: "6"
+  }, [
+    /* @__PURE__ */ e("animate", {
+      attributeName: "height",
+      begin: "0s",
+      dur: "1s",
+      values: "120;110;100;90;80;70;60;50;40;140;120",
+      calcMode: "linear",
+      repeatCount: "indefinite"
+    }),
+    /* @__PURE__ */ r(),
+    /* @__PURE__ */ e("animate", {
+      attributeName: "y",
+      begin: "0s",
+      dur: "1s",
+      values: "10;15;20;25;30;35;40;45;50;0;10",
+      calcMode: "linear",
+      repeatCount: "indefinite"
+    })
+  ]),
+  /* @__PURE__ */ e("rect", {
+    x: "90",
+    y: "10",
+    width: "15",
+    height: "120",
+    rx: "6"
+  }, [
+    /* @__PURE__ */ e("animate", {
+      attributeName: "height",
+      begin: "0.25s",
+      dur: "1s",
+      values: "120;110;100;90;80;70;60;50;40;140;120",
+      calcMode: "linear",
+      repeatCount: "indefinite"
+    }),
+    /* @__PURE__ */ r(),
+    /* @__PURE__ */ e("animate", {
+      attributeName: "y",
+      begin: "0.25s",
+      dur: "1s",
+      values: "10;15;20;25;30;35;40;45;50;0;10",
+      calcMode: "linear",
+      repeatCount: "indefinite"
+    })
+  ]),
+  /* @__PURE__ */ e("rect", {
+    x: "120",
+    y: "10",
+    width: "15",
+    height: "120",
+    rx: "6"
+  }, [
+    /* @__PURE__ */ e("animate", {
+      attributeName: "height",
+      begin: "0.5s",
+      dur: "1s",
+      values: "120;110;100;90;80;70;60;50;40;140;120",
+      calcMode: "linear",
+      repeatCount: "indefinite"
+    }),
+    /* @__PURE__ */ r(),
+    /* @__PURE__ */ e("animate", {
+      attributeName: "y",
+      begin: "0.5s",
+      dur: "1s",
+      values: "10;15;20;25;30;35;40;45;50;0;10",
+      calcMode: "linear",
+      repeatCount: "indefinite"
+    })
+  ])
+], -1), M = [
+  C
+], B = {
+  key: 2,
+  class: "t-semi loading t-black"
+}, _ = {
+  key: 3,
+  class: "error"
+}, L = {
+  key: 0,
+  class: "button-counter"
+}, V = {
+  __name: "Button",
+  props: {
+    submit: {
+      type: Function,
+      default: async () => {
+        console.log("Button click.");
+      }
+    },
+    text: {
+      type: Object,
+      default: (t) => (console.log(t), t = {
+        ...t.text,
+        success: "✔",
+        error: "✖"
+      })
+    },
+    counter: {
+      type: Object
+    },
+    callback: {
+      type: Function,
+      default: async () => {
+        console.log("Button callback.");
+      }
+    },
+    callbackDelay: {
+      type: Number,
+      default: 750
+    },
+    showSucces: {
+      type: Boolean,
+      default: !0
+    },
+    showLoader: {
+      type: Boolean,
+      default: !0
+    },
+    validation: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(t) {
+    const n = t, a = d(null), i = d(null), o = d(!1), c = d(!1);
+    async function f() {
+      a.value.style["pointer-events"] = "none", i.value = null, o.value = !0;
+      const u = () => {
+        a.value && (a.value.classList.replace("bg-second", "bg-main"), a.value.style.pointerEvents = "auto", o.value = !1, c.value = !1, i.value = null);
+      };
+      try {
+        await n.submit(), a.value.classList.replace("bg-main", "bg-second"), o.value = !1, n.showSucces ? (c.value = !0, setTimeout(u, 500)) : u(), n.callback && setTimeout(() => n.callback(), n.callbackDelay);
+      } catch {
+        a.value.classList.replace("bg-main", "bg-fourth-nano"), i.value = n.error, setTimeout(() => {
+          u(), a.value.classList.replace("bg-fourth-nano", "bg-main");
+        }, 1330);
+      }
+    }
+    return (u, m) => (l(), s("button", {
+      onClick: v(f, ["stop"]),
+      disabled: t.validation,
+      ref_key: "button",
+      ref: a,
+      class: "button"
+    }, [
+      g(y, { name: "moveFromTopAbsolute" }, {
+        default: p(() => [
+          !o.value && !i.value && !c.value || !t.showLoader ? (l(), s("span", x, [
+            w(u.$slots, "default")
+          ])) : o.value && !i.value && t.showLoader ? (l(), s("span", N, M)) : c.value && t.showSucces ? (l(), s("span", B, h(t.text.success), 1)) : i.value ? (l(), s("span", _, h(i.value), 1)) : b("", !0)
+        ]),
+        _: 3
+      }),
+      t.counter ? (l(), s("p", L, h(t.counter), 1)) : b("", !0)
+    ], 8, k));
+  }
+};
 export {
-  e as default
+  V as default
 };

package/dist/prometheus-framework/src/components/Checkbox/Checkbox.vue.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="";exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("vue");require("./Checkbox.vue2.cjs");const o=require("../../../../_virtual/_plugin-vue_export-helper.cjs"),u={class:"flex-v-center flex-nowrap flex"},s={key:0,class:"mn-r-auto t-transp mn-r-small"},m=["name","value","checked"],y={__name:"Checkbox",props:{label:String,name:String,value:String,radio:{type:[Array,Boolean,Object],default:()=>[]}},emits:["update:radio"],setup(e,{emit:d}){const t=e,l=d,c=i=>{if(Array.isArray(t.radio)){let r=[...t.radio];if(i.target.checked)r.push(t.value);else{const n=r.indexOf(t.value);n!==-1&&r.splice(n,1)}l("update:radio",r)}else typeof t.radio=="boolean"&&l("update:radio",i.target.checked)};return(i,r)=>(a.openBlock(),a.createElementBlock("label",u,[e.label?(a.openBlock(),a.createElementBlock("div",s,[a.createElementVNode("span",null,a.toDisplayString(e.label),1)])):a.createCommentVNode("",!0),a.createElementVNode("input",{onChange:c,class:"round radiobutton",type:"checkbox",name:e.name,value:e.value,checked:Array.isArray(e.radio)?e.radio.includes(e.value):e.radio},null,40,m),a.createElementVNode("div",{class:a.normalizeClass(["transition-elastic cursor-pointer mn-l-thin pd-thin h-2r w-4r radius-extra",{"bg-grey":!(Array.isArray(e.radio)?e.radio.includes(e.value):e.radio),"bg-main":Array.isArray(e.radio)?e.radio.includes(e.value):e.radio}])},[a.createElementVNode("div",{class:a.normalizeClass(["transition-linear w-1r h-1r radius-extra h-100 bg-white",{"mn-r-auto":!(Array.isArray(e.radio)?e.radio.includes(e.value):e.radio),"mn-l-auto":Array.isArray(e.radio)?e.radio.includes(e.value):e.radio}])},null,2)],2)]))}},h=o.default(y,[["__scopeId","data-v-ef88ec33"]]);exports.default=h;

package/dist/prometheus-framework/src/components/Checkbox/Checkbox.vue.js

@@ -1,4 +1,63 @@
-const e = "";
+import { openBlock as d, createElementBlock as o, createElementVNode as t, toDisplayString as m, createCommentVNode as h, normalizeClass as c } from "vue";
+import "./Checkbox.vue2.js";
+import y from "../../../../_virtual/_plugin-vue_export-helper.js";
+const f = { class: "flex-v-center flex-nowrap flex" }, v = {
+  key: 0,
+  class: "mn-r-auto t-transp mn-r-small"
+}, x = ["name", "value", "checked"], b = {
+  __name: "Checkbox",
+  props: {
+    label: String,
+    name: String,
+    value: String,
+    radio: {
+      type: [Array, Boolean, Object],
+      default: () => []
+    }
+  },
+  emits: ["update:radio"],
+  setup(e, { emit: u }) {
+    const a = e, n = u, s = (r) => {
+      if (Array.isArray(a.radio)) {
+        let i = [...a.radio];
+        if (r.target.checked)
+          i.push(a.value);
+        else {
+          const l = i.indexOf(a.value);
+          l !== -1 && i.splice(l, 1);
+        }
+        n("update:radio", i);
+      } else
+        typeof a.radio == "boolean" && n("update:radio", r.target.checked);
+    };
+    return (r, i) => (d(), o("label", f, [
+      e.label ? (d(), o("div", v, [
+        t("span", null, m(e.label), 1)
+      ])) : h("", !0),
+      t("input", {
+        onChange: s,
+        class: "round radiobutton",
+        type: "checkbox",
+        name: e.name,
+        value: e.value,
+        checked: Array.isArray(e.radio) ? e.radio.includes(e.value) : e.radio
+      }, null, 40, x),
+      t("div", {
+        class: c(["transition-elastic cursor-pointer mn-l-thin pd-thin h-2r w-4r radius-extra", {
+          "bg-grey": !(Array.isArray(e.radio) ? e.radio.includes(e.value) : e.radio),
+          "bg-main": Array.isArray(e.radio) ? e.radio.includes(e.value) : e.radio
+        }])
+      }, [
+        t("div", {
+          class: c(["transition-linear w-1r h-1r radius-extra h-100 bg-white", {
+            "mn-r-auto": !(Array.isArray(e.radio) ? e.radio.includes(e.value) : e.radio),
+            "mn-l-auto": Array.isArray(e.radio) ? e.radio.includes(e.value) : e.radio
+          }])
+        }, null, 2)
+      ], 2)
+    ]));
+  }
+}, w = /* @__PURE__ */ y(b, [["__scopeId", "data-v-ef88ec33"]]);
 export {
-  e as default
+  w as default
 };

package/dist/prometheus-framework/src/components/Checkbox/Checkbox.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("vue");require("./Checkbox.vue.cjs");const o=require("../../../../_virtual/_plugin-vue_export-helper.cjs"),u={class:"flex-v-center flex-nowrap flex"},s={key:0,class:"mn-r-auto t-transp mn-r-small"},m=["name","value","checked"],y={__name:"Checkbox",props:{label:String,name:String,value:String,radio:{type:[Array,Boolean,Object],default:()=>[]}},emits:["update:radio"],setup(e,{emit:d}){const t=e,l=d,c=i=>{if(Array.isArray(t.radio)){let r=[...t.radio];if(i.target.checked)r.push(t.value);else{const n=r.indexOf(t.value);n!==-1&&r.splice(n,1)}l("update:radio",r)}else typeof t.radio=="boolean"&&l("update:radio",i.target.checked)};return(i,r)=>(a.openBlock(),a.createElementBlock("label",u,[e.label?(a.openBlock(),a.createElementBlock("div",s,[a.createElementVNode("span",null,a.toDisplayString(e.label),1)])):a.createCommentVNode("",!0),a.createElementVNode("input",{onChange:c,class:"round radiobutton",type:"checkbox",name:e.name,value:e.value,checked:Array.isArray(e.radio)?e.radio.includes(e.value):e.radio},null,40,m),a.createElementVNode("div",{class:a.normalizeClass(["transition-elastic cursor-pointer mn-l-thin pd-thin h-2r w-4r radius-extra",{"bg-grey":!(Array.isArray(e.radio)?e.radio.includes(e.value):e.radio),"bg-main":Array.isArray(e.radio)?e.radio.includes(e.value):e.radio}])},[a.createElementVNode("div",{class:a.normalizeClass(["transition-linear w-1r h-1r radius-extra h-100 bg-white",{"mn-r-auto":!(Array.isArray(e.radio)?e.radio.includes(e.value):e.radio),"mn-l-auto":Array.isArray(e.radio)?e.radio.includes(e.value):e.radio}])},null,2)],2)]))}},h=o.default(y,[["__scopeId","data-v-ef88ec33"]]);exports.default=h;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="";exports.default=e;

package/dist/prometheus-framework/src/components/Checkbox/Checkbox.vue2.js

@@ -1,63 +1,4 @@
-import { openBlock as d, createElementBlock as o, createElementVNode as t, toDisplayString as m, createCommentVNode as h, normalizeClass as c } from "vue";
-import "./Checkbox.vue.js";
-import y from "../../../../_virtual/_plugin-vue_export-helper.js";
-const f = { class: "flex-v-center flex-nowrap flex" }, v = {
-  key: 0,
-  class: "mn-r-auto t-transp mn-r-small"
-}, x = ["name", "value", "checked"], b = {
-  __name: "Checkbox",
-  props: {
-    label: String,
-    name: String,
-    value: String,
-    radio: {
-      type: [Array, Boolean, Object],
-      default: () => []
-    }
-  },
-  emits: ["update:radio"],
-  setup(e, { emit: u }) {
-    const a = e, n = u, s = (r) => {
-      if (Array.isArray(a.radio)) {
-        let i = [...a.radio];
-        if (r.target.checked)
-          i.push(a.value);
-        else {
-          const l = i.indexOf(a.value);
-          l !== -1 && i.splice(l, 1);
-        }
-        n("update:radio", i);
-      } else
-        typeof a.radio == "boolean" && n("update:radio", r.target.checked);
-    };
-    return (r, i) => (d(), o("label", f, [
-      e.label ? (d(), o("div", v, [
-        t("span", null, m(e.label), 1)
-      ])) : h("", !0),
-      t("input", {
-        onChange: s,
-        class: "round radiobutton",
-        type: "checkbox",
-        name: e.name,
-        value: e.value,
-        checked: Array.isArray(e.radio) ? e.radio.includes(e.value) : e.radio
-      }, null, 40, x),
-      t("div", {
-        class: c(["transition-elastic cursor-pointer mn-l-thin pd-thin h-2r w-4r radius-extra", {
-          "bg-grey": !(Array.isArray(e.radio) ? e.radio.includes(e.value) : e.radio),
-          "bg-main": Array.isArray(e.radio) ? e.radio.includes(e.value) : e.radio
-        }])
-      }, [
-        t("div", {
-          class: c(["transition-linear w-1r h-1r radius-extra h-100 bg-white", {
-            "mn-r-auto": !(Array.isArray(e.radio) ? e.radio.includes(e.value) : e.radio),
-            "mn-l-auto": Array.isArray(e.radio) ? e.radio.includes(e.value) : e.radio
-          }])
-        }, null, 2)
-      ], 2)
-    ]));
-  }
-}, w = /* @__PURE__ */ y(b, [["__scopeId", "data-v-ef88ec33"]]);
+const e = "";
 export {
-  w as default
+  e as default
 };

package/dist/prometheus-framework/src/components/Field/Field.vue.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("./Field.vue2.cjs");const u=require("../../../../_virtual/_plugin-vue_export-helper.cjs"),r={key:0,class:"t-transp mn-r-small"},c={class:"w-100"},m=["type","value","placeholder","tabindex"],f=["value","placeholder","tabindex"],b={key:1,class:"t-transp mn-l-small"},v={key:0,class:"mn-t-thin mn-b-thin mn-b-thin invalid-feedback"},k={__name:"Field",props:{label:null,symbol:null,type:"text",placeholder:"Enter something here",field:null,validation:!1,disabled:!1,tabindex:-1},emits:["update:field","focus","blur"],setup(t,{emit:i}){const a=i,s=t,o=e.ref(s.field);return(d,l)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",{class:e.normalizeClass([[d.$attrs.class,{"bg-fourth-nano":t.validation}],"flex-center flex-nowrap flex"])},[t.label?(e.openBlock(),e.createElementBlock("div",r,[e.createElementVNode("span",null,e.toDisplayString(t.label),1)])):e.createCommentVNode("",!0),e.createElementVNode("div",c,[t.type!=="textarea"?(e.openBlock(),e.createElementBlock("input",{key:0,onInput:l[0]||(l[0]=n=>o.value=a("update:field",n.target.value)),onFocus:l[1]||(l[1]=n=>a("focus",n)),onBlur:l[2]||(l[2]=n=>a("blur",n)),type:t.type,class:"w-100",value:t.field,placeholder:t.placeholder,tabindex:t.tabindex},null,40,m)):(e.openBlock(),e.createElementBlock("textarea",{key:1,onInput:l[3]||(l[3]=n=>o.value=a("update:field",n.target.value)),onFocus:l[4]||(l[4]=n=>a("focus",n)),onBlur:l[5]||(l[5]=n=>a("blur",n)),class:"w-100",value:t.field,placeholder:t.placeholder,tabindex:t.tabindex},null,40,f))]),e.renderSlot(d.$slots,"default",{},void 0,!0),t.symbol?(e.openBlock(),e.createElementBlock("div",b,[e.createElementVNode("span",null,e.toDisplayString(t.symbol),1)])):e.createCommentVNode("",!0)],2),e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx(()=>[t.validation?(e.openBlock(),e.createElementBlock("div",v," * "+e.toDisplayString(t.validation.message),1)):e.createCommentVNode("",!0)]),_:1})],64))}},y=u.default(k,[["__scopeId","data-v-5e69d3c2"]]);exports.default=y;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="";exports.default=e;

package/dist/prometheus-framework/src/components/Field/Field.vue.js

@@ -1,78 +1,4 @@
-import { ref as f, openBlock as a, createElementBlock as d, Fragment as b, createElementVNode as i, normalizeClass as c, toDisplayString as o, createCommentVNode as s, renderSlot as v, createVNode as x, Transition as y, withCtx as h } from "vue";
-import "./Field.vue2.js";
-import k from "../../../../_virtual/_plugin-vue_export-helper.js";
-const p = {
-  key: 0,
-  class: "t-transp mn-r-small"
-}, g = { class: "w-100" }, w = ["type", "value", "placeholder", "tabindex"], F = ["value", "placeholder", "tabindex"], B = {
-  key: 1,
-  class: "t-transp mn-l-small"
-}, C = {
-  key: 0,
-  class: "mn-t-thin mn-b-thin mn-b-thin invalid-feedback"
-}, E = {
-  __name: "Field",
-  props: {
-    label: null,
-    symbol: null,
-    type: "text",
-    placeholder: "Enter something here",
-    field: null,
-    validation: !1,
-    disabled: !1,
-    tabindex: -1
-  },
-  emits: ["update:field", "focus", "blur"],
-  setup(e, { emit: m }) {
-    const n = m, u = f(e.field);
-    return (r, t) => (a(), d(b, null, [
-      i("div", {
-        class: c([[
-          r.$attrs.class,
-          {
-            "bg-fourth-nano": e.validation
-          }
-        ], "flex-center flex-nowrap flex"])
-      }, [
-        e.label ? (a(), d("div", p, [
-          i("span", null, o(e.label), 1)
-        ])) : s("", !0),
-        i("div", g, [
-          e.type !== "textarea" ? (a(), d("input", {
-            key: 0,
-            onInput: t[0] || (t[0] = (l) => u.value = n("update:field", l.target.value)),
-            onFocus: t[1] || (t[1] = (l) => n("focus", l)),
-            onBlur: t[2] || (t[2] = (l) => n("blur", l)),
-            type: e.type,
-            class: "w-100",
-            value: e.field,
-            placeholder: e.placeholder,
-            tabindex: e.tabindex
-          }, null, 40, w)) : (a(), d("textarea", {
-            key: 1,
-            onInput: t[3] || (t[3] = (l) => u.value = n("update:field", l.target.value)),
-            onFocus: t[4] || (t[4] = (l) => n("focus", l)),
-            onBlur: t[5] || (t[5] = (l) => n("blur", l)),
-            class: "w-100",
-            value: e.field,
-            placeholder: e.placeholder,
-            tabindex: e.tabindex
-          }, null, 40, F))
-        ]),
-        v(r.$slots, "default", {}, void 0, !0),
-        e.symbol ? (a(), d("div", B, [
-          i("span", null, o(e.symbol), 1)
-        ])) : s("", !0)
-      ], 2),
-      x(y, { name: "fade" }, {
-        default: h(() => [
-          e.validation ? (a(), d("div", C, " * " + o(e.validation.message), 1)) : s("", !0)
-        ]),
-        _: 1
-      })
-    ], 64));
-  }
-}, $ = /* @__PURE__ */ k(E, [["__scopeId", "data-v-5e69d3c2"]]);
+const e = "";
 export {
-  $ as default
+  e as default
 };

package/dist/prometheus-framework/src/components/Field/Field.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="";exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("./Field.vue.cjs");const u=require("../../../../_virtual/_plugin-vue_export-helper.cjs"),r={key:0,class:"t-transp mn-r-small"},c={class:"w-100"},m=["type","value","placeholder","tabindex"],f=["value","placeholder","tabindex"],b={key:1,class:"t-transp mn-l-small"},v={key:0,class:"mn-t-thin mn-b-thin mn-b-thin invalid-feedback"},k={__name:"Field",props:{label:null,symbol:null,type:"text",placeholder:"Enter something here",field:null,validation:!1,disabled:!1,tabindex:-1},emits:["update:field","focus","blur"],setup(t,{emit:i}){const a=i,s=t,o=e.ref(s.field);return(d,l)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",{class:e.normalizeClass([[d.$attrs.class,{"bg-fourth-nano":t.validation}],"flex-center flex-nowrap flex"])},[t.label?(e.openBlock(),e.createElementBlock("div",r,[e.createElementVNode("span",null,e.toDisplayString(t.label),1)])):e.createCommentVNode("",!0),e.createElementVNode("div",c,[t.type!=="textarea"?(e.openBlock(),e.createElementBlock("input",{key:0,onInput:l[0]||(l[0]=n=>o.value=a("update:field",n.target.value)),onFocus:l[1]||(l[1]=n=>a("focus",n)),onBlur:l[2]||(l[2]=n=>a("blur",n)),type:t.type,class:"w-100",value:t.field,placeholder:t.placeholder,tabindex:t.tabindex},null,40,m)):(e.openBlock(),e.createElementBlock("textarea",{key:1,onInput:l[3]||(l[3]=n=>o.value=a("update:field",n.target.value)),onFocus:l[4]||(l[4]=n=>a("focus",n)),onBlur:l[5]||(l[5]=n=>a("blur",n)),class:"w-100",value:t.field,placeholder:t.placeholder,tabindex:t.tabindex},null,40,f))]),e.renderSlot(d.$slots,"default",{},void 0,!0),t.symbol?(e.openBlock(),e.createElementBlock("div",b,[e.createElementVNode("span",null,e.toDisplayString(t.symbol),1)])):e.createCommentVNode("",!0)],2),e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx(()=>[t.validation?(e.openBlock(),e.createElementBlock("div",v," * "+e.toDisplayString(t.validation.message),1)):e.createCommentVNode("",!0)]),_:1})],64))}},y=u.default(k,[["__scopeId","data-v-5e69d3c2"]]);exports.default=y;

package/dist/prometheus-framework/src/components/Field/Field.vue2.js

@@ -1,4 +1,78 @@
-const e = "";
+import { ref as f, openBlock as a, createElementBlock as d, Fragment as b, createElementVNode as i, normalizeClass as c, toDisplayString as o, createCommentVNode as s, renderSlot as v, createVNode as x, Transition as y, withCtx as h } from "vue";
+import "./Field.vue.js";
+import k from "../../../../_virtual/_plugin-vue_export-helper.js";
+const p = {
+  key: 0,
+  class: "t-transp mn-r-small"
+}, g = { class: "w-100" }, w = ["type", "value", "placeholder", "tabindex"], F = ["value", "placeholder", "tabindex"], B = {
+  key: 1,
+  class: "t-transp mn-l-small"
+}, C = {
+  key: 0,
+  class: "mn-t-thin mn-b-thin mn-b-thin invalid-feedback"
+}, E = {
+  __name: "Field",
+  props: {
+    label: null,
+    symbol: null,
+    type: "text",
+    placeholder: "Enter something here",
+    field: null,
+    validation: !1,
+    disabled: !1,
+    tabindex: -1
+  },
+  emits: ["update:field", "focus", "blur"],
+  setup(e, { emit: m }) {
+    const n = m, u = f(e.field);
+    return (r, t) => (a(), d(b, null, [
+      i("div", {
+        class: c([[
+          r.$attrs.class,
+          {
+            "bg-fourth-nano": e.validation
+          }
+        ], "flex-center flex-nowrap flex"])
+      }, [
+        e.label ? (a(), d("div", p, [
+          i("span", null, o(e.label), 1)
+        ])) : s("", !0),
+        i("div", g, [
+          e.type !== "textarea" ? (a(), d("input", {
+            key: 0,
+            onInput: t[0] || (t[0] = (l) => u.value = n("update:field", l.target.value)),
+            onFocus: t[1] || (t[1] = (l) => n("focus", l)),
+            onBlur: t[2] || (t[2] = (l) => n("blur", l)),
+            type: e.type,
+            class: "w-100",
+            value: e.field,
+            placeholder: e.placeholder,
+            tabindex: e.tabindex
+          }, null, 40, w)) : (a(), d("textarea", {
+            key: 1,
+            onInput: t[3] || (t[3] = (l) => u.value = n("update:field", l.target.value)),
+            onFocus: t[4] || (t[4] = (l) => n("focus", l)),
+            onBlur: t[5] || (t[5] = (l) => n("blur", l)),
+            class: "w-100",
+            value: e.field,
+            placeholder: e.placeholder,
+            tabindex: e.tabindex
+          }, null, 40, F))
+        ]),
+        v(r.$slots, "default", {}, void 0, !0),
+        e.symbol ? (a(), d("div", B, [
+          i("span", null, o(e.symbol), 1)
+        ])) : s("", !0)
+      ], 2),
+      x(y, { name: "fade" }, {
+        default: h(() => [
+          e.validation ? (a(), d("div", C, " * " + o(e.validation.message), 1)) : s("", !0)
+        ]),
+        _: 1
+      })
+    ], 64));
+  }
+}, $ = /* @__PURE__ */ k(E, [["__scopeId", "data-v-5e69d3c2"]]);
 export {
-  e as default
+  $ as default
 };

package/dist/prometheus-framework/src/components/FieldBig/FieldBig.vue.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),k=require("../Field/Field.vue.cjs"),B=require("vue-i18n"),S={class:"pd-thin radius-extra flex-nowrap flex"},w=["innerHTML"],_={__name:"FieldBig",props:{input:String,placeholder:{type:String},action:{type:String,default:"Action"},placeholderTexts:{type:Object,default:()=>({en:["Lowest THC, please!","Something with banana flavors?","I'm in the mood for trippy vibes."],ru:["Я хочу самый низкий THC","Я хочу чего-нибудь бананового","Я хочу курнуть хейза"]})},typingSpeed:{type:Number,default:200},loopTyping:{type:Boolean,default:!1},enableTyping:{type:Boolean,default:!1}},emits:["update:input","action"],setup(s,{emit:y}){const t=s,{t:F,locale:c}=B.useI18n();let r=e.ref(0),n=e.ref(t.input),p=e.ref(t.placeholder),i=e.ref(t.enableTyping),d=e.ref(null),f=e.ref(""),o=e.ref(!0),v=null;const g=y;function b(){g("action")}function T(a){g("update:input",a),f.value=a}function m(){r.value=(r.value+1)%t.placeholderTexts[c.value].length}function I(){i.value=!1,clearInterval(d.value),p.value=t.placeholder,f.value||(n.value="")}function x(){!f.value&&t.enableTyping&&(i.value=!0,p.value="",h())}function h(){let a=t.placeholderTexts[c.value][r.value],l=0,u=!1;v=setInterval(()=>{o.value=!o.value},200),d.value=setInterval(()=>{i.value&&(u?(n.value=n.value.slice(0,-1),n.value=a.substring(0,l)+(o.value&&l%2?"|":""),l--):(n.value=a.substring(0,l)+(o.value&&l%2?"|":""),l++),l>a.length&&t.loopTyping&&setTimeout(()=>{u=!0,n.value=a.substring(0,l)},333),l===0&&u&&(u=!1,m(),a=t.placeholderTexts[c.value][r.value]))},t.typingSpeed)}return e.onMounted(()=>{t.enableTyping&&h()}),e.watchEffect(()=>{i.value||(clearInterval(d.value),clearInterval(v))}),(a,l)=>(e.openBlock(),e.createElementBlock("div",S,[e.createVNode(k.default,{field:e.unref(n),"onUpdate:field":[l[0]||(l[0]=u=>e.isRef(n)?n.value=u:n=u),T],placeholder:e.unref(i)?" ":e.unref(p),onInput:m,onFocus:I,onBlur:x,class:"w-100 p-medium t-regular uppercase pd-small"},null,8,["field","placeholder"]),s.action?(e.openBlock(),e.createElementBlock("button",{key:0,onClick:b,class:"t-medium radius-big uppercase cursor-pointer pd-l-semi pd-r-semi w-max hover-bg-fifth t-semi transition-linear transition-timing-1 t-black bg-main",innerHTML:s.action},null,8,w)):e.createCommentVNode("",!0)]))}};exports.default=_;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),k=require("../Field/Field.vue2.cjs"),B=require("vue-i18n"),S={class:"pd-thin radius-extra flex-nowrap flex"},w=["innerHTML"],_={__name:"FieldBig",props:{input:String,placeholder:{type:String},action:{type:String,default:"Action"},placeholderTexts:{type:Object,default:()=>({en:["Lowest THC, please!","Something with banana flavors?","I'm in the mood for trippy vibes."],ru:["Я хочу самый низкий THC","Я хочу чего-нибудь бананового","Я хочу курнуть хейза"]})},typingSpeed:{type:Number,default:200},loopTyping:{type:Boolean,default:!1},enableTyping:{type:Boolean,default:!1}},emits:["update:input","action"],setup(s,{emit:y}){const t=s,{t:F,locale:c}=B.useI18n();let r=e.ref(0),n=e.ref(t.input),p=e.ref(t.placeholder),i=e.ref(t.enableTyping),d=e.ref(null),f=e.ref(""),o=e.ref(!0),v=null;const g=y;function b(){g("action")}function T(a){g("update:input",a),f.value=a}function m(){r.value=(r.value+1)%t.placeholderTexts[c.value].length}function I(){i.value=!1,clearInterval(d.value),p.value=t.placeholder,f.value||(n.value="")}function x(){!f.value&&t.enableTyping&&(i.value=!0,p.value="",h())}function h(){let a=t.placeholderTexts[c.value][r.value],l=0,u=!1;v=setInterval(()=>{o.value=!o.value},200),d.value=setInterval(()=>{i.value&&(u?(n.value=n.value.slice(0,-1),n.value=a.substring(0,l)+(o.value&&l%2?"|":""),l--):(n.value=a.substring(0,l)+(o.value&&l%2?"|":""),l++),l>a.length&&t.loopTyping&&setTimeout(()=>{u=!0,n.value=a.substring(0,l)},333),l===0&&u&&(u=!1,m(),a=t.placeholderTexts[c.value][r.value]))},t.typingSpeed)}return e.onMounted(()=>{t.enableTyping&&h()}),e.watchEffect(()=>{i.value||(clearInterval(d.value),clearInterval(v))}),(a,l)=>(e.openBlock(),e.createElementBlock("div",S,[e.createVNode(k.default,{field:e.unref(n),"onUpdate:field":[l[0]||(l[0]=u=>e.isRef(n)?n.value=u:n=u),T],placeholder:e.unref(i)?" ":e.unref(p),onInput:m,onFocus:I,onBlur:x,class:"w-100 p-medium t-regular uppercase pd-small"},null,8,["field","placeholder"]),s.action?(e.openBlock(),e.createElementBlock("button",{key:0,onClick:b,class:"t-medium radius-big uppercase cursor-pointer pd-l-semi pd-r-semi w-max hover-bg-fifth t-semi transition-linear transition-timing-1 t-black bg-main",innerHTML:s.action},null,8,w)):e.createCommentVNode("",!0)]))}};exports.default=_;

package/dist/prometheus-framework/src/components/FieldBig/FieldBig.vue.js

@@ -1,5 +1,5 @@
 import { ref as i, onMounted as S, watchEffect as F, openBlock as T, createElementBlock as b, createVNode as C, unref as v, isRef as H, createCommentVNode as _ } from "vue";
-import L from "../Field/Field.vue.js";
+import L from "../Field/Field.vue2.js";
 import { useI18n as M } from "vue-i18n";
 const N = { class: "pd-thin radius-extra flex-nowrap flex" }, V = ["innerHTML"], P = {
   __name: "FieldBig",

package/dist/prometheus-framework/src/components/SelectMulti/SelectMulti.vue.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("./multiselectMixin.cjs"),d=require("./pointerMixin.cjs"),e=require("vue");require("./SelectMulti.vue2.cjs");const u=require("../../../../_virtual/_plugin-vue_export-helper.cjs"),m={name:"vue-multiselect",mixins:[a.default,d.default],compatConfig:{MODE:3,ATTR_ENUMERATED_COERCION:!1},props:{name:{type:String,default:""},modelValue:{type:null,default(){return[]}},selectLabel:{type:String,default:"Press enter to select"},selectGroupLabel:{type:String,default:"Press enter to select group"},selectedLabel:{type:String,default:"Selected"},deselectLabel:{type:String,default:"Press enter to remove"},deselectGroupLabel:{type:String,default:"Press enter to deselect group"},showLabels:{type:Boolean,default:!0},limit:{type:Number,default:99999},maxHeight:{type:Number,default:300},limitText:{type:Function,default:t=>`and ${t} more`},loading:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},openDirection:{type:String,default:""},showNoOptions:{type:Boolean,default:!0},showNoResults:{type:Boolean,default:!0},tabindex:{type:Number,default:0}},computed:{hasOptionGroup(){return this.groupValues&&this.groupLabel&&this.groupSelect},isSingleLabelVisible(){return(this.singleValue||this.singleValue===0)&&(!this.isOpen||!this.searchable)&&!this.visibleValues.length},isPlaceholderVisible(){return!this.internalValue.length&&(!this.searchable||!this.isOpen)},visibleValues(){return this.multiple?this.internalValue.slice(0,this.limit):[]},singleValue(){return this.internalValue[0]},deselectLabelText(){return this.showLabels?this.deselectLabel:""},deselectGroupLabelText(){return this.showLabels?this.deselectGroupLabel:""},selectLabelText(){return this.showLabels?this.selectLabel:""},selectGroupLabelText(){return this.showLabels?this.selectGroupLabel:""},selectedLabelText(){return this.showLabels?this.selectedLabel:""},inputStyle(){return this.searchable||this.multiple&&this.modelValue&&this.modelValue.length?this.isOpen?{width:"100%"}:{width:"0",position:"absolute",padding:"0"}:""},contentStyle(){return this.options.length?{display:"inline-block"}:{display:"block"}},isAbove(){return this.openDirection==="above"||this.openDirection==="top"?!0:this.openDirection==="below"||this.openDirection==="bottom"?!1:this.preferredOpenDirection==="above"},showSearchInput(){return this.searchable&&(this.hasSingleSelectedSlot&&(this.visibleSingleValue||this.visibleSingleValue===0)?this.isOpen:!0)}}},h=["tabindex","aria-owns"],p={ref:"tags",class:"multiselect__tags"},c={class:"multiselect__tags-wrap"},g=["textContent"],b=["onKeypress","onMousedown"],v=["textContent"],f={class:"multiselect__spinner"},w=["name","id","placeholder","value","disabled","tabindex","aria-controls"],y=["id"],S={key:0},V={class:"multiselect__option"},L=["id","role"],N=["onClick","onMouseenter","data-select","data-selected","data-deselect"],E=["data-select","data-deselect","onMouseenter","onMousedown"],k={class:"multiselect__option"},M={class:"multiselect__option"};function B(t,s,n,C,T,i){return e.openBlock(),e.createElementBlock("div",{tabindex:t.searchable?-1:n.tabindex,class:e.normalizeClass([{"multiselect--active":t.isOpen,"multiselect--disabled":n.disabled,"multiselect--above":i.isAbove,"multiselect--has-options-group":i.hasOptionGroup},"multiselect"]),onFocus:s[13]||(s[13]=l=>t.activate()),onBlur:s[14]||(s[14]=l=>t.searchable?!1:t.deactivate()),onKeydown:[s[15]||(s[15]=e.withKeys(e.withModifiers(l=>t.pointerForward(),["self","prevent"]),["down"])),s[16]||(s[16]=e.withKeys(e.withModifiers(l=>t.pointerBackward(),["self","prevent"]),["up"]))],onKeypress:s[17]||(s[17]=e.withKeys(e.withModifiers(l=>t.addPointerElement(l),["stop","self"]),["enter","tab"])),onKeyup:s[18]||(s[18]=e.withKeys(l=>t.deactivate(),["esc"])),role:"combobox","aria-owns":"listbox-"+t.id},[e.renderSlot(t.$slots,"caret",{toggle:t.toggle},()=>[e.createElementVNode("div",{onMousedown:s[0]||(s[0]=e.withModifiers(l=>t.toggle(),["prevent","stop"])),class:"multiselect__select"},null,32)]),e.renderSlot(t.$slots,"clear",{search:t.search}),e.createElementVNode("div",p,[e.renderSlot(t.$slots,"selection",{search:t.search,remove:t.removeElement,values:i.visibleValues,isOpen:t.isOpen},()=>[e.withDirectives(e.createElementVNode("div",c,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.visibleValues,(l,o)=>e.renderSlot(t.$slots,"tag",{option:l,search:t.search,remove:t.removeElement},()=>[(e.openBlock(),e.createElementBlock("span",{class:"multiselect__tag",key:o},[e.createElementVNode("span",{textContent:e.toDisplayString(t.getOptionLabel(l))},null,8,g),e.createElementVNode("i",{tabindex:"1",onKeypress:e.withKeys(e.withModifiers(r=>t.removeElement(l),["prevent"]),["enter"]),onMousedown:e.withModifiers(r=>t.removeElement(l),["prevent"]),class:"multiselect__tag-icon"},null,40,b)]))])),256))],512),[[e.vShow,i.visibleValues.length>0]]),t.internalValue&&t.internalValue.length>n.limit?e.renderSlot(t.$slots,"limit",{key:0},()=>[e.createElementVNode("strong",{class:"multiselect__strong",textContent:e.toDisplayString(n.limitText(t.internalValue.length-n.limit))},null,8,v)]):e.createCommentVNode("",!0)]),e.createVNode(e.Transition,{name:"multiselect__loading"},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"loading",{},()=>[e.withDirectives(e.createElementVNode("div",f,null,512),[[e.vShow,n.loading]])])]),_:3}),t.searchable?(e.openBlock(),e.createElementBlock("input",{key:0,ref:"search",name:n.name,id:t.id,type:"text",autocomplete:"off",spellcheck:"false",placeholder:t.placeholder,style:e.normalizeStyle(i.inputStyle),value:t.search,disabled:n.disabled,tabindex:n.tabindex,onInput:s[1]||(s[1]=l=>t.updateSearch(l.target.value)),onFocus:s[2]||(s[2]=e.withModifiers(l=>t.activate(),["prevent"])),onBlur:s[3]||(s[3]=e.withModifiers(l=>t.deactivate(),["prevent"])),onKeyup:s[4]||(s[4]=e.withKeys(l=>t.deactivate(),["esc"])),onKeydown:[s[5]||(s[5]=e.withKeys(e.withModifiers(l=>t.pointerForward(),["prevent"]),["down"])),s[6]||(s[6]=e.withKeys(e.withModifiers(l=>t.pointerBackward(),["prevent"]),["up"])),s[8]||(s[8]=e.withKeys(e.withModifiers(l=>t.removeLastElement(),["stop"]),["delete"]))],onKeypress:s[7]||(s[7]=e.withKeys(e.withModifiers(l=>t.addPointerElement(l),["prevent","stop","self"]),["enter"])),class:"multiselect__input","aria-controls":"listbox-"+t.id},null,44,w)):e.createCommentVNode("",!0),i.isSingleLabelVisible?(e.openBlock(),e.createElementBlock("span",{key:1,class:"multiselect__single",onMousedown:s[9]||(s[9]=e.withModifiers((...l)=>t.toggle&&t.toggle(...l),["prevent"]))},[e.renderSlot(t.$slots,"singleLabel",{option:i.singleValue},()=>[e.createTextVNode(e.toDisplayString(t.currentOptionLabel),1)])],32)):e.createCommentVNode("",!0),i.isPlaceholderVisible?(e.openBlock(),e.createElementBlock("span",{key:2,class:"multiselect__placeholder",onMousedown:s[10]||(s[10]=e.withModifiers((...l)=>t.toggle&&t.toggle(...l),["prevent"]))},[e.renderSlot(t.$slots,"placeholder",{},()=>[e.createTextVNode(e.toDisplayString(t.placeholder),1)])],32)):e.createCommentVNode("",!0)],512),e.createVNode(e.Transition,{name:"multiselect"},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass(["multiselect__content-wrapper",t.$attrs.class]),onFocus:s[11]||(s[11]=(...l)=>t.activate&&t.activate(...l)),tabindex:"-1",onMousedown:s[12]||(s[12]=e.withModifiers(()=>{},["prevent"])),style:e.normalizeStyle({maxHeight:t.optimizedHeight+"px"}),ref:"list"},[e.createElementVNode("ul",{class:"multiselect__content",style:e.normalizeStyle(i.contentStyle),role:"listbox",id:"listbox-"+t.id},[e.renderSlot(t.$slots,"beforeList"),t.multiple&&t.max===t.internalValue.length?(e.openBlock(),e.createElementBlock("li",S,[e.createElementVNode("span",V,[e.renderSlot(t.$slots,"maxElements",{},()=>[e.createTextVNode("Maximum of "+e.toDisplayString(t.max)+" options selected. First remove a selected option to select another.",1)])])])):e.createCommentVNode("",!0),!t.max||t.internalValue.length<t.max?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(t.filteredOptions,(l,o)=>(e.openBlock(),e.createElementBlock("li",{class:"multiselect__element",key:o,id:t.id+"-"+o,role:l&&(l.$isLabel||l.$isDisabled)?null:"option"},[l&&(l.$isLabel||l.$isDisabled)?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass([t.optionHighlight(o,l),"multiselect__option"]),onClick:e.withModifiers(r=>t.select(l),["stop"]),onMouseenter:e.withModifiers(r=>t.pointerSet(o),["self"]),"data-select":l&&l.isTag?t.tagPlaceholder:i.selectLabelText,"data-selected":i.selectedLabelText,"data-deselect":i.deselectLabelText},[e.renderSlot(t.$slots,"option",{option:l,search:t.search,index:o},()=>[e.createElementVNode("span",null,e.toDisplayString(t.getOptionLabel(l)),1)])],42,N)),l&&(l.$isLabel||l.$isDisabled)?(e.openBlock(),e.createElementBlock("span",{key:1,"data-select":t.groupSelect&&i.selectGroupLabelText,"data-deselect":t.groupSelect&&i.deselectGroupLabelText,class:e.normalizeClass([t.groupHighlight(o,l),"multiselect__option"]),onMouseenter:e.withModifiers(r=>t.groupSelect&&t.pointerSet(o),["self"]),onMousedown:e.withModifiers(r=>t.selectGroup(l),["prevent"])},[e.renderSlot(t.$slots,"option",{option:l,search:t.search,index:o},()=>[e.createElementVNode("span",null,e.toDisplayString(t.getOptionLabel(l)),1)])],42,E)):e.createCommentVNode("",!0)],8,L))),128)):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("li",null,[e.createElementVNode("span",k,[e.renderSlot(t.$slots,"noResult",{search:t.search},()=>[e.createTextVNode("No elements found. Consider changing the search query.")])])],512),[[e.vShow,n.showNoResults&&t.filteredOptions.length===0&&t.search&&!n.loading]]),e.withDirectives(e.createElementVNode("li",null,[e.createElementVNode("span",M,[e.renderSlot(t.$slots,"noOptions",{},()=>[e.createTextVNode("List is empty.")])])],512),[[e.vShow,n.showNoOptions&&(t.options.length===0||i.hasOptionGroup===!0&&t.filteredOptions.length===0)&&!t.search&&!n.loading]]),e.renderSlot(t.$slots,"afterList")],12,y)],38),[[e.vShow,t.isOpen]])]),_:3})],42,h)}const O=u.default(m,[["render",B]]);exports.default=O;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("./multiselectMixin.cjs"),d=require("./pointerMixin.cjs"),e=require("vue");require("./SelectMulti.vue2.cjs");const u=require("../../../../_virtual/_plugin-vue_export-helper.cjs"),m={name:"vue-multiselect",mixins:[a.default,d.default],compatConfig:{MODE:3,ATTR_ENUMERATED_COERCION:!1},props:{name:{type:String,default:""},modelValue:{type:null,default(){return[]}},selectLabel:{type:String,default:"Press enter to select"},selectGroupLabel:{type:String,default:"Press enter to select group"},selectedLabel:{type:String,default:"Selected"},deselectLabel:{type:String,default:"Press enter to remove"},deselectGroupLabel:{type:String,default:"Press enter to deselect group"},showLabels:{type:Boolean,default:!0},limit:{type:Number,default:99999},maxHeight:{type:Number,default:300},limitText:{type:Function,default:t=>`and ${t} more`},loading:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},openDirection:{type:String,default:""},showNoOptions:{type:Boolean,default:!0},showNoResults:{type:Boolean,default:!0},tabindex:{type:Number,default:0}},computed:{hasOptionGroup(){return this.groupValues&&this.groupLabel&&this.groupSelect},isSingleLabelVisible(){return(this.singleValue||this.singleValue===0)&&(!this.isOpen||!this.searchable)&&!this.visibleValues.length},isPlaceholderVisible(){return!this.internalValue.length&&(!this.searchable||!this.isOpen)},visibleValues(){return this.multiple?this.internalValue.slice(0,this.limit):[]},singleValue(){return this.internalValue[0]},deselectLabelText(){return this.showLabels?this.deselectLabel:""},deselectGroupLabelText(){return this.showLabels?this.deselectGroupLabel:""},selectLabelText(){return this.showLabels?this.selectLabel:""},selectGroupLabelText(){return this.showLabels?this.selectGroupLabel:""},selectedLabelText(){return this.showLabels?this.selectedLabel:""},inputStyle(){return this.searchable||this.multiple&&this.modelValue&&this.modelValue.length?this.isOpen?{width:"100%"}:{width:"0",position:"absolute",padding:"0"}:""},contentStyle(){return this.options.length?{display:"inline-block"}:{display:"block"}},isAbove(){return this.openDirection==="above"||this.openDirection==="top"?!0:this.openDirection==="below"||this.openDirection==="bottom"?!1:this.preferredOpenDirection==="above"},showSearchInput(){return this.searchable&&(this.hasSingleSelectedSlot&&(this.visibleSingleValue||this.visibleSingleValue===0)?this.isOpen:!0)}}},h=["tabindex","aria-owns"],p={ref:"tags",class:"multiselect__tags"},c={class:"multiselect__tags-wrap"},g=["textContent"],b=["onKeypress","onMousedown"],v=["textContent"],f={class:"multiselect__spinner"},w=["name","id","placeholder","value","disabled","tabindex","aria-controls"],y=["id"],S={key:0},V={class:"multiselect__option"},L=["id","role"],N=["onClick","onMouseenter","data-select","data-selected","data-deselect"],E=["data-select","data-deselect","onMouseenter","onMousedown"],k={class:"multiselect__option"},M={class:"multiselect__option"};function B(t,s,n,C,T,i){return e.openBlock(),e.createElementBlock("div",{tabindex:t.searchable?-1:n.tabindex,class:e.normalizeClass([{"multiselect--active":t.isOpen,"multiselect--disabled":n.disabled,"multiselect--above":i.isAbove,"multiselect--has-options-group":i.hasOptionGroup},"multiselect flex flex-v-center"]),onFocus:s[13]||(s[13]=l=>t.activate()),onBlur:s[14]||(s[14]=l=>t.searchable?!1:t.deactivate()),onKeydown:[s[15]||(s[15]=e.withKeys(e.withModifiers(l=>t.pointerForward(),["self","prevent"]),["down"])),s[16]||(s[16]=e.withKeys(e.withModifiers(l=>t.pointerBackward(),["self","prevent"]),["up"]))],onKeypress:s[17]||(s[17]=e.withKeys(e.withModifiers(l=>t.addPointerElement(l),["stop","self"]),["enter","tab"])),onKeyup:s[18]||(s[18]=e.withKeys(l=>t.deactivate(),["esc"])),role:"combobox","aria-owns":"listbox-"+t.id},[e.renderSlot(t.$slots,"caret",{toggle:t.toggle},()=>[e.createElementVNode("div",{onMousedown:s[0]||(s[0]=e.withModifiers(l=>t.toggle(),["prevent","stop"])),class:"multiselect__select"},null,32)]),e.renderSlot(t.$slots,"clear",{search:t.search}),e.createElementVNode("div",p,[e.renderSlot(t.$slots,"selection",{search:t.search,remove:t.removeElement,values:i.visibleValues,isOpen:t.isOpen},()=>[e.withDirectives(e.createElementVNode("div",c,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.visibleValues,(l,o)=>e.renderSlot(t.$slots,"tag",{option:l,search:t.search,remove:t.removeElement},()=>[(e.openBlock(),e.createElementBlock("span",{class:"multiselect__tag",key:o},[e.createElementVNode("span",{textContent:e.toDisplayString(t.getOptionLabel(l))},null,8,g),e.createElementVNode("i",{tabindex:"1",onKeypress:e.withKeys(e.withModifiers(r=>t.removeElement(l),["prevent"]),["enter"]),onMousedown:e.withModifiers(r=>t.removeElement(l),["prevent"]),class:"multiselect__tag-icon"},null,40,b)]))])),256))],512),[[e.vShow,i.visibleValues.length>0]]),t.internalValue&&t.internalValue.length>n.limit?e.renderSlot(t.$slots,"limit",{key:0},()=>[e.createElementVNode("strong",{class:"multiselect__strong",textContent:e.toDisplayString(n.limitText(t.internalValue.length-n.limit))},null,8,v)]):e.createCommentVNode("",!0)]),e.createVNode(e.Transition,{name:"multiselect__loading"},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"loading",{},()=>[e.withDirectives(e.createElementVNode("div",f,null,512),[[e.vShow,n.loading]])])]),_:3}),t.searchable?(e.openBlock(),e.createElementBlock("input",{key:0,ref:"search",name:n.name,id:t.id,type:"text",autocomplete:"off",spellcheck:"false",placeholder:t.placeholder,style:e.normalizeStyle(i.inputStyle),value:t.search,disabled:n.disabled,tabindex:n.tabindex,onInput:s[1]||(s[1]=l=>t.updateSearch(l.target.value)),onFocus:s[2]||(s[2]=e.withModifiers(l=>t.activate(),["prevent"])),onBlur:s[3]||(s[3]=e.withModifiers(l=>t.deactivate(),["prevent"])),onKeyup:s[4]||(s[4]=e.withKeys(l=>t.deactivate(),["esc"])),onKeydown:[s[5]||(s[5]=e.withKeys(e.withModifiers(l=>t.pointerForward(),["prevent"]),["down"])),s[6]||(s[6]=e.withKeys(e.withModifiers(l=>t.pointerBackward(),["prevent"]),["up"])),s[8]||(s[8]=e.withKeys(e.withModifiers(l=>t.removeLastElement(),["stop"]),["delete"]))],onKeypress:s[7]||(s[7]=e.withKeys(e.withModifiers(l=>t.addPointerElement(l),["prevent","stop","self"]),["enter"])),class:"multiselect__input","aria-controls":"listbox-"+t.id},null,44,w)):e.createCommentVNode("",!0),i.isSingleLabelVisible?(e.openBlock(),e.createElementBlock("span",{key:1,class:"multiselect__single",onMousedown:s[9]||(s[9]=e.withModifiers((...l)=>t.toggle&&t.toggle(...l),["prevent"]))},[e.renderSlot(t.$slots,"singleLabel",{option:i.singleValue},()=>[e.createTextVNode(e.toDisplayString(t.currentOptionLabel),1)])],32)):e.createCommentVNode("",!0),i.isPlaceholderVisible?(e.openBlock(),e.createElementBlock("span",{key:2,class:"multiselect__placeholder",onMousedown:s[10]||(s[10]=e.withModifiers((...l)=>t.toggle&&t.toggle(...l),["prevent"]))},[e.renderSlot(t.$slots,"placeholder",{},()=>[e.createTextVNode(e.toDisplayString(t.placeholder),1)])],32)):e.createCommentVNode("",!0)],512),e.createVNode(e.Transition,{name:"multiselect"},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass(["multiselect__content-wrapper",t.$attrs.class]),onFocus:s[11]||(s[11]=(...l)=>t.activate&&t.activate(...l)),tabindex:"-1",onMousedown:s[12]||(s[12]=e.withModifiers(()=>{},["prevent"])),style:e.normalizeStyle({maxHeight:t.optimizedHeight+"px"}),ref:"list"},[e.createElementVNode("ul",{class:"multiselect__content",style:e.normalizeStyle(i.contentStyle),role:"listbox",id:"listbox-"+t.id},[e.renderSlot(t.$slots,"beforeList"),t.multiple&&t.max===t.internalValue.length?(e.openBlock(),e.createElementBlock("li",S,[e.createElementVNode("span",V,[e.renderSlot(t.$slots,"maxElements",{},()=>[e.createTextVNode("Maximum of "+e.toDisplayString(t.max)+" options selected. First remove a selected option to select another.",1)])])])):e.createCommentVNode("",!0),!t.max||t.internalValue.length<t.max?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(t.filteredOptions,(l,o)=>(e.openBlock(),e.createElementBlock("li",{class:"multiselect__element",key:o,id:t.id+"-"+o,role:l&&(l.$isLabel||l.$isDisabled)?null:"option"},[l&&(l.$isLabel||l.$isDisabled)?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass([t.optionHighlight(o,l),"multiselect__option"]),onClick:e.withModifiers(r=>t.select(l),["stop"]),onMouseenter:e.withModifiers(r=>t.pointerSet(o),["self"]),"data-select":l&&l.isTag?t.tagPlaceholder:i.selectLabelText,"data-selected":i.selectedLabelText,"data-deselect":i.deselectLabelText},[e.renderSlot(t.$slots,"option",{option:l,search:t.search,index:o},()=>[e.createElementVNode("span",null,e.toDisplayString(t.getOptionLabel(l)),1)])],42,N)),l&&(l.$isLabel||l.$isDisabled)?(e.openBlock(),e.createElementBlock("span",{key:1,"data-select":t.groupSelect&&i.selectGroupLabelText,"data-deselect":t.groupSelect&&i.deselectGroupLabelText,class:e.normalizeClass([t.groupHighlight(o,l),"multiselect__option"]),onMouseenter:e.withModifiers(r=>t.groupSelect&&t.pointerSet(o),["self"]),onMousedown:e.withModifiers(r=>t.selectGroup(l),["prevent"])},[e.renderSlot(t.$slots,"option",{option:l,search:t.search,index:o},()=>[e.createElementVNode("span",null,e.toDisplayString(t.getOptionLabel(l)),1)])],42,E)):e.createCommentVNode("",!0)],8,L))),128)):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("li",null,[e.createElementVNode("span",k,[e.renderSlot(t.$slots,"noResult",{search:t.search},()=>[e.createTextVNode("No elements found. Consider changing the search query.")])])],512),[[e.vShow,n.showNoResults&&t.filteredOptions.length===0&&t.search&&!n.loading]]),e.withDirectives(e.createElementVNode("li",null,[e.createElementVNode("span",M,[e.renderSlot(t.$slots,"noOptions",{},()=>[e.createTextVNode("List is empty.")])])],512),[[e.vShow,n.showNoOptions&&(t.options.length===0||i.hasOptionGroup===!0&&t.filteredOptions.length===0)&&!t.search&&!n.loading]]),e.renderSlot(t.$slots,"afterList")],12,y)],38),[[e.vShow,t.isOpen]])]),_:3})],42,h)}const O=u.default(m,[["render",B]]);exports.default=O;