@ozdao/prometheus-framework 0.2.198 → 0.2.200

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

@@ -1 +1,121 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");;/* empty css             */const c=require("../../../../_virtual/_plugin-vue_export-helper.cjs"),m={key:0,class:"t-transp mn-r-small"},f={class:"w-100"},v=["type","value","placeholder","tabindex","disabled"],b=["value","placeholder","tabindex","disabled"],y={key:1,class:"t-transp mn-l-small"},x={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,value:null,validation:!1,disabled:null,tabindex:-1},emits:["update:field","focus","blur"],setup(t,{emit:r}){const n=r,d=t;d.value&&n("update:field",d.value);const i=e.ref(null);function u(){var o;i.value&&(i.value.style.height="1rem"),i.value&&(i.value.style.height=((o=i.value)==null?void 0:o.scrollHeight)+"px")}e.onUpdated(()=>{d.type==="textarea"&&e.nextTick(()=>{focus()}),u()}),e.onMounted(()=>{d.type==="textarea"&&e.nextTick(()=>{focus()}),u()});const s=e.ref(d.field);return(o,l)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",{class:e.normalizeClass([[o.$attrs.class,{"bg-fourth-nano":t.validation}],"flex-center flex-nowrap flex"])},[t.label?(e.openBlock(),e.createElementBlock("div",m,[e.createElementVNode("span",null,e.toDisplayString(t.label),1)])):e.createCommentVNode("",!0),e.createElementVNode("div",f,[t.type!=="textarea"?(e.openBlock(),e.createElementBlock("input",{key:0,onInput:l[0]||(l[0]=a=>s.value=n("update:field",a.target.value)),onFocus:l[1]||(l[1]=a=>n("focus",a)),onBlur:l[2]||(l[2]=a=>n("blur",a)),type:t.type,class:"w-100",value:t.field,placeholder:t.placeholder,tabindex:t.tabindex,disabled:t.disabled},null,40,v)):(e.openBlock(),e.createElementBlock("textarea",{key:1,ref_key:"textarea",ref:i,onInput:l[3]||(l[3]=a=>s.value=n("update:field",a.target.value)),onFocus:l[4]||(l[4]=a=>n("focus",a)),onBlur:l[5]||(l[5]=a=>n("blur",a)),class:"w-100",style:{resize:"vertical"},value:t.field,placeholder:t.placeholder,tabindex:t.tabindex,disabled:t.disabled},null,40,b))]),e.renderSlot(o.$slots,"default",{},void 0,!0),t.symbol?(e.openBlock(),e.createElementBlock("div",y,[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",x," * "+e.toDisplayString(t.validation.message),1)):e.createCommentVNode("",!0)]),_:1})],64))}},g=c.default(k,[["__scopeId","data-v-5659d4ce"]]);exports.default=g;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+;/* empty css             */
+const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.cjs");
+const _hoisted_1 = {
+  key: 0,
+  class: "t-transp mn-r-small"
+};
+const _hoisted_2 = { class: "w-100" };
+const _hoisted_3 = ["type", "value", "placeholder", "tabindex", "disabled"];
+const _hoisted_4 = ["value", "placeholder", "tabindex", "disabled"];
+const _hoisted_5 = {
+  key: 1,
+  class: "t-transp mn-l-small"
+};
+const _hoisted_6 = {
+  key: 0,
+  class: "mn-t-thin mn-b-thin mn-b-thin invalid-feedback"
+};
+const _sfc_main = {
+  __name: "Field",
+  props: {
+    label: null,
+    symbol: null,
+    type: "text",
+    placeholder: "Enter something here",
+    field: null,
+    value: null,
+    validation: false,
+    disabled: null,
+    tabindex: -1
+  },
+  emits: ["update:field", "focus", "blur"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const props = __props;
+    if (props.value) {
+      emit("update:field", props.value);
+    }
+    const textarea = vue.ref(null);
+    function resize() {
+      var _a;
+      if (textarea.value) textarea.value.style.height = "1rem";
+      if (textarea.value) textarea.value.style.height = ((_a = textarea.value) == null ? void 0 : _a.scrollHeight) + "px";
+    }
+    vue.onUpdated(() => {
+      if (props.type === "textarea") vue.nextTick(() => {
+        {
+          focus();
+        }
+      });
+      resize();
+    });
+    vue.onMounted(() => {
+      if (props.type === "textarea") vue.nextTick(() => {
+        {
+          focus();
+        }
+      });
+      resize();
+    });
+    const text = vue.ref(props.field);
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+        vue.createElementVNode("div", {
+          class: vue.normalizeClass([[
+            _ctx.$attrs.class,
+            {
+              "bg-fourth-nano": __props.validation
+            }
+          ], "flex-center flex-nowrap flex"])
+        }, [
+          __props.label ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+            vue.createElementVNode("span", null, vue.toDisplayString(__props.label), 1)
+          ])) : vue.createCommentVNode("", true),
+          vue.createElementVNode("div", _hoisted_2, [
+            __props.type !== "textarea" ? (vue.openBlock(), vue.createElementBlock("input", {
+              key: 0,
+              onInput: _cache[0] || (_cache[0] = (event) => text.value = emit("update:field", event.target.value)),
+              onFocus: _cache[1] || (_cache[1] = (event) => emit("focus", event)),
+              onBlur: _cache[2] || (_cache[2] = (event) => emit("blur", event)),
+              type: __props.type,
+              class: "w-100",
+              value: __props.field,
+              placeholder: __props.placeholder,
+              tabindex: __props.tabindex,
+              disabled: __props.disabled
+            }, null, 40, _hoisted_3)) : (vue.openBlock(), vue.createElementBlock("textarea", {
+              key: 1,
+              ref_key: "textarea",
+              ref: textarea,
+              onInput: _cache[3] || (_cache[3] = (event) => text.value = emit("update:field", event.target.value)),
+              onFocus: _cache[4] || (_cache[4] = (event) => emit("focus", event)),
+              onBlur: _cache[5] || (_cache[5] = (event) => emit("blur", event)),
+              class: "w-100",
+              style: { "resize": "vertical" },
+              value: __props.field,
+              placeholder: __props.placeholder,
+              tabindex: __props.tabindex,
+              disabled: __props.disabled
+            }, null, 40, _hoisted_4))
+          ]),
+          vue.renderSlot(_ctx.$slots, "default", {}, void 0, true),
+          __props.symbol ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
+            vue.createElementVNode("span", null, vue.toDisplayString(__props.symbol), 1)
+          ])) : vue.createCommentVNode("", true)
+        ], 2),
+        vue.createVNode(vue.Transition, { name: "fade" }, {
+          default: vue.withCtx(() => [
+            __props.validation ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, " * " + vue.toDisplayString(__props.validation.message), 1)) : vue.createCommentVNode("", true)
+          ]),
+          _: 1
+        })
+      ], 64);
+    };
+  }
+};
+const Field = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-5659d4ce"]]);
+exports.default = Field;
+//# sourceMappingURL=Field.vue.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Field.vue.cjs","sources":["../../../../../src/components/Field/Field.vue"],"sourcesContent":["<script setup>\n  import { ref, computed, onUpdated, onMounted, nextTick } from 'vue'\n\n  const emit = defineEmits(['update:field', 'focus', 'blur']);\n\n  const props = defineProps({\n    label: null,\n    symbol: null,\n    type: 'text',\n    placeholder: 'Enter something here',\n    field: null,\n    value: null,\n    validation: false,\n    disabled: null,\n    tabindex: -1\n  });\n\n  if (props.value) {\n    emit('update:field', props.value)\n  }\n\n  const textarea = ref(null);\n\n  function resize() {\n    if (textarea.value) textarea.value.style.height = \"1rem\";\n    if (textarea.value) textarea.value.style.height = textarea.value?.scrollHeight + \"px\";\n  }\n\n\n  onUpdated(() => {\n   if (props.type === 'textarea') nextTick(() => {  { focus()} })\n    resize()\n  });\n\n  onMounted(() => {\n    if (props.type === 'textarea') nextTick(() => {  { focus()} })\n    resize()\n  });\n\n  const text = ref(props.field);\n</script>\n\n<template>\n  <div \n    :class=\"[\n      $attrs.class, \n      { \n        'bg-fourth-nano': validation \n      }\n    ]\" \n    class=\"flex-center flex-nowrap flex\"\n  >\n    <div \n      v-if=\"label\" \n      class=\"t-transp mn-r-small\"\n    >\n      <span>\n        {{label}}\n      </span>\n    </div>\n\n    <div class=\"w-100\">\n      <input \n        v-if=\"type !== 'textarea'\"\n        @input=\"event => text = emit('update:field', event.target.value)\"\n        @focus=\"event => emit('focus', event)\"\n        @blur=\"event => emit('blur', event)\"\n        :type=\"type\"\n        class=\"w-100\"\n        :value=\"field\"\n        :placeholder=\"placeholder\"\n        :tabindex=\"tabindex\"\n        :disabled=\"disabled\"\n      />\n      <textarea \n        v-else\n        ref=\"textarea\"\n        @input=\"event => text = emit('update:field', event.target.value)\"\n        @focus=\"event => emit('focus', event)\"\n        @blur=\"event => emit('blur', event)\"\n        class=\"w-100\"\n        style=\"resize: vertical;\"\n        :value=\"field\"\n        :placeholder=\"placeholder\"\n        :tabindex=\"tabindex\"\n         :disabled=\"disabled\"\n      />\n    </div> \n\n    <slot></slot>\n\n    <div \n      v-if=\"symbol\" \n      class=\"t-transp mn-l-small\"\n    >\n      <span>\n        {{symbol}}\n      </span>\n    </div>\n  </div>\n\n  <!-- Validation -->\n  <transition name=\"fade\">\n    <div v-if=\"validation\" class=\"mn-t-thin mn-b-thin mn-b-thin invalid-feedback\">\n      * {{validation.message}}\n    </div>\n  </transition>\n</template>\n\n<style lang=\"scss\" scoped>\n  input, textarea, span {\n    line-height: 1;\n    color: inherit;\n  }\n</style>"],"names":["ref","onUpdated","nextTick","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGE,UAAM,OAAO;AAEb,UAAM,QAAQ;AAYd,QAAI,MAAM,OAAO;AACf,WAAK,gBAAgB,MAAM,KAAK;AAAA,IACjC;AAED,UAAM,WAAWA,QAAI,IAAI;AAEzB,aAAS,SAAS;;AAChB,UAAI,SAAS,MAAO,UAAS,MAAM,MAAM,SAAS;AAClD,UAAI,SAAS,MAAO,UAAS,MAAM,MAAM,WAAS,cAAS,UAAT,mBAAgB,gBAAe;AAAA,IAClF;AAGDC,QAAAA,UAAU,MAAM;AACf,UAAI,MAAM,SAAS,WAAYC,KAAAA,SAAS,MAAM;AAAG;AAAE,gBAAO;AAAA,QAAA;AAAA,OAAG;AAC5D,aAAQ;AAAA,IACZ,CAAG;AAEDC,QAAAA,UAAU,MAAM;AACd,UAAI,MAAM,SAAS,WAAYD,KAAAA,SAAS,MAAM;AAAG;AAAE,gBAAO;AAAA,QAAA;AAAA,OAAG;AAC7D,aAAQ;AAAA,IACZ,CAAG;AAED,UAAM,OAAOF,IAAAA,IAAI,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,16 +1,22 @@
-import { ref as b, onUpdated as y, nextTick as c, onMounted as h, openBlock as i, createElementBlock as d, Fragment as g, createElementVNode as o, normalizeClass as k, toDisplayString as r, createCommentVNode as f, renderSlot as p, createVNode as w, Transition as F, withCtx as B } from "vue";
+import { ref, onUpdated, nextTick, onMounted, openBlock, createElementBlock, Fragment, createElementVNode, normalizeClass, toDisplayString, createCommentVNode, renderSlot, createVNode, Transition, withCtx } from "vue";
 /* empty css           */
