@weni/unnnic-system 3.2.9-alpha.3 → 3.2.9-alpha.4

package/dist/unnnic.js

@@ -1,4 +1,4 @@
-import { bf as c, bb as s, bG as e, aQ as r, bm as t, bp as u, aI as o, aJ as U, bc as b, bd as l, aV as d, aX as C, aY as m, aZ as p, a$ as g, bA as T, a_ as h, bi as I, bC as S, bS as D, bD as M, bQ as A, bB as P, by as v, bJ as w, bK as x, bL as B, bM as R, bO as L, bP as N, b0 as k, c0 as F, bH as E, b1 as f, bn as j, bs as y, b$ as z, bx as H, bo as q, bT as G, bU as J, bu as K, aO as O, aP as Q, bR as V, aD as W, aE as X, aR as Y, aT as Z, aS as _, bw as $, bg as nn, aF as an, aH as cn, aG as sn, bj as en, b4 as rn, b5 as tn, b6 as un, b7 as on, bE as Un, ba as bn, bX as ln, bt as dn, bI as Cn, b2 as mn, bN as pn, b9 as gn, b8 as Tn, bY as hn, aK as In, aL as Sn, aW as Dn, bh as Mn, br as An, bF as Pn, bq as vn, bk as wn, aM as xn, bV as Bn, aN as Rn, bl as Ln, be as Nn, bZ as kn, b_ as Fn, bz as En, c1 as fn, c2 as jn, aU as yn, bW as zn, bv as Hn, b3 as qn, c as Gn, U as Jn, Q as Kn, M as On, ag as Qn, o as Vn, Y as Wn, $ as Xn, f as Yn, g as Zn, N as _n, O as $n, t as na, w as aa, x as ia, y as ca, A as sa, aa as ea, z as ra, T as ta, ac as ua, as as oa, ad as Ua, aq as ba, ab as la, a8 as da, aj as Ca, ak as ma, al as pa, am as ga, ao as Ta, ap as ha, B as Ia, aC as Sa, ah as Da, C as Ma, Z as Aa, a2 as Pa, aB as va, a7 as wa, _ as xa, at as Ba, au as Ra, a4 as La, m as Na, n as ka, ar as Fa, u as Ea, a as fa, p as ja, r as ya, q as za, a6 as Ha, R as qa, b as Ga, e as Ja, d as Ka, V as Oa, F as Qa, G as Va, H as Wa, I as Xa, ae as Ya, L as Za, ax as _a, a3 as $a, ai as ni, D as ai, an as ii, K as ci, J as si, ay as ei, i as ri, j as ti, v as ui, S as oi, a1 as Ui, af as bi, a0 as li, W as di, k as Ci, av as mi, l as pi, X as gi, P as Ti, az as hi, aA as Ii, a9 as Si, s as Di, aw as Mi, a5 as Ai, E as Pi } from "./index-531ad3f6.js";
+import { bf as c, bb as s, bG as e, aQ as r, bm as t, bp as u, aI as o, aJ as U, bc as b, bd as l, aV as d, aX as C, aY as m, aZ as p, a$ as g, bA as T, a_ as h, bi as I, bC as S, bS as D, bD as M, bQ as A, bB as P, by as v, bJ as w, bK as x, bL as B, bM as R, bO as L, bP as N, b0 as k, c0 as F, bH as E, b1 as f, bn as j, bs as y, b$ as z, bx as H, bo as q, bT as G, bU as J, bu as K, aO as O, aP as Q, bR as V, aD as W, aE as X, aR as Y, aT as Z, aS as _, bw as $, bg as nn, aF as an, aH as cn, aG as sn, bj as en, b4 as rn, b5 as tn, b6 as un, b7 as on, bE as Un, ba as bn, bX as ln, bt as dn, bI as Cn, b2 as mn, bN as pn, b9 as gn, b8 as Tn, bY as hn, aK as In, aL as Sn, aW as Dn, bh as Mn, br as An, bF as Pn, bq as vn, bk as wn, aM as xn, bV as Bn, aN as Rn, bl as Ln, be as Nn, bZ as kn, b_ as Fn, bz as En, c1 as fn, c2 as jn, aU as yn, bW as zn, bv as Hn, b3 as qn, c as Gn, U as Jn, Q as Kn, M as On, ag as Qn, o as Vn, Y as Wn, $ as Xn, f as Yn, g as Zn, N as _n, O as $n, t as na, w as aa, x as ia, y as ca, A as sa, aa as ea, z as ra, T as ta, ac as ua, as as oa, ad as Ua, aq as ba, ab as la, a8 as da, aj as Ca, ak as ma, al as pa, am as ga, ao as Ta, ap as ha, B as Ia, aC as Sa, ah as Da, C as Ma, Z as Aa, a2 as Pa, aB as va, a7 as wa, _ as xa, at as Ba, au as Ra, a4 as La, m as Na, n as ka, ar as Fa, u as Ea, a as fa, p as ja, r as ya, q as za, a6 as Ha, R as qa, b as Ga, e as Ja, d as Ka, V as Oa, F as Qa, G as Va, H as Wa, I as Xa, ae as Ya, L as Za, ax as _a, a3 as $a, ai as ni, D as ai, an as ii, K as ci, J as si, ay as ei, i as ri, j as ti, v as ui, S as oi, a1 as Ui, af as bi, a0 as li, W as di, k as Ci, av as mi, l as pi, X as gi, P as Ti, az as hi, aA as Ii, a9 as Si, s as Di, aw as Mi, a5 as Ai, E as Pi } from "./index-4b1fed3d.js";
 import "vue";
 export {
   c as UnnnicAccordion,

package/dist/unnnic.umd.cjs

@@ -66,7 +66,7 @@ ${g}`:f)}else throw c},onCacheKey:c=>KD(a,i,c)}}function LE(e){if($(e))return e;
     ${Jo},
     rgba(255,255,255,0.375),
     ${Jo}
-  )`},xee="",eL={name:"UnnnicSkeletonLoading",props:{prefix:{type:String,default:"unnnic"},count:{type:Number,default:1},duration:{type:Number,default:1.5},tag:{type:String,default:"span"},width:[String,Number],height:[String,Number],circle:{type:Boolean,default:!1},loading:{type:Boolean,default:void 0},direct:{type:Boolean}},setup(){const e=t.inject("_themeStyle",t.ref($v)),a=t.inject("_skeletonTheme",t.ref({}));return{themeStyle:e,theme:a}},computed:{classes(){return[`${this.prefix}-skeleton`]},styles(){const e={...this.themeStyle};return this.duration?e.animation=`SkeletonLoading ${this.duration}s ease-in-out infinite`:e.backgroundImage="",this.width&&(e.width=this.width),this.height&&(e.height=this.height),this.circle&&(e.borderRadius="50%"),e},elements(){const e=[];for(let a=0;a<this.count;a+=1)e.push({});return e},showLoading(){return typeof this.loading<"u"?this.loading:this.isEmptyVNode(this.$slots.default)}},methods:{isEmptyVNode(e){if(!e)return!0;const[a]=e();let i=a.children;return i&&(i=i.replace(/(\n|\r\n|\s)/g,"")),!i}}};function tL(e,a,i,o,l,s){return i.direct?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(i.tag),{key:0,class:t.normalizeClass(s.classes),style:t.normalizeStyle(s.styles)},null,8,["class","style"])):s.showLoading?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(i.tag),{key:1},{default:t.withCtx(()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(s.elements,(c,d)=>(t.openBlock(),t.createElementBlock("span",{key:d,class:t.normalizeClass(s.classes),style:t.normalizeStyle(s.styles)}," ‌ ",6))),128))]),_:1})):t.createCommentVNode("",!0)}const $o=b(eL,[["render",tL]]),Mee="",aL={name:"UnnnicTagCarousel",components:{UnnnicTag:Pa,UnnnicIcon:J},props:{modelValue:{type:Array,default(){return[]}},tagItems:{type:Array,default:()=>[]}},data(){return{hasNext:!0,hasPrev:!1,slides:[]}},mounted(){this.slides=this.tagItems},methods:{save(e){let a=this.modelValue;this.checkIsInclude(e)?a=a.filter(i=>i!==e.id):a=[...a,e.id],this.$emit("selected",a)},checkIsInclude(e){return this.modelValue.some(a=>a===e.id)},next(){const e=document.querySelector("#scroll"),a=e.scrollWidth-e.clientWidth;e.scrollLeft+=200,a!==e.scrollLeft?(this.hasNext||(this.hasNext=!0),this.hasPrev=!0):this.hasNext=!1},previous(){const e=document.querySelector("#scroll");e.scrollLeft-=200,e.scrollLeft!==0?(this.hasPrev||(this.hasPrev=!0),this.hasNext=!0):this.hasPrev=!1}}},iL={class:"unnnic-card-tag-carousel"},nL={class:"unnnic-card-tag-carousel__button unnnic-card-tag-carousel__button--left"},rL={class:"unnnic-card-tag-carousel__button__icon"},oL={class:"unnnic-card-tag-carousel__button__blur unnnic-card-tag-carousel__button__blur--left"},sL={id:"scroll",class:"unnnic-card-tag-carousel__container"},lL={class:"unnnic-card-tag-carousel__button unnnic-card-tag-carousel__button--right"},uL={class:"unnnic-card-tag-carousel__button__blur unnnic-card-tag-carousel__button__blur--right"},cL={class:"unnnic-card-tag-carousel__button__icon"};function dL(e,a,i,o,l,s){const c=t.resolveComponent("UnnnicIcon"),d=t.resolveComponent("UnnnicTag");return t.openBlock(),t.createElementBlock("div",iL,[t.createElementVNode("div",nL,[t.createElementVNode("div",rL,[t.createVNode(c,{icon:"arrow-left-1-1",size:"sm",scheme:l.hasPrev?"neutral-black":"neutral-cleanest",clickable:"",onClick:a[0]||(a[0]=f=>s.previous())},null,8,["scheme"])]),t.withDirectives(t.createElementVNode("span",oL,null,512),[[t.vShow,l.hasPrev]])]),t.createElementVNode("div",sL,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(l.slides,f=>(t.openBlock(),t.createElementBlock("div",{key:f.id,class:"unnnic-card-tag-carousel__container__slide"},[t.createVNode(d,{text:f.name,clickable:"",type:"brand",disabled:s.checkIsInclude(f),class:"unnnic-card-tag-carousel__container__slide__item",onClick:g=>s.save(f)},null,8,["text","disabled","onClick"])]))),128))]),t.createElementVNode("div",lL,[t.withDirectives(t.createElementVNode("span",uL,null,512),[[t.vShow,l.hasNext]]),t.createElementVNode("div",cL,[t.createVNode(c,{icon:"arrow-right-1-1",size:"sm",scheme:l.hasNext?"neutral-black":"neutral-cleanest",clickable:"",onClick:a[1]||(a[1]=f=>s.next())},null,8,["scheme"])])])])}const _L=b(aL,[["render",dL]]),fL={name:"UnnnicCarousel",model:{event:"update:model-value"},props:{modelValue:{type:Array,default(){return[]}},type:{type:String,default:"brand",validator(e){return["brand"].indexOf(e)!==-1}},tagItems:{type:Array,default:()=>[]},name:{type:String,default:null},icon:{type:String,default:null},clickable:{type:Boolean,default:!1}},computed:{currentComponent(){return _L}}};function gL(e,a,i,o,l,s){return t.openBlock(),t.createBlock(t.resolveDynamicComponent(s.currentComponent),t.mergeProps({class:"unnnic-carousel-component"},e.$attrs,{name:i.name,clickable:i.clickable,tagItems:i.tagItems,modelValue:i.modelValue,onSelected:a[0]||(a[0]=c=>e.$emit("update:model-value",c))}),null,16,["name","clickable","tagItems","modelValue"])}const e0=b(fL,[["render",gL]]),Bee="",hL={components:{UnnnicIcon:J,UnnnicToolTip:ct},model:{prop:"activeTab",event:"change"},props:{size:{type:String,default:"md",validator:e=>["md","sm"].includes(e)},activeTab:{type:String,default:""},initialTab:{type:String,default:null},tabs:{type:Array,default:null}},emits:["change"],data(){return{localValue:""}},computed:{tabPanelSlotName(){return`tab-panel-${this.localValue}`}},watch:{activeTab(){this.localValue=this.activeTab}},created(){const e=this.initialTab||this.activeTab||this.tabs&&this.tabs[0];this.change(e)},methods:{tabHeadSlotName(e){return`tab-head-${e}`},tabHeadTooltipSlotName(e){return e?`tab-head-${e}-tooltip`:""},getHeadTooltip(e){var i,o;const a=this.$slots[this.tabHeadTooltipSlotName(e)];return a?(o=(i=a())==null?void 0:i[0])==null?void 0:o.children:""},change(e){this.localValue=e,this.$emit("change",this.localValue)}}},mL={class:"tab-header"},FL={class:"tab-content"},pL=["onClick"],bL={class:"tab-body"},CL={class:"tab-panel"};function yL(e,a,i,o,l,s){const c=t.resolveComponent("UnnnicIcon"),d=t.resolveComponent("UnnnicToolTip");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["tab",`size-${i.size}`])},[t.createElementVNode("header",mL,[t.createElementVNode("ul",FL,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(i.tabs,f=>(t.openBlock(),t.createElementBlock("li",{key:f,class:t.normalizeClass(["tab-head",{"tab-head--active":l.localValue===f}]),onClick:g=>s.change(f)},[t.renderSlot(e.$slots,s.tabHeadSlotName(f),{},()=>[t.createTextVNode(t.toDisplayString(f),1)],!0),s.getHeadTooltip(f)?(t.openBlock(),t.createBlock(d,{key:0,enabled:"",text:s.getHeadTooltip(f),side:"bottom"},{default:t.withCtx(()=>[t.createVNode(c,{icon:"info",size:i.size==="sm"?"xs":"sm",filled:"",scheme:"neutral-cleanest"},null,8,["size"])]),_:1},8,["text"])):t.createCommentVNode("",!0)],10,pL))),128))])]),t.createElementVNode("main",bL,[t.createElementVNode("div",CL,[t.renderSlot(e.$slots,s.tabPanelSlotName,{},void 0,!0)])])],2)}const t0=b(hL,[["render",yL],["__scopeId","data-v-c96f0199"]]),jee="",wL={components:{UnnnicIcon:J},props:{modelValue:{type:[String,Number],required:!0},items:{type:Array,required:!0}},emits:["back","update:model-value","close-tab","add"]},kL={class:"unnnic-tabs-expanded"},DL=["onClick"],AL={"data-testid":"tab-description",class:"u font secondary body-sm color-neutral-cloudy"},EL={key:0,class:"close-container"};function xL(e,a,i,o,l,s){const c=t.resolveComponent("UnnnicIcon");return t.openBlock(),t.createElementBlock("div",kL,[t.createElementVNode("div",{class:"back-container","data-testid":"back",onClick:a[0]||(a[0]=d=>e.$emit("back"))},[t.createVNode(c,{icon:"keyboard-arrow-left-1",scheme:"neutral-cloudy"})]),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(i.items,d=>(t.openBlock(),t.createElementBlock("div",{key:d.value,class:"tab","data-testid":"tab",onClick:f=>e.$emit("update:model-value",d.value)},[t.createElementVNode("div",null,[t.createElementVNode("div",{class:t.normalizeClass(["u font secondary body-gt bold",d.value===i.modelValue?"color-brand-weni-soft":"color-neutral-cloudy"]),"data-testid":"tab-title"},t.toDisplayString(d.title),3),t.createElementVNode("div",AL,t.toDisplayString(d.description),1)]),d.value===i.modelValue?(t.openBlock(),t.createElementBlock("div",EL,[t.createVNode(c,{icon:"close-1",size:"xs",clickable:"",scheme:"neutral-cloudy","data-testid":"tab-close-icon",onClick:t.withModifiers(f=>e.$emit("close-tab",d),["stop"])},null,8,["onClick"])])):t.createCommentVNode("",!0)],8,DL))),128)),t.createElementVNode("div",{class:"add-container","data-testid":"tab-add",onClick:a[1]||(a[1]=d=>e.$emit("add"))},[t.createVNode(c,{icon:"add-1",scheme:"neutral-cloudy",size:"sm"})])])}const a0=b(wL,[["render",xL],["__scopeId","data-v-ffc5e425"]]),Nee="",ML={name:"UnnnicBanner",components:{UnnnicIcon:J},props:{firstTitle:{type:String,default:null},secondTitle:{type:String,default:null},thirdTitle:{type:String,default:null},firstDescription:{type:String,default:null},secondDescription:{type:String,default:null},thirdDescription:{type:String,default:null},subtitle:{type:String,default:null},rating:{type:Number,default:0}},data(){return{tempRating:null,baseRating:this.rating}},methods:{emitRatingAction(e){this.$emit("ratingAction",e)},starScheme(e){return e<=this.baseRating?"feedback-yellow":"neutral-clean"},starOver(e){this.tempRating=this.baseRating,this.baseRating=e},starOut(){this.baseRating=this.tempRating}}},BL={class:"unnnic-banner-info"},jL={class:"unnnic-banner-info__section"},NL={class:"unnnic-banner-info__title"},vL={class:"unnnic-banner-info__description"},LL={class:"unnnic-banner-info__section"},TL={class:"unnnic-banner-info__title"},SL={class:"unnnic-banner-info__description"},IL={class:"unnnic-banner-info__subtitle"},VL={class:"unnnic-banner-info__section"},zL={class:"unnnic-banner-info__title"},OL={class:"unnnic-banner-info__description"},qL={class:"unnnic-banner-info__rating"};function HL(e,a,i,o,l,s){const c=t.resolveComponent("UnnnicIcon");return t.openBlock(),t.createElementBlock("div",BL,[t.createElementVNode("section",jL,[t.createElementVNode("div",NL,t.toDisplayString(i.firstTitle),1),t.createElementVNode("div",vL,t.toDisplayString(i.firstDescription),1)]),a[0]||(a[0]=t.createElementVNode("div",{class:"unnnic-banner-info__divider"},null,-1)),t.createElementVNode("section",LL,[t.createElementVNode("div",TL,t.toDisplayString(i.secondTitle),1),t.createElementVNode("div",SL,t.toDisplayString(i.secondDescription),1),t.createElementVNode("div",IL,t.toDisplayString(i.subtitle),1)]),a[1]||(a[1]=t.createElementVNode("div",{class:"unnnic-banner-info__divider"},null,-1)),t.createElementVNode("section",VL,[t.createElementVNode("div",zL,t.toDisplayString(i.thirdTitle),1),t.createElementVNode("div",OL,t.toDisplayString(i.thirdDescription),1),t.createElementVNode("div",qL,[(t.openBlock(),t.createElementBlock(t.Fragment,null,t.renderList(5,d=>t.createVNode(c,{key:d,class:t.normalizeClass({"unnnic-banner-info__rating__star":!0,"unnnic-banner-info__rating__star__active":d<=l.baseRating}),scheme:s.starScheme(d),icon:"rating-star-1",size:"ant",onClick:f=>s.emitRatingAction(d),onMouseover:f=>s.starOver(d),onMouseout:s.starOut},null,8,["class","scheme","onClick","onMouseover","onMouseout"])),64))])])])}const ac=b(ML,[["render",HL]]),vee="",PL={name:"UnnnicBanner",props:{type:{type:String,default:"info",validator(e){return["info"].indexOf(e)!==-1}},firstTitle:{type:String,default:null},secondTitle:{type:String,default:null},thirdTitle:{type:String,default:null},firstDescription:{type:String,default:null},secondDescription:{type:String,default:null},thirdDescription:{type:String,default:null},subtitle:{type:String,default:null},rating:{type:Number,default:0}},computed:{currentComponent(){return this.type==="info",ac}},methods:{emitRatingAction(e){this.$emit("ratingAction",e)}}};function UL(e,a,i,o,l,s){return t.openBlock(),t.createBlock(t.resolveDynamicComponent(s.currentComponent),t.mergeProps({class:"unnnic-banner-component"},e.$attrs,{firstTitle:i.firstTitle,secondTitle:i.secondTitle,thirdTitle:i.thirdTitle,firstDescription:i.firstDescription,secondDescription:i.secondDescription,thirdDescription:i.thirdDescription,subtitle:i.subtitle,rating:i.rating}),null,16,["firstTitle","secondTitle","thirdTitle","firstDescription","secondDescription","thirdDescription","subtitle","rating"])}const i0=b(PL,[["render",UL]]),Lee="",YL={name:"UnnnicComment",components:{},props:{title:{type:String,default:null},time:{type:String,default:null},text:{type:String,default:null}}},RL={class:"unnnic-comment"},QL={class:"unnnic-comment__avatar"},GL={class:"unnnic-comment__content"},ZL={class:"unnnic-comment__content__header"},WL={class:"unnnic-comment__content__header__title"},XL={class:"unnnic-comment__content__header__time"},KL={class:"unnnic-comment__content__header__actions"},JL={class:"unnnic-comment__content__text"};function $L(e,a,i,o,l,s){return t.openBlock(),t.createElementBlock("div",RL,[t.createElementVNode("div",QL,[t.renderSlot(e.$slots,"avatar",{},void 0,!0)]),t.createElementVNode("div",GL,[t.createElementVNode("div",ZL,[t.createElementVNode("div",WL,t.toDisplayString(i.title),1),t.createElementVNode("div",XL,t.toDisplayString(i.time),1),t.createElementVNode("div",KL,[t.renderSlot(e.$slots,"actions",{},void 0,!0)])]),t.createElementVNode("div",JL,t.toDisplayString(i.text),1)])])}const n0=b(YL,[["render",$L],["__scopeId","data-v-ec10b2dd"]]),Tee="",eT={name:"UnnnicBreadcrumb",components:{UnnnicIcon:J},props:{crumbs:{type:Array,default:null,validator:e=>e.every(a=>a.name!==null)}},emits:["crumb-click"]},tT={class:"unnnic-breadcrumb"},aT=["data-test","onClick"];function iT(e,a,i,o,l,s){const c=t.resolveComponent("UnnnicIcon");return t.openBlock(),t.createElementBlock("div",tT,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(i.crumbs,(d,f)=>(t.openBlock(),t.createElementBlock(t.Fragment,{key:d.name},[t.createElementVNode("div",{class:t.normalizeClass({"unnnic-breadcrumb__container__link":!0,"unnnic-breadcrumb__container__link__active":f===i.crumbs.length-1}),"data-test":d.name,onClick:g=>e.$emit("crumb-click",d)},t.toDisplayString(d.name),11,aT),f!==i.crumbs.length-1?(t.openBlock(),t.createBlock(c,{key:0,"data-test":"right-icon",icon:"arrow-right-1-1",size:"xs",lineHeight:"md",class:"unnnic-breadcrumb__container__divider",scheme:"neutral-cloudy"})):t.createCommentVNode("",!0)],64))),128))])}const Cr=b(eT,[["render",iT],["__scopeId","data-v-92e355b9"]]),See="",nT={name:"UnnnicSwitch",components:{UnnnicIcon:J},props:{size:{type:String,default:"medium",validator(e){return["small","medium"].indexOf(e)!==-1}},textLeft:{type:String,default:""},textRight:{type:String,default:""},disabled:{type:Boolean,default:!1},modelValue:{type:Boolean,default:!1},useVModel:{type:Boolean}},emits:["update:model-value"],data(){return{isActive:!1}},computed:{currentIcon(){return this.disabled?this.isActive?"switch-selected-disabled":"switch-default-disabled":"switch-default"},iconSize(){return this.size==="small"?"sm":"md"},iconScheme(){return this.disabled||this.isActive===!1?"neutral-soft":"brand-weni"},iconLineHeight(){return this.size==="small"?"sm":""}},watch:{modelValue:{immediate:!0,handler(){this.isActive=this.modelValue}}},methods:{toggleState(){this.disabled||(this.useVModel?this.$emit("update:model-value",!this.isActive):(this.isActive=!this.isActive,this.$emit("update:model-value",this.isActive)))}}},rT={class:"unnnic-switch"};function oT(e,a,i,o,l,s){const c=t.resolveComponent("UnnnicIcon");return t.openBlock(),t.createElementBlock("div",rT,[i.textLeft?(t.openBlock(),t.createElementBlock("div",{key:0,"data-test-id":"switch-text-left",class:t.normalizeClass(["unnnic-switch__label","unnnic-switch__label__left",`unnnic-switch__label__${i.size}`])},t.toDisplayString(i.textLeft),3)):t.createCommentVNode("",!0),t.createVNode(c,{class:t.normalizeClass({"unnnic-switch__icon":!0,active:l.isActive}),icon:s.currentIcon,size:s.iconSize,scheme:s.iconScheme,lineHeight:s.iconLineHeight,disabled:i.disabled,clickable:!i.disabled,"data-test-id":"switch-icon",onClick:s.toggleState},null,8,["class","icon","size","scheme","lineHeight","disabled","clickable","onClick"]),i.textRight?(t.openBlock(),t.createElementBlock("div",{key:1,"data-test-id":"switch-text-right",class:t.normalizeClass(["unnnic-switch__label","unnnic-switch__label__right",`unnnic-switch__label__${i.size}`])},t.toDisplayString(i.textRight),3)):t.createCommentVNode("",!0)])}const r0=b(nT,[["render",oT],["__scopeId","data-v-4de61148"]]),Iee="",Vee="",sT={name:"UnnnicSlider",components:{UnnnicTooltip:ct,UnnnicIcon:J},props:{initialValue:{type:Number,default:0},showInputValue:{type:Boolean,default:!0},label:{type:String,default:""},labelInfo:{type:String,default:""},minValue:{type:Number,default:0},maxValue:{type:Number,default:5},step:{type:Number,default:1},minLabel:{type:String,default:""},maxLabel:{type:String,default:""}},data(){return{showTooltip:!1,sliderVal:this.initialValue,tooltipOffset:0,sliderWidth:0,labelWidth:0}},computed:{cssVars(){return{"--val":this.sliderVal,"--tooltip-offset":this.tooltipOffset,"--min":this.minValue,"--max":this.maxValue}}},watch:{sliderVal:{handler(){this.$nextTick(()=>{this.configureTooltip();const e=this.$refs["value-input"];e&&e.textContent!==this.sliderVal&&(this.$refs["value-input"].textContent=this.sliderVal)})},immediate:!0,deep:!0}},created(){window.addEventListener("resize",this.handleResize)},unmounted(){window.removeEventListener("resize",this.handleResize)},mounted(){this.checkInputWidth(),this.checkTooltipLabelWidth()},methods:{configureTooltip(){this.sliderWidth=this.$refs.input.clientWidth,this.labelWidth=this.$refs.tooltip.$refs.label.clientWidth,this.tooltipOffset=this.getNewTooltipPosition()},handleResize(){this.configureTooltip()},handleValueChange(){this.configureTooltip(),this.$emit("valueChange",this.sliderVal)},handleInput(e){this.sliderVal=e.target.value,this.handleValueChange()},checkInputWidth(){const e=setInterval(()=>{const a=this.$refs.input;if(a){const{offsetWidth:i}=a;i>0&&(this.sliderWidth=i,this.configureTooltip(),clearInterval(e))}},100)},checkTooltipLabelWidth(){const e=setInterval(()=>{var o;const a=(o=this.$refs.tooltip)==null?void 0:o.$refs.label;if(!a)return;const{clientWidth:i}=a;i>0&&(this.labelWidth=i,this.configureTooltip(),clearInterval(e))},100)},getNewTooltipPosition(){if(this.sliderWidth===0||this.labelWidth===0)return 0;const e=12/2,a=this.labelWidth/2||16,i=this.sliderWidth/2;let o=(this.sliderVal-this.minValue)/(this.maxValue-this.minValue);Number.isNaN(o)&&(o=0);const l=o*this.sliderWidth,d=(l-i)/i*e;return l-a-d}}},lT={class:"unnnic-label"},uT={key:0,class:"unnnic-slider__label"},cT={class:"unnnic-slider__content"},dT={class:"unnnic-slider__content__labels"},_T={class:"unnnic-slider__content__labels__min"},fT=["min","max","step"],gT={class:"unnnic-slider__content__labels__max"},hT=["value"];function mT(e,a,i,o,l,s){const c=t.resolveComponent("UnnnicIcon"),d=t.resolveComponent("UnnnicTooltip");return t.openBlock(),t.createElementBlock("article",null,[t.createElementVNode("section",lT,[i.label?(t.openBlock(),t.createElementBlock("p",uT,t.toDisplayString(i.label),1)):t.createCommentVNode("",!0),i.labelInfo?(t.openBlock(),t.createBlock(d,{key:1,class:"unnnic-label__tooltip",text:i.labelInfo,enabled:"",side:"top"},{default:t.withCtx(()=>[t.createVNode(c,{class:"unnnic-label__tooltip__icon",icon:"info",size:"sm",scheme:"neutral-clean",filled:!0})]),_:1},8,["text"])):t.createCommentVNode("",!0)]),t.createElementVNode("section",{class:"unnnic-slider",style:t.normalizeStyle(s.cssVars)},[t.createElementVNode("section",cT,[t.createElementVNode("section",dT,[t.createElementVNode("span",_T,t.toDisplayString(i.minLabel),1),t.createVNode(d,{ref:"tooltip",class:"unnnic-slider__content__tooltip",text:l.sliderVal.toString(),forceOpen:!0,enabled:l.showTooltip,side:"top"},{default:t.withCtx(()=>[t.withDirectives(t.createElementVNode("input",{ref:"input","onUpdate:modelValue":a[0]||(a[0]=f=>l.sliderVal=f),class:"unnnic-slider__content__range-input",type:"range",min:i.minValue,max:i.maxValue,step:i.step,onChange:a[1]||(a[1]=(...f)=>s.handleValueChange&&s.handleValueChange(...f)),onMouseover:a[2]||(a[2]=f=>l.showTooltip=!0),onMouseleave:a[3]||(a[3]=f=>l.showTooltip=!1)},null,40,fT),[[t.vModelText,l.sliderVal]])]),_:1},8,["text","enabled"]),t.createElementVNode("span",gT,t.toDisplayString(i.maxLabel),1)])]),i.showInputValue?(t.openBlock(),t.createElementBlock("input",{key:0,ref:"value-input",class:"value-input",value:l.sliderVal,onInput:a[4]||(a[4]=(...f)=>s.handleInput&&s.handleInput(...f))},null,40,hT)):t.createCommentVNode("",!0)],4)])}const o0=b(sT,[["render",mT],["__scopeId","data-v-32de7704"]]),zee="",FT={name:"UnnnicDataArea",components:{ToolTip:ct},props:{title:{type:String,default:null},text:{type:String,default:null},enableHover:{type:Boolean,default:!1},hoverText:{type:String,default:""}}},pT={class:"data-area-container"},bT={class:"data-area-container__header"},CT={class:"data-area-container__header__title"},yT={class:"data-area-container__header__links-slot"},wT={class:"data-area-container__content"},kT={class:"data-area-container__content__text"},DT={class:"data-area-container__content__buttons-slot"};function AT(e,a,i,o,l,s){const c=t.resolveComponent("ToolTip");return t.openBlock(),t.createElementBlock("div",pT,[t.createElementVNode("div",bT,[t.createElementVNode("div",CT,t.toDisplayString(i.title),1),t.createElementVNode("div",yT,[t.renderSlot(e.$slots,"links",{},void 0,!0)])]),t.createElementVNode("div",wT,[t.createVNode(c,{enabled:i.enableHover,text:i.hoverText},{default:t.withCtx(()=>[t.createElementVNode("div",kT,t.toDisplayString(i.text),1)]),_:1},8,["enabled","text"]),t.createElementVNode("div",DT,[t.renderSlot(e.$slots,"buttons",{},void 0,!0)])])])}const s0=b(FT,[["render",AT],["__scopeId","data-v-4e7e72b5"]]),Oee="",ET={components:{UnnnicButton:pt},props:{modelValue:{type:Number,default:1},max:{type:Number,default:1},show:{type:Number,default:5},disabled:{type:Boolean,default:!1}},emits:["update:model-value"],data(){return{reference:3}},computed:{pages(){const e=[];for(let o=1;o<=this.max;o+=1)e.push(o);const a=this.show-4,i=this.max-a-3;if(this.reference>3){const o=this.reference-2,l=o>i?i:o;e.splice(1,l,"left-hidden")}if(this.reference<this.max-a-1){const o=this.max-a-this.reference,l=o>i?i:o;e.splice(-(l+1),l,"right-hidden")}return e},canPrevious(){return this.modelValue>1},canNext(){return this.modelValue<this.max}},created(){const e=this.modelValue;this.selectPage(e,!0),this.pages.includes(e)||this.setReference(e)},methods:{selectPage(e,a){if(e==="left-hidden"){const i=this.pages[this.pages.indexOf("left-hidden")+1]-1;a||this.$emit("update:model-value",i),this.setReference(i)}else if(e==="right-hidden"){const i=this.pages[this.pages.indexOf("right-hidden")-1]+1;a||this.$emit("update:model-value",i),this.pages.includes("left-hidden")?this.setReference(this.pages[this.pages.indexOf("left-hidden")+1]+1):this.setReference(4)}else a||this.$emit("update:model-value",e)},previousPage(){if(this.canPrevious){const e=this.modelValue-1;this.selectPage(e),this.pages.includes(e)||this.setReference(e)}},nextPage(){if(this.canNext){const e=this.modelValue+1;this.selectPage(e),this.pages.includes(e)||this.setReference(e)}},setReference(e){this.reference=e}}},xT={class:"pagination"};function MT(e,a,i,o,l,s){const c=t.resolveComponent("UnnnicButton");return t.openBlock(),t.createElementBlock("div",xT,[t.createVNode(c,{type:"tertiary",size:"small",iconCenter:"arrow-left-1-1",disabled:!s.canPrevious||i.disabled,"data-test":"previous-button",onClick:s.previousPage},null,8,["disabled","onClick"]),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(s.pages,(d,f)=>(t.openBlock(),t.createBlock(c,{key:f,type:d===i.modelValue?"secondary":"tertiary",size:"small",text:["left-hidden","right-hidden"].includes(d)?"...":String(d),disabled:i.disabled,"data-test":"page-button",onClick:g=>s.selectPage(d)},null,8,["type","text","disabled","onClick"]))),128)),t.createVNode(c,{type:"tertiary",size:"small",iconCenter:"arrow-right-1-1",disabled:!s.canNext||i.disabled,"data-test":"next-button",onClick:s.nextPage},null,8,["disabled","onClick"])])}const yr=b(ET,[["render",MT],["__scopeId","data-v-b2612197"]]),BT={name:"UnnnicDateFilter",components:{UnnnicInput:ii},props:{size:{type:String,default:"sm"},dateFormat:{type:String,default:"DD/MM/YYYY"},dateSeparator:{type:String,default:"~"},startDate:{type:Date,default:null},endDate:{type:Date,default:null},placeholder:{type:String,default:""}},computed:{dateRange(){let e="";if(this.startDate){const a=K(this.startDate).format(this.dateFormat.replaceAll("/",""));e+=a.toString()}if(this.endDate){const a=K(this.endDate).format(this.dateFormat.replaceAll("/",""));e+=a.toString()}return e},fullMask(){return`${this.maskedDateFormat} !${this.dateSeparator} ${this.maskedDateFormat}`},maskedDateFormat(){return this.dateFormat.replace(/D|M|Y/gi,"#")}},methods:{emitFilter(){this.$emit("filter")}}},jT={class:"unnnic-date-filter"};function NT(e,a,i,o,l,s){const c=t.resolveComponent("UnnnicInput");return t.openBlock(),t.createElementBlock("div",jT,[t.createVNode(c,{class:"unnnic-date-filter__input",size:i.size,iconLeft:"notes-1",readonly:"",mask:s.fullMask,value:s.dateRange,placeholder:i.placeholder,onFocus:t.withModifiers(s.emitFilter,["stop"])},null,8,["size","mask","value","placeholder","onFocus"])])}const l0=b(BT,[["render",NT]]),qee="",vT={components:{UnnnicToolTip:ct,UnnnicIcon:J},props:{size:{type:String,default:"normal"},title:{type:String},titleColor:{type:String,default:"brand-weni-soft"},info:{type:String}},data(){return{isScrollable:!1}},mounted(){const e=this.$refs.description.scrollHeight-this.$refs.description.offsetHeight;this.isScrollable=e}},LT={class:"header"},TT={ref:"description",class:"description"},ST={key:0,class:"scrollable-gradient"};function IT(e,a,i,o,l,s){const c=t.resolveComponent("UnnnicIcon"),d=t.resolveComponent("UnnnicToolTip");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["unnnic-chat-text",i.size])},[t.createElementVNode("div",LT,[t.createElementVNode("div",{class:t.normalizeClass(["title",i.titleColor])},[t.createTextVNode(t.toDisplayString(i.title)+" ",1),i.info?(t.openBlock(),t.createBlock(d,{key:0,side:"top",class:"info",text:i.info,enabled:""},{default:t.withCtx(()=>[t.createVNode(c,{class:"info__icon",icon:"info",size:"sm",scheme:"neutral-clean"})]),_:1},8,["text"])):t.createCommentVNode("",!0)],2),t.renderSlot(e.$slots,"actions",{},void 0,!0)]),t.createElementVNode("div",TT,[t.renderSlot(e.$slots,"description",{},void 0,!0),l.isScrollable?(t.openBlock(),t.createElementBlock("div",ST)):t.createCommentVNode("",!0)],512)],2)}const u0=b(vT,[["render",IT],["__scopeId","data-v-4007f3f4"]]),Hee="",VT={components:{UnnnicFormElement:En},props:{size:{type:String,default:"md"},label:{type:String},placeholder:{type:String},modelValue:{type:String},maxLength:{type:Number},message:{type:String,default:""},disabled:{type:Boolean},type:{type:String,default:"normal",validator(e){return["normal","error"].indexOf(e)!==-1}},errors:{type:Array,default:()=>[]}},emits:["update:modelValue"],methods:{fullySanitize:Na,focus(){this.$refs.textarea.focus()}}},zT=["placeholder","maxlength","disabled","value"];function OT(e,a,i,o,l,s){const c=t.resolveComponent("UnnnicFormElement");return t.openBlock(),t.createBlock(c,{label:i.label,size:i.size,disabled:i.disabled,message:i.message,error:i.errors.join(", ")||i.type==="error"},t.createSlots({default:t.withCtx(()=>[t.createElementVNode("textarea",{ref:"textarea",class:t.normalizeClass(["unnnic-text-area__textarea",[`unnnic-text-area__textarea--size-${i.size}`,`unnnic-text-area__textarea--type-${i.type}`]]),placeholder:s.fullySanitize(i.placeholder),maxlength:i.maxLength,disabled:i.disabled,value:i.modelValue,onInput:a[0]||(a[0]=d=>e.$emit("update:modelValue",s.fullySanitize(d.target.value)))},null,42,zT)]),_:2},[i.maxLength?{name:"rightMessage",fn:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(i.modelValue.length)+"/"+t.toDisplayString(i.maxLength),1)]),key:"0"}:void 0]),1032,["label","size","disabled","message","error"])}const c0=b(VT,[["render",OT],["__scopeId","data-v-4ec81bb4"]]),Pee="",qT={props:{description:{type:String,default:""},number:{type:String,default:""},fullSize:{type:Boolean,default:!1}}};function HT(e,a,i,o,l,s){return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["unnnic-card-number",{"v-full":i.fullSize}])},[t.createElementVNode("h4",null,t.toDisplayString(i.description),1),t.createElementVNode("span",null,t.toDisplayString(i.number),1)],2)}const d0=b(qT,[["render",HT],["__scopeId","data-v-dcd65145"]]),Uee="",PT={components:{},props:{modelValue:{type:Number,default:0},description:{type:String}},watch:{modelValue(){this.updateChartSvg()}},mounted(){this.updateChartSvg()},methods:{updateChartSvg(){function e(o,l,s,c){const d=(c-90)*Math.PI/180;return{x:o+s*Math.cos(d),y:l+s*Math.sin(d)}}function a(o,l,s,c,d,f){const g=s,F=c-s,C=e(o,l,g+F,f),y=e(o,l,g+F,d),E=f-d<=180?"0":"1";return["M",C.x,C.y,"A",g+F,g+F,0,E,0,y.x,y.y].join(" ")}const i=a(166,166,139.44,152.72,-85,85);this.$refs.background.setAttribute("d",i),this.$refs.front.setAttribute("d",a(166,166,139.44,152.72,-85,-85+this.modelValue/100*170))}}},UT={class:"unnnic-chart-rainbow"},YT={width:"332",height:"166",class:"semicircle"},RT={id:"path",ref:"background",fill:"none","stroke-linecap":"round",class:"background","stroke-width":"26.56px"},QT={id:"path",ref:"front",fill:"none","stroke-linecap":"round",class:"front","stroke-width":"26.56px"},GT={class:"content"},ZT={class:"percentage"},WT={class:"number"},XT={key:0,class:"description"};function KT(e,a,i,o,l,s){return t.openBlock(),t.createElementBlock("div",UT,[(t.openBlock(),t.createElementBlock("svg",YT,[a[0]||(a[0]=t.createElementVNode("defs",{xmlns:"http://www.w3.org/2000/svg"},[t.createElementVNode("linearGradient",{id:"paint0_linear_10224_36584",x1:"178",y1:"45",x2:"28",y2:"198",gradientUnits:"userSpaceOnUse"},[t.createElementVNode("stop",{"stop-color":"#00DED2"}),t.createElementVNode("stop",{offset:"1","stop-color":"#00DED2","stop-opacity":"0"})])],-1)),t.createElementVNode("path",RT,null,512),t.createElementVNode("path",QT,null,512)])),t.createElementVNode("div",GT,[t.createElementVNode("div",ZT,[t.createElementVNode("span",WT,t.toDisplayString(i.modelValue),1),a[1]||(a[1]=t.createElementVNode("span",{class:"symbol"},"%",-1))]),i.description?(t.openBlock(),t.createElementBlock("div",XT,t.toDisplayString(i.description),1)):t.createCommentVNode("",!0)])])}const _0=b(PT,[["render",KT],["__scopeId","data-v-c4367c70"]]),Yee="",JT={components:{UnnnicIcon:J,UnnnicButton:pt,UnnnicToolTip:ct},props:{condensed:Boolean,groups:Array,fixedMaxValue:Number,title:String,description:String,updateText:String,previousDisabled:Boolean,nextDisabled:Boolean,showFooterLegend:Boolean},data(){return{colors:["aux-blue","aux-purple","aux-orange","aux-lemon","aux-pink","aux-baby-blue","aux-baby-yellow","aux-baby-red","aux-baby-green","aux-baby-pink"]}},computed:{legends(){return this.groups.map(({values:e})=>Object.keys(e)).flat().filter((e,a,i)=>i.indexOf(e)===a)},maxValue(){return this.fixedMaxValue||Math.max(...this.groups.map(({values:e})=>Object.values(e)).flat())}},methods:{value(e){return this.maxValue<=1?e.toFixed(1):String(Math.ceil(e))}}},$T={key:0,class:"header"},eS={key:0,class:"content"},tS={key:1,class:"description unnnic-font secondary body-gt color-neutral-cloudy"},aS={key:1,class:"actions"},iS={key:0,class:"unnnic-font secondary body-md color-neutral-dark"},nS={key:1,class:"navigation-container"},rS={class:"main"},oS={class:"reference"},sS={class:"values"},lS={class:"groups"},uS={class:"bars"},cS={class:"title unnnic-font secondary body-md color-neutral-cleanest"},dS={key:1,class:"footer"},_S={class:"unnnic-font secondary body-gt color-neutral-cloudy"};function fS(e,a,i,o,l,s){const c=t.resolveComponent("UnnnicIcon"),d=t.resolveComponent("UnnnicButton"),f=t.resolveComponent("UnnnicToolTip");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["unnnic-chart-bar",{condensed:i.condensed}])},[i.title||i.description||e.$attrs.update||e.$attrs.previous||e.$attrs.next?(t.openBlock(),t.createElementBlock("div",$T,[i.title||i.description?(t.openBlock(),t.createElementBlock("div",eS,[i.title?(t.openBlock(),t.createElementBlock("div",{key:0,class:"title unnnic-font bold title-sm color-neutral-darkest",onClick:a[0]||(a[0]=g=>e.$emit("update"))},t.toDisplayString(i.title),1)):t.createCommentVNode("",!0),i.description?(t.openBlock(),t.createElementBlock("div",tS,t.toDisplayString(i.description),1)):t.createCommentVNode("",!0)])):t.createCommentVNode("",!0),e.$attrs.update||e.$attrs.previous||e.$attrs.next?(t.openBlock(),t.createElementBlock("div",aS,[e.$attrs.update?(t.openBlock(),t.createElementBlock("div",{key:0,class:"update-button",onClick:a[1]||(a[1]=g=>e.$emit("update"))},[t.createVNode(c,{icon:"button-refresh-arrow-1",size:"sm",scheme:"neutral-darkest"}),i.updateText?(t.openBlock(),t.createElementBlock("span",iS,t.toDisplayString(i.updateText),1)):t.createCommentVNode("",!0)])):t.createCommentVNode("",!0),e.$attrs.previous||e.$attrs.next?(t.openBlock(),t.createElementBlock("div",nS,[e.$attrs.previous?(t.openBlock(),t.createBlock(d,{key:0,size:"small",type:"tertiary",iconCenter:"arrow-left-1-1",disabled:i.previousDisabled,onClick:a[2]||(a[2]=g=>e.$emit("previous"))},null,8,["disabled"])):t.createCommentVNode("",!0),e.$attrs.next?(t.openBlock(),t.createBlock(d,{key:1,size:"small",type:"tertiary",iconCenter:"arrow-right-1-1",disabled:i.nextDisabled,onClick:a[3]||(a[3]=g=>e.$emit("next"))},null,8,["disabled"])):t.createCommentVNode("",!0)])):t.createCommentVNode("",!0)])):t.createCommentVNode("",!0)])):t.createCommentVNode("",!0),t.createElementVNode("div",rS,[t.createElementVNode("div",oS,[t.createElementVNode("div",sS,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList([s.value(s.maxValue),s.value(s.maxValue/2),s.value(0)],(g,F)=>(t.openBlock(),t.createElementBlock("div",{key:F,class:"value unnnic-font secondary body-md color-neutral-cleanest"},t.toDisplayString(g),1))),128))]),a[4]||(a[4]=t.createElementVNode("div",{class:"unnnic-font secondary body-md color-neutral-cleanest"},"   ",-1))]),t.createElementVNode("div",lS,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(i.groups,(g,F)=>(t.openBlock(),t.createElementBlock("div",{key:F,class:"group"},[t.createElementVNode("div",uS,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(s.legends.map((C,y)=>({legend:C,index:y})).filter(({legend:C})=>g.values[C]),({legend:C,index:y})=>(t.openBlock(),t.createBlock(f,{key:y,enabled:"",text:`${g.title}: ${g.values[C]}
+  )`},xee="",eL={name:"UnnnicSkeletonLoading",props:{prefix:{type:String,default:"unnnic"},count:{type:Number,default:1},duration:{type:Number,default:1.5},tag:{type:String,default:"span"},width:[String,Number],height:[String,Number],circle:{type:Boolean,default:!1},loading:{type:Boolean,default:void 0},direct:{type:Boolean}},setup(){const e=t.inject("_themeStyle",t.ref($v)),a=t.inject("_skeletonTheme",t.ref({}));return{themeStyle:e,theme:a}},computed:{classes(){return[`${this.prefix}-skeleton`]},styles(){const e={...this.themeStyle};return this.duration?e.animation=`SkeletonLoading ${this.duration}s ease-in-out infinite`:e.backgroundImage="",this.width&&(e.width=this.width),this.height&&(e.height=this.height),this.circle&&(e.borderRadius="50%"),e},elements(){const e=[];for(let a=0;a<this.count;a+=1)e.push({});return e},showLoading(){return typeof this.loading<"u"?this.loading:this.isEmptyVNode(this.$slots.default)}},methods:{isEmptyVNode(e){if(!e)return!0;const[a]=e();let i=a.children;return i&&(i=i.replace(/(\n|\r\n|\s)/g,"")),!i}}};function tL(e,a,i,o,l,s){return i.direct?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(i.tag),{key:0,class:t.normalizeClass(s.classes),style:t.normalizeStyle(s.styles)},null,8,["class","style"])):s.showLoading?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(i.tag),{key:1},{default:t.withCtx(()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(s.elements,(c,d)=>(t.openBlock(),t.createElementBlock("span",{key:d,class:t.normalizeClass(s.classes),style:t.normalizeStyle(s.styles)}," ‌ ",6))),128))]),_:1})):t.createCommentVNode("",!0)}const $o=b(eL,[["render",tL]]),Mee="",aL={name:"UnnnicTagCarousel",components:{UnnnicTag:Pa,UnnnicIcon:J},props:{modelValue:{type:Array,default(){return[]}},tagItems:{type:Array,default:()=>[]}},data(){return{hasNext:!0,hasPrev:!1,slides:[]}},mounted(){this.slides=this.tagItems},methods:{save(e){let a=this.modelValue;this.checkIsInclude(e)?a=a.filter(i=>i!==e.id):a=[...a,e.id],this.$emit("selected",a)},checkIsInclude(e){return this.modelValue.some(a=>a===e.id)},next(){const e=document.querySelector("#scroll"),a=e.scrollWidth-e.clientWidth;e.scrollLeft+=200,a!==e.scrollLeft?(this.hasNext||(this.hasNext=!0),this.hasPrev=!0):this.hasNext=!1},previous(){const e=document.querySelector("#scroll");e.scrollLeft-=200,e.scrollLeft!==0?(this.hasPrev||(this.hasPrev=!0),this.hasNext=!0):this.hasPrev=!1}}},iL={class:"unnnic-card-tag-carousel"},nL={class:"unnnic-card-tag-carousel__button unnnic-card-tag-carousel__button--left"},rL={class:"unnnic-card-tag-carousel__button__icon"},oL={class:"unnnic-card-tag-carousel__button__blur unnnic-card-tag-carousel__button__blur--left"},sL={id:"scroll",class:"unnnic-card-tag-carousel__container"},lL={class:"unnnic-card-tag-carousel__button unnnic-card-tag-carousel__button--right"},uL={class:"unnnic-card-tag-carousel__button__blur unnnic-card-tag-carousel__button__blur--right"},cL={class:"unnnic-card-tag-carousel__button__icon"};function dL(e,a,i,o,l,s){const c=t.resolveComponent("UnnnicIcon"),d=t.resolveComponent("UnnnicTag");return t.openBlock(),t.createElementBlock("div",iL,[t.createElementVNode("div",nL,[t.createElementVNode("div",rL,[t.createVNode(c,{icon:"arrow-left-1-1",size:"sm",scheme:l.hasPrev?"neutral-black":"neutral-cleanest",clickable:"",onClick:a[0]||(a[0]=f=>s.previous())},null,8,["scheme"])]),t.withDirectives(t.createElementVNode("span",oL,null,512),[[t.vShow,l.hasPrev]])]),t.createElementVNode("div",sL,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(l.slides,f=>(t.openBlock(),t.createElementBlock("div",{key:f.id,class:"unnnic-card-tag-carousel__container__slide"},[t.createVNode(d,{text:f.name,clickable:"",type:"brand",disabled:s.checkIsInclude(f),class:"unnnic-card-tag-carousel__container__slide__item",onClick:g=>s.save(f)},null,8,["text","disabled","onClick"])]))),128))]),t.createElementVNode("div",lL,[t.withDirectives(t.createElementVNode("span",uL,null,512),[[t.vShow,l.hasNext]]),t.createElementVNode("div",cL,[t.createVNode(c,{icon:"arrow-right-1-1",size:"sm",scheme:l.hasNext?"neutral-black":"neutral-cleanest",clickable:"",onClick:a[1]||(a[1]=f=>s.next())},null,8,["scheme"])])])])}const _L=b(aL,[["render",dL]]),fL={name:"UnnnicCarousel",model:{event:"update:model-value"},props:{modelValue:{type:Array,default(){return[]}},type:{type:String,default:"brand",validator(e){return["brand"].indexOf(e)!==-1}},tagItems:{type:Array,default:()=>[]},name:{type:String,default:null},icon:{type:String,default:null},clickable:{type:Boolean,default:!1}},computed:{currentComponent(){return _L}}};function gL(e,a,i,o,l,s){return t.openBlock(),t.createBlock(t.resolveDynamicComponent(s.currentComponent),t.mergeProps({class:"unnnic-carousel-component"},e.$attrs,{name:i.name,clickable:i.clickable,tagItems:i.tagItems,modelValue:i.modelValue,onSelected:a[0]||(a[0]=c=>e.$emit("update:model-value",c))}),null,16,["name","clickable","tagItems","modelValue"])}const e0=b(fL,[["render",gL]]),Bee="",hL={components:{UnnnicIcon:J,UnnnicToolTip:ct},model:{prop:"activeTab",event:"change"},props:{size:{type:String,default:"md",validator:e=>["md","sm"].includes(e)},activeTab:{type:String,default:""},initialTab:{type:String,default:null},tabs:{type:Array,default:null,validator:e=>e.every(a=>typeof a=="string")&&e.length<=5},disabledTabs:{type:Array,default:null}},emits:["change"],data(){return{localValue:""}},computed:{tabPanelSlotName(){return`tab-panel-${this.localValue}`}},watch:{activeTab(){this.localValue=this.activeTab}},created(){const e=this.initialTab||this.activeTab||this.tabs&&this.tabs[0];this.change(e)},methods:{tabHeadSlotName(e){return`tab-head-${e}`},tabHeadTooltipSlotName(e){return e?`tab-head-${e}-tooltip`:""},getHeadTooltip(e){var i,o;const a=this.$slots[this.tabHeadTooltipSlotName(e)];return a?(o=(i=a())==null?void 0:i[0])==null?void 0:o.children:""},change(e){var a;(a=this.disabledTabs)!=null&&a.includes(e)||(this.localValue=e,this.$emit("change",this.localValue))}}},mL={class:"tab-header"},FL={class:"tab-content"},pL=["onClick"],bL={class:"tab-body"},CL={class:"tab-panel"};function yL(e,a,i,o,l,s){const c=t.resolveComponent("UnnnicIcon"),d=t.resolveComponent("UnnnicToolTip");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["tab",`size-${i.size}`])},[t.createElementVNode("header",mL,[t.createElementVNode("ul",FL,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(i.tabs,f=>{var g;return t.openBlock(),t.createElementBlock("li",{key:f,class:t.normalizeClass(["tab-head",{"tab-head--active":l.localValue===f,"tab-head--disabled":(g=i.disabledTabs)==null?void 0:g.includes(f)}]),onClick:F=>s.change(f)},[t.renderSlot(e.$slots,s.tabHeadSlotName(f),{},()=>[t.createTextVNode(t.toDisplayString(f),1)],!0),s.getHeadTooltip(f)?(t.openBlock(),t.createBlock(d,{key:0,enabled:"",text:s.getHeadTooltip(f),side:"bottom"},{default:t.withCtx(()=>[t.createVNode(c,{icon:"help",size:i.size==="sm"?"xs":"sm",scheme:"fg-base"},null,8,["size"])]),_:1},8,["text"])):t.createCommentVNode("",!0)],10,pL)}),128))])]),t.createElementVNode("main",bL,[t.createElementVNode("div",CL,[t.renderSlot(e.$slots,s.tabPanelSlotName,{},void 0,!0)])])],2)}const t0=b(hL,[["render",yL],["__scopeId","data-v-97f84644"]]),jee="",wL={components:{UnnnicIcon:J},props:{modelValue:{type:[String,Number],required:!0},items:{type:Array,required:!0}},emits:["back","update:model-value","close-tab","add"]},kL={class:"unnnic-tabs-expanded"},DL=["onClick"],AL={"data-testid":"tab-description",class:"u font secondary body-sm color-neutral-cloudy"},EL={key:0,class:"close-container"};function xL(e,a,i,o,l,s){const c=t.resolveComponent("UnnnicIcon");return t.openBlock(),t.createElementBlock("div",kL,[t.createElementVNode("div",{class:"back-container","data-testid":"back",onClick:a[0]||(a[0]=d=>e.$emit("back"))},[t.createVNode(c,{icon:"keyboard-arrow-left-1",scheme:"neutral-cloudy"})]),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(i.items,d=>(t.openBlock(),t.createElementBlock("div",{key:d.value,class:"tab","data-testid":"tab",onClick:f=>e.$emit("update:model-value",d.value)},[t.createElementVNode("div",null,[t.createElementVNode("div",{class:t.normalizeClass(["u font secondary body-gt bold",d.value===i.modelValue?"color-brand-weni-soft":"color-neutral-cloudy"]),"data-testid":"tab-title"},t.toDisplayString(d.title),3),t.createElementVNode("div",AL,t.toDisplayString(d.description),1)]),d.value===i.modelValue?(t.openBlock(),t.createElementBlock("div",EL,[t.createVNode(c,{icon:"close-1",size:"xs",clickable:"",scheme:"neutral-cloudy","data-testid":"tab-close-icon",onClick:t.withModifiers(f=>e.$emit("close-tab",d),["stop"])},null,8,["onClick"])])):t.createCommentVNode("",!0)],8,DL))),128)),t.createElementVNode("div",{class:"add-container","data-testid":"tab-add",onClick:a[1]||(a[1]=d=>e.$emit("add"))},[t.createVNode(c,{icon:"add-1",scheme:"neutral-cloudy",size:"sm"})])])}const a0=b(wL,[["render",xL],["__scopeId","data-v-ffc5e425"]]),Nee="",ML={name:"UnnnicBanner",components:{UnnnicIcon:J},props:{firstTitle:{type:String,default:null},secondTitle:{type:String,default:null},thirdTitle:{type:String,default:null},firstDescription:{type:String,default:null},secondDescription:{type:String,default:null},thirdDescription:{type:String,default:null},subtitle:{type:String,default:null},rating:{type:Number,default:0}},data(){return{tempRating:null,baseRating:this.rating}},methods:{emitRatingAction(e){this.$emit("ratingAction",e)},starScheme(e){return e<=this.baseRating?"feedback-yellow":"neutral-clean"},starOver(e){this.tempRating=this.baseRating,this.baseRating=e},starOut(){this.baseRating=this.tempRating}}},BL={class:"unnnic-banner-info"},jL={class:"unnnic-banner-info__section"},NL={class:"unnnic-banner-info__title"},vL={class:"unnnic-banner-info__description"},LL={class:"unnnic-banner-info__section"},TL={class:"unnnic-banner-info__title"},SL={class:"unnnic-banner-info__description"},IL={class:"unnnic-banner-info__subtitle"},VL={class:"unnnic-banner-info__section"},zL={class:"unnnic-banner-info__title"},OL={class:"unnnic-banner-info__description"},qL={class:"unnnic-banner-info__rating"};function HL(e,a,i,o,l,s){const c=t.resolveComponent("UnnnicIcon");return t.openBlock(),t.createElementBlock("div",BL,[t.createElementVNode("section",jL,[t.createElementVNode("div",NL,t.toDisplayString(i.firstTitle),1),t.createElementVNode("div",vL,t.toDisplayString(i.firstDescription),1)]),a[0]||(a[0]=t.createElementVNode("div",{class:"unnnic-banner-info__divider"},null,-1)),t.createElementVNode("section",LL,[t.createElementVNode("div",TL,t.toDisplayString(i.secondTitle),1),t.createElementVNode("div",SL,t.toDisplayString(i.secondDescription),1),t.createElementVNode("div",IL,t.toDisplayString(i.subtitle),1)]),a[1]||(a[1]=t.createElementVNode("div",{class:"unnnic-banner-info__divider"},null,-1)),t.createElementVNode("section",VL,[t.createElementVNode("div",zL,t.toDisplayString(i.thirdTitle),1),t.createElementVNode("div",OL,t.toDisplayString(i.thirdDescription),1),t.createElementVNode("div",qL,[(t.openBlock(),t.createElementBlock(t.Fragment,null,t.renderList(5,d=>t.createVNode(c,{key:d,class:t.normalizeClass({"unnnic-banner-info__rating__star":!0,"unnnic-banner-info__rating__star__active":d<=l.baseRating}),scheme:s.starScheme(d),icon:"rating-star-1",size:"ant",onClick:f=>s.emitRatingAction(d),onMouseover:f=>s.starOver(d),onMouseout:s.starOut},null,8,["class","scheme","onClick","onMouseover","onMouseout"])),64))])])])}const ac=b(ML,[["render",HL]]),vee="",PL={name:"UnnnicBanner",props:{type:{type:String,default:"info",validator(e){return["info"].indexOf(e)!==-1}},firstTitle:{type:String,default:null},secondTitle:{type:String,default:null},thirdTitle:{type:String,default:null},firstDescription:{type:String,default:null},secondDescription:{type:String,default:null},thirdDescription:{type:String,default:null},subtitle:{type:String,default:null},rating:{type:Number,default:0}},computed:{currentComponent(){return this.type==="info",ac}},methods:{emitRatingAction(e){this.$emit("ratingAction",e)}}};function UL(e,a,i,o,l,s){return t.openBlock(),t.createBlock(t.resolveDynamicComponent(s.currentComponent),t.mergeProps({class:"unnnic-banner-component"},e.$attrs,{firstTitle:i.firstTitle,secondTitle:i.secondTitle,thirdTitle:i.thirdTitle,firstDescription:i.firstDescription,secondDescription:i.secondDescription,thirdDescription:i.thirdDescription,subtitle:i.subtitle,rating:i.rating}),null,16,["firstTitle","secondTitle","thirdTitle","firstDescription","secondDescription","thirdDescription","subtitle","rating"])}const i0=b(PL,[["render",UL]]),Lee="",YL={name:"UnnnicComment",components:{},props:{title:{type:String,default:null},time:{type:String,default:null},text:{type:String,default:null}}},RL={class:"unnnic-comment"},QL={class:"unnnic-comment__avatar"},GL={class:"unnnic-comment__content"},ZL={class:"unnnic-comment__content__header"},WL={class:"unnnic-comment__content__header__title"},XL={class:"unnnic-comment__content__header__time"},KL={class:"unnnic-comment__content__header__actions"},JL={class:"unnnic-comment__content__text"};function $L(e,a,i,o,l,s){return t.openBlock(),t.createElementBlock("div",RL,[t.createElementVNode("div",QL,[t.renderSlot(e.$slots,"avatar",{},void 0,!0)]),t.createElementVNode("div",GL,[t.createElementVNode("div",ZL,[t.createElementVNode("div",WL,t.toDisplayString(i.title),1),t.createElementVNode("div",XL,t.toDisplayString(i.time),1),t.createElementVNode("div",KL,[t.renderSlot(e.$slots,"actions",{},void 0,!0)])]),t.createElementVNode("div",JL,t.toDisplayString(i.text),1)])])}const n0=b(YL,[["render",$L],["__scopeId","data-v-ec10b2dd"]]),Tee="",eT={name:"UnnnicBreadcrumb",components:{UnnnicIcon:J},props:{crumbs:{type:Array,default:null,validator:e=>e.every(a=>a.name!==null)}},emits:["crumb-click"]},tT={class:"unnnic-breadcrumb"},aT=["data-test","onClick"];function iT(e,a,i,o,l,s){const c=t.resolveComponent("UnnnicIcon");return t.openBlock(),t.createElementBlock("div",tT,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(i.crumbs,(d,f)=>(t.openBlock(),t.createElementBlock(t.Fragment,{key:d.name},[t.createElementVNode("div",{class:t.normalizeClass({"unnnic-breadcrumb__container__link":!0,"unnnic-breadcrumb__container__link__active":f===i.crumbs.length-1}),"data-test":d.name,onClick:g=>e.$emit("crumb-click",d)},t.toDisplayString(d.name),11,aT),f!==i.crumbs.length-1?(t.openBlock(),t.createBlock(c,{key:0,"data-test":"right-icon",icon:"arrow-right-1-1",size:"xs",lineHeight:"md",class:"unnnic-breadcrumb__container__divider",scheme:"neutral-cloudy"})):t.createCommentVNode("",!0)],64))),128))])}const Cr=b(eT,[["render",iT],["__scopeId","data-v-92e355b9"]]),See="",nT={name:"UnnnicSwitch",components:{UnnnicIcon:J},props:{size:{type:String,default:"medium",validator(e){return["small","medium"].indexOf(e)!==-1}},textLeft:{type:String,default:""},textRight:{type:String,default:""},disabled:{type:Boolean,default:!1},modelValue:{type:Boolean,default:!1},useVModel:{type:Boolean}},emits:["update:model-value"],data(){return{isActive:!1}},computed:{currentIcon(){return this.disabled?this.isActive?"switch-selected-disabled":"switch-default-disabled":"switch-default"},iconSize(){return this.size==="small"?"sm":"md"},iconScheme(){return this.disabled||this.isActive===!1?"neutral-soft":"brand-weni"},iconLineHeight(){return this.size==="small"?"sm":""}},watch:{modelValue:{immediate:!0,handler(){this.isActive=this.modelValue}}},methods:{toggleState(){this.disabled||(this.useVModel?this.$emit("update:model-value",!this.isActive):(this.isActive=!this.isActive,this.$emit("update:model-value",this.isActive)))}}},rT={class:"unnnic-switch"};function oT(e,a,i,o,l,s){const c=t.resolveComponent("UnnnicIcon");return t.openBlock(),t.createElementBlock("div",rT,[i.textLeft?(t.openBlock(),t.createElementBlock("div",{key:0,"data-test-id":"switch-text-left",class:t.normalizeClass(["unnnic-switch__label","unnnic-switch__label__left",`unnnic-switch__label__${i.size}`])},t.toDisplayString(i.textLeft),3)):t.createCommentVNode("",!0),t.createVNode(c,{class:t.normalizeClass({"unnnic-switch__icon":!0,active:l.isActive}),icon:s.currentIcon,size:s.iconSize,scheme:s.iconScheme,lineHeight:s.iconLineHeight,disabled:i.disabled,clickable:!i.disabled,"data-test-id":"switch-icon",onClick:s.toggleState},null,8,["class","icon","size","scheme","lineHeight","disabled","clickable","onClick"]),i.textRight?(t.openBlock(),t.createElementBlock("div",{key:1,"data-test-id":"switch-text-right",class:t.normalizeClass(["unnnic-switch__label","unnnic-switch__label__right",`unnnic-switch__label__${i.size}`])},t.toDisplayString(i.textRight),3)):t.createCommentVNode("",!0)])}const r0=b(nT,[["render",oT],["__scopeId","data-v-4de61148"]]),Iee="",Vee="",sT={name:"UnnnicSlider",components:{UnnnicTooltip:ct,UnnnicIcon:J},props:{initialValue:{type:Number,default:0},showInputValue:{type:Boolean,default:!0},label:{type:String,default:""},labelInfo:{type:String,default:""},minValue:{type:Number,default:0},maxValue:{type:Number,default:5},step:{type:Number,default:1},minLabel:{type:String,default:""},maxLabel:{type:String,default:""}},data(){return{showTooltip:!1,sliderVal:this.initialValue,tooltipOffset:0,sliderWidth:0,labelWidth:0}},computed:{cssVars(){return{"--val":this.sliderVal,"--tooltip-offset":this.tooltipOffset,"--min":this.minValue,"--max":this.maxValue}}},watch:{sliderVal:{handler(){this.$nextTick(()=>{this.configureTooltip();const e=this.$refs["value-input"];e&&e.textContent!==this.sliderVal&&(this.$refs["value-input"].textContent=this.sliderVal)})},immediate:!0,deep:!0}},created(){window.addEventListener("resize",this.handleResize)},unmounted(){window.removeEventListener("resize",this.handleResize)},mounted(){this.checkInputWidth(),this.checkTooltipLabelWidth()},methods:{configureTooltip(){this.sliderWidth=this.$refs.input.clientWidth,this.labelWidth=this.$refs.tooltip.$refs.label.clientWidth,this.tooltipOffset=this.getNewTooltipPosition()},handleResize(){this.configureTooltip()},handleValueChange(){this.configureTooltip(),this.$emit("valueChange",this.sliderVal)},handleInput(e){this.sliderVal=e.target.value,this.handleValueChange()},checkInputWidth(){const e=setInterval(()=>{const a=this.$refs.input;if(a){const{offsetWidth:i}=a;i>0&&(this.sliderWidth=i,this.configureTooltip(),clearInterval(e))}},100)},checkTooltipLabelWidth(){const e=setInterval(()=>{var o;const a=(o=this.$refs.tooltip)==null?void 0:o.$refs.label;if(!a)return;const{clientWidth:i}=a;i>0&&(this.labelWidth=i,this.configureTooltip(),clearInterval(e))},100)},getNewTooltipPosition(){if(this.sliderWidth===0||this.labelWidth===0)return 0;const e=12/2,a=this.labelWidth/2||16,i=this.sliderWidth/2;let o=(this.sliderVal-this.minValue)/(this.maxValue-this.minValue);Number.isNaN(o)&&(o=0);const l=o*this.sliderWidth,d=(l-i)/i*e;return l-a-d}}},lT={class:"unnnic-label"},uT={key:0,class:"unnnic-slider__label"},cT={class:"unnnic-slider__content"},dT={class:"unnnic-slider__content__labels"},_T={class:"unnnic-slider__content__labels__min"},fT=["min","max","step"],gT={class:"unnnic-slider__content__labels__max"},hT=["value"];function mT(e,a,i,o,l,s){const c=t.resolveComponent("UnnnicIcon"),d=t.resolveComponent("UnnnicTooltip");return t.openBlock(),t.createElementBlock("article",null,[t.createElementVNode("section",lT,[i.label?(t.openBlock(),t.createElementBlock("p",uT,t.toDisplayString(i.label),1)):t.createCommentVNode("",!0),i.labelInfo?(t.openBlock(),t.createBlock(d,{key:1,class:"unnnic-label__tooltip",text:i.labelInfo,enabled:"",side:"top"},{default:t.withCtx(()=>[t.createVNode(c,{class:"unnnic-label__tooltip__icon",icon:"info",size:"sm",scheme:"neutral-clean",filled:!0})]),_:1},8,["text"])):t.createCommentVNode("",!0)]),t.createElementVNode("section",{class:"unnnic-slider",style:t.normalizeStyle(s.cssVars)},[t.createElementVNode("section",cT,[t.createElementVNode("section",dT,[t.createElementVNode("span",_T,t.toDisplayString(i.minLabel),1),t.createVNode(d,{ref:"tooltip",class:"unnnic-slider__content__tooltip",text:l.sliderVal.toString(),forceOpen:!0,enabled:l.showTooltip,side:"top"},{default:t.withCtx(()=>[t.withDirectives(t.createElementVNode("input",{ref:"input","onUpdate:modelValue":a[0]||(a[0]=f=>l.sliderVal=f),class:"unnnic-slider__content__range-input",type:"range",min:i.minValue,max:i.maxValue,step:i.step,onChange:a[1]||(a[1]=(...f)=>s.handleValueChange&&s.handleValueChange(...f)),onMouseover:a[2]||(a[2]=f=>l.showTooltip=!0),onMouseleave:a[3]||(a[3]=f=>l.showTooltip=!1)},null,40,fT),[[t.vModelText,l.sliderVal]])]),_:1},8,["text","enabled"]),t.createElementVNode("span",gT,t.toDisplayString(i.maxLabel),1)])]),i.showInputValue?(t.openBlock(),t.createElementBlock("input",{key:0,ref:"value-input",class:"value-input",value:l.sliderVal,onInput:a[4]||(a[4]=(...f)=>s.handleInput&&s.handleInput(...f))},null,40,hT)):t.createCommentVNode("",!0)],4)])}const o0=b(sT,[["render",mT],["__scopeId","data-v-32de7704"]]),zee="",FT={name:"UnnnicDataArea",components:{ToolTip:ct},props:{title:{type:String,default:null},text:{type:String,default:null},enableHover:{type:Boolean,default:!1},hoverText:{type:String,default:""}}},pT={class:"data-area-container"},bT={class:"data-area-container__header"},CT={class:"data-area-container__header__title"},yT={class:"data-area-container__header__links-slot"},wT={class:"data-area-container__content"},kT={class:"data-area-container__content__text"},DT={class:"data-area-container__content__buttons-slot"};function AT(e,a,i,o,l,s){const c=t.resolveComponent("ToolTip");return t.openBlock(),t.createElementBlock("div",pT,[t.createElementVNode("div",bT,[t.createElementVNode("div",CT,t.toDisplayString(i.title),1),t.createElementVNode("div",yT,[t.renderSlot(e.$slots,"links",{},void 0,!0)])]),t.createElementVNode("div",wT,[t.createVNode(c,{enabled:i.enableHover,text:i.hoverText},{default:t.withCtx(()=>[t.createElementVNode("div",kT,t.toDisplayString(i.text),1)]),_:1},8,["enabled","text"]),t.createElementVNode("div",DT,[t.renderSlot(e.$slots,"buttons",{},void 0,!0)])])])}const s0=b(FT,[["render",AT],["__scopeId","data-v-4e7e72b5"]]),Oee="",ET={components:{UnnnicButton:pt},props:{modelValue:{type:Number,default:1},max:{type:Number,default:1},show:{type:Number,default:5},disabled:{type:Boolean,default:!1}},emits:["update:model-value"],data(){return{reference:3}},computed:{pages(){const e=[];for(let o=1;o<=this.max;o+=1)e.push(o);const a=this.show-4,i=this.max-a-3;if(this.reference>3){const o=this.reference-2,l=o>i?i:o;e.splice(1,l,"left-hidden")}if(this.reference<this.max-a-1){const o=this.max-a-this.reference,l=o>i?i:o;e.splice(-(l+1),l,"right-hidden")}return e},canPrevious(){return this.modelValue>1},canNext(){return this.modelValue<this.max}},created(){const e=this.modelValue;this.selectPage(e,!0),this.pages.includes(e)||this.setReference(e)},methods:{selectPage(e,a){if(e==="left-hidden"){const i=this.pages[this.pages.indexOf("left-hidden")+1]-1;a||this.$emit("update:model-value",i),this.setReference(i)}else if(e==="right-hidden"){const i=this.pages[this.pages.indexOf("right-hidden")-1]+1;a||this.$emit("update:model-value",i),this.pages.includes("left-hidden")?this.setReference(this.pages[this.pages.indexOf("left-hidden")+1]+1):this.setReference(4)}else a||this.$emit("update:model-value",e)},previousPage(){if(this.canPrevious){const e=this.modelValue-1;this.selectPage(e),this.pages.includes(e)||this.setReference(e)}},nextPage(){if(this.canNext){const e=this.modelValue+1;this.selectPage(e),this.pages.includes(e)||this.setReference(e)}},setReference(e){this.reference=e}}},xT={class:"pagination"};function MT(e,a,i,o,l,s){const c=t.resolveComponent("UnnnicButton");return t.openBlock(),t.createElementBlock("div",xT,[t.createVNode(c,{type:"tertiary",size:"small",iconCenter:"arrow-left-1-1",disabled:!s.canPrevious||i.disabled,"data-test":"previous-button",onClick:s.previousPage},null,8,["disabled","onClick"]),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(s.pages,(d,f)=>(t.openBlock(),t.createBlock(c,{key:f,type:d===i.modelValue?"secondary":"tertiary",size:"small",text:["left-hidden","right-hidden"].includes(d)?"...":String(d),disabled:i.disabled,"data-test":"page-button",onClick:g=>s.selectPage(d)},null,8,["type","text","disabled","onClick"]))),128)),t.createVNode(c,{type:"tertiary",size:"small",iconCenter:"arrow-right-1-1",disabled:!s.canNext||i.disabled,"data-test":"next-button",onClick:s.nextPage},null,8,["disabled","onClick"])])}const yr=b(ET,[["render",MT],["__scopeId","data-v-b2612197"]]),BT={name:"UnnnicDateFilter",components:{UnnnicInput:ii},props:{size:{type:String,default:"sm"},dateFormat:{type:String,default:"DD/MM/YYYY"},dateSeparator:{type:String,default:"~"},startDate:{type:Date,default:null},endDate:{type:Date,default:null},placeholder:{type:String,default:""}},computed:{dateRange(){let e="";if(this.startDate){const a=K(this.startDate).format(this.dateFormat.replaceAll("/",""));e+=a.toString()}if(this.endDate){const a=K(this.endDate).format(this.dateFormat.replaceAll("/",""));e+=a.toString()}return e},fullMask(){return`${this.maskedDateFormat} !${this.dateSeparator} ${this.maskedDateFormat}`},maskedDateFormat(){return this.dateFormat.replace(/D|M|Y/gi,"#")}},methods:{emitFilter(){this.$emit("filter")}}},jT={class:"unnnic-date-filter"};function NT(e,a,i,o,l,s){const c=t.resolveComponent("UnnnicInput");return t.openBlock(),t.createElementBlock("div",jT,[t.createVNode(c,{class:"unnnic-date-filter__input",size:i.size,iconLeft:"notes-1",readonly:"",mask:s.fullMask,value:s.dateRange,placeholder:i.placeholder,onFocus:t.withModifiers(s.emitFilter,["stop"])},null,8,["size","mask","value","placeholder","onFocus"])])}const l0=b(BT,[["render",NT]]),qee="",vT={components:{UnnnicToolTip:ct,UnnnicIcon:J},props:{size:{type:String,default:"normal"},title:{type:String},titleColor:{type:String,default:"brand-weni-soft"},info:{type:String}},data(){return{isScrollable:!1}},mounted(){const e=this.$refs.description.scrollHeight-this.$refs.description.offsetHeight;this.isScrollable=e}},LT={class:"header"},TT={ref:"description",class:"description"},ST={key:0,class:"scrollable-gradient"};function IT(e,a,i,o,l,s){const c=t.resolveComponent("UnnnicIcon"),d=t.resolveComponent("UnnnicToolTip");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["unnnic-chat-text",i.size])},[t.createElementVNode("div",LT,[t.createElementVNode("div",{class:t.normalizeClass(["title",i.titleColor])},[t.createTextVNode(t.toDisplayString(i.title)+" ",1),i.info?(t.openBlock(),t.createBlock(d,{key:0,side:"top",class:"info",text:i.info,enabled:""},{default:t.withCtx(()=>[t.createVNode(c,{class:"info__icon",icon:"info",size:"sm",scheme:"neutral-clean"})]),_:1},8,["text"])):t.createCommentVNode("",!0)],2),t.renderSlot(e.$slots,"actions",{},void 0,!0)]),t.createElementVNode("div",TT,[t.renderSlot(e.$slots,"description",{},void 0,!0),l.isScrollable?(t.openBlock(),t.createElementBlock("div",ST)):t.createCommentVNode("",!0)],512)],2)}const u0=b(vT,[["render",IT],["__scopeId","data-v-4007f3f4"]]),Hee="",VT={components:{UnnnicFormElement:En},props:{size:{type:String,default:"md"},label:{type:String},placeholder:{type:String},modelValue:{type:String},maxLength:{type:Number},message:{type:String,default:""},disabled:{type:Boolean},type:{type:String,default:"normal",validator(e){return["normal","error"].indexOf(e)!==-1}},errors:{type:Array,default:()=>[]}},emits:["update:modelValue"],methods:{fullySanitize:Na,focus(){this.$refs.textarea.focus()}}},zT=["placeholder","maxlength","disabled","value"];function OT(e,a,i,o,l,s){const c=t.resolveComponent("UnnnicFormElement");return t.openBlock(),t.createBlock(c,{label:i.label,size:i.size,disabled:i.disabled,message:i.message,error:i.errors.join(", ")||i.type==="error"},t.createSlots({default:t.withCtx(()=>[t.createElementVNode("textarea",{ref:"textarea",class:t.normalizeClass(["unnnic-text-area__textarea",[`unnnic-text-area__textarea--size-${i.size}`,`unnnic-text-area__textarea--type-${i.type}`]]),placeholder:s.fullySanitize(i.placeholder),maxlength:i.maxLength,disabled:i.disabled,value:i.modelValue,onInput:a[0]||(a[0]=d=>e.$emit("update:modelValue",s.fullySanitize(d.target.value)))},null,42,zT)]),_:2},[i.maxLength?{name:"rightMessage",fn:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(i.modelValue.length)+"/"+t.toDisplayString(i.maxLength),1)]),key:"0"}:void 0]),1032,["label","size","disabled","message","error"])}const c0=b(VT,[["render",OT],["__scopeId","data-v-4ec81bb4"]]),Pee="",qT={props:{description:{type:String,default:""},number:{type:String,default:""},fullSize:{type:Boolean,default:!1}}};function HT(e,a,i,o,l,s){return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["unnnic-card-number",{"v-full":i.fullSize}])},[t.createElementVNode("h4",null,t.toDisplayString(i.description),1),t.createElementVNode("span",null,t.toDisplayString(i.number),1)],2)}const d0=b(qT,[["render",HT],["__scopeId","data-v-dcd65145"]]),Uee="",PT={components:{},props:{modelValue:{type:Number,default:0},description:{type:String}},watch:{modelValue(){this.updateChartSvg()}},mounted(){this.updateChartSvg()},methods:{updateChartSvg(){function e(o,l,s,c){const d=(c-90)*Math.PI/180;return{x:o+s*Math.cos(d),y:l+s*Math.sin(d)}}function a(o,l,s,c,d,f){const g=s,F=c-s,C=e(o,l,g+F,f),y=e(o,l,g+F,d),E=f-d<=180?"0":"1";return["M",C.x,C.y,"A",g+F,g+F,0,E,0,y.x,y.y].join(" ")}const i=a(166,166,139.44,152.72,-85,85);this.$refs.background.setAttribute("d",i),this.$refs.front.setAttribute("d",a(166,166,139.44,152.72,-85,-85+this.modelValue/100*170))}}},UT={class:"unnnic-chart-rainbow"},YT={width:"332",height:"166",class:"semicircle"},RT={id:"path",ref:"background",fill:"none","stroke-linecap":"round",class:"background","stroke-width":"26.56px"},QT={id:"path",ref:"front",fill:"none","stroke-linecap":"round",class:"front","stroke-width":"26.56px"},GT={class:"content"},ZT={class:"percentage"},WT={class:"number"},XT={key:0,class:"description"};function KT(e,a,i,o,l,s){return t.openBlock(),t.createElementBlock("div",UT,[(t.openBlock(),t.createElementBlock("svg",YT,[a[0]||(a[0]=t.createElementVNode("defs",{xmlns:"http://www.w3.org/2000/svg"},[t.createElementVNode("linearGradient",{id:"paint0_linear_10224_36584",x1:"178",y1:"45",x2:"28",y2:"198",gradientUnits:"userSpaceOnUse"},[t.createElementVNode("stop",{"stop-color":"#00DED2"}),t.createElementVNode("stop",{offset:"1","stop-color":"#00DED2","stop-opacity":"0"})])],-1)),t.createElementVNode("path",RT,null,512),t.createElementVNode("path",QT,null,512)])),t.createElementVNode("div",GT,[t.createElementVNode("div",ZT,[t.createElementVNode("span",WT,t.toDisplayString(i.modelValue),1),a[1]||(a[1]=t.createElementVNode("span",{class:"symbol"},"%",-1))]),i.description?(t.openBlock(),t.createElementBlock("div",XT,t.toDisplayString(i.description),1)):t.createCommentVNode("",!0)])])}const _0=b(PT,[["render",KT],["__scopeId","data-v-c4367c70"]]),Yee="",JT={components:{UnnnicIcon:J,UnnnicButton:pt,UnnnicToolTip:ct},props:{condensed:Boolean,groups:Array,fixedMaxValue:Number,title:String,description:String,updateText:String,previousDisabled:Boolean,nextDisabled:Boolean,showFooterLegend:Boolean},data(){return{colors:["aux-blue","aux-purple","aux-orange","aux-lemon","aux-pink","aux-baby-blue","aux-baby-yellow","aux-baby-red","aux-baby-green","aux-baby-pink"]}},computed:{legends(){return this.groups.map(({values:e})=>Object.keys(e)).flat().filter((e,a,i)=>i.indexOf(e)===a)},maxValue(){return this.fixedMaxValue||Math.max(...this.groups.map(({values:e})=>Object.values(e)).flat())}},methods:{value(e){return this.maxValue<=1?e.toFixed(1):String(Math.ceil(e))}}},$T={key:0,class:"header"},eS={key:0,class:"content"},tS={key:1,class:"description unnnic-font secondary body-gt color-neutral-cloudy"},aS={key:1,class:"actions"},iS={key:0,class:"unnnic-font secondary body-md color-neutral-dark"},nS={key:1,class:"navigation-container"},rS={class:"main"},oS={class:"reference"},sS={class:"values"},lS={class:"groups"},uS={class:"bars"},cS={class:"title unnnic-font secondary body-md color-neutral-cleanest"},dS={key:1,class:"footer"},_S={class:"unnnic-font secondary body-gt color-neutral-cloudy"};function fS(e,a,i,o,l,s){const c=t.resolveComponent("UnnnicIcon"),d=t.resolveComponent("UnnnicButton"),f=t.resolveComponent("UnnnicToolTip");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["unnnic-chart-bar",{condensed:i.condensed}])},[i.title||i.description||e.$attrs.update||e.$attrs.previous||e.$attrs.next?(t.openBlock(),t.createElementBlock("div",$T,[i.title||i.description?(t.openBlock(),t.createElementBlock("div",eS,[i.title?(t.openBlock(),t.createElementBlock("div",{key:0,class:"title unnnic-font bold title-sm color-neutral-darkest",onClick:a[0]||(a[0]=g=>e.$emit("update"))},t.toDisplayString(i.title),1)):t.createCommentVNode("",!0),i.description?(t.openBlock(),t.createElementBlock("div",tS,t.toDisplayString(i.description),1)):t.createCommentVNode("",!0)])):t.createCommentVNode("",!0),e.$attrs.update||e.$attrs.previous||e.$attrs.next?(t.openBlock(),t.createElementBlock("div",aS,[e.$attrs.update?(t.openBlock(),t.createElementBlock("div",{key:0,class:"update-button",onClick:a[1]||(a[1]=g=>e.$emit("update"))},[t.createVNode(c,{icon:"button-refresh-arrow-1",size:"sm",scheme:"neutral-darkest"}),i.updateText?(t.openBlock(),t.createElementBlock("span",iS,t.toDisplayString(i.updateText),1)):t.createCommentVNode("",!0)])):t.createCommentVNode("",!0),e.$attrs.previous||e.$attrs.next?(t.openBlock(),t.createElementBlock("div",nS,[e.$attrs.previous?(t.openBlock(),t.createBlock(d,{key:0,size:"small",type:"tertiary",iconCenter:"arrow-left-1-1",disabled:i.previousDisabled,onClick:a[2]||(a[2]=g=>e.$emit("previous"))},null,8,["disabled"])):t.createCommentVNode("",!0),e.$attrs.next?(t.openBlock(),t.createBlock(d,{key:1,size:"small",type:"tertiary",iconCenter:"arrow-right-1-1",disabled:i.nextDisabled,onClick:a[3]||(a[3]=g=>e.$emit("next"))},null,8,["disabled"])):t.createCommentVNode("",!0)])):t.createCommentVNode("",!0)])):t.createCommentVNode("",!0)])):t.createCommentVNode("",!0),t.createElementVNode("div",rS,[t.createElementVNode("div",oS,[t.createElementVNode("div",sS,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList([s.value(s.maxValue),s.value(s.maxValue/2),s.value(0)],(g,F)=>(t.openBlock(),t.createElementBlock("div",{key:F,class:"value unnnic-font secondary body-md color-neutral-cleanest"},t.toDisplayString(g),1))),128))]),a[4]||(a[4]=t.createElementVNode("div",{class:"unnnic-font secondary body-md color-neutral-cleanest"},"   ",-1))]),t.createElementVNode("div",lS,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(i.groups,(g,F)=>(t.openBlock(),t.createElementBlock("div",{key:F,class:"group"},[t.createElementVNode("div",uS,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(s.legends.map((C,y)=>({legend:C,index:y})).filter(({legend:C})=>g.values[C]),({legend:C,index:y})=>(t.openBlock(),t.createBlock(f,{key:y,enabled:"",text:`${g.title}: ${g.values[C]}
 ${C}`,side:"top",style:t.normalizeStyle({height:`${g.values[C]/s.maxValue*100}%`})},{default:t.withCtx(()=>[t.createElementVNode("div",{class:t.normalizeClass(["bar",`color-${y}`])},null,2)]),_:2},1032,["text","style"]))),128))]),t.createElementVNode("div",cS,t.toDisplayString(g.title),1)]))),128))])]),i.showFooterLegend?(t.openBlock(),t.createElementBlock("div",dS,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(s.legends,(g,F)=>(t.openBlock(),t.createElementBlock("div",{key:F,class:"legend"},[t.createVNode(c,{icon:"indicator",scheme:l.colors[F]},null,8,["scheme"]),t.createElementVNode("div",_S,t.toDisplayString(g),1)]))),128))])):t.createCommentVNode("",!0)],2)}const f0=b(JT,[["render",fS],["__scopeId","data-v-2888817c"]]),Ree="",gS={components:{UnnnicToolTip:ct},props:{condensed:Boolean,fixedMaxValue:Number,data:Array,title:String},data(){return{chartContainerWidthInterval:null,chartContainerWidth:0}},computed:{maxValue(){return this.fixedMaxValue||Math.max(...this.data.map(({value:e})=>e).flat())},svgChart(){const e=this.data.map(({value:c})=>49.39-(c/this.maxValue*48.78+Math.random()*.01)),a=100/e.length,i=a/2;let o="";o+=`L ${a/2} ${e[0]}`;let l=0;for(let c=1;c<e.length;c+=1)c===1?l=a*1.5:l+=a,o+=`C ${l-i} ${e[c-1]} ${l-i} ${e[c]} ${l} ${e[c]}`;e.length<=1&&(l+=a/2),o+=`L ${l+i} ${e[e.length-1]}`;const s=`
         <svg xmlns='http://www.w3.org/2000/svg' viewBox="0 0 100 50" width="100%" height="100%">
           <defs>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@weni/unnnic-system",
-  "version": "3.2.9-alpha.3",
+  "version": "3.2.9-alpha.4",
   "type": "module",
   "files": [
     "dist",

package/src/components/Tab/Tab.vue

@@ -9,6 +9,7 @@
           class="tab-head"
           :class="{
             'tab-head--active': localValue === tab,
+            'tab-head--disabled': disabledTabs?.includes(tab),
           }"
           @click="change(tab)"
         >
@@ -20,10 +21,9 @@
             side="bottom"
           >
             <UnnnicIcon
-              icon="info"
+              icon="help"
               :size="size === 'sm' ? 'xs' : 'sm'"
-              filled
-              scheme="neutral-cleanest"
+              scheme="fg-base"
             />
           </UnnnicToolTip>
         </li>
@@ -65,6 +65,13 @@ export default {
     tabs: {
       type: Array,
       default: null,
+      validator: (tabs) => {
+        return tabs.every((tab) => typeof tab === 'string') && tabs.length <= 5;
+      },
+    },
+    disabledTabs: {
+      type: Array,
+      default: null,
     },
   },
   emits: ['change'],
@@ -105,6 +112,10 @@ export default {
       return '';
     },
     change(value) {
+      if (this.disabledTabs?.includes(value)) {
+        return;
+      }
+
       this.localValue = value;
       this.$emit('change', this.localValue);
     },
@@ -119,18 +130,15 @@ export default {
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
-  color: $unnnic-color-neutral-cloudy;
-  font-family: $unnnic-font-family-secondary;
-  font-weight: $unnnic-font-weight-bold;
-  font-size: $unnnic-font-size-body-lg;
-  line-height: ($unnnic-font-size-body-lg + $unnnic-line-height-medium);
-  margin-bottom: $unnnic-inset-sm;
-  border-bottom: $unnnic-border-width-thinner solid $unnnic-color-neutral-soft;
+  color: $unnnic-color-fg-base;
+  font: $unnnic-font-action;
+  margin-bottom: $unnnic-space-4;
+  border-bottom: $unnnic-border-width-thinner solid $unnnic-color-border-base;
 }
 
 .tab-content {
   display: flex;
-  gap: $unnnic-spacing-sm;
+  gap: $unnnic-space-6;
 
   margin: 0;
   padding: 0;
@@ -139,27 +147,24 @@ export default {
 
 .tab-head {
   display: flex;
-  gap: $unnnic-spacing-xs;
+  gap: $unnnic-space-2;
   align-items: center;
 
   cursor: pointer;
-  margin: $unnnic-spacing-xs $unnnic-spacing-sm;
+  padding: $unnnic-space-2 $unnnic-space-4;
 
   .unnnic-tooltip {
     display: flex;
   }
 
   &:hover {
-    color: $unnnic-color-neutral-black;
+    color: $unnnic-color-fg-emphasized;
   }
 }
 
 .tab-head--active {
-  font-family: $unnnic-font-family-secondary;
-  font-weight: $unnnic-font-weight-bold;
-  color: $unnnic-color-neutral-black;
-  font-size: $unnnic-font-size-body-lg;
-  line-height: ($unnnic-font-size-body-lg + $unnnic-line-height-medium);
+  color: $unnnic-color-fg-emphasized;
+  font: $unnnic-font-action;
   transition: 0.4s;
 
   position: relative;
@@ -168,14 +173,23 @@ export default {
     content: '';
 
     position: absolute;
-    bottom: -$unnnic-spacing-xs;
-    left: -$unnnic-spacing-sm;
+    bottom: 0;
+    left: 0;
 
     display: block;
 
-    width: calc(100% + (#{$unnnic-spacing-sm} * 2));
+    width: 100%;
 
-    border-bottom: $unnnic-border-width-thin solid $unnnic-color-weni-600;
+    border-bottom: $unnnic-border-width-thin solid $unnnic-color-border-active;
+  }
+}
+
+.tab-head--disabled {
+  color: $unnnic-color-fg-muted;
+  cursor: default;
+
+  &:hover {
+    color: $unnnic-color-fg-muted;
   }
 }
 

package/src/components/Tab/__test__/__snapshots__/Tab.spec.js.snap

@@ -4,7 +4,7 @@ exports[`Tab.vue > matches the snapshot 1`] = `
 "<div data-v-b4e39fac="" class="tab size-md">
   <header data-v-b4e39fac="" class="tab-header">
     <ul data-v-b4e39fac="" class="tab-content">
-      <li data-v-b4e39fac="" class="tab-head">tab1<div data-v-bf0cf546="" data-v-b4e39fac="" class="unnnic-tooltip"><span data-v-26446d8e="" data-v-b4e39fac="" class="material-symbols-rounded unnnic-icon-scheme--neutral-cleanest unnnic-icon-size--sm material-symbols-rounded--filled" data-testid="material-icon" translate="no">info</span><span data-v-bf0cf546="" class="unnnic-tooltip-label unnnic-tooltip-label-bottom" data-testid="tooltip-label" style="left: 0px; top: 8px;">Tooltip text <br data-v-bf0cf546=""><!--v-if--></span></div>
+      <li data-v-b4e39fac="" class="tab-head">tab1<div data-v-bf0cf546="" data-v-b4e39fac="" class="unnnic-tooltip"><span data-v-26446d8e="" data-v-b4e39fac="" class="material-symbols-rounded unnnic-icon-scheme--fg-base unnnic-icon-size--sm" data-testid="material-icon" translate="no">help</span><span data-v-bf0cf546="" class="unnnic-tooltip-label unnnic-tooltip-label-bottom" data-testid="tooltip-label" style="left: 0px; top: 8px;">Tooltip text <br data-v-bf0cf546=""><!--v-if--></span></div>
       </li>
       <li data-v-b4e39fac="" class="tab-head tab-head--active">tab2
         <!--v-if-->

package/src/stories/Tab.stories.js

@@ -3,9 +3,6 @@ import unnnicTab from '../components/Tab/Tab.vue';
 export default {
   title: 'tabs/Tab',
   component: unnnicTab,
-  argTypes: {
-    size: { control: { type: 'select', options: ['md', 'sm'] } },
-  },
   render: (args) => ({
     components: {
       unnnicTab,
@@ -36,6 +33,15 @@ export default {
             Second description
           </p>
         </template>
+        <template #tab-head-third>
+          Third
+        </template>
+        <template #tab-panel-third>
+          <h2 class="title">Third Content</h2>
+          <p class="description">
+            Third description
+          </p>
+        </template>
       </unnnic-tab>
     `,
   }),
@@ -44,6 +50,7 @@ export default {
 export const Default = {
   args: {
     initialTab: 'first',
-    tabs: ['first', 'second'],
+    tabs: ['first', 'second', 'third'],
+    disabledTabs: ['third'],
   },
 };