@namba_one/ui-kit-2 1.0.7 → 1.0.9

package/dist/index.es.js

@@ -9231,7 +9231,7 @@ class qf {
   async install() {
     if (!document.getElementById("svg-sprite"))
       try {
-        const t = await (await fetch("./sprite/sprite.svg")).text(), s = document.createElement("div");
+        const t = await (await fetch("/sprite/sprite.svg")).text(), s = document.createElement("div");
         s.id = "svg-sprite", s.style.display = "none", s.innerHTML = t, document.body.insertBefore(s, document.body.firstChild);
       } catch (e) {
         console.error("Failed to load SVG sprite:", e);

package/dist/index.umd.js

@@ -22,4 +22,4 @@ Available fill gap methods: `).concat(b,"."))}},qn=function(h){if(h){var b=r(h);
 Поддерживается только props size "${["28_caption","36_subhead"].join(", ")}"
                 `),s.view==="flat"&&["28_caption","36_subhead","default"].includes(s.size)&&console.warn(`[Tabs] 'view="${s.view}"' не поддерживает props size "${s.size}"
 Поддерживается только props size "${["body","subhead"].join(", ")}"
-                `)}return n.watch(()=>s.view,k,{immediate:!0}),n.watch(()=>s.size,k,{immediate:!0}),(g,A)=>(n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass([n.unref(t).root,g.$style[`view_${g.view}`],g.$style[`size_${g.size}`],{[g.$style["is-disabled"]]:g.isDisabled}])},[g.label?(n.openBlock(),n.createBlock(n.unref(I),{key:0,size:"subhead",color:"text-common-base-primary-default"},{default:n.withCtx(()=>[n.createTextVNode(n.toDisplayString(g.label),1)]),_:1})):n.createCommentVNode("",!0),n.createElementVNode("div",{class:n.normalizeClass(n.unref(t).wrapper)},[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(g.data,(N,O)=>(n.openBlock(),n.createElementBlock("div",{key:`${N.id}-${O}`,ref_for:!0,ref:U=>a(U,O),class:n.normalizeClass([n.unref(t).item,{[n.unref(t)["is-active"]]:N.id===e.value}]),onClick:U=>u(O)},[N.iconLeft&&g.view==="default"?(n.openBlock(),n.createBlock(n.unref(X),{key:0,name:N.iconLeft,color:"icon-common-base-primary-default",size:m.value},null,8,["name","size"])):n.createCommentVNode("",!0),n.createVNode(n.unref(I),{tag:"span",class:n.normalizeClass(n.unref(t)["item-content"]),size:p.value,weight:"regular",color:d.value},{default:n.withCtx(()=>[n.createTextVNode(n.toDisplayString(N.text),1)]),_:2},1032,["class","size","color"]),g.view==="flat-secondary"?(n.openBlock(),n.createBlock(n.unref(I),{key:1,class:n.normalizeClass(n.unref(t)["fake-hover-item-content"]),tag:"span",size:p.value,weight:"semibold",color:d.value},{default:n.withCtx(()=>[n.createTextVNode(n.toDisplayString(N.text),1)]),_:2},1032,["class","size","color"])):n.createCommentVNode("",!0),N.iconRight&&g.view==="default"?(n.openBlock(),n.createBlock(n.unref(X),{key:2,name:N.iconRight,color:"icon-common-base-primary-default",size:m.value},null,8,["name","size"])):n.createCommentVNode("",!0)],10,Ca))),128)),n.createElementVNode("div",{class:n.normalizeClass(n.unref(t).caret),style:n.normalizeStyle(o.value)},null,6)],2)],2))}}),[["__cssModules",{$style:{root:"Tabs__root_fb18f","is-disabled":"Tabs__is-disabled_f51a5",item:"Tabs__item_7f044",view_default:"Tabs__view_default_d7896",wrapper:"Tabs__wrapper_3995b",size_28_caption:"Tabs__size_28_caption_70180",caret:"Tabs__caret_f2ab2",size_36_subhead:"Tabs__size_36_subhead_4fca1","view_flat-secondary":"Tabs__view_flat-secondary_2c0f9","fake-hover-item-content":"Tabs__fake-hover-item-content_25984","item-content":"Tabs__item-content_ff232","is-active":"Tabs__is-active_6e411",view_flat:"Tabs__view_flat_e2ae6"}}]]),on=300,Bi=n.defineComponent({__name:"TransitionHeight",setup(s){const e=n.ref(""),t=n.ref("1");let i;function o(){t.value="0"}function r(f,d){t.value="1",e.value=`${f.scrollHeight}px`,i=setTimeout(d,on)}function a(){t.value="",e.value=""}function l(f){e.value=`${f.scrollHeight}px`}function c(f,d){t.value="0",i=setTimeout(d,on)}const u=n.computed(()=>({height:e.value,opacity:t.value,overflow:"hidden",transition:`height ${on}ms ease, opacity ${on}ms ease`}));return n.onBeforeUnmount(()=>clearTimeout(i)),(f,d)=>(n.openBlock(),n.createElementBlock("div",{style:n.normalizeStyle(u.value)},[n.createVNode(n.Transition,{mode:"out-in",name:"fade-height",onBeforeEnter:o,onEnter:r,onAfterEnter:a,onBeforeLeave:l,onLeave:c},{default:n.withCtx(()=>[n.renderSlot(f.$slots,"default")]),_:3})],4))}}),Sa=n.defineComponent({__name:"UserRow",props:{name:{}},emits:["click"],setup(s,{emit:e}){const t=e;return(i,o)=>(n.openBlock(),n.createElementBlock("button",{class:n.normalizeClass(i.$style.root),onClick:o[0]||(o[0]=r=>t("click",r))},[n.createVNode(n.unref(I),{class:n.normalizeClass(i.$style.name),color:"text-common-base-primary-default",size:"subhead"},{default:n.withCtx(()=>[n.createTextVNode(n.toDisplayString(i.name),1)]),_:1},8,["class"]),n.createVNode(n.unref(X),{name:"logout",size:"18",color:"icon-button-base-primary"})],2))}}),Ti={root:"UserRow__root_6f13a",name:"UserRow__name_5d20e"},xi=D(Sa,[["__cssModules",{$style:Ti}]]),$i=D(n.defineComponent({__name:"UserRowSkeleton",setup(s){return(e,t)=>(n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass(e.$style.root)},[n.createVNode(n.unref(at),{view:"base",size:"subhead",widthRange:[.6,.8]})],2))}}),[["__cssModules",{$style:Ti}]]),Ea=D(n.defineComponent({__name:"ToastItem",props:{title:{},view:{default:"success"}},setup(s){const e=n.computed(()=>s.view==="success"?"success_filled":"warning_filled");return(t,i)=>{const o=n.resolveComponent("IconBase");return n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass([t.$style.root,t.$style[`view_${t.view}`]]),onClick:i[0]||(i[0]=r=>t.$emit("click"))},[n.createVNode(n.unref(X),{size:18,name:e.value,color:"icon-common-base-tertiary-default"},null,8,["name"]),n.createVNode(n.unref(I),{class:n.normalizeClass(t.$style.title),size:"subhead",color:"text-common-base-inverse-default",align:"left"},{default:n.withCtx(()=>[n.createTextVNode(n.toDisplayString(t.title),1)]),_:1},8,["class"]),n.createVNode(o,{size:18,name:"icon-cross",color:"icon-common-base-tertiary-default"})],2)}}}),[["__cssModules",{$style:{root:"ToastItem__root_ef96a",view_success:"ToastItem__view_success_1372e",view_danger:"ToastItem__view_danger_4b814",title:"ToastItem__title_949d1"}}]]);class Ba{constructor(){Qn(this,"list",n.ref([]));Qn(this,"timeouts",n.ref({}))}restartTimeouts(){Object.keys(this.timeouts.value).forEach((e,t)=>{this.timeouts.value[e]=setTimeout(()=>{this.remove(+e),clearTimeout(this.timeouts.value[e])},4e3+t*300)})}pauseTimeouts(){Object.keys(this.timeouts.value).forEach(e=>{clearTimeout(this.timeouts.value[e])})}remove(e){this.list.value=this.list.value.filter(t=>t.id!==e)}show(e){let t;const i=this.list.value[0]?this.list.value[0].id+1:1,o=5e3;typeof e=="string"?t={id:i,title:e,view:"success"}:t={...e,title:e.title,id:i},this.list.value.length===3&&this.list.value.pop(),this.list.value.unshift(t),this.timeouts.value[i]=setTimeout(()=>{this.remove(t.id),clearTimeout(this.timeouts.value[i])},o)}showError(e="Упс, что-то пошло не так :("){this.show({title:e,view:"danger"})}install(e){e.provide(Wn,this)}}const Wn=Symbol("ToastService"),Ta=new Ba,xa=["id"],Ai=D(n.defineComponent({__name:"Toaster",setup(s){let e;const t=n.inject(Wn),i=n.ref(),o=n.ref([]),r=n.ref(!1),a=n.ref(A()),l=n.ref(A()),c=n.ref(A()),u=n.ref(A());function f(E){const z=N(E);return{toaster:{transform:a.value[z]},body:{transform:l.value[z]},left:{transform:c.value[z]},right:{transform:u.value[z]}}}function d(E,z){(z!=="main"||a.value.main.length)&&(a.value[z]=E.mainTranslate),l.value[z]=E.scale,c.value[z]=E.leftTranslate,u.value[z]=E.rightTranslate}function p(){let z=0,G=0;o.value.sort(O).forEach((j,_)=>{const T=N(_),Y=J(`${z}px`);d(Y,T),z+=j.clientHeight+12,G=Math.max(G,j.clientWidth)}),i.value.style.height=`${z}px`,i.value.style.width=`${G}px`}function m(){n.nextTick(()=>{const[E,z,G]=o.value.sort(O),j=J("0");if(d(j,"main"),z){const _=U({mainElement:E,element:z,translateY:"-15%",index:1});d(_,"second")}if(G){const _=U({mainElement:E,element:G,translateY:"-30%",index:2});d(_,"third"),n.nextTick(()=>{var Y;const T=(Y=i.value)==null?void 0:Y.querySelector(".toaster-leave-active");if(T){const W=U({mainElement:E,element:T,translateY:"45%",index:3});T.setAttribute("style",`transform: ${W.mainTranslate};`),T.children[1].setAttribute("style",`transform: ${W.scale};`),T.children[0].setAttribute("style",`transform: ${W.leftTranslate};`),T.children[2].setAttribute("style",`transform: ${W.rightTranslate};`),T.children[4].setAttribute("style",`transform: ${W.scale};`),T.children[3].setAttribute("style",`transform: ${W.leftTranslate};`),T.children[5].setAttribute("style",`transform: ${W.rightTranslate};`)}})}})}function k(E){r.value&&(t==null||t.remove(E),p())}function g(){!r.value&&(t!=null&&t.list.value)&&t.list.value.length>1?(r.value=!0,t==null||t.pauseTimeouts(),p(),e=setTimeout(()=>{r.value=!1,m(),i.value.style.height="auto",i.value.style.width="auto",t==null||t.restartTimeouts(),clearTimeout(e)},5e3)):t!=null&&t.list.value[0]&&!r.value&&(t==null||t.remove(t==null?void 0:t.list.value[0].id))}n.watch(()=>t==null?void 0:t.list,()=>{r.value?p():m()},{deep:!0});function A(){return{main:"",second:"",third:""}}function N(E){switch(E){case 0:return"main";case 1:return"second";default:return"third"}}function O(E,z){return Number(z.id)-Number(E.id)}function U({mainElement:E,element:z,translateY:G,index:j}){const _=z.getBoundingClientRect(),T=E.getBoundingClientRect(),Y=T.height/_.height,W=(T.width-10*j)/_.width,ne=(_.width-W*_.width)/2;return{mainTranslate:`translateY(${G}) translateX(-50%)`,scale:`scale(${W}, ${Y})`,leftTranslate:`translateX(${ne-12}px)`,rightTranslate:`translateX(${-ne+12}px)`}}function J(E){return{mainTranslate:`translateY(${E}) translateX(-50%)`,scale:"scale(1, 1)",leftTranslate:"translateX(-12px)",rightTranslate:"translateX(12px)"}}return(E,z)=>(n.openBlock(),n.createElementBlock("div",{ref_key:"rootRef",ref:i,class:n.normalizeClass([E.$style.root,r.value&&E.$style["is-expand"]]),onClick:g},[n.createVNode(n.TransitionGroup,{tag:"div",enterFromClass:E.$style["toaster-enter-from"],enterToClass:E.$style["toaster-enter-to"],enterActiveClass:E.$style["toaster-enter-active"],leaveFromClass:E.$style["toaster-leave-from"],leaveToClass:E.$style["toaster-leave-to"],leaveActiveClass:E.$style["toaster-leave-active"]},{default:n.withCtx(()=>{var G;return[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList((G=n.unref(t))==null?void 0:G.list.value,(j,_)=>(n.openBlock(),n.createElementBlock("div",{key:j.id,id:`${j.id}`,ref_for:!0,ref_key:"toastersRef",ref:o,class:n.normalizeClass([E.$style.toaster,E.$style[`view_${j.view??"success"}`],r.value?"is-expand":""]),style:n.normalizeStyle(f(_).toaster)},[n.createElementVNode("div",{class:n.normalizeClass(E.$style.left),style:n.normalizeStyle(f(_).left)},null,6),n.createElementVNode("div",{class:n.normalizeClass(E.$style.body),style:n.normalizeStyle(f(_).body)},[n.createVNode(Ea,n.mergeProps({ref_for:!0},j,{onClick:()=>k(j.id)}),null,16,["onClick"])],6),n.createElementVNode("div",{class:n.normalizeClass(E.$style.right),style:n.normalizeStyle(f(_).right)},null,6),n.createElementVNode("div",{class:n.normalizeClass([E.$style.left,E.$style.shadow]),style:n.normalizeStyle(f(_).left)},null,6),n.createElementVNode("div",{class:n.normalizeClass([E.$style.body,E.$style.shadow]),style:n.normalizeStyle(f(_).body)},null,6),n.createElementVNode("div",{class:n.normalizeClass([E.$style.right,E.$style.shadow]),style:n.normalizeStyle(f(_).right)},null,6)],14,xa))),128))]}),_:1},8,["enterFromClass","enterToClass","enterActiveClass","leaveFromClass","leaveToClass","leaveActiveClass"])],2))}}),[["__cssModules",{$style:{"toaster-enter-from":"Toaster__toaster-enter-from_efcfd","toaster-enter":"Toaster__toaster-enter_7d5d8","toaster-enter-to":"Toaster__toaster-enter-to_6201a","toaster-enter-active":"Toaster__toaster-enter-active_528d1","toaster-leave-active":"Toaster__toaster-leave-active_952ab","toaster-leave-from":"Toaster__toaster-leave-from_f98c0","toaster-leave":"Toaster__toaster-leave_948f8","toaster-leave-to":"Toaster__toaster-leave-to_05c33",root:"Toaster__root_73fc8","is-expand":"Toaster__is-expand_984b8",toaster:"Toaster__toaster_72d65",body:"Toaster__body_22a84",view_success:"Toaster__view_success_eed88",left:"Toaster__left_4f54d",right:"Toaster__right_9c31e",view_danger:"Toaster__view_danger_ab705",shadow:"Toaster__shadow_acb59"}}]]);class $a{async install(){if(!document.getElementById("svg-sprite"))try{const t=await(await fetch("./sprite/sprite.svg")).text(),i=document.createElement("div");i.id="svg-sprite",i.style.display="none",i.innerHTML=t,document.body.insertBefore(i,document.body.firstChild)}catch(e){console.error("Failed to load SVG sprite:",e)}}}const Aa=new $a,Mi={interactionType:"web"},Di=Symbol("GlobalConfig"),Ma=s=>{n.provide(Di,{...Mi,...s})},Da=()=>n.inject(Di,Mi),Fa={KGS:"KGS"},Va=[rt,Response,Si,Ke,I,Fe,Ai,X,Jn,ts,ns,Ze,Qe,hn,fn,Fs,Vs,zs,Is,Ns,Os,Vn,Hs,Us,zn,js,Ws,qs,ii,ri,ai,li,ci,Ln,ui,di,Xt,_i,Ci,Ei,at,St,Ee,Bi,xi,$i],za={install:s=>{Va.forEach(e=>{s.component(`${e.name}`,e)})}};C.Badge=Jn,C.BannerOffer=ts,C.BannerOfferSkeleton=ns,C.Button=Ze,C.ButtonIcon=Qe,C.CardContent=hn,C.CardContentList=Fs,C.CardContentListSkeleton=Vs,C.CardContentSkeleton=fn,C.Chip=zs,C.ColorPicker=Ci,C.Currency=Fa,C.DYNAMIC_VISIBLE_AREA_PROVIDER_NAME=Ls,C.Divider=Is,C.Dropdown=Ns,C.Dropzone=Os,C.DynamicVisibleArea=Vn,C.EmptyResponse=ui,C.HeaderText=zn,C.Icon=X,C.IconView=js,C.ImageRow=Ws,C.ImageRowSkeleton=qs,C.Input=ii,C.Link=ri,C.ListHeader=ai,C.Loader=rt,C.ModalConfirmation=li,C.Price=ci,C.ResponseBase=Ln,C.Section=di,C.Select=_i,C.SelectBase=Xt,C.SkeletonWrapper=Si,C.Tabs=Ei,C.TheImage=Ke,C.TheText=I,C.TheTextSkeleton=at,C.ToastServiceKey=Wn,C.Toaster=Ai,C.Toggle=St,C.TransitionFade=Fe,C.TransitionFadeBlur=Ee,C.TransitionHeight=Bi,C.TransitionSlideDown=Us,C.TransitionSlideRight=Hs,C.UserRow=xi,C.UserRowSkeleton=$i,C.default=za,C.spriteService=Aa,C.toastService=Ta,C.useDynamicVisibleArea=Gs,C.useGlobalConfig=Da,C.useGlobalConfigProvide=Ma,Object.defineProperties(C,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+                `)}return n.watch(()=>s.view,k,{immediate:!0}),n.watch(()=>s.size,k,{immediate:!0}),(g,A)=>(n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass([n.unref(t).root,g.$style[`view_${g.view}`],g.$style[`size_${g.size}`],{[g.$style["is-disabled"]]:g.isDisabled}])},[g.label?(n.openBlock(),n.createBlock(n.unref(I),{key:0,size:"subhead",color:"text-common-base-primary-default"},{default:n.withCtx(()=>[n.createTextVNode(n.toDisplayString(g.label),1)]),_:1})):n.createCommentVNode("",!0),n.createElementVNode("div",{class:n.normalizeClass(n.unref(t).wrapper)},[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(g.data,(N,O)=>(n.openBlock(),n.createElementBlock("div",{key:`${N.id}-${O}`,ref_for:!0,ref:U=>a(U,O),class:n.normalizeClass([n.unref(t).item,{[n.unref(t)["is-active"]]:N.id===e.value}]),onClick:U=>u(O)},[N.iconLeft&&g.view==="default"?(n.openBlock(),n.createBlock(n.unref(X),{key:0,name:N.iconLeft,color:"icon-common-base-primary-default",size:m.value},null,8,["name","size"])):n.createCommentVNode("",!0),n.createVNode(n.unref(I),{tag:"span",class:n.normalizeClass(n.unref(t)["item-content"]),size:p.value,weight:"regular",color:d.value},{default:n.withCtx(()=>[n.createTextVNode(n.toDisplayString(N.text),1)]),_:2},1032,["class","size","color"]),g.view==="flat-secondary"?(n.openBlock(),n.createBlock(n.unref(I),{key:1,class:n.normalizeClass(n.unref(t)["fake-hover-item-content"]),tag:"span",size:p.value,weight:"semibold",color:d.value},{default:n.withCtx(()=>[n.createTextVNode(n.toDisplayString(N.text),1)]),_:2},1032,["class","size","color"])):n.createCommentVNode("",!0),N.iconRight&&g.view==="default"?(n.openBlock(),n.createBlock(n.unref(X),{key:2,name:N.iconRight,color:"icon-common-base-primary-default",size:m.value},null,8,["name","size"])):n.createCommentVNode("",!0)],10,Ca))),128)),n.createElementVNode("div",{class:n.normalizeClass(n.unref(t).caret),style:n.normalizeStyle(o.value)},null,6)],2)],2))}}),[["__cssModules",{$style:{root:"Tabs__root_fb18f","is-disabled":"Tabs__is-disabled_f51a5",item:"Tabs__item_7f044",view_default:"Tabs__view_default_d7896",wrapper:"Tabs__wrapper_3995b",size_28_caption:"Tabs__size_28_caption_70180",caret:"Tabs__caret_f2ab2",size_36_subhead:"Tabs__size_36_subhead_4fca1","view_flat-secondary":"Tabs__view_flat-secondary_2c0f9","fake-hover-item-content":"Tabs__fake-hover-item-content_25984","item-content":"Tabs__item-content_ff232","is-active":"Tabs__is-active_6e411",view_flat:"Tabs__view_flat_e2ae6"}}]]),on=300,Bi=n.defineComponent({__name:"TransitionHeight",setup(s){const e=n.ref(""),t=n.ref("1");let i;function o(){t.value="0"}function r(f,d){t.value="1",e.value=`${f.scrollHeight}px`,i=setTimeout(d,on)}function a(){t.value="",e.value=""}function l(f){e.value=`${f.scrollHeight}px`}function c(f,d){t.value="0",i=setTimeout(d,on)}const u=n.computed(()=>({height:e.value,opacity:t.value,overflow:"hidden",transition:`height ${on}ms ease, opacity ${on}ms ease`}));return n.onBeforeUnmount(()=>clearTimeout(i)),(f,d)=>(n.openBlock(),n.createElementBlock("div",{style:n.normalizeStyle(u.value)},[n.createVNode(n.Transition,{mode:"out-in",name:"fade-height",onBeforeEnter:o,onEnter:r,onAfterEnter:a,onBeforeLeave:l,onLeave:c},{default:n.withCtx(()=>[n.renderSlot(f.$slots,"default")]),_:3})],4))}}),Sa=n.defineComponent({__name:"UserRow",props:{name:{}},emits:["click"],setup(s,{emit:e}){const t=e;return(i,o)=>(n.openBlock(),n.createElementBlock("button",{class:n.normalizeClass(i.$style.root),onClick:o[0]||(o[0]=r=>t("click",r))},[n.createVNode(n.unref(I),{class:n.normalizeClass(i.$style.name),color:"text-common-base-primary-default",size:"subhead"},{default:n.withCtx(()=>[n.createTextVNode(n.toDisplayString(i.name),1)]),_:1},8,["class"]),n.createVNode(n.unref(X),{name:"logout",size:"18",color:"icon-button-base-primary"})],2))}}),Ti={root:"UserRow__root_6f13a",name:"UserRow__name_5d20e"},xi=D(Sa,[["__cssModules",{$style:Ti}]]),$i=D(n.defineComponent({__name:"UserRowSkeleton",setup(s){return(e,t)=>(n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass(e.$style.root)},[n.createVNode(n.unref(at),{view:"base",size:"subhead",widthRange:[.6,.8]})],2))}}),[["__cssModules",{$style:Ti}]]),Ea=D(n.defineComponent({__name:"ToastItem",props:{title:{},view:{default:"success"}},setup(s){const e=n.computed(()=>s.view==="success"?"success_filled":"warning_filled");return(t,i)=>{const o=n.resolveComponent("IconBase");return n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass([t.$style.root,t.$style[`view_${t.view}`]]),onClick:i[0]||(i[0]=r=>t.$emit("click"))},[n.createVNode(n.unref(X),{size:18,name:e.value,color:"icon-common-base-tertiary-default"},null,8,["name"]),n.createVNode(n.unref(I),{class:n.normalizeClass(t.$style.title),size:"subhead",color:"text-common-base-inverse-default",align:"left"},{default:n.withCtx(()=>[n.createTextVNode(n.toDisplayString(t.title),1)]),_:1},8,["class"]),n.createVNode(o,{size:18,name:"icon-cross",color:"icon-common-base-tertiary-default"})],2)}}}),[["__cssModules",{$style:{root:"ToastItem__root_ef96a",view_success:"ToastItem__view_success_1372e",view_danger:"ToastItem__view_danger_4b814",title:"ToastItem__title_949d1"}}]]);class Ba{constructor(){Qn(this,"list",n.ref([]));Qn(this,"timeouts",n.ref({}))}restartTimeouts(){Object.keys(this.timeouts.value).forEach((e,t)=>{this.timeouts.value[e]=setTimeout(()=>{this.remove(+e),clearTimeout(this.timeouts.value[e])},4e3+t*300)})}pauseTimeouts(){Object.keys(this.timeouts.value).forEach(e=>{clearTimeout(this.timeouts.value[e])})}remove(e){this.list.value=this.list.value.filter(t=>t.id!==e)}show(e){let t;const i=this.list.value[0]?this.list.value[0].id+1:1,o=5e3;typeof e=="string"?t={id:i,title:e,view:"success"}:t={...e,title:e.title,id:i},this.list.value.length===3&&this.list.value.pop(),this.list.value.unshift(t),this.timeouts.value[i]=setTimeout(()=>{this.remove(t.id),clearTimeout(this.timeouts.value[i])},o)}showError(e="Упс, что-то пошло не так :("){this.show({title:e,view:"danger"})}install(e){e.provide(Wn,this)}}const Wn=Symbol("ToastService"),Ta=new Ba,xa=["id"],Ai=D(n.defineComponent({__name:"Toaster",setup(s){let e;const t=n.inject(Wn),i=n.ref(),o=n.ref([]),r=n.ref(!1),a=n.ref(A()),l=n.ref(A()),c=n.ref(A()),u=n.ref(A());function f(E){const z=N(E);return{toaster:{transform:a.value[z]},body:{transform:l.value[z]},left:{transform:c.value[z]},right:{transform:u.value[z]}}}function d(E,z){(z!=="main"||a.value.main.length)&&(a.value[z]=E.mainTranslate),l.value[z]=E.scale,c.value[z]=E.leftTranslate,u.value[z]=E.rightTranslate}function p(){let z=0,G=0;o.value.sort(O).forEach((j,_)=>{const T=N(_),Y=J(`${z}px`);d(Y,T),z+=j.clientHeight+12,G=Math.max(G,j.clientWidth)}),i.value.style.height=`${z}px`,i.value.style.width=`${G}px`}function m(){n.nextTick(()=>{const[E,z,G]=o.value.sort(O),j=J("0");if(d(j,"main"),z){const _=U({mainElement:E,element:z,translateY:"-15%",index:1});d(_,"second")}if(G){const _=U({mainElement:E,element:G,translateY:"-30%",index:2});d(_,"third"),n.nextTick(()=>{var Y;const T=(Y=i.value)==null?void 0:Y.querySelector(".toaster-leave-active");if(T){const W=U({mainElement:E,element:T,translateY:"45%",index:3});T.setAttribute("style",`transform: ${W.mainTranslate};`),T.children[1].setAttribute("style",`transform: ${W.scale};`),T.children[0].setAttribute("style",`transform: ${W.leftTranslate};`),T.children[2].setAttribute("style",`transform: ${W.rightTranslate};`),T.children[4].setAttribute("style",`transform: ${W.scale};`),T.children[3].setAttribute("style",`transform: ${W.leftTranslate};`),T.children[5].setAttribute("style",`transform: ${W.rightTranslate};`)}})}})}function k(E){r.value&&(t==null||t.remove(E),p())}function g(){!r.value&&(t!=null&&t.list.value)&&t.list.value.length>1?(r.value=!0,t==null||t.pauseTimeouts(),p(),e=setTimeout(()=>{r.value=!1,m(),i.value.style.height="auto",i.value.style.width="auto",t==null||t.restartTimeouts(),clearTimeout(e)},5e3)):t!=null&&t.list.value[0]&&!r.value&&(t==null||t.remove(t==null?void 0:t.list.value[0].id))}n.watch(()=>t==null?void 0:t.list,()=>{r.value?p():m()},{deep:!0});function A(){return{main:"",second:"",third:""}}function N(E){switch(E){case 0:return"main";case 1:return"second";default:return"third"}}function O(E,z){return Number(z.id)-Number(E.id)}function U({mainElement:E,element:z,translateY:G,index:j}){const _=z.getBoundingClientRect(),T=E.getBoundingClientRect(),Y=T.height/_.height,W=(T.width-10*j)/_.width,ne=(_.width-W*_.width)/2;return{mainTranslate:`translateY(${G}) translateX(-50%)`,scale:`scale(${W}, ${Y})`,leftTranslate:`translateX(${ne-12}px)`,rightTranslate:`translateX(${-ne+12}px)`}}function J(E){return{mainTranslate:`translateY(${E}) translateX(-50%)`,scale:"scale(1, 1)",leftTranslate:"translateX(-12px)",rightTranslate:"translateX(12px)"}}return(E,z)=>(n.openBlock(),n.createElementBlock("div",{ref_key:"rootRef",ref:i,class:n.normalizeClass([E.$style.root,r.value&&E.$style["is-expand"]]),onClick:g},[n.createVNode(n.TransitionGroup,{tag:"div",enterFromClass:E.$style["toaster-enter-from"],enterToClass:E.$style["toaster-enter-to"],enterActiveClass:E.$style["toaster-enter-active"],leaveFromClass:E.$style["toaster-leave-from"],leaveToClass:E.$style["toaster-leave-to"],leaveActiveClass:E.$style["toaster-leave-active"]},{default:n.withCtx(()=>{var G;return[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList((G=n.unref(t))==null?void 0:G.list.value,(j,_)=>(n.openBlock(),n.createElementBlock("div",{key:j.id,id:`${j.id}`,ref_for:!0,ref_key:"toastersRef",ref:o,class:n.normalizeClass([E.$style.toaster,E.$style[`view_${j.view??"success"}`],r.value?"is-expand":""]),style:n.normalizeStyle(f(_).toaster)},[n.createElementVNode("div",{class:n.normalizeClass(E.$style.left),style:n.normalizeStyle(f(_).left)},null,6),n.createElementVNode("div",{class:n.normalizeClass(E.$style.body),style:n.normalizeStyle(f(_).body)},[n.createVNode(Ea,n.mergeProps({ref_for:!0},j,{onClick:()=>k(j.id)}),null,16,["onClick"])],6),n.createElementVNode("div",{class:n.normalizeClass(E.$style.right),style:n.normalizeStyle(f(_).right)},null,6),n.createElementVNode("div",{class:n.normalizeClass([E.$style.left,E.$style.shadow]),style:n.normalizeStyle(f(_).left)},null,6),n.createElementVNode("div",{class:n.normalizeClass([E.$style.body,E.$style.shadow]),style:n.normalizeStyle(f(_).body)},null,6),n.createElementVNode("div",{class:n.normalizeClass([E.$style.right,E.$style.shadow]),style:n.normalizeStyle(f(_).right)},null,6)],14,xa))),128))]}),_:1},8,["enterFromClass","enterToClass","enterActiveClass","leaveFromClass","leaveToClass","leaveActiveClass"])],2))}}),[["__cssModules",{$style:{"toaster-enter-from":"Toaster__toaster-enter-from_efcfd","toaster-enter":"Toaster__toaster-enter_7d5d8","toaster-enter-to":"Toaster__toaster-enter-to_6201a","toaster-enter-active":"Toaster__toaster-enter-active_528d1","toaster-leave-active":"Toaster__toaster-leave-active_952ab","toaster-leave-from":"Toaster__toaster-leave-from_f98c0","toaster-leave":"Toaster__toaster-leave_948f8","toaster-leave-to":"Toaster__toaster-leave-to_05c33",root:"Toaster__root_73fc8","is-expand":"Toaster__is-expand_984b8",toaster:"Toaster__toaster_72d65",body:"Toaster__body_22a84",view_success:"Toaster__view_success_eed88",left:"Toaster__left_4f54d",right:"Toaster__right_9c31e",view_danger:"Toaster__view_danger_ab705",shadow:"Toaster__shadow_acb59"}}]]);class $a{async install(){if(!document.getElementById("svg-sprite"))try{const t=await(await fetch("/sprite/sprite.svg")).text(),i=document.createElement("div");i.id="svg-sprite",i.style.display="none",i.innerHTML=t,document.body.insertBefore(i,document.body.firstChild)}catch(e){console.error("Failed to load SVG sprite:",e)}}}const Aa=new $a,Mi={interactionType:"web"},Di=Symbol("GlobalConfig"),Ma=s=>{n.provide(Di,{...Mi,...s})},Da=()=>n.inject(Di,Mi),Fa={KGS:"KGS"},Va=[rt,Response,Si,Ke,I,Fe,Ai,X,Jn,ts,ns,Ze,Qe,hn,fn,Fs,Vs,zs,Is,Ns,Os,Vn,Hs,Us,zn,js,Ws,qs,ii,ri,ai,li,ci,Ln,ui,di,Xt,_i,Ci,Ei,at,St,Ee,Bi,xi,$i],za={install:s=>{Va.forEach(e=>{s.component(`${e.name}`,e)})}};C.Badge=Jn,C.BannerOffer=ts,C.BannerOfferSkeleton=ns,C.Button=Ze,C.ButtonIcon=Qe,C.CardContent=hn,C.CardContentList=Fs,C.CardContentListSkeleton=Vs,C.CardContentSkeleton=fn,C.Chip=zs,C.ColorPicker=Ci,C.Currency=Fa,C.DYNAMIC_VISIBLE_AREA_PROVIDER_NAME=Ls,C.Divider=Is,C.Dropdown=Ns,C.Dropzone=Os,C.DynamicVisibleArea=Vn,C.EmptyResponse=ui,C.HeaderText=zn,C.Icon=X,C.IconView=js,C.ImageRow=Ws,C.ImageRowSkeleton=qs,C.Input=ii,C.Link=ri,C.ListHeader=ai,C.Loader=rt,C.ModalConfirmation=li,C.Price=ci,C.ResponseBase=Ln,C.Section=di,C.Select=_i,C.SelectBase=Xt,C.SkeletonWrapper=Si,C.Tabs=Ei,C.TheImage=Ke,C.TheText=I,C.TheTextSkeleton=at,C.ToastServiceKey=Wn,C.Toaster=Ai,C.Toggle=St,C.TransitionFade=Fe,C.TransitionFadeBlur=Ee,C.TransitionHeight=Bi,C.TransitionSlideDown=Us,C.TransitionSlideRight=Hs,C.UserRow=xi,C.UserRowSkeleton=$i,C.default=za,C.spriteService=Aa,C.toastService=Ta,C.useDynamicVisibleArea=Gs,C.useGlobalConfig=Da,C.useGlobalConfigProvide=Ma,Object.defineProperties(C,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@namba_one/ui-kit-2",
-    "version": "1.0.7",
+    "version": "1.0.9",
     "main": "dist/index.umd.js",
     "module": "dist/index.es.js",
     "types": "dist/index.d.ts",
@@ -30,6 +30,9 @@
         "semantic-release": "bash ./bin/release.sh",
         "pre-release": "bash ./bin/pre-release.sh"
     },
+    "bin": {
+        "copy-sprite": "node ./bin/copy-sprite.js"
+    },
     "husky": {
         "hooks": {
             "pre-commit": "lint-staged"