-import z from "../../../../_virtual/_plugin-vue_export-helper.js";
-const C = {
+import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
+const _hoisted_1 = {
   key: 0,
   class: "t-transp mn-r-small"
-}, E = { class: "w-100" }, I = ["type", "value", "placeholder", "tabindex", "disabled"], N = ["value", "placeholder", "tabindex", "disabled"], V = {
+};
+const _hoisted_2 = { class: "w-100" };
+const _hoisted_3 = ["type", "value", "placeholder", "tabindex", "disabled"];
+const _hoisted_4 = ["value", "placeholder", "tabindex", "disabled"];
+const _hoisted_5 = {
   key: 1,
   class: "t-transp mn-l-small"
-}, S = {
+};
+const _hoisted_6 = {
   key: 0,
   class: "mn-t-thin mn-b-thin mn-b-thin invalid-feedback"
-}, T = {
+};
+const _sfc_main = {
   __name: "Field",
   props: {
     label: null,
@@ -19,82 +25,97 @@ const C = {
     placeholder: "Enter something here",
     field: null,
     value: null,
-    validation: !1,
+    validation: false,
     disabled: null,
     tabindex: -1
   },
   emits: ["update:field", "focus", "blur"],
-  setup(e, { emit: x }) {
-    const a = x, s = e;
-    s.value && a("update:field", s.value);
-    const n = b(null);
-    function m() {
-      var u;
-      n.value && (n.value.style.height = "1rem"), n.value && (n.value.style.height = ((u = n.value) == null ? void 0 : u.scrollHeight) + "px");
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const props = __props;
+    if (props.value) {
+      emit("update:field", props.value);
     }
-    y(() => {
-      s.type === "textarea" && c(() => {
-        focus();
-      }), m();
-    }), h(() => {
-      s.type === "textarea" && c(() => {
-        focus();
-      }), m();
+    const textarea = ref(null);
+    function resize() {
+      var _a;
+      if (textarea.value) textarea.value.style.height = "1rem";
+      if (textarea.value) textarea.value.style.height = ((_a = textarea.value) == null ? void 0 : _a.scrollHeight) + "px";
+    }
+    onUpdated(() => {
+      if (props.type === "textarea") nextTick(() => {
+        {
+          focus();
+        }
+      });
+      resize();
+    });
+    onMounted(() => {
+      if (props.type === "textarea") nextTick(() => {
+        {
+          focus();
+        }
+      });
+      resize();
     });
-    const v = b(s.field);
-    return (u, l) => (i(), d(g, null, [
-      o("div", {
-        class: k([[
-          u.$attrs.class,
-          {
-            "bg-fourth-nano": e.validation
-          }
-        ], "flex-center flex-nowrap flex"])
-      }, [
-        e.label ? (i(), d("div", C, [
-          o("span", null, r(e.label), 1)
-        ])) : f("", !0),
-        o("div", E, [
-          e.type !== "textarea" ? (i(), d("input", {
-            key: 0,
-            onInput: l[0] || (l[0] = (t) => v.value = a("update:field", t.target.value)),
-            onFocus: l[1] || (l[1] = (t) => a("focus", t)),
-            onBlur: l[2] || (l[2] = (t) => a("blur", t)),
-            type: e.type,
-            class: "w-100",
-            value: e.field,
-            placeholder: e.placeholder,
-            tabindex: e.tabindex,
-            disabled: e.disabled
-          }, null, 40, I)) : (i(), d("textarea", {
-            key: 1,
-            ref_key: "textarea",
-            ref: n,
-            onInput: l[3] || (l[3] = (t) => v.value = a("update:field", t.target.value)),
-            onFocus: l[4] || (l[4] = (t) => a("focus", t)),
-            onBlur: l[5] || (l[5] = (t) => a("blur", t)),
-            class: "w-100",
-            style: { resize: "vertical" },
-            value: e.field,
-            placeholder: e.placeholder,
-            tabindex: e.tabindex,
-            disabled: e.disabled
-          }, null, 40, N))
-        ]),
-        p(u.$slots, "default", {}, void 0, !0),
-        e.symbol ? (i(), d("div", V, [
-          o("span", null, r(e.symbol), 1)
-        ])) : f("", !0)
-      ], 2),
-      w(F, { name: "fade" }, {
-        default: B(() => [
-          e.validation ? (i(), d("div", S, " * " + r(e.validation.message), 1)) : f("", !0)
-        ]),
-        _: 1
-      })
-    ], 64));
+    const text = ref(props.field);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createElementVNode("div", {
+          class: normalizeClass([[
+            _ctx.$attrs.class,
+            {
+              "bg-fourth-nano": __props.validation
+            }
+          ], "flex-center flex-nowrap flex"])
+        }, [
+          __props.label ? (openBlock(), createElementBlock("div", _hoisted_1, [
+            createElementVNode("span", null, toDisplayString(__props.label), 1)
+          ])) : createCommentVNode("", true),
+          createElementVNode("div", _hoisted_2, [
+            __props.type !== "textarea" ? (openBlock(), createElementBlock("input", {
+              key: 0,
+              onInput: _cache[0] || (_cache[0] = (event) => text.value = emit("update:field", event.target.value)),
+              onFocus: _cache[1] || (_cache[1] = (event) => emit("focus", event)),
+              onBlur: _cache[2] || (_cache[2] = (event) => emit("blur", event)),
+              type: __props.type,
+              class: "w-100",
+              value: __props.field,
+              placeholder: __props.placeholder,
+              tabindex: __props.tabindex,
+              disabled: __props.disabled
+            }, null, 40, _hoisted_3)) : (openBlock(), createElementBlock("textarea", {
+              key: 1,
+              ref_key: "textarea",
+              ref: textarea,
+              onInput: _cache[3] || (_cache[3] = (event) => text.value = emit("update:field", event.target.value)),
+              onFocus: _cache[4] || (_cache[4] = (event) => emit("focus", event)),
+              onBlur: _cache[5] || (_cache[5] = (event) => emit("blur", event)),
+              class: "w-100",
+              style: { "resize": "vertical" },
+              value: __props.field,
+              placeholder: __props.placeholder,
+              tabindex: __props.tabindex,
+              disabled: __props.disabled
+            }, null, 40, _hoisted_4))
+          ]),
+          renderSlot(_ctx.$slots, "default", {}, void 0, true),
+          __props.symbol ? (openBlock(), createElementBlock("div", _hoisted_5, [
+            createElementVNode("span", null, toDisplayString(__props.symbol), 1)
+          ])) : createCommentVNode("", true)
+        ], 2),
+        createVNode(Transition, { name: "fade" }, {
+          default: withCtx(() => [
+            __props.validation ? (openBlock(), createElementBlock("div", _hoisted_6, " * " + toDisplayString(__props.validation.message), 1)) : createCommentVNode("", true)
+          ]),
+          _: 1
+        })
+      ], 64);
+    };
   }
-}, M = /* @__PURE__ */ z(T, [["__scopeId", "data-v-5659d4ce"]]);
+};
+const Field = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5659d4ce"]]);
 export {
-  M as default
+  Field as default
 };
+//# sourceMappingURL=Field.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Field.vue.js","sources":["../../../../../src/components/Field/Field.vue"],"sourcesContent":["<script setup>\n  import { ref, computed, onUpdated, onMounted, nextTick } from 'vue'\n\n  const emit = defineEmits(['update:field', 'focus', 'blur']);\n\n  const props = defineProps({\n    label: null,\n    symbol: null,\n    type: 'text',\n    placeholder: 'Enter something here',\n    field: null,\n    value: null,\n    validation: false,\n    disabled: null,\n    tabindex: -1\n  });\n\n  if (props.value) {\n    emit('update:field', props.value)\n  }\n\n  const textarea = ref(null);\n\n  function resize() {\n    if (textarea.value) textarea.value.style.height = \"1rem\";\n    if (textarea.value) textarea.value.style.height = textarea.value?.scrollHeight + \"px\";\n  }\n\n\n  onUpdated(() => {\n   if (props.type === 'textarea') nextTick(() => {  { focus()} })\n    resize()\n  });\n\n  onMounted(() => {\n    if (props.type === 'textarea') nextTick(() => {  { focus()} })\n    resize()\n  });\n\n  const text = ref(props.field);\n</script>\n\n<template>\n  <div \n    :class=\"[\n      $attrs.class, \n      { \n        'bg-fourth-nano': validation \n      }\n    ]\" \n    class=\"flex-center flex-nowrap flex\"\n  >\n    <div \n      v-if=\"label\" \n      class=\"t-transp mn-r-small\"\n    >\n      <span>\n        {{label}}\n      </span>\n    </div>\n\n    <div class=\"w-100\">\n      <input \n        v-if=\"type !== 'textarea'\"\n        @input=\"event => text = emit('update:field', event.target.value)\"\n        @focus=\"event => emit('focus', event)\"\n        @blur=\"event => emit('blur', event)\"\n        :type=\"type\"\n        class=\"w-100\"\n        :value=\"field\"\n        :placeholder=\"placeholder\"\n        :tabindex=\"tabindex\"\n        :disabled=\"disabled\"\n      />\n      <textarea \n        v-else\n        ref=\"textarea\"\n        @input=\"event => text = emit('update:field', event.target.value)\"\n        @focus=\"event => emit('focus', event)\"\n        @blur=\"event => emit('blur', event)\"\n        class=\"w-100\"\n        style=\"resize: vertical;\"\n        :value=\"field\"\n        :placeholder=\"placeholder\"\n        :tabindex=\"tabindex\"\n         :disabled=\"disabled\"\n      />\n    </div> \n\n    <slot></slot>\n\n    <div \n      v-if=\"symbol\" \n      class=\"t-transp mn-l-small\"\n    >\n      <span>\n        {{symbol}}\n      </span>\n    </div>\n  </div>\n\n  <!-- Validation -->\n  <transition name=\"fade\">\n    <div v-if=\"validation\" class=\"mn-t-thin mn-b-thin mn-b-thin invalid-feedback\">\n      * {{validation.message}}\n    </div>\n  </transition>\n</template>\n\n<style lang=\"scss\" scoped>\n  input, textarea, span {\n    line-height: 1;\n    color: inherit;\n  }\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGE,UAAM,OAAO;AAEb,UAAM,QAAQ;AAYd,QAAI,MAAM,OAAO;AACf,WAAK,gBAAgB,MAAM,KAAK;AAAA,IACjC;AAED,UAAM,WAAW,IAAI,IAAI;AAEzB,aAAS,SAAS;;AAChB,UAAI,SAAS,MAAO,UAAS,MAAM,MAAM,SAAS;AAClD,UAAI,SAAS,MAAO,UAAS,MAAM,MAAM,WAAS,cAAS,UAAT,mBAAgB,gBAAe;AAAA,IAClF;AAGD,cAAU,MAAM;AACf,UAAI,MAAM,SAAS,WAAY,UAAS,MAAM;AAAG;AAAE,gBAAO;AAAA,QAAA;AAAA,OAAG;AAC5D,aAAQ;AAAA,IACZ,CAAG;AAED,cAAU,MAAM;AACd,UAAI,MAAM,SAAS,WAAY,UAAS,MAAM;AAAG;AAAE,gBAAO;AAAA,QAAA;AAAA,OAAG;AAC7D,aAAQ;AAAA,IACZ,CAAG;AAED,UAAM,OAAO,IAAI,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1 +1,152 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),w=require("../Field/Field.vue2.cjs"),k=require("../../modules/icons/navigation/IconArrow.vue.cjs"),B=require("vue-i18n"),S={class:"pd-thin radius-extra flex-nowrap flex"},F={__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(r,{emit:y}){const t=r,{t:N,locale:s}=B.useI18n();let o=e.ref(0),a=e.ref(t.input),f=e.ref(t.placeholder),i=e.ref(t.enableTyping),p=e.ref(null),d=e.ref(""),c=e.ref(!0),v=null;const m=y;function b(){m("action")}function T(n){m("update:input",n),d.value=n}function g(){o.value=(o.value+1)%t.placeholderTexts[s.value].length}function I(){i.value=!1,clearInterval(p.value),f.value=t.placeholder,d.value||(a.value="")}function x(){!d.value&&t.enableTyping&&(i.value=!0,f.value="",h())}function h(){let n=t.placeholderTexts[s.value][o.value],l=0,u=!1;v=setInterval(()=>{c.value=!c.value},200),p.value=setInterval(()=>{i.value&&(u?(a.value=a.value.slice(0,-1),a.value=n.substring(0,l)+(c.value&&l%2?"|":""),l--):(a.value=n.substring(0,l)+(c.value&&l%2?"|":""),l++),l>n.length&&t.loopTyping&&setTimeout(()=>{u=!0,a.value=n.substring(0,l)},333),l===0&&u&&(u=!1,g(),n=t.placeholderTexts[s.value][o.value]))},t.typingSpeed)}return e.onMounted(()=>{t.enableTyping&&h()}),e.watchEffect(()=>{i.value||(clearInterval(p.value),clearInterval(v))}),(n,l)=>(e.openBlock(),e.createElementBlock("div",S,[e.createVNode(w.default,{field:e.unref(a),"onUpdate:field":[l[0]||(l[0]=u=>e.isRef(a)?a.value=u:a=u),T],placeholder:e.unref(i)?"":r.placeholder,onInput:g,onFocus:I,onBlur:x,class:"w-100 p-medium t-regular uppercase pd-small"},null,8,["field","placeholder"]),r.action?(e.openBlock(),e.createElementBlock("button",{key:0,onClick:b,class:"t-nowrap t-medium radius-big uppercase cursor-pointer flex flex-v-center pd-r-small pd-l-small w-max hover-bg-fifth t-semi transition-linear transition-timing-1 t-black bg-main"},[e.createElementVNode("span",null,e.toDisplayString(r.action),1),e.createVNode(k.default,{class:"mn-l-thin radius-extra bg-white i-medium"})])):e.createCommentVNode("",!0)]))}};exports.default=F;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const Field = require("../Field/Field.vue.cjs");
+const IconArrow = require("../../modules/icons/navigation/IconArrow.vue.cjs");
+const vueI18n = require("vue-i18n");
+const _hoisted_1 = { class: "pd-thin radius-extra flex-nowrap flex" };
+const _sfc_main = {
+  __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: false
+    },
+    enableTyping: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["update:input", "action"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const { t, locale } = vueI18n.useI18n();
+    let placeholderIndex = vue.ref(0);
+    let inputField = vue.ref(props.input);
+    let inputPlaceholder = vue.ref(props.placeholder);
+    let typing = vue.ref(props.enableTyping);
+    let typeInterval = vue.ref(null);
+    let userText = vue.ref("");
+    let cursorVisible = vue.ref(true);
+    let cursorInterval = null;
+    const emit = __emit;
+    function emitAction() {
+      emit("action");
+    }
+    function updateInput(event) {
+      emit("update:input", event);
+      userText.value = event;
+    }
+    function handleInput() {
+      placeholderIndex.value = (placeholderIndex.value + 1) % props.placeholderTexts[locale.value].length;
+    }
+    function handleFocus() {
+      typing.value = false;
+      clearInterval(typeInterval.value);
+      inputPlaceholder.value = props.placeholder;
+      if (!userText.value) {
+        inputField.value = "";
+      }
+    }
+    function checkInput() {
+      if (!userText.value && props.enableTyping) {
+        typing.value = true;
+        inputPlaceholder.value = "";
+        startTyping();
+      }
+    }
+    function startTyping() {
+      let placeholderText = props.placeholderTexts[locale.value][placeholderIndex.value];
+      let i = 0;
+      let typingBackwards = false;
+      cursorInterval = setInterval(() => {
+        cursorVisible.value = !cursorVisible.value;
+      }, 200);
+      typeInterval.value = setInterval(() => {
+        if (typing.value) {
+          if (!typingBackwards) {
+            inputField.value = placeholderText.substring(0, i) + (cursorVisible.value && i % 2 ? "|" : "");
+            i++;
+          } else {
+            inputField.value = inputField.value.slice(0, -1);
+            inputField.value = placeholderText.substring(0, i) + (cursorVisible.value && i % 2 ? "|" : "");
+            i--;
+          }
+          if (i > placeholderText.length && props.loopTyping) {
+            setTimeout(() => {
+              typingBackwards = true;
+              inputField.value = placeholderText.substring(0, i);
+            }, 333);
+          }
+          if (i === 0 && typingBackwards) {
+            typingBackwards = false;
+            handleInput();
+            placeholderText = props.placeholderTexts[locale.value][placeholderIndex.value];
+          }
+        }
+      }, props.typingSpeed);
+    }
+    vue.onMounted(() => {
+      if (props.enableTyping) startTyping();
+    });
+    vue.watchEffect(() => {
+      if (!typing.value) {
+        clearInterval(typeInterval.value);
+        clearInterval(cursorInterval);
+      }
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createVNode(Field.default, {
+          field: vue.unref(inputField),
+          "onUpdate:field": [
+            _cache[0] || (_cache[0] = ($event) => vue.isRef(inputField) ? inputField.value = $event : inputField = $event),
+            updateInput
+          ],
+          placeholder: vue.unref(typing) ? "" : __props.placeholder,
+          onInput: handleInput,
+          onFocus: handleFocus,
+          onBlur: checkInput,
+          class: "w-100 p-medium t-regular uppercase pd-small"
+        }, null, 8, ["field", "placeholder"]),
+        __props.action ? (vue.openBlock(), vue.createElementBlock("button", {
+          key: 0,
+          onClick: emitAction,
+          class: "t-nowrap t-medium radius-big uppercase cursor-pointer flex flex-v-center pd-r-small pd-l-small w-max hover-bg-fifth t-semi transition-linear transition-timing-1 t-black bg-main"
+        }, [
+          vue.createElementVNode("span", null, vue.toDisplayString(__props.action), 1),
+          vue.createVNode(IconArrow.default, { class: "mn-l-thin radius-extra bg-white i-medium" })
+        ])) : vue.createCommentVNode("", true)
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=FieldBig.vue.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FieldBig.vue.cjs","sources":["../../../../../src/components/FieldBig/FieldBig.vue"],"sourcesContent":["<template>\n  <div class=\"pd-thin radius-extra flex-nowrap flex\">\n    <Field\n      v-model:field=\"inputField\"\n      @update:field=\"updateInput\"\n      :placeholder=\"typing ? '' : placeholder\"\n      @input=\"handleInput\"\n      @focus=\"handleFocus\"\n      @blur=\"checkInput\"\n      class=\"w-100 p-medium t-regular uppercase pd-small\"\n    />\n    <button\n      v-if=\"action\" \n      @click=\"emitAction\" \n      class=\"t-nowrap t-medium radius-big uppercase cursor-pointer flex flex-v-center pd-r-small pd-l-small w-max hover-bg-fifth t-semi transition-linear transition-timing-1 t-black bg-main\" \n    >\n      <span>{{action}}</span>\n      <IconArrow class=\"mn-l-thin radius-extra bg-white i-medium\"/>\n    \n  \n    </button>\n  </div>\n</template>\n\n<script setup=\"props\">\n  import { ref, watchEffect, onMounted } from 'vue'\n  import Field from '@pf/src/components/Field/Field.vue'\n  import IconArrow from '@pf/src/modules/icons/navigation/IconArrow.vue'\n  import { useI18n } from 'vue-i18n'\n\n  const props = defineProps({\n    input: String,\n    placeholder: {\n      type: String\n    },\n    action: {\n      type: String,\n      default: 'Action'\n    },\n    placeholderTexts: {\n      type: Object,\n      default: () => ({\n        en: [\n          'Lowest THC, please!',\n          'Something with banana flavors?',\n          \"I'm in the mood for trippy vibes.\"\n        ],\n        ru: [\n          'Я хочу самый низкий THC',\n          'Я хочу чего-нибудь бананового',\n          'Я хочу курнуть хейза'\n        ],\n      })\n    },\n    typingSpeed: {\n      type: Number,\n      default: 200\n    },\n    loopTyping: {\n      type: Boolean,\n      default: false\n    },\n    enableTyping: {\n      type: Boolean,\n      default: false\n    }\n  });\n\n  const { t, locale } = useI18n()\n\n  let placeholderIndex = ref(0)\n\n  let inputField = ref(props.input)\n  let inputPlaceholder = ref(props.placeholder)\n  let typing = ref(props.enableTyping)\n  let typeInterval = ref(null)\n  let userText = ref('') // Stores user input\n  let cursorVisible = ref(true)\n  let cursorInterval = null\n\n  const emit = defineEmits(['update:input',  'action']);\n\n  function emitAction() {\n    emit('action')\n  }\n  \n  function updateInput(event) {\n     emit('update:input', event)\n     userText.value = event // Stores user input\n  }\n\n  function handleInput() {\n    placeholderIndex.value = (placeholderIndex.value + 1) % props.placeholderTexts[locale.value].length\n  }\n\n  function handleFocus() {\n    typing.value = false\n\n    clearInterval(typeInterval.value)\n\n    inputPlaceholder.value = props.placeholder\n\n    if (!userText.value) {\n      inputField.value = ''\n    }\n  }\n\n  function checkInput() {\n    if (!userText.value && props.enableTyping) {\n      typing.value = true\n      inputPlaceholder.value = ''\n      startTyping()\n    }\n  }\n\n  function startTyping() {\n    let placeholderText = props.placeholderTexts[locale.value][placeholderIndex.value]\n    let i = 0\n    let typingBackwards = false\n  \n    // Start the cursor blinking\n    cursorInterval = setInterval(() => {\n      cursorVisible.value = !cursorVisible.value\n    }, 200)\n\n    typeInterval.value = setInterval(() => {\n      if (typing.value) {\n        if (!typingBackwards) {\n          inputField.value = placeholderText.substring(0, i) + (cursorVisible.value && i % 2 ? '|' : '')\n          i++\n        } else {\n          inputField.value = inputField.value.slice(0, -1)\n          inputField.value = placeholderText.substring(0, i) + (cursorVisible.value && i % 2 ? '|' : '')\n          i--\n        }\n\n        if (i > placeholderText.length && props.loopTyping) {\n          setTimeout(() => {\n            typingBackwards = true\n            inputField.value = placeholderText.substring(0, i)\n          }, 333)\n        }\n\n        if (i === 0 && typingBackwards) {\n          typingBackwards = false\n          handleInput()\n          placeholderText = props.placeholderTexts[locale.value][placeholderIndex.value]\n        }\n      }\n    }, props.typingSpeed)\n  }\n\n\n  onMounted(() => {\n    if (props.enableTyping) startTyping()\n  })\n\n  watchEffect(() => {\n    if (!typing.value) {\n      clearInterval(typeInterval.value)\n      clearInterval(cursorInterval)\n    }\n  })\n</script>\n\n<style lang=\"scss\">\n</style>"],"names":["useI18n","ref","onMounted","watchEffect"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BE,UAAM,QAAQ;AAsCd,UAAM,EAAE,GAAG,OAAQ,IAAGA,gBAAS;AAE/B,QAAI,mBAAmBC,IAAG,IAAC,CAAC;AAE5B,QAAI,aAAaA,IAAAA,IAAI,MAAM,KAAK;AAChC,QAAI,mBAAmBA,IAAAA,IAAI,MAAM,WAAW;AAC5C,QAAI,SAASA,IAAAA,IAAI,MAAM,YAAY;AACnC,QAAI,eAAeA,IAAG,IAAC,IAAI;AAC3B,QAAI,WAAWA,IAAG,IAAC,EAAE;AACrB,QAAI,gBAAgBA,IAAG,IAAC,IAAI;AAC5B,QAAI,iBAAiB;AAErB,UAAM,OAAO;AAEb,aAAS,aAAa;AACpB,WAAK,QAAQ;AAAA,IACd;AAED,aAAS,YAAY,OAAO;AACzB,WAAK,gBAAgB,KAAK;AAC1B,eAAS,QAAQ;AAAA,IACnB;AAED,aAAS,cAAc;AACrB,uBAAiB,SAAS,iBAAiB,QAAQ,KAAK,MAAM,iBAAiB,OAAO,KAAK,EAAE;AAAA,IAC9F;AAED,aAAS,cAAc;AACrB,aAAO,QAAQ;AAEf,oBAAc,aAAa,KAAK;AAEhC,uBAAiB,QAAQ,MAAM;AAE/B,UAAI,CAAC,SAAS,OAAO;AACnB,mBAAW,QAAQ;AAAA,MACpB;AAAA,IACF;AAED,aAAS,aAAa;AACpB,UAAI,CAAC,SAAS,SAAS,MAAM,cAAc;AACzC,eAAO,QAAQ;AACf,yBAAiB,QAAQ;AACzB,oBAAa;AAAA,MACd;AAAA,IACF;AAED,aAAS,cAAc;AACrB,UAAI,kBAAkB,MAAM,iBAAiB,OAAO,KAAK,EAAE,iBAAiB,KAAK;AACjF,UAAI,IAAI;AACR,UAAI,kBAAkB;AAGtB,uBAAiB,YAAY,MAAM;AACjC,sBAAc,QAAQ,CAAC,cAAc;AAAA,MACtC,GAAE,GAAG;AAEN,mBAAa,QAAQ,YAAY,MAAM;AACrC,YAAI,OAAO,OAAO;AAChB,cAAI,CAAC,iBAAiB;AACpB,uBAAW,QAAQ,gBAAgB,UAAU,GAAG,CAAC,KAAK,cAAc,SAAS,IAAI,IAAI,MAAM;AAC3F;AAAA,UACV,OAAe;AACL,uBAAW,QAAQ,WAAW,MAAM,MAAM,GAAG,EAAE;AAC/C,uBAAW,QAAQ,gBAAgB,UAAU,GAAG,CAAC,KAAK,cAAc,SAAS,IAAI,IAAI,MAAM;AAC3F;AAAA,UACD;AAED,cAAI,IAAI,gBAAgB,UAAU,MAAM,YAAY;AAClD,uBAAW,MAAM;AACf,gCAAkB;AAClB,yBAAW,QAAQ,gBAAgB,UAAU,GAAG,CAAC;AAAA,YAClD,GAAE,GAAG;AAAA,UACP;AAED,cAAI,MAAM,KAAK,iBAAiB;AAC9B,8BAAkB;AAClB,wBAAa;AACb,8BAAkB,MAAM,iBAAiB,OAAO,KAAK,EAAE,iBAAiB,KAAK;AAAA,UAC9E;AAAA,QACF;AAAA,MACP,GAAO,MAAM,WAAW;AAAA,IACrB;AAGDC,QAAAA,UAAU,MAAM;AACd,UAAI,MAAM,aAAc,aAAa;AAAA,IACzC,CAAG;AAEDC,QAAAA,YAAY,MAAM;AAChB,UAAI,CAAC,OAAO,OAAO;AACjB,sBAAc,aAAa,KAAK;AAChC,sBAAc,cAAc;AAAA,MAC7B;AAAA,IACL,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}