@topvisor/ui 0.9.31-3 → 0.9.33-dev

package/icomoon/style.css

@@ -1,9 +1,9 @@
 @font-face {
   font-family: 'Topvisor-2';
   src:
-    url('fonts/Topvisor-2.ttf?309rt4') format('truetype'),
-    url('fonts/Topvisor-2.woff?309rt4') format('woff'),
-    url('fonts/Topvisor-2.svg?309rt4#Topvisor-2') format('svg');
+    url('fonts/Topvisor-2.ttf?iq1e5v') format('truetype'),
+    url('fonts/Topvisor-2.woff?iq1e5v') format('woff'),
+    url('fonts/Topvisor-2.svg?iq1e5v#Topvisor-2') format('svg');
   font-weight: normal;
   font-style: normal;
   font-display: block;
@@ -72,6 +72,27 @@
 .icon2-searcher-107:before {
   content: "\e989";
 }
+.icon2-arrows-expand-horizontal:before {
+  content: "\e9e7";
+}
+.icon2-arrows-expand-vertical:before {
+  content: "\e9e8";
+}
+.icon2-arrows-in:before {
+  content: "\e9e9";
+}
+.icon2-arrows-out:before {
+  content: "\e9ea";
+}
+.icon2-arrows-vertical-up:before {
+  content: "\e9eb";
+}
+.icon2-chevron-contract:before {
+  content: "\e9ec";
+}
+.icon2-chevron-expand:before {
+  content: "\e9ed";
+}
 .icon2-select:before {
   content: "\e9ce";
 }
@@ -162,6 +183,15 @@
 .icon2-snapshot:before {
   content: "\e91b";
 }
+.icon2-circle:before {
+  content: "\e9e4";
+}
+.icon2-filled-circle:before {
+  content: "\e9e5";
+}
+.icon2-circles:before {
+  content: "\e9e6";
+}
 .icon2-campaign:before {
   content: "\e9cf";
 }

package/package.json

@@ -1,24 +1,24 @@
 {
-	"name": "@topvisor/ui",
-	"private": false,
-	"version": "0.9.31-3",
-	"type": "module",
-	"description": "Topvisor UI-kit Vue",
-	"author": "Topvisor",
-	"keywords": [
-		"topvisor",
-		"vue",
-		"ui framework",
-		"component framework",
-		"component library"
-	],
-	"license": "MIT",
-	"engines": {
-		"npm": ">=10.0.0",
-		"node": ">=22.0.0"
-	},
-	"peerDependencies": {
-		"lodash": "^4.17.21",
-		"vue": "^3.4.31"
-	}
+  "name": "@topvisor/ui",
+  "private": false,
+  "version": "0.9.33-dev",
+  "type": "module",
+  "description": "Topvisor UI-kit Vue",
+  "author": "Topvisor",
+  "keywords": [
+    "topvisor",
+    "vue",
+    "ui framework",
+    "component framework",
+    "component library"
+  ],
+  "license": "MIT",
+  "engines": {
+    "npm": ">=10.0.0",
+    "node": ">=22.0.0"
+  },
+  "peerDependencies": {
+    "lodash": "^4.17.21",
+    "vue": "^3.4.38"
+  }
 }

package/popup/popup.amd.js

@@ -1,2 +1,2 @@
-define(["require","exports","../.chunks/listItem.vue_vue_type_script_setup_true_lang-Cr9e1nzK.amd","../.chunks/widgetInput-DfOBj0qz.amd"],function(d,n,e,i){"use strict";if(typeof u>"u")var u=window.Vue;n.Popup=e._sfc_main,n.PopupListItem=e._sfc_main$2,n.PopupOpener=e._sfc_main$1,n.PopupWidgetInput=i.PopupWidgetInput,Object.defineProperty(n,Symbol.toStringTag,{value:"Module"})});
+define(["require","exports","../.chunks/listItem.vue_vue_type_script_setup_true_lang-C0tRJmSC.amd","../.chunks/widgetInput-ASxjfQpi.amd"],function(d,n,e,i){"use strict";if(typeof u>"u")var u=window.Vue;n.Popup=e._sfc_main,n.PopupListItem=e._sfc_main$2,n.PopupOpener=e._sfc_main$1,n.PopupWidgetInput=i.PopupWidgetInput,Object.defineProperty(n,Symbol.toStringTag,{value:"Module"})});
 //# sourceMappingURL=popup.amd.js.map

package/popup/popup.js

@@ -1,5 +1,5 @@
-import { _ as e, b as t, a } from "../.chunks/listItem.vue_vue_type_script_setup_true_lang-Fl7AM9wy.es.js";
-import { P as s } from "../.chunks/widgetInput-Dp8KRAPK.es.js";
+import { _ as e, b as t, a } from "../.chunks/listItem.vue_vue_type_script_setup_true_lang-BliXIrA8.es.js";
+import { P as s } from "../.chunks/widgetInput-p8fSQGk9.es.js";
 export {
   e as Popup,
   t as PopupListItem,

package/popup/worker.amd.js

@@ -1,2 +1,2 @@
-define(["require","exports","../.chunks/forms-0MQ_zU80.amd","../utils/dom.amd","../utils/scroll.amd"],function(require,exports,forms,utils_dom,utils_scroll){"use strict";if(typeof vue>"u")var vue=window.Vue;class WorkerEvents{static init(){document.addEventListener("mouseover",t=>{var o;!(t.target instanceof HTMLElement)||!((o=t.target.dataset)!=null&&o.topPopupOpenByHover)||t.target.click()}),document.addEventListener("scroll",()=>{forms.Core.state.isMobile||forms.Core.state.isMobileUA||Worker$1.getAll().forEach(t=>Worker$1.close(t))}),forms.Events.addOnReize(t=>{forms.Core.state.isMobile&&t.topEvent.widthDiff&&Worker$1.getAll().forEach(o=>Worker$1.close(o))}),document.addEventListener("click",this.onclick)}static async onclick(t){var p,a,r,s,n;if(!(t.target instanceof HTMLElement))return;let o;switch(!0){case!!((p=t.target.dataset)!=null&&p.topPopup):o=t.target;break;case!!((a=t.target.parentElement)!=null&&a.dataset.topPopup):o=t.target.parentElement;break;case!!((s=(r=t.target.parentElement)==null?void 0:r.parentElement)!=null&&s.dataset.topPopup):o=(n=t.target.parentElement)==null?void 0:n.parentElement;break}o&&(o.dataset.topPopupDisabled||o.dataset.topPopupOpened||(t.preventDefault(),await Worker$1.openByOpener(o)))}}let decoratorBeforeOpen,decoratorAfterOpen,decoratorIsIgnoreOuterClick,i18n={Close:"Close"};class Worker{static noClose=!1;static vueConnectors=new Map;static onInitApp(e){e&&(decoratorBeforeOpen=e.decoratorBeforeOpen,decoratorAfterOpen=e.decoratorAfterOpen,decoratorIsIgnoreOuterClick=e.decoratorIsIgnoreOuterClick,i18n=e.i18n)}static getPopup(e){return utils_dom.default.storage(e,"Popup")}static getAll(){return utils_dom.default.querySelectorAllArray(document,".top-popup-wrapper")}static getAllVisible(){return utils_dom.default.querySelectorAllVisible(document,".top-popup-wrapper")}static async openByOpener(e){if(!(e instanceof HTMLElement))return;const t={};return t.popup=e.dataset.topPopup,e.dataset.topPopupP&&(t.p=parseInt(e.dataset.topPopupP)),e.dataset.topPopupNotch&&(t.notch=e.dataset.topPopupNotch==="true"||e.dataset.topPopupNotch==="1"),e.dataset.topPopupClass&&(t.class=e.dataset.topPopupClass),e.dataset.topPopupPosBy&&(t.posBy=e.dataset.topPopupPosBy),e.dataset.topPopupFront&&(t.frontSelector=e.dataset.topPopupFront),e.dataset.topPopupInvertX&&(t.invertX=e.dataset.topPopupInvertX==="true"||e.dataset.topPopupInvertX==="1"),e.dataset.topPopupOpenByHover&&(t.openByHover=e.dataset.topPopupOpenByHover==="true"||e.dataset.topPopupOpenByHover==="1"),e.dataset.topPopupUseOriginal&&(t.useOriginal=e.dataset.topPopupUseOriginal==="true"||e.dataset.topPopupUseOriginal==="1"),await Worker.open(e,t)}static async open(elOpener,options){elOpener instanceof HTMLElement&&(elOpener.dataset.topPopupOpened="opened");const{default:Popup}=await new Promise((e,t)=>require(["../.chunks/popup-CcxDRowY.amd"],e,t));if(forms.Core.$){const $elOpener=forms.Core.$(elOpener);if($elOpener.data("aftershow")){let afterShow=$elOpener.data("aftershow");typeof afterShow=="string"&&(afterShow=eval(afterShow.replace(/\W/g,""))),$elOpener.one("aftershow.top-menu-popup",afterShow)}if($elOpener.data("afterclose")){let afterclose=$elOpener.data("afterclose");typeof afterclose=="string"&&(afterclose=eval(afterclose.replace(/\W/g,""))),$elOpener.one("afterclose.top-menu-popup",afterclose)}}return options.isFullScreen=forms.Core.state.isMobile,options.i18n=i18n,new Popup(elOpener,options)}static close(e){const t=Worker.getPopup(e);t&&t.close()}static recalcPosition(e){const t=Worker.getPopup(e);t&&t.elPopupBody instanceof HTMLElement&&(t.recalcPosition(),utils_scroll.genHasScroll(t.elPopupBody))}static scrollToActive(e){if(!utils_dom.default.querySelectorVisible(e,"ul.top-popup_content > li > .top-active"))return;const o=e.querySelector("ul.top-popup_content"),p=utils_dom.default.querySelectorAllVisible(e,"ul.top-popup_content > li");e.classList.add("top-popup-wrapper-no_animate"),setTimeout(()=>e.classList.remove("top-popup-wrapper-no_animate"),100);let a=100;for(const r of p){if(r.querySelector(":scope > .top-active"))break;r instanceof HTMLElement&&(a+=r.offsetHeight)}if(o instanceof HTMLElement){const r=o.offsetHeight;a>r?o.scrollTop=a-r:o.scrollTop=0}}static decoratorBeforeOpen(e){decoratorBeforeOpen&&decoratorBeforeOpen(e)}static decoratorAfterOpen(e){decoratorAfterOpen&&decoratorAfterOpen(e)}static decoratorIsIgnoreOuterClick(e){return decoratorIsIgnoreOuterClick?decoratorIsIgnoreOuterClick(e):!1}static regVueComponent(e,t){if(Worker.vueConnectors.get(e))throw"Vue component Popup use duplicated id: "+e;Worker.vueConnectors.set(e,t)}static unregVueComponent(e){Worker.vueConnectors.delete(e)}}WorkerEvents.init();const Worker$1=Worker;exports.PopupWorker=Worker$1,exports.default=Worker$1,Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+define(["require","exports","../.chunks/forms-Dixfp052.amd","../utils/dom.amd","../utils/scroll.amd"],function(require,exports,forms,utils_dom,utils_scroll){"use strict";if(typeof vue>"u")var vue=window.Vue;class WorkerEvents{static init(){document.addEventListener("mouseover",t=>{var o;!(t.target instanceof HTMLElement)||!((o=t.target.dataset)!=null&&o.topPopupOpenByHover)||t.target.click()}),document.addEventListener("scroll",()=>{forms.Core.state.isMobile||forms.Core.state.isMobileUA||Worker$1.getAll().forEach(t=>Worker$1.close(t))}),forms.Events.addOnReize(t=>{forms.Core.state.isMobile&&t.topEvent.widthDiff&&Worker$1.getAll().forEach(o=>Worker$1.close(o))}),document.addEventListener("click",this.onclick)}static async onclick(t){var p,a,r,s,n;if(!(t.target instanceof HTMLElement))return;let o;switch(!0){case!!((p=t.target.dataset)!=null&&p.topPopup):o=t.target;break;case!!((a=t.target.parentElement)!=null&&a.dataset.topPopup):o=t.target.parentElement;break;case!!((s=(r=t.target.parentElement)==null?void 0:r.parentElement)!=null&&s.dataset.topPopup):o=(n=t.target.parentElement)==null?void 0:n.parentElement;break}o&&(o.dataset.topPopupDisabled||o.dataset.topPopupOpened||(t.preventDefault(),await Worker$1.openByOpener(o)))}}let decoratorBeforeOpen,decoratorAfterOpen,decoratorIsIgnoreOuterClick,i18n={Close:"Close"};class Worker{static noClose=!1;static vueConnectors=new Map;static onInitApp(e){e&&(decoratorBeforeOpen=e.decoratorBeforeOpen,decoratorAfterOpen=e.decoratorAfterOpen,decoratorIsIgnoreOuterClick=e.decoratorIsIgnoreOuterClick,i18n=e.i18n)}static getPopup(e){return utils_dom.default.storage(e,"Popup")}static getAll(){return utils_dom.default.querySelectorAllArray(document,".top-popup-wrapper")}static getAllVisible(){return utils_dom.default.querySelectorAllVisible(document,".top-popup-wrapper")}static async openByOpener(e){if(!(e instanceof HTMLElement))return;const t={};return t.popup=e.dataset.topPopup,e.dataset.topPopupP&&(t.p=parseInt(e.dataset.topPopupP)),e.dataset.topPopupNotch&&(t.notch=e.dataset.topPopupNotch==="true"||e.dataset.topPopupNotch==="1"),e.dataset.topPopupClass&&(t.class=e.dataset.topPopupClass),e.dataset.topPopupPosBy&&(t.posBy=e.dataset.topPopupPosBy),e.dataset.topPopupFront&&(t.frontSelector=e.dataset.topPopupFront),e.dataset.topPopupInvertX&&(t.invertX=e.dataset.topPopupInvertX==="true"||e.dataset.topPopupInvertX==="1"),e.dataset.topPopupOpenByHover&&(t.openByHover=e.dataset.topPopupOpenByHover==="true"||e.dataset.topPopupOpenByHover==="1"),e.dataset.topPopupUseOriginal&&(t.useOriginal=e.dataset.topPopupUseOriginal==="true"||e.dataset.topPopupUseOriginal==="1"),await Worker.open(e,t)}static async open(elOpener,options){elOpener instanceof HTMLElement&&(elOpener.dataset.topPopupOpened="opened");const{default:Popup}=await new Promise((e,t)=>require(["../.chunks/popup-BMNS1F2G.amd"],e,t));if(forms.Core.$){const $elOpener=forms.Core.$(elOpener);if($elOpener.data("aftershow")){let afterShow=$elOpener.data("aftershow");typeof afterShow=="string"&&(afterShow=eval(afterShow.replace(/\W/g,""))),$elOpener.one("aftershow.top-menu-popup",afterShow)}if($elOpener.data("afterclose")){let afterclose=$elOpener.data("afterclose");typeof afterclose=="string"&&(afterclose=eval(afterclose.replace(/\W/g,""))),$elOpener.one("afterclose.top-menu-popup",afterclose)}}return options.isFullScreen=forms.Core.state.isMobile,options.i18n=i18n,new Popup(elOpener,options)}static close(e){const t=Worker.getPopup(e);t&&t.close()}static recalcPosition(e){const t=Worker.getPopup(e);t&&t.elPopupBody instanceof HTMLElement&&(t.recalcPosition(),utils_scroll.genHasScroll(t.elPopupBody))}static scrollToActive(e){if(!utils_dom.default.querySelectorVisible(e,"ul.top-popup_content > li > .top-active"))return;const o=e.querySelector("ul.top-popup_content"),p=utils_dom.default.querySelectorAllVisible(e,"ul.top-popup_content > li");e.classList.add("top-popup-wrapper-no_animate"),setTimeout(()=>e.classList.remove("top-popup-wrapper-no_animate"),100);let a=100;for(const r of p){if(r.querySelector(":scope > .top-active"))break;r instanceof HTMLElement&&(a+=r.offsetHeight)}if(o instanceof HTMLElement){const r=o.offsetHeight;a>r?o.scrollTop=a-r:o.scrollTop=0}}static decoratorBeforeOpen(e){decoratorBeforeOpen&&decoratorBeforeOpen(e)}static decoratorAfterOpen(e){decoratorAfterOpen&&decoratorAfterOpen(e)}static decoratorIsIgnoreOuterClick(e){return decoratorIsIgnoreOuterClick?decoratorIsIgnoreOuterClick(e):!1}static regVueComponent(e,t){if(Worker.vueConnectors.get(e))throw"Vue component Popup use duplicated id: "+e;Worker.vueConnectors.set(e,t)}static unregVueComponent(e){Worker.vueConnectors.delete(e)}}WorkerEvents.init();const Worker$1=Worker;exports.PopupWorker=Worker$1,exports.default=Worker$1,Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
 //# sourceMappingURL=worker.amd.js.map

package/popup/worker.js

@@ -1,4 +1,4 @@
-import { C as Core, E as Events } from "../.chunks/forms-DKvPSbG6.es.js";
+import { C as Core, E as Events } from "../.chunks/forms-o7UeMJFf.es.js";
 import DOM from "../utils/dom.js";
 import { genHasScroll } from "../utils/scroll.js";
 class WorkerEvents {
@@ -74,7 +74,7 @@ class Worker {
    */
   static async open(elOpener, options) {
     elOpener instanceof HTMLElement && (elOpener.dataset.topPopupOpened = "opened");
-    const { default: Popup } = await import("../.chunks/popup-kXOd0_xN.es.js");
+    const { default: Popup } = await import("../.chunks/popup-CJLGyBwQ.es.js");
     if (Core.$) {
       const $elOpener = Core.$(elOpener);
       if ($elOpener.data("aftershow")) {

package/project/project.amd.js

@@ -1,2 +1,2 @@
-define(["require","exports","vue","../.chunks/forms-0MQ_zU80.amd","../.chunks/listItem.vue_vue_type_script_setup_true_lang-Cr9e1nzK.amd","../.chunks/menu-BGUYnOx6.amd","../require/css.amd!../assets/project.css"],function(y,r,e,n,a,m){"use strict";if(typeof e>"u")var e=window.Vue;const p={key:0,class:"top-selectorCompetitors"},d={class:"top-ellipsis"},f=e.defineComponent({__name:"selectorCompetitors",props:e.mergeModels({modelValue:{},items:{},showSelectAllItem:{type:Boolean,default:!0}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(i){const C=i,o=e.useModel(i,"modelValue"),_=e.computed(()=>{if(C.showSelectAllItem)return{icon:"",title:"Выбрать все",value:"all",content:""}});return(s,u)=>s.items.length>1?(e.openBlock(),e.createElementBlock("div",p,[e.unref(n.Core).state.isMobile?(e.openBlock(),e.createBlock(a._sfc_main,{key:0},{opener:e.withCtx(()=>[e.createVNode(n.Button,{class:"top-selectorCompetitors_opener top-select_arrow",color:"theme",icon:""},{default:e.withCtx(()=>{var t;return[e.createTextVNode(e.toDisplayString((t=s.items.find(c=>{var l;return c.value===((l=o.value)==null?void 0:l[0])}))==null?void 0:t.content),1)]}),_:1})]),contentList:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.items,(t,c)=>{var l;return e.openBlock(),e.createBlock(a._sfc_main$2,{class:e.normalizeClass({"top-ellipsis":!0,"top-active":(l=o.value)==null?void 0:l.includes(t.value)}),"data-top-icon2":c===0?"":"",onClick:()=>o.value=[t.value]},{default:e.withCtx(()=>[e.createElementVNode("span",d,e.toDisplayString(t.content),1)]),_:2},1032,["class","data-top-icon2","onClick"])}),256))]),_:1})):(e.openBlock(),e.createBlock(m.Menu,{key:1,modelValue:o.value,"onUpdate:modelValue":u[0]||(u[0]=t=>o.value=t),items:s.items,isMultiple:!0,styling:"bar",canBeEmptyMultiple:!1,selectAllItem:_.value},null,8,["modelValue","items","selectAllItem"]))])):e.createCommentVNode("",!0)}}),k={$style:{"top-selectorCompetitors_opener":"top-selectorCompetitors_opener","top-button":"top-button"}},v=n._export_sfc(f,[["__cssModules",k]]);r.SelectorCompetitors=v,Object.defineProperty(r,Symbol.toStringTag,{value:"Module"})});
+define(["require","exports","vue","../.chunks/forms-Dixfp052.amd","../.chunks/listItem.vue_vue_type_script_setup_true_lang-C0tRJmSC.amd","../.chunks/menu-buQxcAhv.amd","../require/css.amd!../assets/project.css"],function(y,c,e,s,i,p){"use strict";if(typeof e>"u")var e=window.Vue;const d={class:"top-selectorCompetitors"},m={class:"top-ellipsis1"},f=e.defineComponent({__name:"selectorCompetitors",props:e.mergeModels({modelValue:{},items:{},showSelectAllItem:{type:Boolean,default:!0}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(a){const C=a,o=e.useModel(a,"modelValue"),_=e.computed(()=>{if(C.showSelectAllItem)return{icon:"",title:"Select all",value:"all",content:""}});return(n,r)=>(e.openBlock(),e.createElementBlock("div",d,[e.unref(s.Core).state.isMobile?(e.openBlock(),e.createBlock(i._sfc_main,{key:0},{opener:e.withCtx(()=>[e.createVNode(s.Button,{class:"top-selectorCompetitors_opener",color:"theme",icon:"",icon2:""},{default:e.withCtx(()=>{var t;return[e.createTextVNode(e.toDisplayString((t=n.items.find(u=>{var l;return u.value===((l=o.value)==null?void 0:l[0])}))==null?void 0:t.content),1)]}),_:1})]),contentList:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.items,(t,u)=>{var l;return e.openBlock(),e.createBlock(i._sfc_main$2,{class:e.normalizeClass({"top-active":(l=o.value)==null?void 0:l.includes(t.value)}),"data-top-icon":t.icon,title:t.title,onClick:()=>o.value=[t.value]},{default:e.withCtx(()=>[e.createElementVNode("span",m,e.toDisplayString(t.content),1)]),_:2},1032,["class","data-top-icon","title","onClick"])}),256))]),_:1})):(e.openBlock(),e.createBlock(p.Menu,{key:1,modelValue:o.value,"onUpdate:modelValue":r[0]||(r[0]=t=>o.value=t),items:n.items,isMultiple:!0,styling:"bar",canBeEmptyMultiple:!1,selectAllItem:_.value},null,8,["modelValue","items","selectAllItem"]))]))}}),k={$style:{"top-selectorCompetitors_opener":"top-selectorCompetitors_opener","top-button":"top-button"}},v=s._export_sfc(f,[["__cssModules",k]]);c.SelectorCompetitors=v,Object.defineProperty(c,Symbol.toStringTag,{value:"Module"})});
 //# sourceMappingURL=project.amd.js.map

package/project/project.amd.js.map

@@ -1 +1 @@
-{"version":3,"file":"project.amd.js","sources":["../../src/components/project/selectorCompetitors/selectorCompetitors.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { Props } from './selectorCompetitors';\nimport Core from '@/core/core/core';\nimport Button from '@/components/forms/button/button.vue';\nimport Popup from '@/components/popup/popup/popup.vue';\nimport ListItem from '@/components/popup/popup/listItem.vue';\nimport Menu from '@/components/formsExt/menu/menu.vue';\n\nconst props = withDefaults(defineProps<Props>(), {\n\tshowSelectAllItem: true,\n});\nconst model = defineModel<Props['modelValue']>();\n\nconst selectAllItem = computed(() => {\n\tif (props.showSelectAllItem) {\n\t\treturn {\n\t\t\ticon: '',\n\t\t\ttitle: 'Выбрать все', // ### TODO: сделать перевод\n\t\t\tvalue: 'all',\n\t\t\tcontent: '',\n\t\t};\n\t}\n});\n</script>\n\n<template>\n\t<div\n\t\tv-if=\"items.length > 1\"\n\t\tclass=\"top-selectorCompetitors\"\n\t>\n\t\t<Popup v-if=\"Core.state.isMobile\">\n\t\t\t<template #opener>\n\t\t\t\t<Button\n\t\t\t\t\tclass=\"top-selectorCompetitors_opener top-select_arrow\"\n\t\t\t\t\tcolor=\"theme\"\n\t\t\t\t\ticon=\"\"\n\t\t\t\t>\n\t\t\t\t\t{{ items.find((item) => item.value === model?.[0])?.content }}\n\t\t\t\t</Button>\n\t\t\t</template>\n\n\t\t\t<template #contentList>\n\t\t\t\t<ListItem\n\t\t\t\t\tv-for=\"(item, index) in items\"\n\t\t\t\t\t:class=\"{\n\t\t\t\t\t\t\t'top-ellipsis': true,\n\t\t\t\t\t\t\t'top-active': model?.includes(item.value)\n\t\t\t\t\t\t}\"\n\t\t\t\t\t:data-top-icon2=\"index === 0 ? '' : ''\"\n\t\t\t\t\t@click=\"() => model = [item.value]\"\n\t\t\t\t>\n\t\t\t\t\t\t<span class=\"top-ellipsis\">\n\t\t\t\t\t\t\t{{ item.content }}\n\t\t\t\t\t\t</span>\n\t\t\t\t</ListItem>\n\t\t\t</template>\n\t\t</Popup>\n\t\t<Menu\n\t\t\tv-else\n\t\t\tv-model=\"model\"\n\t\t\t:items=\"items\"\n\t\t\t:isMultiple=\"true\"\n\t\t\tstyling=\"bar\"\n\t\t\t:canBeEmptyMultiple=\"false\"\n\t\t\t:selectAllItem=\"selectAllItem\"\n\t\t/>\n\t</div>\n</template>\n\n<style module>\n.top-selectorCompetitors_opener.top-button {\n\twidth: 100%;\n}\n</style>"],"names":["props","__props","selectAllItem","vue"],"mappings":"ojBASA,MAAAA,EAAAC,+BAKAC,EAAAC,EAAA,SAAA,IAAA,CACC,GAAAH,EAAA,kBACC,MAAA,oDAIU,CAEX,CAAA"}
+{"version":3,"file":"project.amd.js","sources":["../../src/components/project/selectorCompetitors/selectorCompetitors.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { Props } from './selectorCompetitors';\nimport Core from '@/core/core/core';\nimport Button from '@/components/forms/button/button.vue';\nimport Popup from '@/components/popup/popup/popup.vue';\nimport ListItem from '@/components/popup/popup/listItem.vue';\nimport Menu from '@/components/formsExt/menu/menu.vue';\n\nconst props = withDefaults(defineProps<Props>(), {\n\tshowSelectAllItem: true,\n});\nconst model = defineModel<Props['modelValue']>();\n\nconst selectAllItem = computed(() => {\n\tif (props.showSelectAllItem) {\n\t\treturn {\n\t\t\ticon: '',\n\t\t\ttitle: 'Select all', // ### TODO: translate\n\t\t\tvalue: 'all',\n\t\t\tcontent: '',\n\t\t};\n\t}\n});\n</script>\n\n<template>\n\t<div class=\"top-selectorCompetitors\">\n\t\t<Popup v-if=\"Core.state.isMobile\">\n\t\t\t<template #opener>\n\t\t\t\t<Button\n\t\t\t\t\tclass=\"top-selectorCompetitors_opener\"\n\t\t\t\t\tcolor=\"theme\"\n\t\t\t\t\ticon=\"\"\n\t\t\t\t\ticon2=\"\"\n\t\t\t\t>\n\t\t\t\t\t{{ items.find((item) => item.value === model?.[0])?.content }}\n\t\t\t\t</Button>\n\t\t\t</template>\n\n\t\t\t<template #contentList>\n\t\t\t\t<ListItem\n\t\t\t\t\tv-for=\"(item, index) in items\"\n\t\t\t\t\t:class=\"{\n\t\t\t\t\t\t'top-active': model?.includes(item.value)\n\t\t\t\t\t}\"\n\t\t\t\t\t:data-top-icon=\"item.icon\"\n\t\t\t\t\t:title=\"item.title\"\n\t\t\t\t\t@click=\"() => model = [item.value]\"\n\t\t\t\t>\n\t\t\t\t\t<span class=\"top-ellipsis1\">\n\t\t\t\t\t\t{{ item.content }}\n\t\t\t\t\t</span>\n\t\t\t\t</ListItem>\n\t\t\t</template>\n\t\t</Popup>\n\n\t\t<Menu\n\t\t\tv-else\n\t\t\tv-model=\"model\"\n\t\t\t:items=\"items\"\n\t\t\t:isMultiple=\"true\"\n\t\t\tstyling=\"bar\"\n\t\t\t:canBeEmptyMultiple=\"false\"\n\t\t\t:selectAllItem=\"selectAllItem\"\n\t\t/>\n\t</div>\n</template>\n\n<style module>\n.top-selectorCompetitors_opener.top-button {\n\twidth: 100%;\n}\n</style>"],"names":["props","__props","selectAllItem","vue"],"mappings":"+iBASA,MAAAA,EAAAC,+BAKAC,EAAAC,EAAA,SAAA,IAAA,CACC,GAAAH,EAAA,kBACC,MAAA,mDAIU,CAEX,CAAA"}

package/project/project.js

@@ -1,14 +1,11 @@
 import { insertToPage as f } from "../utils/css.js";
-import { defineComponent as C, mergeModels as v, useModel as V, computed as M, openBlock as s, createElementBlock as c, unref as y, createBlock as i, withCtx as a, createVNode as k, createTextVNode as g, toDisplayString as p, Fragment as B, renderList as h, normalizeClass as I, createElementVNode as S, createCommentVNode as b } from "vue";
-import { C as A, B as N, a as w } from "../.chunks/forms-DKvPSbG6.es.js";
-import { _ as E, b as T } from "../.chunks/listItem.vue_vue_type_script_setup_true_lang-Fl7AM9wy.es.js";
-import { M as $ } from "../.chunks/menu-CYVPcwEJ.es.js";
-const _ = ["../assets/project.css"].map((l) => import.meta.resolve(l));
+import { defineComponent as C, mergeModels as v, useModel as M, computed as V, openBlock as l, createElementBlock as m, unref as y, createBlock as r, withCtx as a, createVNode as k, createTextVNode as B, toDisplayString as p, Fragment as S, renderList as g, normalizeClass as I, createElementVNode as b } from "vue";
+import { C as h, B as A, a as N } from "../.chunks/forms-o7UeMJFf.es.js";
+import { _ as w, b as x } from "../.chunks/listItem.vue_vue_type_script_setup_true_lang-BliXIrA8.es.js";
+import { M as E } from "../.chunks/menu-CHczkYl6.es.js";
+const _ = ["../assets/project.css"].map((s) => import.meta.resolve(s));
 f(_, !0);
-const L = {
-  key: 0,
-  class: "top-selectorCompetitors"
-}, P = { class: "top-ellipsis" }, U = /* @__PURE__ */ C({
+const T = { class: "top-selectorCompetitors" }, $ = { class: "top-ellipsis1" }, L = /* @__PURE__ */ C({
   __name: "selectorCompetitors",
   props: /* @__PURE__ */ v({
     modelValue: {},
@@ -19,31 +16,32 @@ const L = {
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(l) {
-    const u = l, t = V(l, "modelValue"), d = M(() => {
+  setup(s) {
+    const u = s, t = M(s, "modelValue"), d = V(() => {
       if (u.showSelectAllItem)
         return {
           icon: "",
-          title: "Выбрать все",
-          // ### TODO: сделать перевод
+          title: "Select all",
+          // ### TODO: translate
           value: "all",
           content: ""
         };
     });
-    return (r, m) => r.items.length > 1 ? (s(), c("div", L, [
-      y(A).state.isMobile ? (s(), i(E, { key: 0 }, {
+    return (n, i) => (l(), m("div", T, [
+      y(h).state.isMobile ? (l(), r(w, { key: 0 }, {
         opener: a(() => [
-          k(N, {
-            class: "top-selectorCompetitors_opener top-select_arrow",
+          k(A, {
+            class: "top-selectorCompetitors_opener",
             color: "theme",
-            icon: ""
+            icon: "",
+            icon2: ""
           }, {
             default: a(() => {
               var e;
               return [
-                g(p((e = r.items.find((n) => {
+                B(p((e = n.items.find((c) => {
                   var o;
-                  return n.value === ((o = t.value) == null ? void 0 : o[0]);
+                  return c.value === ((o = t.value) == null ? void 0 : o[0]);
                 })) == null ? void 0 : e.content), 1)
               ];
             }),
@@ -51,43 +49,43 @@ const L = {
           })
         ]),
         contentList: a(() => [
-          (s(!0), c(B, null, h(r.items, (e, n) => {
+          (l(!0), m(S, null, g(n.items, (e, c) => {
             var o;
-            return s(), i(T, {
+            return l(), r(x, {
               class: I({
-                "top-ellipsis": !0,
                 "top-active": (o = t.value) == null ? void 0 : o.includes(e.value)
               }),
-              "data-top-icon2": n === 0 ? "" : "",
+              "data-top-icon": e.icon,
+              title: e.title,
               onClick: () => t.value = [e.value]
             }, {
               default: a(() => [
-                S("span", P, p(e.content), 1)
+                b("span", $, p(e.content), 1)
               ]),
               _: 2
-            }, 1032, ["class", "data-top-icon2", "onClick"]);
+            }, 1032, ["class", "data-top-icon", "title", "onClick"]);
           }), 256))
         ]),
         _: 1
-      })) : (s(), i($, {
+      })) : (l(), r(E, {
         key: 1,
         modelValue: t.value,
-        "onUpdate:modelValue": m[0] || (m[0] = (e) => t.value = e),
-        items: r.items,
+        "onUpdate:modelValue": i[0] || (i[0] = (e) => t.value = e),
+        items: n.items,
         isMultiple: !0,
         styling: "bar",
         canBeEmptyMultiple: !1,
         selectAllItem: d.value
       }, null, 8, ["modelValue", "items", "selectAllItem"]))
-    ])) : b("", !0);
+    ]));
   }
-}), j = {
+}), P = {
   "top-selectorCompetitors_opener": "top-selectorCompetitors_opener",
   "top-button": "top-button"
-}, x = {
-  $style: j
-}, H = /* @__PURE__ */ w(U, [["__cssModules", x]]);
+}, U = {
+  $style: P
+}, G = /* @__PURE__ */ N(L, [["__cssModules", U]]);
 export {
-  H as SelectorCompetitors
+  G as SelectorCompetitors
 };
 //# sourceMappingURL=project.js.map

package/project/project.js.map

@@ -1 +1 @@
-{"version":3,"file":"project.js","sources":["../../src/components/project/selectorCompetitors/selectorCompetitors.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { Props } from './selectorCompetitors';\nimport Core from '@/core/core/core';\nimport Button from '@/components/forms/button/button.vue';\nimport Popup from '@/components/popup/popup/popup.vue';\nimport ListItem from '@/components/popup/popup/listItem.vue';\nimport Menu from '@/components/formsExt/menu/menu.vue';\n\nconst props = withDefaults(defineProps<Props>(), {\n\tshowSelectAllItem: true,\n});\nconst model = defineModel<Props['modelValue']>();\n\nconst selectAllItem = computed(() => {\n\tif (props.showSelectAllItem) {\n\t\treturn {\n\t\t\ticon: '',\n\t\t\ttitle: 'Выбрать все', // ### TODO: сделать перевод\n\t\t\tvalue: 'all',\n\t\t\tcontent: '',\n\t\t};\n\t}\n});\n</script>\n\n<template>\n\t<div\n\t\tv-if=\"items.length > 1\"\n\t\tclass=\"top-selectorCompetitors\"\n\t>\n\t\t<Popup v-if=\"Core.state.isMobile\">\n\t\t\t<template #opener>\n\t\t\t\t<Button\n\t\t\t\t\tclass=\"top-selectorCompetitors_opener top-select_arrow\"\n\t\t\t\t\tcolor=\"theme\"\n\t\t\t\t\ticon=\"\"\n\t\t\t\t>\n\t\t\t\t\t{{ items.find((item) => item.value === model?.[0])?.content }}\n\t\t\t\t</Button>\n\t\t\t</template>\n\n\t\t\t<template #contentList>\n\t\t\t\t<ListItem\n\t\t\t\t\tv-for=\"(item, index) in items\"\n\t\t\t\t\t:class=\"{\n\t\t\t\t\t\t\t'top-ellipsis': true,\n\t\t\t\t\t\t\t'top-active': model?.includes(item.value)\n\t\t\t\t\t\t}\"\n\t\t\t\t\t:data-top-icon2=\"index === 0 ? '' : ''\"\n\t\t\t\t\t@click=\"() => model = [item.value]\"\n\t\t\t\t>\n\t\t\t\t\t\t<span class=\"top-ellipsis\">\n\t\t\t\t\t\t\t{{ item.content }}\n\t\t\t\t\t\t</span>\n\t\t\t\t</ListItem>\n\t\t\t</template>\n\t\t</Popup>\n\t\t<Menu\n\t\t\tv-else\n\t\t\tv-model=\"model\"\n\t\t\t:items=\"items\"\n\t\t\t:isMultiple=\"true\"\n\t\t\tstyling=\"bar\"\n\t\t\t:canBeEmptyMultiple=\"false\"\n\t\t\t:selectAllItem=\"selectAllItem\"\n\t\t/>\n\t</div>\n</template>\n\n<style module>\n.top-selectorCompetitors_opener.top-button {\n\twidth: 100%;\n}\n</style>"],"names":["props","__props","model","useModel","selectAllItem","computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AASA,UAAAA,IAAAC,GAGAC,IAAAC,EAAAF,GAAA,YAAA,GAEAG,IAAAC,EAAA,MAAA;AACC,UAAAL,EAAA;AACC,eAAA;AAAA,UAAO,MAAA;AAAA,UACA,OAAA;AAAA;AAAA,UACC,OAAA;AAAA,UACA,SAAA;AAAA,QACE;AAAA,IAEX,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"project.js","sources":["../../src/components/project/selectorCompetitors/selectorCompetitors.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { Props } from './selectorCompetitors';\nimport Core from '@/core/core/core';\nimport Button from '@/components/forms/button/button.vue';\nimport Popup from '@/components/popup/popup/popup.vue';\nimport ListItem from '@/components/popup/popup/listItem.vue';\nimport Menu from '@/components/formsExt/menu/menu.vue';\n\nconst props = withDefaults(defineProps<Props>(), {\n\tshowSelectAllItem: true,\n});\nconst model = defineModel<Props['modelValue']>();\n\nconst selectAllItem = computed(() => {\n\tif (props.showSelectAllItem) {\n\t\treturn {\n\t\t\ticon: '',\n\t\t\ttitle: 'Select all', // ### TODO: translate\n\t\t\tvalue: 'all',\n\t\t\tcontent: '',\n\t\t};\n\t}\n});\n</script>\n\n<template>\n\t<div class=\"top-selectorCompetitors\">\n\t\t<Popup v-if=\"Core.state.isMobile\">\n\t\t\t<template #opener>\n\t\t\t\t<Button\n\t\t\t\t\tclass=\"top-selectorCompetitors_opener\"\n\t\t\t\t\tcolor=\"theme\"\n\t\t\t\t\ticon=\"\"\n\t\t\t\t\ticon2=\"\"\n\t\t\t\t>\n\t\t\t\t\t{{ items.find((item) => item.value === model?.[0])?.content }}\n\t\t\t\t</Button>\n\t\t\t</template>\n\n\t\t\t<template #contentList>\n\t\t\t\t<ListItem\n\t\t\t\t\tv-for=\"(item, index) in items\"\n\t\t\t\t\t:class=\"{\n\t\t\t\t\t\t'top-active': model?.includes(item.value)\n\t\t\t\t\t}\"\n\t\t\t\t\t:data-top-icon=\"item.icon\"\n\t\t\t\t\t:title=\"item.title\"\n\t\t\t\t\t@click=\"() => model = [item.value]\"\n\t\t\t\t>\n\t\t\t\t\t<span class=\"top-ellipsis1\">\n\t\t\t\t\t\t{{ item.content }}\n\t\t\t\t\t</span>\n\t\t\t\t</ListItem>\n\t\t\t</template>\n\t\t</Popup>\n\n\t\t<Menu\n\t\t\tv-else\n\t\t\tv-model=\"model\"\n\t\t\t:items=\"items\"\n\t\t\t:isMultiple=\"true\"\n\t\t\tstyling=\"bar\"\n\t\t\t:canBeEmptyMultiple=\"false\"\n\t\t\t:selectAllItem=\"selectAllItem\"\n\t\t/>\n\t</div>\n</template>\n\n<style module>\n.top-selectorCompetitors_opener.top-button {\n\twidth: 100%;\n}\n</style>"],"names":["props","__props","model","useModel","selectAllItem","computed"],"mappings":";;;;;;;;;;;;;;;;;;;AASA,UAAAA,IAAAC,GAGAC,IAAAC,EAAAF,GAAA,YAAA,GAEAG,IAAAC,EAAA,MAAA;AACC,UAAAL,EAAA;AACC,eAAA;AAAA,UAAO,MAAA;AAAA,UACA,OAAA;AAAA;AAAA,UACC,OAAA;AAAA,UACA,SAAA;AAAA,QACE;AAAA,IAEX,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/src/components/forms/avatar/avatar.stories.d.ts

@@ -1,4 +1,5 @@
 import { StoryObj } from '@storybook/vue3';
+import { DefineComponent, PropType, ComponentOptionsMixin, PublicProps, ExtractPropTypes } from 'vue';
 
 import * as ComponentsConst from './avatar';
 /**
@@ -7,26 +8,26 @@ import * as ComponentsConst from './avatar';
  * Рекомендуемый размер изображения: 128x128
  */
 declare const meta: {
-    component: import('vue').DefineComponent<{
+    component: DefineComponent<{
         image: {
-            type: import('vue').PropType<string>;
+            type: PropType<string>;
             required: true;
         };
         size: {
-            type: import('vue').PropType<ComponentsConst.Size>;
+            type: PropType<ComponentsConst.Size>;
             default: number;
         };
         nickname: {
-            type: import('vue').PropType<string>;
+            type: PropType<string>;
         };
         isOnline: {
-            type: import('vue').PropType<boolean>;
+            type: PropType<boolean>;
         };
         lastActiveTime: {
-            type: import('vue').PropType<string>;
+            type: PropType<string>;
         };
         i18n: {
-            type: import('vue').PropType<{
+            type: PropType<{
                 Online: string;
                 LastSeen: string;
             }>;
@@ -35,26 +36,26 @@ declare const meta: {
                 LastSeen: string;
             };
         };
-    }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    }, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
         image: {
-            type: import('vue').PropType<string>;
+            type: PropType<string>;
             required: true;
         };
         size: {
-            type: import('vue').PropType<ComponentsConst.Size>;
+            type: PropType<ComponentsConst.Size>;
             default: number;
         };
         nickname: {
-            type: import('vue').PropType<string>;
+            type: PropType<string>;
         };
         isOnline: {
-            type: import('vue').PropType<boolean>;
+            type: PropType<boolean>;
         };
         lastActiveTime: {
-            type: import('vue').PropType<string>;
+            type: PropType<string>;
         };
         i18n: {
-            type: import('vue').PropType<{
+            type: PropType<{
                 Online: string;
                 LastSeen: string;
             }>;

package/src/components/forms/avatar/avatar.vue.d.ts

@@ -1,19 +1,20 @@
-import { Props } from './avatar';
+import { Props, Size } from './avatar';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
 
-declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     size: number;
     i18n: () => {
         Online: string;
         LastSeen: string;
     };
-}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     size: number;
     i18n: () => {
         Online: string;
         LastSeen: string;
     };
 }>>>, {
-    size: import('./avatar').Size;
+    size: Size;
     i18n: {
         Online: string;
         LastSeen: string;
@@ -23,9 +24,9 @@ export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+        type: PropType<__VLS_NonUndefinedable<T[K]>>;
     } : {
-        type: import('vue').PropType<T[K]>;
+        type: PropType<T[K]>;
         required: true;
     };
 };