@ozdao/martyrs 0.2.482 → 0.2.483

package/dist/martyrs/src/components/Button/{Button.vue2.cjs → Button.vue.cjs}

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const Loader = require("../Loader/Loader.vue2.cjs");
-;/* empty css             */
+;/* empty css              */
 const _hoisted_1 = ["disabled"];
 const _hoisted_2 = {
   key: 2,
@@ -128,4 +128,4 @@ const _sfc_main = {
   }
 };
 exports.default = _sfc_main;
-//# sourceMappingURL=Button.vue2.cjs.map
+//# sourceMappingURL=Button.vue.cjs.map

package/dist/martyrs/src/components/Button/{Button.vue2.js.map → Button.vue.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Button.vue2.js","sources":["../../../../../src/components/Button/Button.vue"],"sourcesContent":["<script setup>\n\timport { ref } from 'vue'\n\n\timport Loader from '@martyrs/src/components/Loader/Loader.vue'\n\n\tconst props = defineProps({\n\t\tsubmit: {\n\t\t\ttype: Function,\n\t\t\tdefault: async () => { console.log('Button click.') }\n\t\t},\n\t\ttext: {\n\t\t\ttype: Object,\n\t\t\tdefault: (textComponent) => {\n\t\t\t\treturn textComponent = {\n\t\t\t\t\t...textComponent.text,\n\t\t\t\t\tsuccess: '✔',\n\t\t\t\t\terror: '✖'\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\tcounter: {\n\t    type: Object\n\t  },\n\t\tcallback: {\n\t\t\ttype: Function,\n\t\t\tdefault: async () => { console.log('Button callback.') }\n\t\t},\n\t\tcallbackDelay: {\n\t\t\ttype: Number,\n\t\t\tdefault: 750\n\t\t},\n\t\tshowSucces: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true\n\t\t},\n\t\tshowLoader: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true\n\t\t},\n\t\tvalidation: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t},\n\t})\t\n\n\tconst emits = defineEmits(['error'])\n\n\tconst button = ref(null);\n\tconst error = ref(null);\n\tconst loading = ref(false);\n\tconst finished = ref(false);\n\n\tasync function Submit() {\n\t\t\tconsole.log('click')\n\t\t\t\n\t    button.value.style['pointer-events'] = 'none';\n\t    error.value = null;\n\t    loading.value = true;\n\n\t    // Функция для сброса состояния кнопки.\n\t    const resetButton = () => {\n        if (button.value) {\n          // button.value.classList.replace('bg-second', 'bg-main');\n          button.value.style.pointerEvents = 'auto';\n          loading.value = false;\n          finished.value = false;\n          error.value = null;\n        }\n\t    };\n\n\t    try {\n        await props.submit();\n\n        button.value.classList.replace('bg-main', 'bg-second');\n\n        loading.value = false;\n\n        // Используем функцию сброса состояния кнопки здесь.\n        if (props.showSucces) { \n\t\t\t\t\tfinished.value = true;\n          setTimeout(resetButton, 500);\n        } else {\n          resetButton();\n        }\n\n        // Если есть callback, мы также установим таймер для его вызова.\n        if (props.callback) setTimeout(() => props.callback(), props.callbackDelay);\n\n\t    } catch (err) {\n    \t\temits('error',err)\n        // Если возникла ошибка, мы изменяем стили и устанавливаем сообщение об ошибке.\n        button.value.classList.replace('bg-main', 'bg-fourth-nano');\n        error.value = props.error;\n        \n        // После задержки снова сбрасываем состояние кнопки.\n        setTimeout(() => {\n          resetButton();\n          // Так как класс кнопки был изменен, вернем его в исходное состояние.\n          button.value.classList.replace('bg-fourth-nano', 'bg-main');\n        }, 1330);\n\t    }\n\t}\n\n</script>\n\n<template>\n\t<button @click.stop=\"Submit\" :disabled=\"validation\" ref=\"button\" class=\"button\">\n\t\t<transition name=\"FromTop\" >\n\t\t\t<!-- Slot -->\n\t\t\t<template v-if=\"!loading && !error && !finished || !showLoader\"><slot></slot></template>\n\t\t\t<!-- Loading Circle Animation -->\n\t\t\t<template v-else-if=\"loading && !error && showLoader\"><Loader  class=\"pos-relative pos-t-0 pos-l-0 loading\"/></template>\n\t\t\t<!-- <Loader v-else-if=\"loading && !error && showLoader\"/> -->\n\t\t\t<!-- Success -->\n\t\t\t<span v-else-if=\"finished && showSucces\" class=\"t-semi t-center w-100  loading t-black\">{{text.success}}</span>\n\t\t\t<!-- Error if not finished -->\n\t\t\t<span v-else-if=\"error\" class=\"t-center w-100 error\">{{ error }}</span>\n\t\t</transition>\n\t\t<!-- Counter -->\n\t\t<div v-if=\"counter\" class=\"button-counter flex-center\"><span>{{counter}}</span></div> \n\n\t</button> \n</template>\n\n\n<style lang=\"scss\">\n\t.FromTop-enter-active,\n\t.FromTop-leave-active {\n\t\ttransform: translateY(0);\n\t\topacity: 1;\n\t\ttransition: all 0.5s ease; \n\t\t\n\t}\n\t.FromTop-enter-from,\n\t.FromTop-leave-to {\n\t\tposition: absolute;\n\t\ttransform: translateY(-1rem);\n\t\topacity: 0;\n\t\ttransition: all 0.5s ease;\n\t}\n\n\tbutton[disabled] {\n\t\topacity: 0.75  !important;\n\t \tpointer-events: none  !important;\n\t \tcursor: default  !important;\n\t \tcolor: rgba(var(--dark), 0.33)  !important;\n\t\tbackground: rgba(var(--light), 1) !important; \n\t}\n\n\ta.button {\n\t\t\ttext-box: trim-both cap alphabetic;\n\t}\n\n\t.button {\n\t\tdisplay: flex;\n\n\t\tpadding: 0.5rem;\n\t\tborder-radius: 3rem;\n\t\ttext-box: trim-both cap alphabetic;\n\n\t\ttransform: scale(1);\n\t\topacity: 1;\n\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\t\n\t\tcolor: black;\n\t\ttext-align: center;\n\t\ttext-transform: uppercase;\n\t\tfont-size: 1rem;\n\t\tletter-spacing: 5%;\n\n\t\ttransition: all 0.33s ease;\n\t \n\t\t&:hover {\n\t\t\tcursor: pointer;\n\t\t\topacity: 0.9;\n\t\t}\n\n\t\t&:active {\n\t\t\ttransform: scale(0.95);\n\t\t}\n\n\t\t&-small {\n\t\t\tpadding: 0.75rem;\n\t\t\tborder-radius: 0.5rem;\n\t\t\theight: fit-content;\n\t\t}\n\n\t\t.button-counter {\n\t\t\tposition: absolute;\n\t\t\tright: -8px;\n\t    bottom: -8px;\n\t    background: yellow;\n\t    height: 16px;\n\t    border-radius: 16px;\n\t    width: 16px;\n\t    font-weight: 500;\n\t    text-align: center;\n\t    line-height: 16px;\n\t    font-size: 10px;\n\t\t}\n\t}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKC,UAAM,QAAQ;AAwCd,UAAM,QAAQ;AAEd,UAAM,SAAS,IAAI,IAAI;AACvB,UAAM,QAAQ,IAAI,IAAI;AACtB,UAAM,UAAU,IAAI,KAAK;AACzB,UAAM,WAAW,IAAI,KAAK;AAE1B,mBAAe,SAAS;AACtB,cAAQ,IAAI,OAAO;AAEjB,aAAO,MAAM,MAAM,gBAAgB,IAAI;AACvC,YAAM,QAAQ;AACd,cAAQ,QAAQ;AAGhB,YAAM,cAAc,MAAM;AACvB,YAAI,OAAO,OAAO;AAEhB,iBAAO,MAAM,MAAM,gBAAgB;AACnC,kBAAQ,QAAQ;AAChB,mBAAS,QAAQ;AACjB,gBAAM,QAAQ;AAAA,QACxB;AAAA,MACM;AAED,UAAI;AACD,cAAM,MAAM,OAAQ;AAEpB,eAAO,MAAM,UAAU,QAAQ,WAAW,WAAW;AAErD,gBAAQ,QAAQ;AAGhB,YAAI,MAAM,YAAY;AACzB,mBAAS,QAAQ;AACZ,qBAAW,aAAa,GAAG;AAAA,QACrC,OAAe;AACL,sBAAa;AAAA,QACvB;AAGQ,YAAI,MAAM,SAAU,YAAW,MAAM,MAAM,SAAU,GAAE,MAAM,aAAa;AAAA,MAE5E,SAAQ,KAAK;AACb,cAAM,SAAQ,GAAG;AAEf,eAAO,MAAM,UAAU,QAAQ,WAAW,gBAAgB;AAC1D,cAAM,QAAQ,MAAM;AAGpB,mBAAW,MAAM;AACf,sBAAa;AAEb,iBAAO,MAAM,UAAU,QAAQ,kBAAkB,SAAS;AAAA,QAC3D,GAAE,IAAI;AAAA,MACf;AAAA,IACA;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Button.vue.cjs","sources":["../../../../../src/components/Button/Button.vue"],"sourcesContent":["<script setup>\n\timport { ref } from 'vue'\n\n\timport Loader from '@martyrs/src/components/Loader/Loader.vue'\n\n\tconst props = defineProps({\n\t\tsubmit: {\n\t\t\ttype: Function,\n\t\t\tdefault: async () => { console.log('Button click.') }\n\t\t},\n\t\ttext: {\n\t\t\ttype: Object,\n\t\t\tdefault: (textComponent) => {\n\t\t\t\treturn textComponent = {\n\t\t\t\t\t...textComponent.text,\n\t\t\t\t\tsuccess: '✔',\n\t\t\t\t\terror: '✖'\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\tcounter: {\n\t    type: Object\n\t  },\n\t\tcallback: {\n\t\t\ttype: Function,\n\t\t\tdefault: async () => { console.log('Button callback.') }\n\t\t},\n\t\tcallbackDelay: {\n\t\t\ttype: Number,\n\t\t\tdefault: 750\n\t\t},\n\t\tshowSucces: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true\n\t\t},\n\t\tshowLoader: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true\n\t\t},\n\t\tvalidation: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t},\n\t})\t\n\n\tconst emits = defineEmits(['error'])\n\n\tconst button = ref(null);\n\tconst error = ref(null);\n\tconst loading = ref(false);\n\tconst finished = ref(false);\n\n\tasync function Submit() {\n\t\t\tconsole.log('click')\n\t\t\t\n\t    button.value.style['pointer-events'] = 'none';\n\t    error.value = null;\n\t    loading.value = true;\n\n\t    // Функция для сброса состояния кнопки.\n\t    const resetButton = () => {\n        if (button.value) {\n          // button.value.classList.replace('bg-second', 'bg-main');\n          button.value.style.pointerEvents = 'auto';\n          loading.value = false;\n          finished.value = false;\n          error.value = null;\n        }\n\t    };\n\n\t    try {\n        await props.submit();\n\n        button.value.classList.replace('bg-main', 'bg-second');\n\n        loading.value = false;\n\n        // Используем функцию сброса состояния кнопки здесь.\n        if (props.showSucces) { \n\t\t\t\t\tfinished.value = true;\n          setTimeout(resetButton, 500);\n        } else {\n          resetButton();\n        }\n\n        // Если есть callback, мы также установим таймер для его вызова.\n        if (props.callback) setTimeout(() => props.callback(), props.callbackDelay);\n\n\t    } catch (err) {\n    \t\temits('error',err)\n        // Если возникла ошибка, мы изменяем стили и устанавливаем сообщение об ошибке.\n        button.value.classList.replace('bg-main', 'bg-fourth-nano');\n        error.value = props.error;\n        \n        // После задержки снова сбрасываем состояние кнопки.\n        setTimeout(() => {\n          resetButton();\n          // Так как класс кнопки был изменен, вернем его в исходное состояние.\n          button.value.classList.replace('bg-fourth-nano', 'bg-main');\n        }, 1330);\n\t    }\n\t}\n\n</script>\n\n<template>\n\t<button @click.stop=\"Submit\" :disabled=\"validation\" ref=\"button\" class=\"button\">\n\t\t<transition name=\"FromTop\" >\n\t\t\t<!-- Slot -->\n\t\t\t<template v-if=\"!loading && !error && !finished || !showLoader\"><slot></slot></template>\n\t\t\t<!-- Loading Circle Animation -->\n\t\t\t<template v-else-if=\"loading && !error && showLoader\"><Loader  class=\"pos-relative pos-t-0 pos-l-0 loading\"/></template>\n\t\t\t<!-- <Loader v-else-if=\"loading && !error && showLoader\"/> -->\n\t\t\t<!-- Success -->\n\t\t\t<span v-else-if=\"finished && showSucces\" class=\"t-semi t-center w-100  loading t-black\">{{text.success}}</span>\n\t\t\t<!-- Error if not finished -->\n\t\t\t<span v-else-if=\"error\" class=\"t-center w-100 error\">{{ error }}</span>\n\t\t</transition>\n\t\t<!-- Counter -->\n\t\t<div v-if=\"counter\" class=\"button-counter flex-center\"><span>{{counter}}</span></div> \n\n\t</button> \n</template>\n\n\n<style lang=\"scss\">\n\t.FromTop-enter-active,\n\t.FromTop-leave-active {\n\t\ttransform: translateY(0);\n\t\topacity: 1;\n\t\ttransition: all 0.5s ease; \n\t\t\n\t}\n\t.FromTop-enter-from,\n\t.FromTop-leave-to {\n\t\tposition: absolute;\n\t\ttransform: translateY(-1rem);\n\t\topacity: 0;\n\t\ttransition: all 0.5s ease;\n\t}\n\n\tbutton[disabled] {\n\t\topacity: 0.75  !important;\n\t \tpointer-events: none  !important;\n\t \tcursor: default  !important;\n\t \tcolor: rgba(var(--dark), 0.33)  !important;\n\t\tbackground: rgba(var(--light), 1) !important; \n\t}\n\n\ta.button {\n\t\t\ttext-box: trim-both cap alphabetic;\n\t}\n\n\t.button {\n\t\tdisplay: flex;\n\n\t\tpadding: 0.5rem;\n\t\tborder-radius: 3rem;\n\t\ttext-box: trim-both cap alphabetic;\n\n\t\ttransform: scale(1);\n\t\topacity: 1;\n\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\t\n\t\tcolor: black;\n\t\ttext-align: center;\n\t\ttext-transform: uppercase;\n\t\tfont-size: 1rem;\n\t\tletter-spacing: 5%;\n\n\t\ttransition: all 0.33s ease;\n\t \n\t\t&:hover {\n\t\t\tcursor: pointer;\n\t\t\topacity: 0.9;\n\t\t}\n\n\t\t&:active {\n\t\t\ttransform: scale(0.95);\n\t\t}\n\n\t\t&-small {\n\t\t\tpadding: 0.75rem;\n\t\t\tborder-radius: 0.5rem;\n\t\t\theight: fit-content;\n\t\t}\n\n\t\t.button-counter {\n\t\t\tposition: absolute;\n\t\t\tright: -8px;\n\t    bottom: -8px;\n\t    background: yellow;\n\t    height: 16px;\n\t    border-radius: 16px;\n\t    width: 16px;\n\t    font-weight: 500;\n\t    text-align: center;\n\t    line-height: 16px;\n\t    font-size: 10px;\n\t\t}\n\t}\n</style>"],"names":["ref"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKC,UAAM,QAAQ;AAwCd,UAAM,QAAQ;AAEd,UAAM,SAASA,IAAG,IAAC,IAAI;AACvB,UAAM,QAAQA,IAAG,IAAC,IAAI;AACtB,UAAM,UAAUA,IAAG,IAAC,KAAK;AACzB,UAAM,WAAWA,IAAG,IAAC,KAAK;AAE1B,mBAAe,SAAS;AACtB,cAAQ,IAAI,OAAO;AAEjB,aAAO,MAAM,MAAM,gBAAgB,IAAI;AACvC,YAAM,QAAQ;AACd,cAAQ,QAAQ;AAGhB,YAAM,cAAc,MAAM;AACvB,YAAI,OAAO,OAAO;AAEhB,iBAAO,MAAM,MAAM,gBAAgB;AACnC,kBAAQ,QAAQ;AAChB,mBAAS,QAAQ;AACjB,gBAAM,QAAQ;AAAA,QACxB;AAAA,MACM;AAED,UAAI;AACD,cAAM,MAAM,OAAQ;AAEpB,eAAO,MAAM,UAAU,QAAQ,WAAW,WAAW;AAErD,gBAAQ,QAAQ;AAGhB,YAAI,MAAM,YAAY;AACzB,mBAAS,QAAQ;AACZ,qBAAW,aAAa,GAAG;AAAA,QACrC,OAAe;AACL,sBAAa;AAAA,QACvB;AAGQ,YAAI,MAAM,SAAU,YAAW,MAAM,MAAM,SAAU,GAAE,MAAM,aAAa;AAAA,MAE5E,SAAQ,KAAK;AACb,cAAM,SAAQ,GAAG;AAEf,eAAO,MAAM,UAAU,QAAQ,WAAW,gBAAgB;AAC1D,cAAM,QAAQ,MAAM;AAGpB,mBAAW,MAAM;AACf,sBAAa;AAEb,iBAAO,MAAM,UAAU,QAAQ,kBAAkB,SAAS;AAAA,QAC3D,GAAE,IAAI;AAAA,MACf;AAAA,IACA;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/components/Button/{Button.vue2.js → Button.vue.js}

@@ -1,6 +1,6 @@
 import { ref, createElementBlock, openBlock, withModifiers, createVNode, createCommentVNode, Transition, withCtx, renderSlot, createBlock, toDisplayString, createElementVNode } from "vue";
 import Loader from "../Loader/Loader.vue2.js";
-/* empty css           */
+/* empty css            */
 const _hoisted_1 = ["disabled"];
 const _hoisted_2 = {
   key: 2,
@@ -128,4 +128,4 @@ const _sfc_main = {
 export {
   _sfc_main as default
 };
-//# sourceMappingURL=Button.vue2.js.map
+//# sourceMappingURL=Button.vue.js.map

package/dist/martyrs/src/components/Button/Button.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.vue.js","sources":["../../../../../src/components/Button/Button.vue"],"sourcesContent":["<script setup>\n\timport { ref } from 'vue'\n\n\timport Loader from '@martyrs/src/components/Loader/Loader.vue'\n\n\tconst props = defineProps({\n\t\tsubmit: {\n\t\t\ttype: Function,\n\t\t\tdefault: async () => { console.log('Button click.') }\n\t\t},\n\t\ttext: {\n\t\t\ttype: Object,\n\t\t\tdefault: (textComponent) => {\n\t\t\t\treturn textComponent = {\n\t\t\t\t\t...textComponent.text,\n\t\t\t\t\tsuccess: '✔',\n\t\t\t\t\terror: '✖'\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\tcounter: {\n\t    type: Object\n\t  },\n\t\tcallback: {\n\t\t\ttype: Function,\n\t\t\tdefault: async () => { console.log('Button callback.') }\n\t\t},\n\t\tcallbackDelay: {\n\t\t\ttype: Number,\n\t\t\tdefault: 750\n\t\t},\n\t\tshowSucces: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true\n\t\t},\n\t\tshowLoader: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true\n\t\t},\n\t\tvalidation: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t},\n\t})\t\n\n\tconst emits = defineEmits(['error'])\n\n\tconst button = ref(null);\n\tconst error = ref(null);\n\tconst loading = ref(false);\n\tconst finished = ref(false);\n\n\tasync function Submit() {\n\t\t\tconsole.log('click')\n\t\t\t\n\t    button.value.style['pointer-events'] = 'none';\n\t    error.value = null;\n\t    loading.value = true;\n\n\t    // Функция для сброса состояния кнопки.\n\t    const resetButton = () => {\n        if (button.value) {\n          // button.value.classList.replace('bg-second', 'bg-main');\n          button.value.style.pointerEvents = 'auto';\n          loading.value = false;\n          finished.value = false;\n          error.value = null;\n        }\n\t    };\n\n\t    try {\n        await props.submit();\n\n        button.value.classList.replace('bg-main', 'bg-second');\n\n        loading.value = false;\n\n        // Используем функцию сброса состояния кнопки здесь.\n        if (props.showSucces) { \n\t\t\t\t\tfinished.value = true;\n          setTimeout(resetButton, 500);\n        } else {\n          resetButton();\n        }\n\n        // Если есть callback, мы также установим таймер для его вызова.\n        if (props.callback) setTimeout(() => props.callback(), props.callbackDelay);\n\n\t    } catch (err) {\n    \t\temits('error',err)\n        // Если возникла ошибка, мы изменяем стили и устанавливаем сообщение об ошибке.\n        button.value.classList.replace('bg-main', 'bg-fourth-nano');\n        error.value = props.error;\n        \n        // После задержки снова сбрасываем состояние кнопки.\n        setTimeout(() => {\n          resetButton();\n          // Так как класс кнопки был изменен, вернем его в исходное состояние.\n          button.value.classList.replace('bg-fourth-nano', 'bg-main');\n        }, 1330);\n\t    }\n\t}\n\n</script>\n\n<template>\n\t<button @click.stop=\"Submit\" :disabled=\"validation\" ref=\"button\" class=\"button\">\n\t\t<transition name=\"FromTop\" >\n\t\t\t<!-- Slot -->\n\t\t\t<template v-if=\"!loading && !error && !finished || !showLoader\"><slot></slot></template>\n\t\t\t<!-- Loading Circle Animation -->\n\t\t\t<template v-else-if=\"loading && !error && showLoader\"><Loader  class=\"pos-relative pos-t-0 pos-l-0 loading\"/></template>\n\t\t\t<!-- <Loader v-else-if=\"loading && !error && showLoader\"/> -->\n\t\t\t<!-- Success -->\n\t\t\t<span v-else-if=\"finished && showSucces\" class=\"t-semi t-center w-100  loading t-black\">{{text.success}}</span>\n\t\t\t<!-- Error if not finished -->\n\t\t\t<span v-else-if=\"error\" class=\"t-center w-100 error\">{{ error }}</span>\n\t\t</transition>\n\t\t<!-- Counter -->\n\t\t<div v-if=\"counter\" class=\"button-counter flex-center\"><span>{{counter}}</span></div> \n\n\t</button> \n</template>\n\n\n<style lang=\"scss\">\n\t.FromTop-enter-active,\n\t.FromTop-leave-active {\n\t\ttransform: translateY(0);\n\t\topacity: 1;\n\t\ttransition: all 0.5s ease; \n\t\t\n\t}\n\t.FromTop-enter-from,\n\t.FromTop-leave-to {\n\t\tposition: absolute;\n\t\ttransform: translateY(-1rem);\n\t\topacity: 0;\n\t\ttransition: all 0.5s ease;\n\t}\n\n\tbutton[disabled] {\n\t\topacity: 0.75  !important;\n\t \tpointer-events: none  !important;\n\t \tcursor: default  !important;\n\t \tcolor: rgba(var(--dark), 0.33)  !important;\n\t\tbackground: rgba(var(--light), 1) !important; \n\t}\n\n\ta.button {\n\t\t\ttext-box: trim-both cap alphabetic;\n\t}\n\n\t.button {\n\t\tdisplay: flex;\n\n\t\tpadding: 0.5rem;\n\t\tborder-radius: 3rem;\n\t\ttext-box: trim-both cap alphabetic;\n\n\t\ttransform: scale(1);\n\t\topacity: 1;\n\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\t\n\t\tcolor: black;\n\t\ttext-align: center;\n\t\ttext-transform: uppercase;\n\t\tfont-size: 1rem;\n\t\tletter-spacing: 5%;\n\n\t\ttransition: all 0.33s ease;\n\t \n\t\t&:hover {\n\t\t\tcursor: pointer;\n\t\t\topacity: 0.9;\n\t\t}\n\n\t\t&:active {\n\t\t\ttransform: scale(0.95);\n\t\t}\n\n\t\t&-small {\n\t\t\tpadding: 0.75rem;\n\t\t\tborder-radius: 0.5rem;\n\t\t\theight: fit-content;\n\t\t}\n\n\t\t.button-counter {\n\t\t\tposition: absolute;\n\t\t\tright: -8px;\n\t    bottom: -8px;\n\t    background: yellow;\n\t    height: 16px;\n\t    border-radius: 16px;\n\t    width: 16px;\n\t    font-weight: 500;\n\t    text-align: center;\n\t    line-height: 16px;\n\t    font-size: 10px;\n\t\t}\n\t}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKC,UAAM,QAAQ;AAwCd,UAAM,QAAQ;AAEd,UAAM,SAAS,IAAI,IAAI;AACvB,UAAM,QAAQ,IAAI,IAAI;AACtB,UAAM,UAAU,IAAI,KAAK;AACzB,UAAM,WAAW,IAAI,KAAK;AAE1B,mBAAe,SAAS;AACtB,cAAQ,IAAI,OAAO;AAEjB,aAAO,MAAM,MAAM,gBAAgB,IAAI;AACvC,YAAM,QAAQ;AACd,cAAQ,QAAQ;AAGhB,YAAM,cAAc,MAAM;AACvB,YAAI,OAAO,OAAO;AAEhB,iBAAO,MAAM,MAAM,gBAAgB;AACnC,kBAAQ,QAAQ;AAChB,mBAAS,QAAQ;AACjB,gBAAM,QAAQ;AAAA,QACxB;AAAA,MACM;AAED,UAAI;AACD,cAAM,MAAM,OAAQ;AAEpB,eAAO,MAAM,UAAU,QAAQ,WAAW,WAAW;AAErD,gBAAQ,QAAQ;AAGhB,YAAI,MAAM,YAAY;AACzB,mBAAS,QAAQ;AACZ,qBAAW,aAAa,GAAG;AAAA,QACrC,OAAe;AACL,sBAAa;AAAA,QACvB;AAGQ,YAAI,MAAM,SAAU,YAAW,MAAM,MAAM,SAAU,GAAE,MAAM,aAAa;AAAA,MAE5E,SAAQ,KAAK;AACb,cAAM,SAAQ,GAAG;AAEf,eAAO,MAAM,UAAU,QAAQ,WAAW,gBAAgB;AAC1D,cAAM,QAAQ,MAAM;AAGpB,mBAAW,MAAM;AACf,sBAAa;AAEb,iBAAO,MAAM,UAAU,QAAQ,kBAAkB,SAAS;AAAA,QAC3D,GAAE,IAAI;AAAA,MACf;AAAA,IACA;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/components/Chips/{Chips.vue2.cjs → Chips.vue.cjs}

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-;/* empty css            */
+;/* empty css             */
 const _hoisted_1 = { class: "font-main" };
 const _hoisted_2 = {
   key: 1,
@@ -27,4 +27,4 @@ const _sfc_main = {
   }
 };
 exports.default = _sfc_main;
-//# sourceMappingURL=Chips.vue2.cjs.map
+//# sourceMappingURL=Chips.vue.cjs.map

package/dist/martyrs/src/components/Chips/Chips.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chips.vue.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/components/Chips/{Chips.vue2.js → Chips.vue.js}

@@ -1,5 +1,5 @@
 import { createElementBlock, openBlock, renderSlot, Fragment, renderList, normalizeClass, toDisplayString } from "vue";
-/* empty css          */
+/* empty css           */
 const _hoisted_1 = { class: "font-main" };
 const _hoisted_2 = {
   key: 1,
@@ -27,4 +27,4 @@ const _sfc_main = {
 export {
   _sfc_main as default
 };
-//# sourceMappingURL=Chips.vue2.js.map
+//# sourceMappingURL=Chips.vue.js.map

package/dist/martyrs/src/components/Chips/Chips.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chips.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/components/FieldPhone/FieldPhone.vue.cjs

@@ -8,10 +8,7 @@ const parsePhoneNumber = require("../../../node_modules/.pnpm/libphonenumber-js@
 const _hoisted_1 = ["tabindex"];
 const _hoisted_2 = { class: "flex-nowrap flex flex-v-center p-medium vti__selection" };
 const _hoisted_3 = ["innerHTML"];
-const _hoisted_4 = {
-  key: 1,
-  class: "vti__country-code"
-};
+const _hoisted_4 = ["placeholder", "disabled", "size"];
 const _hoisted_5 = ["onClick", "onMousemove"];
 const _hoisted_6 = ["innerHTML"];
 const _hoisted_7 = { key: 1 };
@@ -33,71 +30,50 @@ const _sfc_main = {
     badInputStyle: { type: [String, Array, Object], default: "" },
     goodInputStyle: { type: [String, Array, Object], default: "" },
     allCountries: { type: Array, default: () => allCountries.default },
-    autoFormat: { type: Boolean, default: () => true },
+    autoFormat: { type: Boolean, default: true },
     validation: { type: [Boolean, Object], default: false },
-    customValidate: { type: [Boolean, RegExp], default: () => false },
-    defaultCountry: { type: String, default: () => "" },
-    disabled: { type: Boolean, default: () => false },
-    autoDefaultCountry: { type: Boolean, default: () => true },
+    customValidate: { type: [Boolean, RegExp], default: false },
+    defaultCountry: { type: String, default: "" },
+    disabled: { type: Boolean, default: false },
+    autoDefaultCountry: { type: Boolean, default: true },
     ignoredCountries: { type: Array, default: () => [] },
-    invalidMsg: { type: String, default: () => "" },
-    mode: { type: String, default: () => "auto" },
+    invalidMsg: { type: String, default: "" },
+    mode: { type: String, default: "auto" },
     onlyCountries: { type: Array, default: () => [] },
     preferredCountries: { type: Array, default: () => [] },
-    validCharactersOnly: { type: Boolean, default: () => false },
-    rootClass: { type: [String, Array, Object], default: () => "" },
-    inputClass: { type: [String, Array, Object], default: () => {
-      return "";
-    } },
-    divInputClass: { type: [String, Array, Object], default: () => {
-      return "";
-    } },
-    rootStyle: { type: [String, Array, Object], default: () => {
-      return "";
-    } },
-    dropdownStyle: { type: [String, Array, Object], default: () => {
-      return "";
-    } },
-    listStyle: { type: [String, Array, Object], default: () => {
-      return "";
-    } },
-    inputStyle: { type: [String, Array, Object], default: () => {
-      return "";
-    } },
-    inputId: { type: [String, Array, Object], default: () => {
-      return "";
-    } },
-    Placeholder: { type: [String, Object, Function], default: () => {
-      return "";
-    } },
+    validCharactersOnly: { type: Boolean, default: false },
+    rootClass: { type: [String, Array, Object], default: "" },
+    inputClass: { type: [String, Array, Object], default: "" },
+    rootStyle: { type: [String, Array, Object], default: "" },
+    dropdownStyle: { type: [String, Array, Object], default: "" },
+    listStyle: { type: [String, Array, Object], default: "" },
+    inputStyle: { type: [String, Array, Object], default: "" },
+    inputId: { type: [String, Array, Object], default: "" },
+    Placeholder: { type: [String, Object, Function], default: "" },
     dropdownOptions: {
       type: Object,
-      default: () => {
-        return {
-          showDialCodeInList: true,
-          showDialCodeInSelection: false,
-          showFlags: true,
-          tabindex: 0
-        };
-      }
+      default: () => ({
+        showDialCodeInList: true,
+        showDialCodeInSelection: false,
+        showFlags: true,
+        tabindex: 0
+      })
     },
     inputOptions: {
       type: Object,
-      default: () => {
-        return {
-          autocomplete: "on",
-          autofocus: false,
-          id: "",
-          maxlength: 25,
-          name: "telephone",
-          placeholder: "Enter a phone number",
-          readonly: false,
-          required: false,
-          tabindex: 0,
-          type: "tel",
-          styleClasses: ""
-        };
-      }
+      default: () => ({
+        autocomplete: "on",
+        autofocus: false,
+        id: "",
+        maxlength: 25,
+        name: "telephone",
+        placeholder: "Enter a phone number",
+        readonly: false,
+        required: false,
+        tabindex: 0,
+        type: "tel",
+        styleClasses: ""
+      })
     }
   },
   emits: [
@@ -116,14 +92,10 @@ const _sfc_main = {
     let vClickOutside = clickOutside.default;
     const props = __props;
     const emits = __emit;
-    vue.ref(5);
-    vue.ref(5);
-    vue.reactive({
-      action: null,
-      amount: null
-    });
-    const phone = vue.ref(props.modelValue ? props.modelValue : "");
+    const phone = vue.ref(props.modelValue || "");
     const activeCountryCode = vue.ref("");
+    const dialCodeInput = vue.ref("");
+    const dialCodeFilter = vue.ref("");
     const open = vue.ref(false);
     const finishMounted = vue.ref(false);
     const selectedIndex = vue.ref(null);
@@ -134,7 +106,7 @@ const _sfc_main = {
     const rootElement = vue.ref(null);
     const list = vue.ref(null);
     const input = vue.ref(null);
-    vue.onMounted(async () => {
+    vue.onMounted(() => {
       if (props.modelValue) {
         phone.value = props.modelValue;
       }
@@ -144,6 +116,9 @@ const _sfc_main = {
         if (!phone.value && ((_a = props.inputOptions) == null ? void 0 : _a.showDialCode) && activeCountryCode.value) {
           phone.value = `+${activeCountryCode.value}`;
         }
+        if (activeCountry.value && props.dropdownOptions.showDialCodeInSelection) {
+          dialCodeInput.value = `+${activeCountry.value.dialCode}`;
+        }
         emits("validate", phoneObject.value);
       }).catch(console.error).then(() => {
         finishMounted.value = true;
@@ -169,18 +144,30 @@ const _sfc_main = {
       return props.mode;
     });
     const filteredCountries = vue.computed(() => {
+      let countries = props.allCountries;
       if (props.onlyCountries && props.onlyCountries.length) {
-        return props.allCountries.filter(({ iso2 }) => props.onlyCountries.includes(iso2.toUpperCase()));
-      }
-      if (props.ignoredCountries && props.ignoredCountries.length) {
-        return props.allCountries.filter(
+        countries = countries.filter(
+          ({ iso2 }) => props.onlyCountries.includes(iso2.toUpperCase())
+        );
+      } else if (props.ignoredCountries && props.ignoredCountries.length) {
+        countries = countries.filter(
           ({ iso2 }) => !props.ignoredCountries.includes(iso2.toUpperCase()) && !props.ignoredCountries.includes(iso2.toLowerCase())
         );
       }
-      return props.allCountries;
+      if (dialCodeFilter.value) {
+        const filterValue = dialCodeFilter.value.replace("+", "");
+        countries = countries.filter(
+          (country) => country.dialCode.startsWith(filterValue)
+        );
+      }
+      return countries;
     });
-    const sortedCountries = vue.computed(() => {
-      const preferredCountries = getCountries(props.preferredCountries).map((country) => ({ ...country, preferred: true }));
+    const filteredAndSortedCountries = vue.computed(() => {
+      const preferredCountries = getCountries(props.preferredCountries).filter((country) => {
+        if (!dialCodeFilter.value) return true;
+        const filterValue = dialCodeFilter.value.replace("+", "");
+        return country.dialCode.startsWith(filterValue);
+      }).map((country) => ({ ...country, preferred: true }));
       return [...preferredCountries, ...filteredCountries.value];
     });
     const phoneObject = vue.computed(() => {
@@ -231,6 +218,7 @@ const _sfc_main = {
       if (newValue == null ? void 0 : newValue.iso2) {
         emits("country-changed", newValue);
         resetPlaceholder();
+        dialCodeInput.value = `+${newValue.dialCode}`;
       }
     });
     vue.watch(() => phoneObject.value.countryCode, (newValue) => {
@@ -271,14 +259,35 @@ const _sfc_main = {
         emits("close");
       }
     });
-    function getCountry() {
-      return fetch("https://ip2c.org/s").then((response) => response.text()).then((response) => {
-        const result = (response || "").toString();
-        if (!result || result[0] !== "1") {
-          throw new Error("unable to fetch the country");
+    function onDialCodeInput() {
+      if (!dialCodeInput.value.startsWith("+")) {
+        dialCodeInput.value = "+" + dialCodeInput.value.replace(/^\+*/, "");
+      }
+      dialCodeInput.value = dialCodeInput.value.replace(/[^\+\d]/g, "");
+      const plusCount = (dialCodeInput.value.match(/\+/g) || []).length;
+      if (plusCount > 1) {
+        dialCodeInput.value = "+" + dialCodeInput.value.replace(/\+/g, "");
+      }
+      dialCodeFilter.value = dialCodeInput.value;
+      open.value = true;
+      const exactMatch = filteredCountries.value.find(
+        (country) => `+${country.dialCode}` === dialCodeInput.value
+      );
+      if (exactMatch && filteredAndSortedCountries.value.length === 1) {
+        choose(exactMatch);
+      }
+    }
+    function onDialCodeBlur() {
+      setTimeout(() => {
+        if (!dialCodeInput.value && activeCountry.value) {
+          dialCodeInput.value = `+${activeCountry.value.dialCode}`;
         }
-        return result.substr(2, 2);
-      });
+      }, 200);
+    }
+    function openDropdown() {
+      if (!props.disabled) {
+        open.value = true;
+      }
     }
     function setCaretPosition(ctrl, pos) {
       if (ctrl.setSelectionRange) {
@@ -309,7 +318,13 @@ const _sfc_main = {
         }
         const fallbackCountry = props.preferredCountries[0] || filteredCountries.value[0];
         if (props.autoDefaultCountry) {
-          getCountry().then((res) => {
+          fetch("https://ip2c.org/s").then((response) => response.text()).then((response) => {
+            const result = (response || "").toString();
+            if (!result || result[0] !== "1") {
+              throw new Error("unable to fetch the country");
+            }
+            return result.substr(2, 2);
+          }).then((res) => {
             choose(res || activeCountryCode.value);
           }).catch((error) => {
             console.warn(error);
@@ -336,19 +351,26 @@ const _sfc_main = {
       return { highlighted, "last-preferred": lastPreferred, preferred };
     }
     function choose(country) {
-      var _a, _b;
+      var _a;
       let parsedCountry = typeof country === "string" ? findCountry(country) : country;
       if (!parsedCountry) return;
       if (((_a = phone.value) == null ? void 0 : _a[0]) === "+" && parsedCountry.iso2 && phoneObject.value.nationalNumber) {
         activeCountryCode.value = parsedCountry.iso2;
-        phone.value = parsePhoneNumber.parsePhoneNumber(phoneObject.value.nationalNumber, parsedCountry.iso2).formatInternational();
-        return;
-      }
-      if (((_b = props.inputOptions) == null ? void 0 : _b.showDialCode) && parsedCountry) {
-        phone.value = `+${parsedCountry.dialCode}`;
-        return;
+        phone.value = parsePhoneNumber.parsePhoneNumber(
+          phoneObject.value.nationalNumber,
+          parsedCountry.iso2
+        ).formatInternational();
+      } else {
+        activeCountryCode.value = parsedCountry.iso2;
       }
-      activeCountryCode.value = parsedCountry.iso2;
+      dialCodeInput.value = `+${parsedCountry.dialCode}`;
+      dialCodeFilter.value = "";
+      open.value = false;
+      vue.nextTick(() => {
+        if (input.value) {
+          input.value.focus();
+        }
+      });
       emitInput(phone.value);
     }
     function cleanInvalidCharacters() {
@@ -404,18 +426,15 @@ const _sfc_main = {
     function onSpace() {
       emits("space");
     }
-    function toggleDropdown() {
-      if (props.disabled) return;
-      open.value = !open.value;
-    }
     function clickedOutside() {
       open.value = false;
+      dialCodeFilter.value = "";
     }
     function keyboardNav(e) {
       if (e.keyCode === 40) {
         e.preventDefault();
         open.value = true;
-        selectedIndex.value = selectedIndex.value === null ? 0 : Math.min(sortedCountries.value.length - 1, selectedIndex.value + 1);
+        selectedIndex.value = selectedIndex.value === null ? 0 : Math.min(filteredAndSortedCountries.value.length - 1, selectedIndex.value + 1);
         vue.nextTick(() => {
           const selEle = list.value.children[selectedIndex.value];
           if (selEle.offsetTop + selEle.clientHeight > list.value.scrollTop + list.value.clientHeight) {
@@ -425,7 +444,7 @@ const _sfc_main = {
       } else if (e.keyCode === 38) {
         e.preventDefault();
         open.value = true;
-        selectedIndex.value = selectedIndex.value === null ? sortedCountries.value.length - 1 : Math.max(0, selectedIndex.value - 1);
+        selectedIndex.value = selectedIndex.value === null ? filteredAndSortedCountries.value.length - 1 : Math.max(0, selectedIndex.value - 1);
         vue.nextTick(() => {
           const selEle = list.value.children[selectedIndex.value];
           if (selEle.offsetTop < list.value.scrollTop) {
@@ -435,17 +454,17 @@ const _sfc_main = {
       } else if (e.keyCode === 13) {
         e.preventDefault();
         if (selectedIndex.value !== null) {
-          choose(sortedCountries.value[selectedIndex.value]);
+          choose(filteredAndSortedCountries.value[selectedIndex.value]);
         }
-        open.value = !open.value;
       } else {
+        if (e.target.classList.contains("vti__country-code-input")) return;
         typeToFindInput.value += e.key;
         clearTimeout(typeToFindTimer);
         typeToFindTimer = setTimeout(() => {
           typeToFindInput.value = "";
         }, 700);
         vue.nextTick(() => {
-          const typedCountryI = sortedCountries.value.slice(props.preferredCountries.length).findIndex((c) => c.name.toLowerCase().startsWith(typeToFindInput.value));
+          const typedCountryI = filteredAndSortedCountries.value.slice(props.preferredCountries.length).findIndex((c) => c.name.toLowerCase().startsWith(typeToFindInput.value));
           if (typedCountryI >= 0) {
             selectedIndex.value = props.preferredCountries.length + typedCountryI;
             const selEle = list.value.children[selectedIndex.value];
@@ -458,7 +477,7 @@ const _sfc_main = {
       }
     }
     function reset() {
-      selectedIndex.value = sortedCountries.value.map((c) => c.iso2).indexOf(activeCountryCode.value);
+      selectedIndex.value = filteredAndSortedCountries.value.map((c) => c.iso2).indexOf(activeCountryCode.value);
       open.value = false;
     }
     function setDropdownPosition() {
@@ -467,6 +486,7 @@ const _sfc_main = {
       dropdownOpenDirection.value = hasEnoughSpaceBelow ? "below" : "above";
     }
     return (_ctx, _cache) => {
+      var _a, _b;
       return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
         vue.createElementVNode("div", {
           class: vue.normalizeClass([[
@@ -476,10 +496,7 @@ const _sfc_main = {
             { "bg-fourth-nano": __props.validation },
             { disabled: __props.disabled }
           ], "vue3-reactive-tel-input"]),
-          style: vue.normalizeStyle([
-            __props.rootStyle,
-            styles.value
-          ]),
+          style: vue.normalizeStyle([__props.rootStyle, styles.value]),
           ref_key: "rootElement",
           ref: rootElement
         }, [
@@ -487,11 +504,7 @@ const _sfc_main = {
             class: vue.normalizeClass([["vti__dropdown", { open: open.value }], "br-solid br-black-transp br-1px radius-thin"]),
             style: vue.normalizeStyle([__props.dropdownStyle]),
             tabindex: __props.dropdownOptions.tabindex,
-            onKeydown: [
-              keyboardNav,
-              vue.withKeys(reset, ["esc"])
-            ],
-            onClick: toggleDropdown
+            onKeydown: vue.withKeys(reset, ["esc"])
           }, [
             vue.createElementVNode("span", _hoisted_2, [
               __props.dropdownOptions.showFlags ? (vue.openBlock(), vue.createElementBlock("span", {
@@ -499,7 +512,22 @@ const _sfc_main = {
                 innerHTML: activeCountryFlag.value,
                 class: "mn-r-nano"
               }, null, 8, _hoisted_3)) : vue.createCommentVNode("", true),
-              __props.dropdownOptions.showDialCodeInSelection ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4, " +" + vue.toDisplayString(activeCountry.value && activeCountry.value.dialCode), 1)) : vue.createCommentVNode("", true)
+              __props.dropdownOptions.showDialCodeInSelection ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
+                key: 1,
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => dialCodeInput.value = $event),
+                onInput: onDialCodeInput,
+                onFocus: openDropdown,
+                onBlur: onDialCodeBlur,
+                onKeydown: keyboardNav,
+                type: "text",
+                class: "vti__country-code-input",
+                placeholder: `+${((_a = activeCountry.value) == null ? void 0 : _a.dialCode) || ""}`,
+                disabled: __props.disabled,
+                size: Math.max((((_b = dialCodeInput.value) == null ? void 0 : _b.length) || 0) + 1, 3),
+                maxlength: "5"
+              }, null, 40, _hoisted_4)), [
+                [vue.vModelText, dialCodeInput.value]
+              ]) : vue.createCommentVNode("", true)
             ]),
             vue.withDirectives(vue.createElementVNode("ul", {
               ref_key: "list",
@@ -507,7 +535,7 @@ const _sfc_main = {
               class: vue.normalizeClass(["bs-black radius-small vti__dropdown-list", dropdownOpenDirection.value]),
               style: vue.normalizeStyle([__props.listStyle])
             }, [
-              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(sortedCountries.value, (pb, index) => {
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(filteredAndSortedCountries.value, (pb, index) => {
                 return vue.openBlock(), vue.createElementBlock("li", {
                   class: vue.normalizeClass(["flex-nowrap flex w-max", ["vti__dropdown-item", getItemClass(index, pb.iso2)]]),
                   key: pb.iso2 + (pb.preferred ? "-preferred" : ""),
@@ -530,7 +558,7 @@ const _sfc_main = {
             [vue.unref(vClickOutside), clickedOutside]
           ]),
           vue.withDirectives(vue.createElementVNode("input", {
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => phone.value = $event),
+            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => phone.value = $event),
             inputmode: "numeric",
             pattern: "\\d*",
             ref_key: "input",