npm - @ozdao/martyrs - Versions diffs - 0.2.491 → 0.2.492 - Mend

@ozdao/martyrs 0.2.491 → 0.2.492

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1791) hide show

package/dist/martyrs/src/components/Feed/Feed.vue.js CHANGED Viewed

@@ -1,15 +1,17 @@
 import { mergeModels, useModel, ref, computed, watch, onMounted, onUnmounted, createElementBlock, openBlock, Fragment, createCommentVNode, createBlock, normalizeClass, withCtx, createVNode, createElementVNode, renderList, resolveDynamicComponent, unref, TransitionGroup, renderSlot } from "vue";
-import Loader from "../Loader/Loader.vue.js";
-import Skeleton from "../Skeleton/Skeleton.vue.js";
+import Loader from "../Loader/Loader.vue2.js";
+import Skeleton from "../Skeleton/Skeleton.vue2.js";
 import _sfc_main$9 from "../EmptyState/EmptyState.vue.js";
-import _sfc_main$2 from "../Dropdown/Dropdown.vue2.js";
-import Calendar from "../Calendar/Calendar.vue.js";
+import _sfc_main$2 from "../Dropdown/Dropdown.vue.js";
+import Calendar from "../Calendar/Calendar.vue2.js";
 import _sfc_main$5 from "../BottomSheet/BottomSheet.vue.js";
 import _sfc_main$1 from "../../modules/globals/views/components/blocks/BlockSearch.vue.js";
 import _sfc_main$8 from "../../modules/globals/views/components/blocks/BlockSorting.vue.js";
 import _sfc_main$6 from "../../modules/globals/views/components/blocks/BlockFilter.vue.js";
+/* empty css                 */
 import "vue-router";
 /* empty css                  */
+/* empty css                   */
 import _sfc_main$4 from "../../modules/icons/navigation/IconFilter.vue.js";
 /* empty css                                                                      */
 /* empty css                                                          */
@@ -122,8 +124,7 @@ const _sfc_main = {
       }
     });
     computed(() => {
-      var _a;
-      if (!((_a = filter.value) == null ? void 0 : _a.options)) return [];
+      if (!filter.value?.options) return [];
       return filter.value.options.map((opt) => ({
         key: opt.value,
         title: opt.title,
@@ -165,7 +166,6 @@ const _sfc_main = {
       );
     };
     const loadMoreItems = async () => {
-      var _a, _b, _c, _d;
       if (!hasMoreItems.value || isLoadingExtra.value) {
         return;
       }
@@ -177,10 +177,10 @@ const _sfc_main = {
           skip: currentSkip.value,
           limit: currentLimit.value,
           search: currentSearch.value,
-          dateStart: (_a = date.value) == null ? void 0 : _a.start,
-          dateEnd: (_b = date.value) == null ? void 0 : _b.end,
-          sortParam: (_c = sort.value) == null ? void 0 : _c.param,
-          sortOrder: (_d = sort.value) == null ? void 0 : _d.order,
+          dateStart: date.value?.start,
+          dateEnd: date.value?.end,
+          sortParam: sort.value?.param,
+          sortOrder: sort.value?.order,
           ...props.options
         };
         const params = removeNullValues(allParams);
@@ -205,7 +205,6 @@ const _sfc_main = {
       }
     };
     const fetchItems = async () => {
-      var _a, _b, _c, _d;
       isLoading.value = true;
       const currentRequestId = ++requestId;
       if (isSearching.value) {
@@ -217,10 +216,10 @@ const _sfc_main = {
           skip: currentSkip.value,
           limit: currentLimit.value,
           search: currentSearch.value,
-          dateStart: (_a = date.value) == null ? void 0 : _a.start,
-          dateEnd: (_b = date.value) == null ? void 0 : _b.end,
-          sortParam: (_c = sort.value) == null ? void 0 : _c.param,
-          sortOrder: (_d = sort.value) == null ? void 0 : _d.order,
+          dateStart: date.value?.start,
+          dateEnd: date.value?.end,
+          sortParam: sort.value?.param,
+          sortOrder: sort.value?.order,
           ...props.options
         };
         const params = removeNullValues(allParams);
@@ -247,7 +246,7 @@ const _sfc_main = {
     watch(
       [() => props.external, () => date.value, () => ({ ...sort.value }), () => ({ ...props.options })],
       ([newExternal, newDate, newSort, newOptions], [oldExternal, oldDate, oldSort, oldOptions]) => {
-        if (newExternal !== oldExternal || newDate !== oldDate || (newSort == null ? void 0 : newSort.order) !== (oldSort == null ? void 0 : oldSort.order) || (newSort == null ? void 0 : newSort.param) !== (oldSort == null ? void 0 : oldSort.param) || JSON.stringify(newOptions) !== JSON.stringify(oldOptions)) {
+        if (newExternal !== oldExternal || newDate !== oldDate || newSort?.order !== oldSort?.order || newSort?.param !== oldSort?.param || JSON.stringify(newOptions) !== JSON.stringify(oldOptions)) {
           currentSkip.value = 0;
           fetchItems();
         }
@@ -372,21 +371,18 @@ const _sfc_main = {
           name: "scaleTransition",
           class: normalizeClass(["pos-relative z-index-1", _ctx.$attrs.class])
         }, {
-          default: withCtx(() => {
-            var _a, _b;
-            return [
-              unref(isLoading) && !((_a = __props.skeleton) == null ? void 0 : _a.hide) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(unref(currentLimit), (i) => {
-                return openBlock(), createBlock(Skeleton, {
-                  structure: __props.skeleton.structure,
-                  horizontal: __props.skeleton.horizontal,
-                  loading: __props.skeleton.apply_to_slot,
-                  key: "skeleton-" + i,
-                  class: normalizeClass(_ctx.replaceClasses("radius-medium bg-light pd-thin flex-child-default o-hidden d-block", __props.skeleton.class))
-                }, null, 8, ["structure", "horizontal", "loading", "class"]);
-              }), 128)) : createCommentVNode("", true),
-              unref(isLoading) && ((_b = __props.skeleton) == null ? void 0 : _b.hide) ? (openBlock(), createBlock(Loader, { key: 1 })) : createCommentVNode("", true)
-            ];
-          }),
+          default: withCtx(() => [
+            unref(isLoading) && !__props.skeleton?.hide ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(unref(currentLimit), (i) => {
+              return openBlock(), createBlock(Skeleton, {
+                structure: __props.skeleton.structure,
+                horizontal: __props.skeleton.horizontal,
+                loading: __props.skeleton.apply_to_slot,
+                key: "skeleton-" + i,
+                class: normalizeClass(_ctx.replaceClasses("radius-medium bg-light pd-thin flex-child-default o-hidden d-block", __props.skeleton.class))
+              }, null, 8, ["structure", "horizontal", "loading", "class"]);
+            }), 128)) : createCommentVNode("", true),
+            unref(isLoading) && __props.skeleton?.hide ? (openBlock(), createBlock(Loader, { key: 1 })) : createCommentVNode("", true)
+          ]),
           _: 1
         }, 8, ["class"])) : itemsList.value.length < 1 ? (openBlock(), createBlock(TransitionGroup, {
           key: 2,

package/dist/martyrs/src/components/Feed/Feed.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Feed.vue.js","sources":["../../../../../src/components/Feed/Feed.vue"],"sourcesContent":["<template>\n <div v-if=\"search \|\| date \|\| (sort && !sort.hideButton)\" style=\"transform: scale(1);\" class=\"mn-b-thin pos-relative flex-nowrap flex gap-thin\">\n\n <BlockSearch \n v-if=\"search\"\n :placeholder=\"search.placeholder \|\| 'Search...'\"\n :class=\"search.class \|\| 'bg-light'\"\n @search=\"updateSearch\"\n :autofocus=\"search.autofocus\"\n />\n\n <!-- <FiltersBar\n v-if=\"filter\"\n v-model=\"filter.selected\"\n :filters=\"filterConfig\"\n :class=\"filter.class \|\| 'mobile-only'\"\n /> -->\n\n <Dropdown \n v-if=\"date\"\n :label=\"{\n component: ButtonDate,\n props: { date: date }\n }\" \n :class=\"date.class \|\| 'bg-light'\"\n class=\"flex-child flex-child-shrink-0 pd-r-small pd-l-small pd-thin bg-light radius-medium\"\n :align=\"search ? 'right' : 'left'\"\n >\n\n <Calendar\n v-model:date=\"date\"\n :locale=\"$i18n.locale\"\n :allowRange=\"true\"\n class=\"radius-medium w-100 o-hidden bg-light\"\n />\n </Dropdown> \n\n <template\n v-if=\"filter\"\n >\n <div \n :class=\"filter.class \|\| 'bg-light'\"\n class=\"flex-center flex pd-thin bg-light radius-medium aspect-1x1 h-100\"\n >\n <IconFilter @click=\"() => filter.active = !filter.active\" class=\"w-1r h-auto\"/>\n </div>\n\n \n <BottomSheet\n :show=\"filter.active\"\n @toggle=\"() => filter.active = false\"\n class=\"z-index-10 pos-fixed pos-r-0\"\n :class=\"{\n 'pos-t-0': filter.active,\n 'pos-t-100': !filter.active\n }\"\n >\n <BlockFilter\n v-model:filter=\"filter\"\n :options=\"filter.options\"\n @click_filter=\"() => { filter.active = false } \"\n class=\"h-max w-100 pd-small pd-b-5r bg-light\"\n />\n </BottomSheet> \n </template>\n\n <Dropdown \n v-if=\"sort && !sort.hideButton\"\n :label=\"{\n component: ButtonSort,\n props: { order: sort.order },\n class: 'w-1r'\n }\" \n :class=\"sort.class \|\| 'bg-light'\"\n class=\"radius-medium aspect-1x1 h-100\"\n :align=\"search ? 'right' : 'left'\"\n >\n\n <BlockSorting\n v-model:param=\"sort.param\"\n v-model:order=\"sort.order\"\n :options=\"sort.options\"\n class=\"h-100 pd-small radius-medium t-white bg-black\"\n />\n </Dropdown> \n\n <!-- Actions -->\n <template\n v-if=\"actions.length\"\n >\n <template v-for=\"action in actions\" :key=\"action.key\">\n <div \n :class=\"action.class \|\| 'bg-light'\"\n class=\"flex-center flex pd-thin bg-light radius-medium aspect-1x1 h-100\"\n >\n <component\n :is=\"action.component\"\n @click=\"action.handler\"\n class=\"w-1r h-auto\"\n >\n </component>\n\n </div>\n </template>\n </template>\n </div>\n\n <TransitionGroup \n v-if=\"isLoading\"\n tag=\"ul\" \n name=\"scaleTransition\" \n class=\"pos-relative z-index-1\"\n :class=\"$attrs.class\"\n >\n <Skeleton\n v-if=\"isLoading && !skeleton?.hide\"\n v-for=\"i in currentLimit\" \n :structure=\"skeleton.structure\"\n :horizontal=\"skeleton.horizontal\"\n :loading=\"skeleton.apply_to_slot\"\n :key=\"'skeleton-' + i\"\n :class=\"replaceClasses('radius-medium bg-light pd-thin flex-child-default o-hidden d-block', skeleton.class)\"\n />\n <Loader v-if=\"isLoading && skeleton?.hide\"/>\n </TransitionGroup>\n\n <TransitionGroup \n tag=\"ul\" \n v-else-if=\"itemsList.length < 1\"\n name=\"feed\"\n >\n <EmptyState\n v-if=\"!isLoading && itemsList.length < 1\"\n :title=\"states.empty.title\"\n :description=\"states.empty.description\"\n :action=\"states.empty.action\"\n :callback=\"states.empty.callback\"\n :class=\"replaceClasses('pd-medium bg-light radius-medium', states.empty.class)\"\n />\n </TransitionGroup>\n\n <TransitionGroup \n v-else\n tag=\"ul\" \n name=\"feed\"\n :class=\"$attrs.class\"\n >\n <slot\n :items=\"itemsList\"\n >\n </slot>\n </TransitionGroup>\n\n <button\n v-if=\"showLoadMore && hasMoreItems && itemsList.length > 0 && !isLoadingExtra\"\n @click=\"loadMoreItems\"\n class=\"col-w-100 mn-t-thin w-100 t-black bg-main button\"\n >\n Load More\n </button>\n\n <div v-else key=\"sentinel\" ref=\"sentinel\" class=\"sentinel\"></div> \n\n <div\n v-if=\"isLoadingExtra\"\n class=\"col-w-100 w-100 pos-relative\"\n >\n <Loader/>\n </div>\n \n\n</template>\n\n<script setup>\nimport { ref, computed, onMounted, onUnmounted, watch } from 'vue';\n\nimport SkeletonEvent from '@martyrs/src/modules/icons/skeletons/SkeletonEvent.vue'\n\nimport Loader from '@martyrs/src/components/Loader/Loader.vue';\nimport Skeleton from '@martyrs/src/components/Skeleton/Skeleton.vue';\nimport EmptyState from '@martyrs/src/components/EmptyState/EmptyState.vue';\nimport Dropdown from \"@martyrs/src/components/Dropdown/Dropdown.vue\";\nimport Calendar from '@martyrs/src/components/Calendar/Calendar.vue'\nimport BottomSheet from '@martyrs/src/components/BottomSheet/BottomSheet.vue';\n\nimport BlockSearch from '@martyrs/src/modules/globals/views/components/blocks/BlockSearch.vue'\nimport BlockSorting from '@martyrs/src/modules/globals/views/components/blocks/BlockSorting.vue'\nimport BlockFilter from '@martyrs/src/modules/globals/views/components/blocks/BlockFilter.vue'\n\nimport FiltersBar from '@martyrs/src/modules/globals/views/components/sections/Filters.vue'\n\nimport ButtonSort from '@martyrs/src/modules/globals/views/components/elements/ButtonSort.vue'\nimport ButtonDate from '@martyrs/src/modules/globals/views/components/elements/ButtonDate.vue'\n\nimport IconFilter from '@martyrs/src/modules/icons/navigation/IconFilter.vue'\nimport IconEvents from '@martyrs/src/modules/icons/entities/IconEvents.vue'\n\nconst search = defineModel('search')\nconst sort = defineModel('sort')\nconst filter = defineModel('filter')\nconst date = defineModel('date')\nconst items = defineModel('items')\n\n// Внутреннее хранилище для случая, когда v-model:items не передан\nconst internalItems = ref([])\n\n// Элегантное решение через computed\nconst itemsList = computed({\n get: () => items.value ?? internalItems.value,\n set: (val) => {\n if (items.value !== undefined) {\n items.value = val\n } else {\n internalItems.value = val\n }\n }\n})\n\nconst filterConfig = computed(() => {\n if (!filter.value?.options) return []\n \n return filter.value.options.map(opt => ({\n key: opt.value,\n title: opt.title,\n type: 'options',\n options: opt.options \|\| [],\n defaultValue: null\n }))\n})\n\n// Пропсы\nconst props = defineProps({\n showLoadMore: {\n type: Boolean,\n default: true\n },\n LoadMore: {\n type: Boolean,\n default: true\n },\n search: {\n type: [Boolean, Object],\n default: false\n },\n states: {\n type: Object,\n default: () => ({\n empty: {\n title: 'Nothing found',\n description: 'Sorry, nothing found',\n },\n }),\n },\n actions: {\n type: Array,\n default: () => []\n },\n skeleton: {\n type: Object,\n default: () => ({\n hide: false,\n horizontal: false,\n structure: [\n { block: 'text', size: 'medium' },\n { block: 'text', size: 'large' },\n { block: 'button', size: 'small' }\n ]\n }),\n \n },\n store: {\n type: Object,\n default: () => ({\n read: Function,\n state: Object,\n }),\n },\n external: {\n type: Boolean,\n default: false\n },\n options: {\n type: Object,\n default: () => ({\n category: null,\n limit: 10, \n skip: 0 ,\n owner: null,\n creator: null,\n customer: null,\n user: null,\n status: null,\n period: null,\n contain: null,\n }),\n },\n});\n \nconst hasMoreItems = ref(false);\n\nlet isLoading = ref(true);\nlet isLoadingExtra = ref(false);\nlet sentinel = ref(null)\n\nlet currentSkip = ref(props.options.skip ? props.options.skip : 0);\nlet currentLimit = ref(props.options.limit ? props.options.limit : 10);\n\nlet currentSearch = ref('');\nlet isSearching = ref(false);\n\nlet requestId = 0;\n\nfunction debounce(fn, delay) {\n let timeoutId = null;\n return (...args) => {\n clearTimeout(timeoutId);\n timeoutId = setTimeout(() => fn(...args), delay);\n };\n}\n\nconst debouncedSearch = debounce((value) => {\n isSearching.value = true;\n currentSearch.value = value;\n currentSkip.value = 0;\n currentLimit.value = 10;\n fetchItems();\n}, 500);\n\nfunction updateSearch(search) {\n debouncedSearch(search);\n}\n\nconst removeNullValues = (obj) => {\n return Object.fromEntries(\n Object.entries(obj).filter(([_, value]) => value != null)\n );\n};\n\nconst loadMoreItems = async () => {\n if (!hasMoreItems.value \|\| isLoadingExtra.value) {\n return;\n }\n \n isLoadingExtra.value = true;\n \n const currentRequestId = ++requestId;\n\n currentSkip.value += currentLimit.value;\n \n try {\n const allParams = {\n skip: currentSkip.value,\n limit: currentLimit.value,\n search: currentSearch.value,\n dateStart: date.value?.start,\n dateEnd: date.value?.end,\n sortParam: sort.value?.param,\n sortOrder: sort.value?.order,\n ...props.options\n };\n\n const params = removeNullValues(allParams);\n\n const data = await props.store.read(params);\n\n if (currentRequestId !== requestId) {\n return;\n }\n\n if (data.length === 0) {\n hasMoreItems.value = false;\n } else if (data.length < currentLimit.value) {\n hasMoreItems.value = false;\n } else {\n hasMoreItems.value = true;\n }\n\n // Элегантное обновление через computed setter\n itemsList.value = [...itemsList.value, ...data];\n \n } catch (error) {\n console.error('Load more error:', error);\n } finally {\n if (currentRequestId === requestId) {\n isLoadingExtra.value = false;\n }\n }\n};\n\nconst fetchItems = async () => {\n isLoading.value = true;\n \n const currentRequestId = ++requestId;\n \n if (isSearching.value) {\n itemsList.value = [];\n isSearching.value = false;\n }\n \n try {\n const allParams = {\n skip: currentSkip.value,\n limit: currentLimit.value,\n search: currentSearch.value,\n dateStart: date.value?.start,\n dateEnd: date.value?.end,\n sortParam: sort.value?.param,\n sortOrder: sort.value?.order,\n ...props.options\n };\n\n const params = removeNullValues(allParams);\n\n const data = await props.store.read(params);\n\n if (currentRequestId !== requestId) {\n return;\n }\n\n if (data.length === 0) {\n hasMoreItems.value = false;\n } else if (data.length < currentLimit.value) {\n hasMoreItems.value = false;\n } else {\n hasMoreItems.value = true;\n }\n\n // Элегантное обновление через computed setter\n itemsList.value = data;\n \n } catch (error) {\n console.error('Fetch error:', error);\n } finally {\n if (currentRequestId === requestId) {\n isLoading.value = false;\n }\n }\n};\n\nwatch(\n [() => props.external, () => date.value, () => ({...sort.value}), () => ({...props.options})],\n ([newExternal, newDate, newSort, newOptions], [oldExternal, oldDate, oldSort, oldOptions]) => {\n if (\n newExternal !== oldExternal \|\|\n newDate !== oldDate \|\|\n newSort?.order !== oldSort?.order \|\|\n newSort?.param !== oldSort?.param \|\|\n JSON.stringify(newOptions) !== JSON.stringify(oldOptions)\n ) {\n currentSkip.value = 0;\n fetchItems();\n }\n },\n { deep: true }\n);\n\nlet observer = null\n\nonMounted(async () => {\n await fetchItems()\n\n if (typeof window !== 'undefined' && !props.showLoadMore && props.LoadMore) {\n observer = new IntersectionObserver(entries => {\n if (entries.some(entry => entry.isIntersecting)) {\n loadMoreItems()\n }\n })\n\n if (sentinel.value) observer.observe(sentinel.value)\n }\n});\n\nonUnmounted(() => {\n if (observer) {\n observer.disconnect();\n }\n});\n</script>\n\n<style>\n.feed-move,\n.feed-enter-active,\n.feed-leave-active {\n transition: all 0.5s ease;\n}\n\n.feed-enter-from,\n.feed-leave-to {\n opacity: 0;\n transform: translateY(30px);\n}\n\n.feed-leave-active {\n position: absolute;\n}\n</style>"],"names":["_useModel","search"],"mappings":"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"}
1	+ {"version":3,"file":"Feed.vue.js","sources":["../../../../../src/components/Feed/Feed.vue"],"sourcesContent":["<template>\n <div v-if=\"search \|\| date \|\| (sort && !sort.hideButton)\" style=\"transform: scale(1);\" class=\"mn-b-thin pos-relative flex-nowrap flex gap-thin\">\n\n <BlockSearch \n v-if=\"search\"\n :placeholder=\"search.placeholder \|\| 'Search...'\"\n :class=\"search.class \|\| 'bg-light'\"\n @search=\"updateSearch\"\n :autofocus=\"search.autofocus\"\n />\n\n <!-- <FiltersBar\n v-if=\"filter\"\n v-model=\"filter.selected\"\n :filters=\"filterConfig\"\n :class=\"filter.class \|\| 'mobile-only'\"\n /> -->\n\n <Dropdown \n v-if=\"date\"\n :label=\"{\n component: ButtonDate,\n props: { date: date }\n }\" \n :class=\"date.class \|\| 'bg-light'\"\n class=\"flex-child flex-child-shrink-0 pd-r-small pd-l-small pd-thin bg-light radius-medium\"\n :align=\"search ? 'right' : 'left'\"\n >\n\n <Calendar\n v-model:date=\"date\"\n :locale=\"$i18n.locale\"\n :allowRange=\"true\"\n class=\"radius-medium w-100 o-hidden bg-light\"\n />\n </Dropdown> \n\n <template\n v-if=\"filter\"\n >\n <div \n :class=\"filter.class \|\| 'bg-light'\"\n class=\"flex-center flex pd-thin bg-light radius-medium aspect-1x1 h-100\"\n >\n <IconFilter @click=\"() => filter.active = !filter.active\" class=\"w-1r h-auto\"/>\n </div>\n\n \n <BottomSheet\n :show=\"filter.active\"\n @toggle=\"() => filter.active = false\"\n class=\"z-index-10 pos-fixed pos-r-0\"\n :class=\"{\n 'pos-t-0': filter.active,\n 'pos-t-100': !filter.active\n }\"\n >\n <BlockFilter\n v-model:filter=\"filter\"\n :options=\"filter.options\"\n @click_filter=\"() => { filter.active = false } \"\n class=\"h-max w-100 pd-small pd-b-5r bg-light\"\n />\n </BottomSheet> \n </template>\n\n <Dropdown \n v-if=\"sort && !sort.hideButton\"\n :label=\"{\n component: ButtonSort,\n props: { order: sort.order },\n class: 'w-1r'\n }\" \n :class=\"sort.class \|\| 'bg-light'\"\n class=\"radius-medium aspect-1x1 h-100\"\n :align=\"search ? 'right' : 'left'\"\n >\n\n <BlockSorting\n v-model:param=\"sort.param\"\n v-model:order=\"sort.order\"\n :options=\"sort.options\"\n class=\"h-100 pd-small radius-medium t-white bg-black\"\n />\n </Dropdown> \n\n <!-- Actions -->\n <template\n v-if=\"actions.length\"\n >\n <template v-for=\"action in actions\" :key=\"action.key\">\n <div \n :class=\"action.class \|\| 'bg-light'\"\n class=\"flex-center flex pd-thin bg-light radius-medium aspect-1x1 h-100\"\n >\n <component\n :is=\"action.component\"\n @click=\"action.handler\"\n class=\"w-1r h-auto\"\n >\n </component>\n\n </div>\n </template>\n </template>\n </div>\n\n <TransitionGroup \n v-if=\"isLoading\"\n tag=\"ul\" \n name=\"scaleTransition\" \n class=\"pos-relative z-index-1\"\n :class=\"$attrs.class\"\n >\n <Skeleton\n v-if=\"isLoading && !skeleton?.hide\"\n v-for=\"i in currentLimit\" \n :structure=\"skeleton.structure\"\n :horizontal=\"skeleton.horizontal\"\n :loading=\"skeleton.apply_to_slot\"\n :key=\"'skeleton-' + i\"\n :class=\"replaceClasses('radius-medium bg-light pd-thin flex-child-default o-hidden d-block', skeleton.class)\"\n />\n <Loader v-if=\"isLoading && skeleton?.hide\"/>\n </TransitionGroup>\n\n <TransitionGroup \n tag=\"ul\" \n v-else-if=\"itemsList.length < 1\"\n name=\"feed\"\n >\n <EmptyState\n v-if=\"!isLoading && itemsList.length < 1\"\n :title=\"states.empty.title\"\n :description=\"states.empty.description\"\n :action=\"states.empty.action\"\n :callback=\"states.empty.callback\"\n :class=\"replaceClasses('pd-medium bg-light radius-medium', states.empty.class)\"\n />\n </TransitionGroup>\n\n <TransitionGroup \n v-else\n tag=\"ul\" \n name=\"feed\"\n :class=\"$attrs.class\"\n >\n <slot\n :items=\"itemsList\"\n >\n </slot>\n </TransitionGroup>\n\n <button\n v-if=\"showLoadMore && hasMoreItems && itemsList.length > 0 && !isLoadingExtra\"\n @click=\"loadMoreItems\"\n class=\"col-w-100 mn-t-thin w-100 t-black bg-main button\"\n >\n Load More\n </button>\n\n <div v-else key=\"sentinel\" ref=\"sentinel\" class=\"sentinel\"></div> \n\n <div\n v-if=\"isLoadingExtra\"\n class=\"col-w-100 w-100 pos-relative\"\n >\n <Loader/>\n </div>\n \n\n</template>\n\n<script setup>\nimport { ref, computed, onMounted, onUnmounted, watch } from 'vue';\n\nimport SkeletonEvent from '@martyrs/src/modules/icons/skeletons/SkeletonEvent.vue'\n\nimport Loader from '@martyrs/src/components/Loader/Loader.vue';\nimport Skeleton from '@martyrs/src/components/Skeleton/Skeleton.vue';\nimport EmptyState from '@martyrs/src/components/EmptyState/EmptyState.vue';\nimport Dropdown from \"@martyrs/src/components/Dropdown/Dropdown.vue\";\nimport Calendar from '@martyrs/src/components/Calendar/Calendar.vue'\nimport BottomSheet from '@martyrs/src/components/BottomSheet/BottomSheet.vue';\n\nimport BlockSearch from '@martyrs/src/modules/globals/views/components/blocks/BlockSearch.vue'\nimport BlockSorting from '@martyrs/src/modules/globals/views/components/blocks/BlockSorting.vue'\nimport BlockFilter from '@martyrs/src/modules/globals/views/components/blocks/BlockFilter.vue'\n\nimport FiltersBar from '@martyrs/src/modules/globals/views/components/sections/Filters.vue'\n\nimport ButtonSort from '@martyrs/src/modules/globals/views/components/elements/ButtonSort.vue'\nimport ButtonDate from '@martyrs/src/modules/globals/views/components/elements/ButtonDate.vue'\n\nimport IconFilter from '@martyrs/src/modules/icons/navigation/IconFilter.vue'\nimport IconEvents from '@martyrs/src/modules/icons/entities/IconEvents.vue'\n\nconst search = defineModel('search')\nconst sort = defineModel('sort')\nconst filter = defineModel('filter')\nconst date = defineModel('date')\nconst items = defineModel('items')\n\n// Внутреннее хранилище для случая, когда v-model:items не передан\nconst internalItems = ref([])\n\n// Элегантное решение через computed\nconst itemsList = computed({\n get: () => items.value ?? internalItems.value,\n set: (val) => {\n if (items.value !== undefined) {\n items.value = val\n } else {\n internalItems.value = val\n }\n }\n})\n\nconst filterConfig = computed(() => {\n if (!filter.value?.options) return []\n \n return filter.value.options.map(opt => ({\n key: opt.value,\n title: opt.title,\n type: 'options',\n options: opt.options \|\| [],\n defaultValue: null\n }))\n})\n\n// Пропсы\nconst props = defineProps({\n showLoadMore: {\n type: Boolean,\n default: true\n },\n LoadMore: {\n type: Boolean,\n default: true\n },\n search: {\n type: [Boolean, Object],\n default: false\n },\n states: {\n type: Object,\n default: () => ({\n empty: {\n title: 'Nothing found',\n description: 'Sorry, nothing found',\n },\n }),\n },\n actions: {\n type: Array,\n default: () => []\n },\n skeleton: {\n type: Object,\n default: () => ({\n hide: false,\n horizontal: false,\n structure: [\n { block: 'text', size: 'medium' },\n { block: 'text', size: 'large' },\n { block: 'button', size: 'small' }\n ]\n }),\n \n },\n store: {\n type: Object,\n default: () => ({\n read: Function,\n state: Object,\n }),\n },\n external: {\n type: Boolean,\n default: false\n },\n options: {\n type: Object,\n default: () => ({\n category: null,\n limit: 10, \n skip: 0 ,\n owner: null,\n creator: null,\n customer: null,\n user: null,\n status: null,\n period: null,\n contain: null,\n }),\n },\n});\n \nconst hasMoreItems = ref(false);\n\nlet isLoading = ref(true);\nlet isLoadingExtra = ref(false);\nlet sentinel = ref(null)\n\nlet currentSkip = ref(props.options.skip ? props.options.skip : 0);\nlet currentLimit = ref(props.options.limit ? props.options.limit : 10);\n\nlet currentSearch = ref('');\nlet isSearching = ref(false);\n\nlet requestId = 0;\n\nfunction debounce(fn, delay) {\n let timeoutId = null;\n return (...args) => {\n clearTimeout(timeoutId);\n timeoutId = setTimeout(() => fn(...args), delay);\n };\n}\n\nconst debouncedSearch = debounce((value) => {\n isSearching.value = true;\n currentSearch.value = value;\n currentSkip.value = 0;\n currentLimit.value = 10;\n fetchItems();\n}, 500);\n\nfunction updateSearch(search) {\n debouncedSearch(search);\n}\n\nconst removeNullValues = (obj) => {\n return Object.fromEntries(\n Object.entries(obj).filter(([_, value]) => value != null)\n );\n};\n\nconst loadMoreItems = async () => {\n if (!hasMoreItems.value \|\| isLoadingExtra.value) {\n return;\n }\n \n isLoadingExtra.value = true;\n \n const currentRequestId = ++requestId;\n\n currentSkip.value += currentLimit.value;\n \n try {\n const allParams = {\n skip: currentSkip.value,\n limit: currentLimit.value,\n search: currentSearch.value,\n dateStart: date.value?.start,\n dateEnd: date.value?.end,\n sortParam: sort.value?.param,\n sortOrder: sort.value?.order,\n ...props.options\n };\n\n const params = removeNullValues(allParams);\n\n const data = await props.store.read(params);\n\n if (currentRequestId !== requestId) {\n return;\n }\n\n if (data.length === 0) {\n hasMoreItems.value = false;\n } else if (data.length < currentLimit.value) {\n hasMoreItems.value = false;\n } else {\n hasMoreItems.value = true;\n }\n\n // Элегантное обновление через computed setter\n itemsList.value = [...itemsList.value, ...data];\n \n } catch (error) {\n console.error('Load more error:', error);\n } finally {\n if (currentRequestId === requestId) {\n isLoadingExtra.value = false;\n }\n }\n};\n\nconst fetchItems = async () => {\n isLoading.value = true;\n \n const currentRequestId = ++requestId;\n \n if (isSearching.value) {\n itemsList.value = [];\n isSearching.value = false;\n }\n \n try {\n const allParams = {\n skip: currentSkip.value,\n limit: currentLimit.value,\n search: currentSearch.value,\n dateStart: date.value?.start,\n dateEnd: date.value?.end,\n sortParam: sort.value?.param,\n sortOrder: sort.value?.order,\n ...props.options\n };\n\n const params = removeNullValues(allParams);\n\n const data = await props.store.read(params);\n\n if (currentRequestId !== requestId) {\n return;\n }\n\n if (data.length === 0) {\n hasMoreItems.value = false;\n } else if (data.length < currentLimit.value) {\n hasMoreItems.value = false;\n } else {\n hasMoreItems.value = true;\n }\n\n // Элегантное обновление через computed setter\n itemsList.value = data;\n \n } catch (error) {\n console.error('Fetch error:', error);\n } finally {\n if (currentRequestId === requestId) {\n isLoading.value = false;\n }\n }\n};\n\nwatch(\n [() => props.external, () => date.value, () => ({...sort.value}), () => ({...props.options})],\n ([newExternal, newDate, newSort, newOptions], [oldExternal, oldDate, oldSort, oldOptions]) => {\n if (\n newExternal !== oldExternal \|\|\n newDate !== oldDate \|\|\n newSort?.order !== oldSort?.order \|\|\n newSort?.param !== oldSort?.param \|\|\n JSON.stringify(newOptions) !== JSON.stringify(oldOptions)\n ) {\n currentSkip.value = 0;\n fetchItems();\n }\n },\n { deep: true }\n);\n\nlet observer = null\n\nonMounted(async () => {\n await fetchItems()\n\n if (typeof window !== 'undefined' && !props.showLoadMore && props.LoadMore) {\n observer = new IntersectionObserver(entries => {\n if (entries.some(entry => entry.isIntersecting)) {\n loadMoreItems()\n }\n })\n\n if (sentinel.value) observer.observe(sentinel.value)\n }\n});\n\nonUnmounted(() => {\n if (observer) {\n observer.disconnect();\n }\n});\n</script>\n\n<style>\n.feed-move,\n.feed-enter-active,\n.feed-leave-active {\n transition: all 0.5s ease;\n}\n\n.feed-enter-from,\n.feed-leave-to {\n opacity: 0;\n transform: translateY(30px);\n}\n\n.feed-leave-active {\n position: absolute;\n}\n</style>"],"names":["_useModel","search"],"mappings":"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"}

package/dist/martyrs/src/components/Field/{Field.vue.cjs → Field.vue2.cjs} RENAMED Viewed

@@ -2,6 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const IconShow = require("../../modules/icons/actions/IconShow.vue.cjs");
+;/* empty css            */
 const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.cjs");
 const _hoisted_1 = {
   key: 2,
@@ -149,4 +150,4 @@ const _sfc_main = {
 };
 const Field = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-69b12b85"]]);
 exports.default = Field;
-//# sourceMappingURL=Field.vue.cjs.map
+//# sourceMappingURL=Field.vue2.cjs.map

package/dist/martyrs/src/components/Field/Field.vue2.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Field.vue2.cjs","sources":["../../../../../src/components/Field/Field.vue"],"sourcesContent":["<script setup>\nimport { ref, onMounted, nextTick, watch } from 'vue'\nimport IconShow from '@martyrs/src/modules/icons/actions/IconShow.vue';\nconst emit = defineEmits(['update:field', 'focus', 'blur']);\nconst 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 autofocus: false,\n icon: null // Добавлен пропс для иконки\n});\nif (props.value) {\n emit('update:field', props.value)\n}\nconst textarea = ref(null);\nconst input = ref(null);\nconst showPassword = ref(false);\n\nfunction resize() {\n if (!textarea.value) {\n return;\n }\n const el = textarea.value;\n el.style.height = '';\n const scrollHeight = el.scrollHeight;\n if (scrollHeight > 33) {\n el.style.height = scrollHeight + 'px';\n } else {\n el.style.height = '';\n }\n}\nfunction focus() {\n if (props.autofocus) {\n if (props.type === 'textarea' && textarea.value) {\n textarea.value.focus();\n } else if (input.value) {\n input.value.focus();\n }\n }\n}\nwatch(() => props.field, () => {\n if (props.type === 'textarea') {\n nextTick(resize);\n }\n});\nwatch(() => props.autofocus, (newVal) => {\n if (newVal) {\n nextTick(focus);\n }\n});\nonMounted(() => {\n nextTick(focus);\n nextTick(resize);\n});\nconst text = ref(props.field);\n</script>\n<template>\n <div\n :class=\"[\n $attrs.class,\n { 'bg-fourth-nano': validation }\n ]\"\n class=\"field-wrapper flex-center flex-nowrap flex\"\n >\n \n <slot name=\"icon\" v-if=\"$slots.icon\" />\n \n <component :is=\"icon\" v-else-if=\"icon\" class=\"i-medium t-transp mn-r-thin\" />\n \n <div\n v-if=\"label\"\n class=\"t-transp mn-r-small\"\n >\n <span class=\"t-nowrap\">\n {{label}}\n </span>\n </div>\n <div class=\"w-100 pos-relative\">\n <input\n v-if=\"type !== 'textarea'\"\n ref=\"input\"\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 === 'password' && !showPassword ? 'password' : type === 'password' ? 'text' : type\"\n class=\"w-100\"\n :value=\"field\"\n :placeholder=\"placeholder\"\n :tabindex=\"tabindex\"\n :disabled=\"disabled\"\n :autofocus=\"autofocus\"\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 :value=\"field\"\n :placeholder=\"placeholder\"\n :tabindex=\"tabindex\"\n :disabled=\"disabled\"\n />\n </div>\n <IconShow\n v-if=\"type === 'password'\"\n :show=\"!showPassword\"\n @click=\"showPassword = !showPassword\"\n class=\"i-medium cursor-pointer\"\n />\n <slot></slot>\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 <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<style scoped>\ninput,\ntextarea,\nspan {\n color: inherit;\n line-height: 1;\n}\ntextarea {\n resize: none;\n overflow: hidden; \n height: 1rem;\n}\ninput[type=\"date\"]::-webkit-calendar-picker-indicator,\ninput[type=\"time\"]::-webkit-calendar-picker-indicator {\n filter: invert(1);\n opacity: 1;\n color: inherit;\n}\n</style>"],"names":["ref","watch","nextTick","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,UAAM,OAAO;AACb,UAAM,QAAQ;AAad,QAAI,MAAM,OAAO;AACf,WAAK,gBAAgB,MAAM,KAAK;AAAA,IAClC;AACA,UAAM,WAAWA,IAAAA,IAAI,IAAI;AACzB,UAAM,QAAQA,IAAAA,IAAI,IAAI;AACtB,UAAM,eAAeA,IAAAA,IAAI,KAAK;AAE9B,aAAS,SAAS;AAChB,UAAI,CAAC,SAAS,OAAO;AACnB;AAAA,MACF;AACA,YAAM,KAAK,SAAS;AACpB,SAAG,MAAM,SAAS;AAClB,YAAM,eAAe,GAAG;AACxB,UAAI,eAAe,IAAI;AACrB,WAAG,MAAM,SAAS,eAAe;AAAA,MACnC,OAAO;AACL,WAAG,MAAM,SAAS;AAAA,MACpB;AAAA,IACF;AACA,aAAS,QAAQ;AACf,UAAI,MAAM,WAAW;AACnB,YAAI,MAAM,SAAS,cAAc,SAAS,OAAO;AAC/C,mBAAS,MAAM,MAAK;AAAA,QACtB,WAAW,MAAM,OAAO;AACtB,gBAAM,MAAM,MAAK;AAAA,QACnB;AAAA,MACF;AAAA,IACF;AACAC,QAAAA,MAAM,MAAM,MAAM,OAAO,MAAM;AAC7B,UAAI,MAAM,SAAS,YAAY;AAC7BC,YAAAA,SAAS,MAAM;AAAA,MACjB;AAAA,IACF,CAAC;AACDD,QAAAA,MAAM,MAAM,MAAM,WAAW,CAAC,WAAW;AACvC,UAAI,QAAQ;AACVC,YAAAA,SAAS,KAAK;AAAA,MAChB;AAAA,IACF,CAAC;AACDC,QAAAA,UAAU,MAAM;AACdD,UAAAA,SAAS,KAAK;AACdA,UAAAA,SAAS,MAAM;AAAA,IACjB,CAAC;AACD,UAAM,OAAOF,IAAAA,IAAI,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/components/Field/{Field.vue.js → Field.vue2.js} RENAMED Viewed

@@ -1,5 +1,6 @@
 import { ref, watch, nextTick, onMounted, createElementBlock, openBlock, Fragment, createElementVNode, createVNode, normalizeClass, renderSlot, createBlock, createCommentVNode, resolveDynamicComponent, toDisplayString, Transition, withCtx } from "vue";
 import _sfc_main$1 from "../../modules/icons/actions/IconShow.vue.js";
+/* empty css          */
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
 const _hoisted_1 = {
   key: 2,
@@ -149,4 +150,4 @@ const Field = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-69b1
 export {
   Field as default
 };
-//# sourceMappingURL=Field.vue.js.map
+//# sourceMappingURL=Field.vue2.js.map

package/dist/martyrs/src/components/Field/{Field.vue.cjs.map → Field.vue2.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Field.~~vue~~.~~cjs~~","sources":["../../../../../src/components/Field/Field.vue"],"sourcesContent":["<script setup>\nimport { ref, onMounted, nextTick, watch } from 'vue'\nimport IconShow from '@martyrs/src/modules/icons/actions/IconShow.vue';\nconst emit = defineEmits(['update:field', 'focus', 'blur']);\nconst 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 autofocus: false,\n icon: null // Добавлен пропс для иконки\n});\nif (props.value) {\n emit('update:field', props.value)\n}\nconst textarea = ref(null);\nconst input = ref(null);\nconst showPassword = ref(false);\n\nfunction resize() {\n if (!textarea.value) {\n return;\n }\n const el = textarea.value;\n el.style.height = '';\n const scrollHeight = el.scrollHeight;\n if (scrollHeight > 33) {\n el.style.height = scrollHeight + 'px';\n } else {\n el.style.height = '';\n }\n}\nfunction focus() {\n if (props.autofocus) {\n if (props.type === 'textarea' && textarea.value) {\n textarea.value.focus();\n } else if (input.value) {\n input.value.focus();\n }\n }\n}\nwatch(() => props.field, () => {\n if (props.type === 'textarea') {\n nextTick(resize);\n }\n});\nwatch(() => props.autofocus, (newVal) => {\n if (newVal) {\n nextTick(focus);\n }\n});\nonMounted(() => {\n nextTick(focus);\n nextTick(resize);\n});\nconst text = ref(props.field);\n</script>\n<template>\n <div\n :class=\"[\n $attrs.class,\n { 'bg-fourth-nano': validation }\n ]\"\n class=\"field-wrapper flex-center flex-nowrap flex\"\n >\n <!-- Слот для иконки -->\n <slot name=\"icon\" v-if=\"$slots.icon\" />\n <!-- Или компонент иконки через пропс -->\n <component :is=\"icon\" v-else-if=\"icon\" class=\"i-medium t-transp mn-r-thin\" />\n \n <div\n v-if=\"label\"\n class=\"t-transp mn-r-small\"\n >\n <span class=\"t-nowrap\">\n {{label}}\n </span>\n </div>\n <div class=\"w-100 pos-relative\">\n <input\n v-if=\"type !== 'textarea'\"\n ref=\"input\"\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 === 'password' && !showPassword ? 'password' : type === 'password' ? 'text' : type\"\n class=\"w-100\"\n :value=\"field\"\n :placeholder=\"placeholder\"\n :tabindex=\"tabindex\"\n :disabled=\"disabled\"\n :autofocus=\"autofocus\"\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 :value=\"field\"\n :placeholder=\"placeholder\"\n :tabindex=\"tabindex\"\n :disabled=\"disabled\"\n />\n </div>\n <IconShow\n v-if=\"type === 'password'\"\n :show=\"!showPassword\"\n @click=\"showPassword = !showPassword\"\n class=\"i-medium cursor-pointer\"\n />\n <slot></slot>\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 <!-- 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<style scoped>\ninput,\ntextarea,\nspan {\n color: inherit;\n line-height: 1;\n}\ntextarea {\n resize: none;\n overflow: hidden; \n height: 1rem;\n}\ninput[type=\"date\"]::-webkit-calendar-picker-indicator,\ninput[type=\"time\"]::-webkit-calendar-picker-indicator {\n filter: invert(1);\n opacity: 1;\n color: inherit;\n}\n</style>"],"names":[~~"ref","watch","nextTick","onMounted"~~],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AAGA,UAAM,OAAO;AACb,UAAM,QAAQ;AAad,QAAI,MAAM,OAAO;AACf,WAAK,gBAAgB,MAAM,KAAK;AAAA,IAClC;AACA,UAAM,~~WAAWA~~,~~IAAG~~,~~IAAC,~~IAAI;AACzB,UAAM,~~QAAQA~~,~~IAAG~~,~~IAAC,~~IAAI;AACtB,UAAM,~~eAAeA~~,~~IAAG~~,~~IAAC,~~KAAK;AAE9B,aAAS,SAAS;AAChB,UAAI,CAAC,SAAS,OAAO;AACnB;AAAA,~~MACJ~~;~~AACE~~,YAAM,KAAK,SAAS;AACpB,SAAG,MAAM,SAAS;AAClB,YAAM,eAAe,GAAG;AACxB,UAAI,eAAe,IAAI;AACrB,WAAG,MAAM,SAAS,eAAe;AAAA,~~MACrC~~,~~OAAS~~;AACL,WAAG,MAAM,SAAS;AAAA,~~MACtB~~;AAAA,~~IACA~~;AACA,aAAS,QAAQ;AACf,UAAI,MAAM,WAAW;AACnB,YAAI,MAAM,SAAS,cAAc,SAAS,OAAO;AAC/C,mBAAS,MAAM,~~MAAO~~;AAAA,~~QAC5B~~,~~WAAe~~,MAAM,OAAO;AACtB,gBAAM,MAAM,~~MAAO~~;AAAA,~~QACzB~~;AAAA,~~MACA~~;AAAA,~~IACA~~;~~AACAC~~,~~QAAAA~~,MAAM,MAAM,~~MAAM,~~OAAO,MAAM;AAC7B,UAAI,MAAM,SAAS,YAAY;~~AAC7BC~~,~~YAAAA~~,~~SAAS,~~MAAM;AAAA,~~MACnB~~;AAAA,~~IACA~~,CAAC;~~AACDD~~,~~QAAK~~,~~MAAC,~~MAAM,MAAM,WAAW,CAAC,WAAW;AACvC,UAAI,QAAQ;~~AACVC~~,~~YAAAA~~,~~SAAS,~~KAAK;AAAA,~~MAClB~~;AAAA,~~IACA~~,CAAC;~~AACDC~~,~~QAAAA~~,~~UAAU,~~MAAM;~~AACdD~~,~~UAAAA~~,~~SAAS,~~KAAK;~~AACdA~~,~~UAAAA~~,~~SAAS,~~MAAM;AAAA,IACjB,CAAC;AACD,UAAM,~~OAAOF~~,~~IAAAA,~~IAAI,MAAM,KAAK~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~"}
1	+ {"version":3,"file":"Field.vue2.js","sources":["../../../../../src/components/Field/Field.vue"],"sourcesContent":["<script setup>\nimport { ref, onMounted, nextTick, watch } from 'vue'\nimport IconShow from '@martyrs/src/modules/icons/actions/IconShow.vue';\nconst emit = defineEmits(['update:field', 'focus', 'blur']);\nconst 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 autofocus: false,\n icon: null // Добавлен пропс для иконки\n});\nif (props.value) {\n emit('update:field', props.value)\n}\nconst textarea = ref(null);\nconst input = ref(null);\nconst showPassword = ref(false);\n\nfunction resize() {\n if (!textarea.value) {\n return;\n }\n const el = textarea.value;\n el.style.height = '';\n const scrollHeight = el.scrollHeight;\n if (scrollHeight > 33) {\n el.style.height = scrollHeight + 'px';\n } else {\n el.style.height = '';\n }\n}\nfunction focus() {\n if (props.autofocus) {\n if (props.type === 'textarea' && textarea.value) {\n textarea.value.focus();\n } else if (input.value) {\n input.value.focus();\n }\n }\n}\nwatch(() => props.field, () => {\n if (props.type === 'textarea') {\n nextTick(resize);\n }\n});\nwatch(() => props.autofocus, (newVal) => {\n if (newVal) {\n nextTick(focus);\n }\n});\nonMounted(() => {\n nextTick(focus);\n nextTick(resize);\n});\nconst text = ref(props.field);\n</script>\n<template>\n <div\n :class=\"[\n $attrs.class,\n { 'bg-fourth-nano': validation }\n ]\"\n class=\"field-wrapper flex-center flex-nowrap flex\"\n >\n <!-- Слот для иконки -->\n <slot name=\"icon\" v-if=\"$slots.icon\" />\n <!-- Или компонент иконки через пропс -->\n <component :is=\"icon\" v-else-if=\"icon\" class=\"i-medium t-transp mn-r-thin\" />\n \n <div\n v-if=\"label\"\n class=\"t-transp mn-r-small\"\n >\n <span class=\"t-nowrap\">\n {{label}}\n </span>\n </div>\n <div class=\"w-100 pos-relative\">\n <input\n v-if=\"type !== 'textarea'\"\n ref=\"input\"\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 === 'password' && !showPassword ? 'password' : type === 'password' ? 'text' : type\"\n class=\"w-100\"\n :value=\"field\"\n :placeholder=\"placeholder\"\n :tabindex=\"tabindex\"\n :disabled=\"disabled\"\n :autofocus=\"autofocus\"\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 :value=\"field\"\n :placeholder=\"placeholder\"\n :tabindex=\"tabindex\"\n :disabled=\"disabled\"\n />\n </div>\n <IconShow\n v-if=\"type === 'password'\"\n :show=\"!showPassword\"\n @click=\"showPassword = !showPassword\"\n class=\"i-medium cursor-pointer\"\n />\n <slot></slot>\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 <!-- 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<style scoped>\ninput,\ntextarea,\nspan {\n color: inherit;\n line-height: 1;\n}\ntextarea {\n resize: none;\n overflow: hidden; \n height: 1rem;\n}\ninput[type=\"date\"]::-webkit-calendar-picker-indicator,\ninput[type=\"time\"]::-webkit-calendar-picker-indicator {\n filter: invert(1);\n opacity: 1;\n color: inherit;\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,UAAM,OAAO;AACb,UAAM,QAAQ;AAad,QAAI,MAAM,OAAO;AACf,WAAK,gBAAgB,MAAM,KAAK;AAAA,IAClC;AACA,UAAM,WAAW,IAAI,IAAI;AACzB,UAAM,QAAQ,IAAI,IAAI;AACtB,UAAM,eAAe,IAAI,KAAK;AAE9B,aAAS,SAAS;AAChB,UAAI,CAAC,SAAS,OAAO;AACnB;AAAA,MACF;AACA,YAAM,KAAK,SAAS;AACpB,SAAG,MAAM,SAAS;AAClB,YAAM,eAAe,GAAG;AACxB,UAAI,eAAe,IAAI;AACrB,WAAG,MAAM,SAAS,eAAe;AAAA,MACnC,OAAO;AACL,WAAG,MAAM,SAAS;AAAA,MACpB;AAAA,IACF;AACA,aAAS,QAAQ;AACf,UAAI,MAAM,WAAW;AACnB,YAAI,MAAM,SAAS,cAAc,SAAS,OAAO;AAC/C,mBAAS,MAAM,MAAK;AAAA,QACtB,WAAW,MAAM,OAAO;AACtB,gBAAM,MAAM,MAAK;AAAA,QACnB;AAAA,MACF;AAAA,IACF;AACA,UAAM,MAAM,MAAM,OAAO,MAAM;AAC7B,UAAI,MAAM,SAAS,YAAY;AAC7B,iBAAS,MAAM;AAAA,MACjB;AAAA,IACF,CAAC;AACD,UAAM,MAAM,MAAM,WAAW,CAAC,WAAW;AACvC,UAAI,QAAQ;AACV,iBAAS,KAAK;AAAA,MAChB;AAAA,IACF,CAAC;AACD,cAAU,MAAM;AACd,eAAS,KAAK;AACd,eAAS,MAAM;AAAA,IACjB,CAAC;AACD,UAAM,OAAO,IAAI,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/components/FieldBig/FieldBig.vue.cjs CHANGED Viewed

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const Field = require("../Field/Field.vue.cjs");
+const Field = require("../Field/Field.vue2.cjs");
 const IconArrow = require("../../modules/icons/navigation/IconArrow.vue.cjs");
 const vueI18n = require("vue-i18n");
 const _hoisted_1 = {

package/dist/martyrs/src/components/FieldBig/FieldBig.vue.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FieldBig.vue.cjs","sources":["../../../../../src/components/FieldBig/FieldBig.vue"],"sourcesContent":["<template>\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=\"pd-thin radius-extra flex-nowrap flex w-100 p-medium t-regular uppercase pd-small\"\n >\n <button\n @click=\"emitAction\" \n class=\"t-nowrap t-medium radius-big uppercase cursor-pointer flex flex-v-center pd-thin w-max hover-bg-fifth t-semi transition-linear transition-timing-1 t-black bg-main\" \n >\n <span v-if=\"action\" class=\"desktop-only mn-r-thin\">{{action}}</span>\n <IconArrow class=\"i-medium\"/>\n </button>\n</Field>\n</template>\n\n<script setup=\"props\">\n import { ref, watchEffect, onMounted } from 'vue'\n import Field from '@martyrs/src/components/Field/Field.vue'\n import IconArrow from '@martyrs/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 },\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BE,UAAM,QAAQ;AAqCd,UAAM,EAAE,GAAG,OAAM,IAAKA,QAAO~~,QAAA~~;AAE7B,QAAI,mBAAmBC,IAAAA,IAAI,CAAC;AAE5B,QAAI,aAAaA,QAAI,MAAM,KAAK;AAChC,QAAI,mBAAmBA,QAAI,MAAM,WAAW;AAC5C,QAAI,SAASA,QAAI,MAAM,YAAY;AACnC,QAAI,eAAeA,IAAAA,IAAI,IAAI;AAC3B,QAAI,WAAWA,~~IAAG~~,~~IAAC~~,EAAE;AACrB,QAAI,gBAAgBA,IAAAA,IAAI,IAAI;AAC5B,QAAI,iBAAiB;AAErB,UAAM,OAAO;AAEb,aAAS,aAAa;AACpB,WAAK,QAAQ;AAAA,~~IACjB~~;~~AAEE~~,aAAS,YAAY,OAAO;AACzB,WAAK,gBAAgB,KAAK;AAC1B,eAAS,QAAQ;AAAA,~~IACtB~~;~~AAEE~~,aAAS,cAAc;AACrB,uBAAiB,SAAS,iBAAiB,QAAQ,KAAK,MAAM,iBAAiB,OAAO,KAAK,EAAE;AAAA,~~IACjG~~;~~AAEE~~,aAAS,cAAc;AACrB,aAAO,QAAQ;AAEf,oBAAc,aAAa,KAAK;AAEhC,uBAAiB,QAAQ,MAAM;AAE/B,UAAI,CAAC,SAAS,OAAO;AACnB,mBAAW,QAAQ;AAAA,~~MACzB~~;AAAA,~~IACA~~;~~AAEE~~,aAAS,aAAa;AACpB,UAAI,CAAC,SAAS,SAAS,MAAM,cAAc;AACzC,eAAO,QAAQ;AACf,yBAAiB,QAAQ;AACzB,oBAAW;AAAA,~~MACjB~~;AAAA,~~IACA~~;~~AAEE~~,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,~~MAC3C~~,~~GAAO~~,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,~~UACV~~;~~AAEQ~~,cAAI,IAAI,gBAAgB,UAAU,MAAM,YAAY;AAClD,uBAAW,MAAM;AACf,gCAAkB;AAClB,yBAAW,QAAQ,gBAAgB,UAAU,GAAG,CAAC;AAAA,~~YAC7D~~,~~GAAa~~,GAAG;AAAA,~~UAChB~~;~~AAEQ~~,cAAI,MAAM,KAAK,iBAAiB;AAC9B,8BAAkB;AAClB,wBAAW;AACX,8BAAkB,MAAM,iBAAiB,OAAO,KAAK,EAAE,iBAAiB,KAAK;AAAA,~~UACvF~~;AAAA,~~QACA~~;AAAA,~~MACK~~,~~GAAE~~,MAAM,WAAW;AAAA,~~IACxB~~;~~AAGEC~~,QAAAA,UAAU,MAAM;AACd,UAAI,MAAM,aAAc,aAAW;AAAA,~~IACpC~~,~~CAAA~~;AAEDC,QAAAA,YAAY,MAAM;AAChB,UAAI,CAAC,OAAO,OAAO;AACjB,sBAAc,aAAa,KAAK;AAChC,sBAAc,cAAc;AAAA,~~MAClC~~;AAAA,~~IACG~~,~~CAAA~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"FieldBig.vue.cjs","sources":["../../../../../src/components/FieldBig/FieldBig.vue"],"sourcesContent":["<template>\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=\"pd-thin radius-extra flex-nowrap flex w-100 p-medium t-regular uppercase pd-small\"\n >\n <button\n @click=\"emitAction\" \n class=\"t-nowrap t-medium radius-big uppercase cursor-pointer flex flex-v-center pd-thin w-max hover-bg-fifth t-semi transition-linear transition-timing-1 t-black bg-main\" \n >\n <span v-if=\"action\" class=\"desktop-only mn-r-thin\">{{action}}</span>\n <IconArrow class=\"i-medium\"/>\n </button>\n</Field>\n</template>\n\n<script setup=\"props\">\n import { ref, watchEffect, onMounted } from 'vue'\n import Field from '@martyrs/src/components/Field/Field.vue'\n import IconArrow from '@martyrs/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 },\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BE,UAAM,QAAQ;AAqCd,UAAM,EAAE,GAAG,OAAM,IAAKA,QAAAA,QAAO;AAE7B,QAAI,mBAAmBC,IAAAA,IAAI,CAAC;AAE5B,QAAI,aAAaA,QAAI,MAAM,KAAK;AAChC,QAAI,mBAAmBA,QAAI,MAAM,WAAW;AAC5C,QAAI,SAASA,QAAI,MAAM,YAAY;AACnC,QAAI,eAAeA,IAAAA,IAAI,IAAI;AAC3B,QAAI,WAAWA,IAAAA,IAAI,EAAE;AACrB,QAAI,gBAAgBA,IAAAA,IAAI,IAAI;AAC5B,QAAI,iBAAiB;AAErB,UAAM,OAAO;AAEb,aAAS,aAAa;AACpB,WAAK,QAAQ;AAAA,IACf;AAEA,aAAS,YAAY,OAAO;AACzB,WAAK,gBAAgB,KAAK;AAC1B,eAAS,QAAQ;AAAA,IACpB;AAEA,aAAS,cAAc;AACrB,uBAAiB,SAAS,iBAAiB,QAAQ,KAAK,MAAM,iBAAiB,OAAO,KAAK,EAAE;AAAA,IAC/F;AAEA,aAAS,cAAc;AACrB,aAAO,QAAQ;AAEf,oBAAc,aAAa,KAAK;AAEhC,uBAAiB,QAAQ,MAAM;AAE/B,UAAI,CAAC,SAAS,OAAO;AACnB,mBAAW,QAAQ;AAAA,MACrB;AAAA,IACF;AAEA,aAAS,aAAa;AACpB,UAAI,CAAC,SAAS,SAAS,MAAM,cAAc;AACzC,eAAO,QAAQ;AACf,yBAAiB,QAAQ;AACzB,oBAAW;AAAA,MACb;AAAA,IACF;AAEA,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,MACvC,GAAG,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,UACF,OAAO;AACL,uBAAW,QAAQ,WAAW,MAAM,MAAM,GAAG,EAAE;AAC/C,uBAAW,QAAQ,gBAAgB,UAAU,GAAG,CAAC,KAAK,cAAc,SAAS,IAAI,IAAI,MAAM;AAC3F;AAAA,UACF;AAEA,cAAI,IAAI,gBAAgB,UAAU,MAAM,YAAY;AAClD,uBAAW,MAAM;AACf,gCAAkB;AAClB,yBAAW,QAAQ,gBAAgB,UAAU,GAAG,CAAC;AAAA,YACnD,GAAG,GAAG;AAAA,UACR;AAEA,cAAI,MAAM,KAAK,iBAAiB;AAC9B,8BAAkB;AAClB,wBAAW;AACX,8BAAkB,MAAM,iBAAiB,OAAO,KAAK,EAAE,iBAAiB,KAAK;AAAA,UAC/E;AAAA,QACF;AAAA,MACF,GAAG,MAAM,WAAW;AAAA,IACtB;AAGAC,QAAAA,UAAU,MAAM;AACd,UAAI,MAAM,aAAc,aAAW;AAAA,IACrC,CAAC;AAEDC,QAAAA,YAAY,MAAM;AAChB,UAAI,CAAC,OAAO,OAAO;AACjB,sBAAc,aAAa,KAAK;AAChC,sBAAc,cAAc;AAAA,MAC9B;AAAA,IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/components/FieldBig/FieldBig.vue.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { ref, onMounted, watchEffect, createBlock, openBlock, unref, isRef, withCtx, createElementVNode, createElementBlock, createCommentVNode, createVNode, toDisplayString } from "vue";
-import Field from "../Field/Field.vue.js";
+import Field from "../Field/Field.vue2.js";
 import _sfc_main$1 from "../../modules/icons/navigation/IconArrow.vue.js";
 import { useI18n } from "vue-i18n";
 const _hoisted_1 = {

package/dist/martyrs/src/components/FieldBig/FieldBig.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FieldBig.vue.js","sources":["../../../../../src/components/FieldBig/FieldBig.vue"],"sourcesContent":["<template>\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=\"pd-thin radius-extra flex-nowrap flex w-100 p-medium t-regular uppercase pd-small\"\n >\n <button\n @click=\"emitAction\" \n class=\"t-nowrap t-medium radius-big uppercase cursor-pointer flex flex-v-center pd-thin w-max hover-bg-fifth t-semi transition-linear transition-timing-1 t-black bg-main\" \n >\n <span v-if=\"action\" class=\"desktop-only mn-r-thin\">{{action}}</span>\n <IconArrow class=\"i-medium\"/>\n </button>\n</Field>\n</template>\n\n<script setup=\"props\">\n import { ref, watchEffect, onMounted } from 'vue'\n import Field from '@martyrs/src/components/Field/Field.vue'\n import IconArrow from '@martyrs/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 },\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":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BE,UAAM,QAAQ;AAqCd,UAAM,EAAE,GAAG,OAAM,IAAK,QAAO;AAE7B,QAAI,mBAAmB,IAAI,CAAC;AAE5B,QAAI,aAAa,IAAI,MAAM,KAAK;AAChC,QAAI,mBAAmB,IAAI,MAAM,WAAW;AAC5C,QAAI,SAAS,IAAI,MAAM,YAAY;AACnC,QAAI,eAAe,IAAI,IAAI;AAC3B,QAAI,WAAW,IAAI,EAAE;AACrB,QAAI,gBAAgB,IAAI,IAAI;AAC5B,QAAI,iBAAiB;AAErB,UAAM,OAAO;AAEb,aAAS,aAAa;AACpB,WAAK,QAAQ;AAAA,~~IACjB~~;~~AAEE~~,aAAS,YAAY,OAAO;AACzB,WAAK,gBAAgB,KAAK;AAC1B,eAAS,QAAQ;AAAA,~~IACtB~~;~~AAEE~~,aAAS,cAAc;AACrB,uBAAiB,SAAS,iBAAiB,QAAQ,KAAK,MAAM,iBAAiB,OAAO,KAAK,EAAE;AAAA,~~IACjG~~;~~AAEE~~,aAAS,cAAc;AACrB,aAAO,QAAQ;AAEf,oBAAc,aAAa,KAAK;AAEhC,uBAAiB,QAAQ,MAAM;AAE/B,UAAI,CAAC,SAAS,OAAO;AACnB,mBAAW,QAAQ;AAAA,~~MACzB~~;AAAA,~~IACA~~;~~AAEE~~,aAAS,aAAa;AACpB,UAAI,CAAC,SAAS,SAAS,MAAM,cAAc;AACzC,eAAO,QAAQ;AACf,yBAAiB,QAAQ;AACzB,oBAAW;AAAA,~~MACjB~~;AAAA,~~IACA~~;~~AAEE~~,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,~~MAC3C~~,~~GAAO~~,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,~~UACV~~;~~AAEQ~~,cAAI,IAAI,gBAAgB,UAAU,MAAM,YAAY;AAClD,uBAAW,MAAM;AACf,gCAAkB;AAClB,yBAAW,QAAQ,gBAAgB,UAAU,GAAG,CAAC;AAAA,~~YAC7D~~,~~GAAa~~,GAAG;AAAA,~~UAChB~~;~~AAEQ~~,cAAI,MAAM,KAAK,iBAAiB;AAC9B,8BAAkB;AAClB,wBAAW;AACX,8BAAkB,MAAM,iBAAiB,OAAO,KAAK,EAAE,iBAAiB,KAAK;AAAA,~~UACvF~~;AAAA,~~QACA~~;AAAA,~~MACK~~,~~GAAE~~,MAAM,WAAW;AAAA,~~IACxB~~;~~AAGE~~,cAAU,MAAM;AACd,UAAI,MAAM,aAAc,aAAW;AAAA,~~IACpC~~,~~CAAA~~;AAED,gBAAY,MAAM;AAChB,UAAI,CAAC,OAAO,OAAO;AACjB,sBAAc,aAAa,KAAK;AAChC,sBAAc,cAAc;AAAA,~~MAClC~~;AAAA,~~IACG~~,~~CAAA~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"FieldBig.vue.js","sources":["../../../../../src/components/FieldBig/FieldBig.vue"],"sourcesContent":["<template>\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=\"pd-thin radius-extra flex-nowrap flex w-100 p-medium t-regular uppercase pd-small\"\n >\n <button\n @click=\"emitAction\" \n class=\"t-nowrap t-medium radius-big uppercase cursor-pointer flex flex-v-center pd-thin w-max hover-bg-fifth t-semi transition-linear transition-timing-1 t-black bg-main\" \n >\n <span v-if=\"action\" class=\"desktop-only mn-r-thin\">{{action}}</span>\n <IconArrow class=\"i-medium\"/>\n </button>\n</Field>\n</template>\n\n<script setup=\"props\">\n import { ref, watchEffect, onMounted } from 'vue'\n import Field from '@martyrs/src/components/Field/Field.vue'\n import IconArrow from '@martyrs/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 },\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":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BE,UAAM,QAAQ;AAqCd,UAAM,EAAE,GAAG,OAAM,IAAK,QAAO;AAE7B,QAAI,mBAAmB,IAAI,CAAC;AAE5B,QAAI,aAAa,IAAI,MAAM,KAAK;AAChC,QAAI,mBAAmB,IAAI,MAAM,WAAW;AAC5C,QAAI,SAAS,IAAI,MAAM,YAAY;AACnC,QAAI,eAAe,IAAI,IAAI;AAC3B,QAAI,WAAW,IAAI,EAAE;AACrB,QAAI,gBAAgB,IAAI,IAAI;AAC5B,QAAI,iBAAiB;AAErB,UAAM,OAAO;AAEb,aAAS,aAAa;AACpB,WAAK,QAAQ;AAAA,IACf;AAEA,aAAS,YAAY,OAAO;AACzB,WAAK,gBAAgB,KAAK;AAC1B,eAAS,QAAQ;AAAA,IACpB;AAEA,aAAS,cAAc;AACrB,uBAAiB,SAAS,iBAAiB,QAAQ,KAAK,MAAM,iBAAiB,OAAO,KAAK,EAAE;AAAA,IAC/F;AAEA,aAAS,cAAc;AACrB,aAAO,QAAQ;AAEf,oBAAc,aAAa,KAAK;AAEhC,uBAAiB,QAAQ,MAAM;AAE/B,UAAI,CAAC,SAAS,OAAO;AACnB,mBAAW,QAAQ;AAAA,MACrB;AAAA,IACF;AAEA,aAAS,aAAa;AACpB,UAAI,CAAC,SAAS,SAAS,MAAM,cAAc;AACzC,eAAO,QAAQ;AACf,yBAAiB,QAAQ;AACzB,oBAAW;AAAA,MACb;AAAA,IACF;AAEA,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,MACvC,GAAG,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,UACF,OAAO;AACL,uBAAW,QAAQ,WAAW,MAAM,MAAM,GAAG,EAAE;AAC/C,uBAAW,QAAQ,gBAAgB,UAAU,GAAG,CAAC,KAAK,cAAc,SAAS,IAAI,IAAI,MAAM;AAC3F;AAAA,UACF;AAEA,cAAI,IAAI,gBAAgB,UAAU,MAAM,YAAY;AAClD,uBAAW,MAAM;AACf,gCAAkB;AAClB,yBAAW,QAAQ,gBAAgB,UAAU,GAAG,CAAC;AAAA,YACnD,GAAG,GAAG;AAAA,UACR;AAEA,cAAI,MAAM,KAAK,iBAAiB;AAC9B,8BAAkB;AAClB,wBAAW;AACX,8BAAkB,MAAM,iBAAiB,OAAO,KAAK,EAAE,iBAAiB,KAAK;AAAA,UAC/E;AAAA,QACF;AAAA,MACF,GAAG,MAAM,WAAW;AAAA,IACtB;AAGA,cAAU,MAAM;AACd,UAAI,MAAM,aAAc,aAAW;AAAA,IACrC,CAAC;AAED,gBAAY,MAAM;AAChB,UAAI,CAAC,OAAO,OAAO;AACjB,sBAAc,aAAa,KAAK;AAChC,sBAAc,cAAc;AAAA,MAC9B;AAAA,IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -112,8 +112,7 @@ const _sfc_main = {
       }
       cleanInvalidCharacters();
       initializeCountry().then(() => {
-        var _a;
-        if (!phone.value && ((_a = props.inputOptions) == null ? void 0 : _a.showDialCode) && activeCountryCode.value) {
+        if (!phone.value && props.inputOptions?.showDialCode && activeCountryCode.value) {
           phone.value = `+${activeCountryCode.value}`;
         }
         if (activeCountry.value && props.dropdownOptions.showDialCodeInSelection) {
@@ -171,18 +170,17 @@ const _sfc_main = {
       return [...preferredCountries, ...filteredCountries.value];
     });
     const phoneObject = vue.computed(() => {
-      var _a, _b, _c;
       let result = {};
-      if (((_a = phone.value) == null ? void 0 : _a[0]) === "+") {
+      if (phone.value?.[0] === "+") {
         result = parsePhoneNumber.parsePhoneNumber(phone.value) || {};
       } else {
         result = parsePhoneNumber.parsePhoneNumber(phone.value, activeCountryCode.value) || {};
       }
       const { metadata, ...phoneDetails } = result;
-      let valid = (_b = result.isValid) == null ? void 0 : _b.call(result);
+      let valid = result.isValid?.();
       let formatted = phone.value;
       if (valid) {
-        formatted = (_c = result.format) == null ? void 0 : _c.call(result, parsedMode.value.toUpperCase(), { nationalPrefix: false });
+        formatted = result.format?.(parsedMode.value.toUpperCase(), { nationalPrefix: false });
       }
       if (result.country && (props.ignoredCountries.length || props.onlyCountries.length)) {
         if (!findCountry(result.country)) {
@@ -211,11 +209,11 @@ const _sfc_main = {
       return phoneObject.value.valid === true ? props.goodInputStyle : phoneObject.value.valid === false ? props.badInputStyle : void 0;
     });
     vue.watch(activeCountry, (newValue, oldValue) => {
-      if (!newValue && (oldValue == null ? void 0 : oldValue.iso2)) {
+      if (!newValue && oldValue?.iso2) {
         activeCountryCode.value = oldValue.iso2;
         return;
       }
-      if (newValue == null ? void 0 : newValue.iso2) {
+      if (newValue?.iso2) {
         emits("country-changed", newValue);
         resetPlaceholder();
         dialCodeInput.value = `+${newValue.dialCode}`;
@@ -306,8 +304,7 @@ const _sfc_main = {
     }
     function initializeCountry() {
       return new Promise((resolve) => {
-        var _a;
-        if (((_a = phone.value) == null ? void 0 : _a[0]) === "+") {
+        if (phone.value?.[0] === "+") {
           resolve();
           return;
         }
@@ -351,10 +348,9 @@ const _sfc_main = {
       return { highlighted, "last-preferred": lastPreferred, preferred };
     }
     function choose(country) {
-      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) {
+      if (phone.value?.[0] === "+" && parsedCountry.iso2 && phoneObject.value.nationalNumber) {
         activeCountryCode.value = parsedCountry.iso2;
         phone.value = parsePhoneNumber.parsePhoneNumber(
           phoneObject.value.nationalNumber,
@@ -486,7 +482,6 @@ 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([[
@@ -521,9 +516,9 @@ const _sfc_main = {
                 onKeydown: keyboardNav,
                 type: "text",
                 class: "vti__country-code-input",
-                placeholder: `+${((_a = activeCountry.value) == null ? void 0 : _a.dialCode) || ""}`,
+                placeholder: `+${activeCountry.value?.dialCode || ""}`,
                 disabled: __props.disabled,
-                size: Math.max((((_b = dialCodeInput.value) == null ? void 0 : _b.length) || 0) + 1, 3),
+                size: Math.max((dialCodeInput.value?.length || 0) + 1, 3),
                 maxlength: "5"
               }, null, 40, _hoisted_4)), [
                 [vue.vModelText, dialCodeInput.value]