@e-xode/vui 0.6.8 → 0.6.9

package/dist/doc/assets/index-X2VadL3u.js

@@ -1 +0,0 @@
-import{t as r}from"./translatable-1Spw6vjt.js";import{_ as c,r as u,o as a,a as d,d as e,t,b as l,w as v,e as o}from"./index-421S8sYE.js";const p={"page.index.h1":"Yet another Vue library","page.index.description":"VUI is an open source UI library focusing on providing customizable web components for Vue.js.","page.index.get-started":"Get started","page.index.github":"Github"},m={},g={en:p,fr:m},b="Christophe BRAGARD",h="Another yet Vue UI library",f="https://github.com/e-xode/vui#readme",x="@e-xode/vui",_="MIT",j=["dist"],y="./dist/vui.js",w="./dist/vui.esm.js",V="0.6.8",$={type:"git",url:"git+https://github.com/e-xode/vui.git"},k={url:"https://github.com/e-xode/vui/issues"},q={build:"npm run build:components && npm run build:doc","build:components":"vite --config vite.components.mjs build","build:doc":"vite --config vite.doc.mjs build src/doc",dev:"vite --host --config vite.doc.mjs src/doc",lint:"eslint --ext .js,.mjs,.vue src","lint:fix":"eslint --fix --ext .js,.mjs,.vue src",preview:"vite --config vite.doc.mjs preview src/doc","test:unit":"vitest --config vite.components.mjs run","test:unit:coverage":"vitest --config vite.components.mjs run --coverage","test:unit:watch":"vitest --config vite.components.mjs"},C={presets:[["@babel/preset-env"]]},I={root:!0,extends:["plugin:vue/vue3-recommended","eslint:recommended","prettier"],parserOptions:{ecmaVersion:"latest"},rules:{"comma-dangle":["error","never"],indent:["error",4,{SwitchCase:1}],"no-console":["error"],quotes:["error","single"],semi:["error","never"],"vue/attributes-order":["error"],"vue/require-explicit-emits":["error"],"vue/html-closing-bracket-newline":["error"],"vue/html-indent":["error",4],"vue/multi-word-component-names":"off","vue/no-v-html":"off","vue/order-in-components":["error"],"vue/require-default-prop":["error"],"vue/require-prop-types":["error"],"vue/v-on-event-hyphenation":["error"]}},B={axios:"1.6.8",dayjs:"1.11.10","@fortawesome/fontawesome-free":"6.5.2","highlight.js":"11.9.0",mitt:"3.0.1",sass:"^1.72.0",vue:"^3.4.21","vue-i18n":"^9.11.0","vue-router":"^4.3.0",vuetify:"^3.5.15",vuex:"^4.1.0"},D={"@babel/core":"^7.24.4","@babel/preset-env":"^7.24.4","@rushstack/eslint-patch":"^1.10.2","@types/jsdom":"^21.1.6","@types/node":"^20.12.7","@vitejs/plugin-vue":"^5.0.4","@vitest/coverage-istanbul":"^1.5.0","@vue/test-utils":"^2.4.5",eslint:"^8.57.0","eslint-config-prettier":"^9.1.0","eslint-plugin-vue":"^9.24.0",jsdom:"^24.0.0",msw:"2.2.13",prettier:"3.2.5",ramda:"^0.29.1",vite:"^5.2.8",vitest:"^1.4.0"},A={author:b,description:h,homepage:f,name:x,license:_,files:j,main:y,module:w,".":{import:"./dist/vui.js",require:"./dist/vui.esm.js"},"./style.css":{import:"./dist/style.css",require:"./dist/style.css"},version:V,repository:$,bugs:k,scripts:q,babel:C,eslintConfig:I,dependencies:B,devDependencies:D},G={name:"ViewIndex",computed:{version(){return A.version}},created(){r(g)}},N={class:"view-index"},S=e("i",{class:"fa-brands fa-vuejs"},null,-1),U={class:"description"},R={class:"vui-button-holder"},T=e("i",{class:"vui-button-icon fa-solid fa-book-open-reader"},null,-1),z={class:"vui-button vui-button--with-icon vui-button--github",href:"https://github.com/e-xode/v-ui"},E={class:"vui-button-holder"},M=e("i",{class:"vui-button-icon fa-brands fa-github"},null,-1);function O(s,P,Y,F,H,i){const n=u("vui-button");return a(),d("div",N,[e("h1",null,t(s.$t("page.index.h1")),1),S,e("div",U,[e("p",null,t(s.$t("page.index.description")),1),e("p",null," v"+t(i.version),1)]),l(n,{route:{name:"ViewStart"},class:"vui-button--get-started"},{default:v(()=>[e("span",R,[T,o(" "+t(s.$t("page.index.get-started")),1)])]),_:1}),e("a",z,[e("span",E,[M,o(" "+t(s.$t("page.index.github")),1)])])])}const L=c(G,[["render",O]]);export{L as default};

package/dist/doc/assets/list-D2FEJjG3.js

@@ -1 +0,0 @@
-import{a as w}from"./animable-S5zFcxd4.js";import{c as L}from"./composable-CshUTKfl.js";import{_ as S,a as n,j as c,f as m,d as v,F as y,g as V,n as h,o,e as f,t as b,p as I}from"./index-421S8sYE.js";import{t as j}from"./translatable-1Spw6vjt.js";function p(e){return e!=null&&typeof e=="object"&&e["@@functional/placeholder"]===!0}function g(e){return function t(s){return arguments.length===0||p(s)?t:e.apply(this,arguments)}}function C(e){return function t(s,a){switch(arguments.length){case 0:return t;case 1:return p(s)?t:g(function(r){return e(s,r)});default:return p(s)&&p(a)?t:p(s)?g(function(r){return e(r,a)}):p(a)?g(function(r){return e(s,r)}):e(s,a)}}}var B=C(function(t,s){for(var a={},r={},i=0,l=t.length;i<l;)r[t[i]]=1,i+=1;for(var u in s)r.hasOwnProperty(u)||(a[u]=s[u]);return a});const G={},A={},K={en:G,fr:A},N={autoclose:{type:Boolean,default:!0},disableFiltering:{type:Boolean,default:!1},expanded:{type:Boolean,default:!1},keyword:{type:String},items:{type:Array,required:!0},itemLabel:{type:String,default:"label"},itemValue:{type:String,default:"value"},modelValue:{default:void 0,types:[Boolean,Number,Object,String]},selectable:{type:Boolean},title:{type:String},value:{default:void 0,types:[Boolean,Number,Object,String]}},O={name:"VuiList",mixins:[w,L],props:N,emits:["update:model-value"],data(){return{last:null,open:{},selected:null}},computed:{hasKeyword(){var e;return!this.disableFiltering&&((e=this.keyword)==null?void 0:e.length)},list(){return this.items.reduce((e,t)=>(this.isGroup(t)?e.push({...t,$$id:this.newId(),value:t[this.itemValue].reduce((s,a)=>!this.hasKeyword||this.match(a)?[...s,this.mapItem(a,this.newId())]:s,[])}):(!this.hasKeyword||this.match(t))&&e.push(this.mapItem(t,this.newId())),e),[])}},watch:{items(){this.autoexpand()},modelValue(e){this.selected=this.mapItem(e)},value(e){this.selected=this.mapItem(e)}},created(){j(K),this.hasModelValue?this.selected=this.mapItem(this.modelValue):this.hasValue&&(this.selected=this.mapItem(this.value)),this.autoexpand()},methods:{autoexpand(){this.open=this.items.reduce((e,t,s)=>{if(this.isGroup(t)){const r=t[this.itemValue].findIndex(i=>this.isSelected(i));if(this.expanded||r>-1)return{...e,[s]:!0}}return e},{})},isAnimating(e){const{animating:t,last:s}=this;return s===e&&t},isGroup(e){return Array.isArray(e==null?void 0:e[this.itemValue])},isObject(e){const t=this.itemValue;return this.isGroup(e)?typeof e[t][0]=="object":typeof e=="object"},isSelected(e){return!e.disabled&&typeof this.selected<"u"?typeof e=="object"?this.selected&&this.selected[this.itemValue]===e[this.itemValue]:this.selected&&this.selected===e:!1},isToggled(e){const{last:t,open:s,toggled:a}=this;return t===e&&s[e]&&a},match(e){return typeof e=="object"?`${e[this.itemLabel]}`.includes(this.keyword):`${e}`.includes(this.keyword)},mapItem(e,t){const s=typeof e=="object"?e:{[this.itemLabel]:e,[this.itemValue]:e};return t?{...s,$$id:t}:s},onClick(e){if(!this.disabled&&this.selectable){const t=B(["$$id"],e),s=this.isObject(t)&&this.hasAttribute("return-object")?t:t[this.itemValue];this.selected=this.isSelected(t)?null:t,t.route&&this.$router.push(t.route),this.$emit("update:model-value",s)}},onToggle(e){this.disabled||(this.last=e,this.autoclose?this.open={[e]:!this.open[e]}:this.open[e]=!this.open[e],this.onAnimate(this.open[e]))}}},T=["id"],F={key:0,class:"vui-list-title"},$={class:"vui-list-items"},M=["onClick"],P=["onClick"],q=["onClick"];function z(e,t,s,a,r,i){return o(),n("div",{id:e.componentId,class:h(["vui-list",{"vui-list--flat":e.hasAttribute("flat")},e.$props.class])},[c(e.$slots,"prepend"),e.title?(o(),n("div",F,[c(e.$slots,"placeholder",{item:e.title},()=>[f(b(e.title),1)])])):m("",!0),v("div",$,[(o(!0),n(y,null,V(i.list,(l,u)=>(o(),n("div",{key:l.$$id,class:h([{"vui-list-items-item":!i.isGroup(l)},{"vui-list-items-group-item":i.isGroup(l)}])},[i.isGroup(l)?m("",!0):(o(),n("div",{key:0,class:h([{"vui-list-items-item-label":!i.isGroup(l)},{"vui-list-items-item-label--selectable":e.selectable},{"vui-list-items-item-label--selected":i.isSelected(l)}]),onClick:()=>i.onClick(l)},[l.icon?(o(),n("i",{key:0,class:h(["vui-list-items-item-label-icon",l.icon])},null,2)):m("",!0),c(e.$slots,"item",{index:u,item:l,itemLabel:e.itemLabel,itemValue:e.itemValue},()=>[f(b(l[e.itemLabel]),1)])],10,M)),i.isGroup(l)?(o(),n(y,{key:1},[v("div",{class:h(["vui-list-items-item-group-label",{"vui-list-items-item-group-label--toggled":i.isToggled(u)},{"vui-list-items-item-group-label--animating":i.isAnimating(u)},{"vui-list-items-item-group-label--open":r.open[u]||i.hasKeyword}]),onClick:I(()=>i.onToggle(u),["stop"])},[c(e.$slots,"group-item",{index:u,item:l,itemLabel:e.itemLabel,itemValue:e.itemValue},()=>[f(b(l[e.itemLabel]),1)])],10,P),r.open[u]||i.hasKeyword?(o(!0),n(y,{key:0},V(l[e.itemValue],(d,k)=>(o(),n("div",{key:d.$$id,class:h(["vui-list-items-item-label",{"vui-list-items-item-label--selectable":e.selectable},{"vui-list-items-item-label--selected":i.isSelected(d)}]),onClick:()=>i.onClick(d)},[d.icon?(o(),n("i",{key:0,class:h(["vui-list-items-item-label-icon",d.icon])},null,2)):m("",!0),c(e.$slots,"item",{index:k,item:d,itemLabel:e.itemLabel,itemValue:e.itemValue},()=>[f(b(d[e.itemLabel]),1)])],10,q))),128)):m("",!0)],64)):m("",!0)],2))),128))]),c(e.$slots,"append")],10,T)}const Q=S(O,[["render",z]]);export{Q as default};

package/dist/doc/assets/loader-B6lJYbZi.js

@@ -1,21 +0,0 @@
-import{d as h}from"./demonstrable-D6rf1mQ8.js";import{t as f}from"./translatable-1Spw6vjt.js";import y from"./loader-Bf-nSxQT.js";import{_,a as r,b as t,w as l,r as d,o as a,F as i,g as v,h as b,k as x,l as k,i as S,d as n,t as p}from"./index-421S8sYE.js";import"./composable-CshUTKfl.js";import"./alert-DfQwT6OA.js";const m={attrs:[{name:"flat",text:"page.component.loader.doc.attr.flat"}],examples:[{markup:`
-                <vui-loader
-                    text="It's loading..."
-                >
-            `,props:{text:"It's loading..."}},{markup:`
-                <vui-loader
-                    layout="success"
-                    text="It's loading..."
-                >
-            `,props:{layout:"success",text:"It's loading..."}},{markup:`
-                <vui-loader
-                    layout="error"
-                    text="It's loading..."
-                >
-            `,props:{layout:"error",text:"It's loading..."}},{markup:`
-                <vui-loader
-                    flat
-                    layout="warning"
-                    text="It's loading..."
-                >
-            `,props:{flat:!0,layout:"warning",text:"It's loading..."}}],props:[{tag:"icon",type:"String",text:"page.component.list.doc.prop.icon"},{tag:"layout",type:"String",text:"page.component.list.doc.prop.layout"},{tag:"text",type:"String",text:"page.component.list.doc.prop.text"}],slots:[{name:"#prepend",text:"page.component.loader.doc.slot.prepend"},{name:"#icon",text:"page.component.loader.doc.slot.icon"},{name:"default|#body",text:"page.component.loader.doc.slot.body"},{name:"#append",text:"page.component.loader.doc.slot.append"}]},I={"page.component.loader.doc.attr.flat":"Enables the flat style layout","page.component.loader.example.header":"My card header content","page.component.loader.example.body":"My card body content","page.component.loader.example.footer":"My card footer content","page.component.loader.doc.slot.header":"Slot embedding the card header content","page.component.loader.doc.slot.body":"Slot for body content","page.component.loader.doc.slot.footer":"Slot for footer content"},$={},w={en:I,fr:$},H={name:"ViewLoader",mixins:[h],setup(){return f(w),{}},computed:{doc(){return m},examples(){return this.docExamples(y,m)}}},L={class:"view-loader"},M=["innerHTML"],B={class:"title"},P={class:"title"},V={class:"title"};function C(e,E,A,D,F,u){const c=d("vui-grid-unit"),s=d("vui-table"),g=d("vui-grid");return a(),r("div",L,[t(g,{"col-sm":"1","col-md":"2"},{default:l(()=>[t(c,{class:"examples"},{default:l(()=>[(a(!0),r(i,null,v(u.examples,o=>(a(),r(i,{key:`loader-${o.props.id}`},[(a(),b(S(o.component),x(k(o.props)),null,16)),n("div",{class:"highlighted-code",innerHTML:o.highlighted},null,8,M)],64))),128))]),_:1}),t(c,{class:"api-options"},{default:l(()=>[n("h2",B,p(e.$t("page.component.h2.api")),1),t(s,{"item-label":"label","item-value":"value",headers:e.docPropsHeaders,items:e.docProps},null,8,["headers","items"]),n("h2",P,p(e.$t("page.component.h2.attrs")),1),t(s,{"item-label":"label","item-value":"value",headers:e.docAttrsHeaders,items:e.docAttrs},null,8,["headers","items"]),n("h2",V,p(e.$t("page.component.h2.slots")),1),t(s,{"item-label":"label","item-value":"value",headers:e.docSlotsHeaders,items:e.docSlots},null,8,["headers","items"])]),_:1})]),_:1})])}const G=_(H,[["render",C]]);export{G as default};

package/dist/doc/assets/progress-BlA_EUah.js

@@ -1,14 +0,0 @@
-import{d as g}from"./demonstrable-D6rf1mQ8.js";import{t as v}from"./translatable-1Spw6vjt.js";import _ from"./progress-yFWu8fT9.js";import{_ as h,a as t,b as s,w as a,r as p,o as r,F as c,g as x,h as b,k as f,l as y,i as k,d as l,t as w}from"./index-421S8sYE.js";import"./composable-CshUTKfl.js";const B={"page.component.progress.doc.prop.disabled":"Bind the disabled state","page.component.progress.doc.prop.layout":"The progress-bar layout: [error, success, warning]","page.component.progress.doc.prop.min":"Minimum value of progressbar","page.component.progress.doc.prop.max":"Maximum value of progressbar","page.component.progress.doc.prop.value":"current value of progressbar"},P={},$={en:B,fr:P},n={examples:[{markup:`
-                <vui-progress
-                    min="0"
-                    max="100"
-                    :value="10"
-                />
-            `,props:{id:"vui-progress-1",min:0,max:100,value:10}},{markup:`
-                <vui-progress
-                    layout="warning"
-                    min="0"
-                    max="100"
-                    :value="50",
-                />
-            `,props:{id:"vui-progress-2",min:0,max:100,value:50,layout:"warning"}}],props:[{tag:"disabled",type:"Boolean",text:"page.component.progress.doc.prop.disabled"},{tag:"layout",type:"String",text:"page.component.progress.doc.prop.layout"},{tag:"min",type:"Number",text:"page.component.progress.doc.prop.min"},{tag:"max",type:"Number",text:"page.component.progress.doc.prop.max"},{tag:"value",type:"Number",text:"page.component.progress.doc.prop.value"}],slots:[]},N={name:"ViewProgress",mixins:[g],setup(){return v($),{}},computed:{doc(){return n},examples(){return this.docExamples(_,{attrs:n.attrs,examples:n.examples.map(e=>({...e,props:{...e.props,text:e.props.text?this.$t(e.props.text):null}}))})}}},M={class:"view-progress"},V=["innerHTML"],C={class:"title"};function H(e,L,T,D,E,m){const i=p("vui-grid-unit"),u=p("vui-table"),d=p("vui-grid");return r(),t("div",M,[s(d,{"col-sm":"1","col-md":"2"},{default:a(()=>[s(i,{class:"examples"},{default:a(()=>[(r(!0),t(c,null,x(m.examples,o=>(r(),t(c,{key:`card-${o.props.id}`},[(r(),b(k(o.component),f(y(o.props)),null,16)),l("div",{class:"highlighted-code",innerHTML:o.highlighted},null,8,V)],64))),128))]),_:1}),s(i,{class:"api-options"},{default:a(()=>[l("h2",C,w(e.$t("page.component.h2.api")),1),s(u,{"item-label":"label","item-value":"value",headers:e.docPropsHeaders,items:e.docProps},null,8,["headers","items"])]),_:1})]),_:1})])}const q=h(N,[["render",H]]);export{q as default};

package/dist/doc/assets/progress-yFWu8fT9.js

@@ -1 +0,0 @@
-import{c}from"./composable-CshUTKfl.js";import{t as p}from"./translatable-1Spw6vjt.js";import{_ as u,a as l,j as t,d as a,s as d,n as o,o as m}from"./index-421S8sYE.js";const h={},b={},v={en:h,fr:b},f={min:{type:Number,required:!0},max:{type:Number,required:!0},value:{type:Number,required:!0}},$={name:"VuiProgress",mixins:[c],props:f,computed:{width(){const s=Math.abs(this.value),e=Math.abs(this.min),r=Math.abs(this.max);return`${Math.round(s/(e+r)*100)}%`}},created(){p(v)}},g=["id"];function y(s,e,r,n,_,i){return m(),l("div",{id:s.componentId,class:o(["vui-progress",s.$props.class])},[t(s.$slots,"prepend"),a("div",{class:o(["vui-progress-bar",`vui-progress-bar--${s.layout}`])},[a("div",{class:"vui-progress-bar-cursor",style:d({width:i.width})},null,4)],2),t(s.$slots,"append")],10,g)}const w=u($,[["render",y]]);export{w as default};

package/dist/doc/assets/tag--7Zal5Qh.js

@@ -1,25 +0,0 @@
-import{d as f}from"./demonstrable-D6rf1mQ8.js";import{t as h}from"./translatable-1Spw6vjt.js";import v from"./tag-BVTDDSad.js";import{_,a as s,b as a,w as n,r as p,o,F as r,g as y,h as x,e as b,t as i,f as k,k as w,l as S,i as $,d as c}from"./index-421S8sYE.js";import"./composable-CshUTKfl.js";const T={"page.component.tag.doc.prop.disabled":"Binds the disabled state","page.component.tag.doc.prop.error":"Error type tag","page.component.tag.doc.prop.success":"Success type tag","page.component.tag.doc.prop.warning":"Warning type tag","page.component.tag.doc.prop.icon":"Class name of the icon to prepend","page.component.tag.doc.prop.text":"Text content of the tag","page.component.tag.doc.prop.layout":"Layout of the tag","page.component.card.doc.slot.default":"Default type slot"},V={},B={en:T,fr:V},g={examples:[{markup:`
-                <vui-tag
-                    icon="fa-solid fa-tag"
-                >
-                    Default type tag
-                </vui-tag>
-            `,props:{id:"vui-tag-1",icon:"fa-solid fa-tag"},text:"page.component.tag.default"},{markup:`
-                <vui-tag
-                    icon="fa-solid fa-tag"
-                    text="Error type tag"
-                    type="error"
-                />
-            `,props:{id:"vui-tag-2",icon:"fa-solid fa-tag",layout:"error",text:"page.component.tag.error"}},{markup:`
-                <vui-tag
-                    icon="fa-solid fa-tag"
-                    text="Success type tag"
-                    type="success"
-                />
-            `,props:{id:"vui-tag-2",icon:"fa-solid fa-tag",layout:"success",text:"page.component.tag.success"}},{markup:`
-                <vui-tag
-                    icon="fa-solid fa-tag"
-                    text="Warning type tag"
-                    type="warning"
-                />
-            `,props:{id:"vui-tag-2",icon:"fa-solid fa-tag",layout:"warning",text:"page.component.tag.warning"}}],props:[{tag:"disabled",type:"String",text:"page.component.tag.doc.prop.disabled"},{tag:"icon",type:"String",text:"page.component.tag.doc.prop.icon"},{tag:"text",type:"String",text:"page.component.tag.doc.prop.text"}],slots:[{name:"default",text:"page.component.card.doc.slot.default"}]},C={name:"ViewTag",mixins:[f],setup(){return h(B),{}},computed:{doc(){return g},examples(){return this.docExamples(v,{attrs:g.attrs,examples:g.examples.map(t=>({...t,props:{...t.props,text:t.props.text?this.$t(t.props.text):null}}))})}}},D={class:"view-tag"},E=["innerHTML"],H={class:"title"},L={class:"title"};function N(t,P,F,M,W,u){const d=p("vui-grid-unit"),l=p("vui-table"),m=p("vui-grid");return o(),s("div",D,[a(m,{"col-sm":"1","col-md":"2"},{default:n(()=>[a(d,{class:"examples"},{default:n(()=>[(o(!0),s(r,null,y(u.examples,e=>(o(),s(r,{key:`tag-${e.props.id}`},[(o(),x($(e.component),w(S(e.props)),{default:n(()=>[e.text?(o(),s(r,{key:0},[b(i(t.$t(e.text)),1)],64)):k("",!0)]),_:2},1040)),c("div",{class:"highlighted-code",innerHTML:e.highlighted},null,8,E)],64))),128))]),_:1}),a(d,{class:"api-options"},{default:n(()=>[c("h2",H,i(t.$t("page.component.h2.api")),1),a(l,{"item-label":"label","item-value":"value",headers:t.docPropsHeaders,items:t.docProps},null,8,["headers","items"]),c("h2",L,i(t.$t("page.component.h2.slots")),1),a(l,{"item-label":"label","item-value":"value",headers:t.docSlotsHeaders,items:t.docSlots},null,8,["headers","items"])]),_:1})]),_:1})])}const G=_(C,[["render",N]]);export{G as default};

package/dist/doc/assets/toggle-y-gY6lFl.js

@@ -1,9 +0,0 @@
-import{d as N}from"./demonstrable-D6rf1mQ8.js";import{t as x}from"./translatable-1Spw6vjt.js";import C from"./toggle-Borth1ZY.js";import{_ as S,a as n,b as s,w as l,r as d,o,F as a,g as T,h,e as r,t as p,f as c,m as v,i as _,d as f}from"./index-421S8sYE.js";import"./composable-CshUTKfl.js";const $={"page.component.toggle.default":"Default toggle","page.component.toggle.binded":"Binded toggle","page.component.toggle.label":"Checked","page.component.toggle.doc.prop.checked-value":"Checked value of the toggle","page.component.toggle.doc.prop.disabled":"Binds the disabled state to component","page.component.toggle.doc.prop.unchecked-value":"Unchecked value of the toggle","page.component.toggle.doc.prop.value":"Value of the toggle","page.component.toggle.doc.prop.v-model":"Binds the model value of the toggle"},w={},D={en:$,fr:w},i={examples:[{markup:`
-                <vui-toggle>
-                    Default checkbox
-                </vui-toggle>
-            `,props:{id:"vui-toggle-1"},text:"page.component.toggle.default"},{markup:`
-                <vui-toggle>
-                    Binded checkbox
-                </vui-toggle>
-            `,props:{id:"vui-toggle-2"},text:"page.component.toggle.binded"}],props:[{tag:"checked-value",type:"[Boolean, String, Number, null]",text:"page.component.toggle.doc.prop.checked-value"},{tag:"disabled",type:"Boolean",text:"page.component.toggle.doc.prop.disabled"},{tag:"unchecked-value",type:"[Boolean, String, Number, null]",text:"page.component.toggle.doc.prop.unchecked-value"},{tag:"value",type:"[Boolean, String, Number, null]",text:"page.component.toggle.doc.prop.value"},{tag:"v-model",type:"[Boolean, String, Number, null]",text:"page.component.toggle.doc.prop.v-model"}],slots:[]},H={name:"ViewToggle",mixins:[N],setup(){return x(D),{}},data(){return{states:{}}},computed:{doc(){return i},examples(){return this.docExamples(C,{attrs:i.attrs,examples:i.examples.map(t=>({...t,props:{...t.props,text:t.props.text?this.$t(t.props.text):null}}))})}},mounted(){this.states=this.examples.reduce((t,u)=>({...t,[u.props.id]:!1}),{})}},L={class:"view-toggle"},P=["innerHTML"],U={class:"title"};function E(t,u,F,M,g,k){const b=d("vui-tag"),m=d("vui-grid-unit"),B=d("vui-table"),y=d("vui-grid");return o(),n("div",L,[s(y,{"col-sm":"1","col-md":"2"},{default:l(()=>[s(m,{class:"examples"},{default:l(()=>[(o(!0),n(a,null,T(k.examples,e=>(o(),n(a,{key:`toggle-${e.props.id}`},[e.props.id==="vui-toggle-1"?(o(),n(a,{key:0},[(o(),h(_(e.component),v(e.props,{modelValue:g.states[e.props.id],"onUpdate:modelValue":V=>g.states[e.props.id]=V}),{default:l(()=>[e.text?(o(),n(a,{key:0},[r(p(t.$t(e.text)),1)],64)):c("",!0)]),_:2},1040,["modelValue","onUpdate:modelValue"])),r("   "),s(b,null,{default:l(()=>[r(p(t.$t("page.component.toggle.label"))+": "+p(g.states[e.props.id]),1)]),_:2},1024)],64)):c("",!0),e.props.id==="vui-toggle-2"?(o(),h(_(e.component),v({key:1},e.props,{checked:g.states["vui-toggle-1"],disabled:""}),{default:l(()=>[e.text?(o(),n(a,{key:0},[r(p(t.$t(e.text)),1)],64)):c("",!0)]),_:2},1040,["checked"])):c("",!0),f("div",{class:"highlighted-code",innerHTML:e.highlighted},null,8,P)],64))),128))]),_:1}),s(m,{class:"api-options"},{default:l(()=>[f("h2",U,p(t.$t("page.component.h2.api")),1),s(B,{"item-label":"label","item-value":"value",headers:t.docPropsHeaders,items:t.docProps},null,8,["headers","items"])]),_:1})]),_:1})])}const I=S(H,[["render",E]]);export{I as default};

package/dist/dropdown-DUUZsTpI.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("./input-CPJkbqQt.js"),m=require("./list-BkZK3xVW.js"),c=require("./animable-ChJEXlsE.js"),a=require("./_plugin-vue_export-helper-DeDoBcDj.js"),l=require("vue");require("highlight.js");const h={"component.dropdown.placeholder":"Select a value ..."},b={},f={en:h,fr:b},g={disableFiltering:{type:Boolean,default:!1},items:{type:Array,required:!0},itemLabel:{type:String,default:"label"},itemValue:{type:String,default:"value"},modelValue:{default:void 0,types:[Boolean,Number,Object,String,null]},placeholder:{types:[Boolean,Number,String]},value:{default:void 0,types:[Boolean,Object,Number,String,null]}},v={name:"VuiDropdown",components:{VuiInput:p.default,VuiList:m.default},mixins:[c.animable,a.composable],props:g,emits:["input","update:model-value"],data(){return{keyword:null,selected:null}},computed:{listTitle(){return this.selected?this.placeholderLabel:null},placeholderValue(){const{itemValue:e,selected:t}=this,r=typeof(t==null?void 0:t[e])<"u"?t[e]:t;return r===null?this.placeholderLabel:this.labelFromItem(r)},placeholderLabel(){return this.placeholder?this.placeholder:this.$t("component.dropdown.placeholder")}},watch:{modelValue(e){this.selected=e},value(e){this.selected=e}},created(){a.translatable(f),this.hasModelValue?this.selected=this.modelValue:this.hasValue&&(this.selected=this.value)},methods:{labelFromChild(e,t,r){const{itemValue:n,itemLabel:o}=this;return e[n].reduce((i,d)=>d[n]===r?d[o]:i,t)},labelFromItem(e){const{itemValue:t,itemLabel:r}=this;return this.items.reduce((n,o)=>Array.isArray(o[t])?this.labelFromChild(o,n,e):o[t]===e?o[r]:n,e)},onClick(){this.disabled||this.onAnimate()},onInput(e){this.$emit("input",e),this.onAnimate(!0),this.keyword=e.target.value?e.target.value:null},onToggle(e){this.keyword=null,this.blur(),this.hasProp("value")||(this.selected=e),this.$emit("update:model-value",e)}}},y=["id"];function w(e,t,r,n,o,i){const d=l.resolveComponent("vui-input"),s=l.resolveComponent("vui-list");return l.openBlock(),l.createElementBlock("div",{id:e.componentId,class:l.normalizeClass(["vui-dropdown",e.$props.class])},[l.renderSlot(e.$slots,"prepend"),l.createElementVNode("div",{class:l.normalizeClass(["vui-dropdown-placeholder",{"vui-dropdown-placeholder--toggled":e.toggled},{"vui-dropdown-placeholder--animating":e.animating},{"vui-dropdown-placeholder--disabled":e.disabled}]),onClick:t[0]||(t[0]=l.withModifiers((...u)=>i.onClick&&i.onClick(...u),["stop"]))},[l.renderSlot(e.$slots,"keyword",{keyword:o.keyword},()=>[l.createVNode(d,{"with-icon":!1,value:o.keyword,type:"text",class:"vui-dropdown-placeholder-label",placeholder:`${i.placeholderValue}`,onInput:i.onInput},null,8,["value","placeholder","onInput"])])],2),e.toggled?(l.openBlock(),l.createBlock(s,l.mergeProps({key:0,value:o.selected},e.$attrs,{class:"vui-dropdown-list","group-id":e.componentGroupId,"disable-filtering":e.disableFiltering,disabled:e.disabled,items:e.items,"item-label":e.itemLabel,"item-value":e.itemValue,keyword:o.keyword,selectable:!0,title:i.listTitle,"onUpdate:modelValue":i.onToggle}),l.createSlots({_:2},[e.$slots.placeholder?{name:"placeholder",fn:l.withCtx(()=>[l.renderSlot(e.$slots,"placeholder")]),key:"0"}:void 0,e.$slots["group-item"]?{name:"group-item",fn:l.withCtx(()=>[l.renderSlot(e.$slots,"group-item")]),key:"1"}:void 0,e.$slots.item?{name:"item",fn:l.withCtx(()=>[l.renderSlot(e.$slots,"item")]),key:"2"}:void 0]),1040,["value","group-id","disable-filtering","disabled","items","item-label","item-value","keyword","title","onUpdate:modelValue"])):l.createCommentVNode("",!0),l.renderSlot(e.$slots,"append")],10,y)}const k=a._export_sfc(v,[["render",w]]);exports.default=k;

package/dist/list-BkZK3xVW.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("./animable-ChJEXlsE.js"),m=require("./_plugin-vue_export-helper-DeDoBcDj.js"),t=require("vue");require("highlight.js");function c(e){return e!=null&&typeof e=="object"&&e["@@functional/placeholder"]===!0}function d(e){return function l(i){return arguments.length===0||c(i)?l:e.apply(this,arguments)}}function f(e){return function l(i,o){switch(arguments.length){case 0:return l;case 1:return c(i)?l:d(function(a){return e(i,a)});default:return c(i)&&c(o)?l:c(i)?d(function(a){return e(a,o)}):c(o)?d(function(a){return e(i,a)}):e(i,o)}}}var b=f(function(l,i){for(var o={},a={},s=0,r=l.length;s<r;)a[l[s]]=1,s+=1;for(var n in i)a.hasOwnProperty(n)||(o[n]=i[n]);return o});const y={},g={},k={en:y,fr:g},V={autoclose:{type:Boolean,default:!0},disableFiltering:{type:Boolean,default:!1},expanded:{type:Boolean,default:!1},keyword:{type:String},items:{type:Array,required:!0},itemLabel:{type:String,default:"label"},itemValue:{type:String,default:"value"},modelValue:{default:void 0,types:[Boolean,Number,Object,String]},selectable:{type:Boolean},title:{type:String},value:{default:void 0,types:[Boolean,Number,Object,String]}},v={name:"VuiList",mixins:[p.animable,m.composable],props:V,emits:["update:model-value"],data(){return{last:null,open:{},selected:null}},computed:{hasKeyword(){var e;return!this.disableFiltering&&((e=this.keyword)==null?void 0:e.length)},list(){return this.items.reduce((e,l)=>(this.isGroup(l)?e.push({...l,$$id:this.newId(),value:l[this.itemValue].reduce((i,o)=>!this.hasKeyword||this.match(o)?[...i,this.mapItem(o,this.newId())]:i,[])}):(!this.hasKeyword||this.match(l))&&e.push(this.mapItem(l,this.newId())),e),[])}},watch:{items(){this.autoexpand()},modelValue(e){this.selected=this.mapItem(e)},value(e){this.selected=this.mapItem(e)}},created(){m.translatable(k),this.hasModelValue?this.selected=this.mapItem(this.modelValue):this.hasValue&&(this.selected=this.mapItem(this.value)),this.autoexpand()},methods:{autoexpand(){this.open=this.items.reduce((e,l,i)=>{if(this.isGroup(l)){const a=l[this.itemValue].findIndex(s=>this.isSelected(s));if(this.expanded||a>-1)return{...e,[i]:!0}}return e},{})},isAnimating(e){const{animating:l,last:i}=this;return i===e&&l},isGroup(e){return Array.isArray(e==null?void 0:e[this.itemValue])},isObject(e){const l=this.itemValue;return this.isGroup(e)?typeof e[l][0]=="object":typeof e=="object"},isSelected(e){return!e.disabled&&typeof this.selected<"u"?typeof e=="object"?this.selected&&this.selected[this.itemValue]===e[this.itemValue]:this.selected&&this.selected===e:!1},isToggled(e){const{last:l,open:i,toggled:o}=this;return l===e&&i[e]&&o},match(e){return typeof e=="object"?`${e[this.itemLabel]}`.includes(this.keyword):`${e}`.includes(this.keyword)},mapItem(e,l){const i=typeof e=="object"?e:{[this.itemLabel]:e,[this.itemValue]:e};return l?{...i,$$id:l}:i},onClick(e){if(!this.disabled&&this.selectable){const l=b(["$$id"],e),i=this.isObject(l)&&this.hasAttribute("return-object")?l:l[this.itemValue];this.selected=this.isSelected(l)?null:l,l.route&&this.$router.push(l.route),this.$emit("update:model-value",i)}},onToggle(e){this.disabled||(this.last=e,this.autoclose?this.open={[e]:!this.open[e]}:this.open[e]=!this.open[e],this.onAnimate(this.open[e]))}}},B=["id"],S={key:0,class:"vui-list-title"},C={class:"vui-list-items"},w=["onClick"],L=["onClick"],N=["onClick"];function E(e,l,i,o,a,s){return t.openBlock(),t.createElementBlock("div",{id:e.componentId,class:t.normalizeClass(["vui-list",{"vui-list--flat":e.hasAttribute("flat")},e.$props.class])},[t.renderSlot(e.$slots,"prepend"),e.title?(t.openBlock(),t.createElementBlock("div",S,[t.renderSlot(e.$slots,"placeholder",{item:e.title},()=>[t.createTextVNode(t.toDisplayString(e.title),1)])])):t.createCommentVNode("",!0),t.createElementVNode("div",C,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(s.list,(r,n)=>(t.openBlock(),t.createElementBlock("div",{key:r.$$id,class:t.normalizeClass([{"vui-list-items-item":!s.isGroup(r)},{"vui-list-items-group-item":s.isGroup(r)}])},[s.isGroup(r)?t.createCommentVNode("",!0):(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass([{"vui-list-items-item-label":!s.isGroup(r)},{"vui-list-items-item-label--selectable":e.selectable},{"vui-list-items-item-label--selected":s.isSelected(r)}]),onClick:()=>s.onClick(r)},[r.icon?(t.openBlock(),t.createElementBlock("i",{key:0,class:t.normalizeClass(["vui-list-items-item-label-icon",r.icon])},null,2)):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"item",{index:n,item:r,itemLabel:e.itemLabel,itemValue:e.itemValue},()=>[t.createTextVNode(t.toDisplayString(r[e.itemLabel]),1)])],10,w)),s.isGroup(r)?(t.openBlock(),t.createElementBlock(t.Fragment,{key:1},[t.createElementVNode("div",{class:t.normalizeClass(["vui-list-items-item-group-label",{"vui-list-items-item-group-label--toggled":s.isToggled(n)},{"vui-list-items-item-group-label--animating":s.isAnimating(n)},{"vui-list-items-item-group-label--open":a.open[n]||s.hasKeyword}]),onClick:t.withModifiers(()=>s.onToggle(n),["stop"])},[t.renderSlot(e.$slots,"group-item",{index:n,item:r,itemLabel:e.itemLabel,itemValue:e.itemValue},()=>[t.createTextVNode(t.toDisplayString(r[e.itemLabel]),1)])],10,L),a.open[n]||s.hasKeyword?(t.openBlock(!0),t.createElementBlock(t.Fragment,{key:0},t.renderList(r[e.itemValue],(u,h)=>(t.openBlock(),t.createElementBlock("div",{key:u.$$id,class:t.normalizeClass(["vui-list-items-item-label",{"vui-list-items-item-label--selectable":e.selectable},{"vui-list-items-item-label--selected":s.isSelected(u)}]),onClick:()=>s.onClick(u)},[u.icon?(t.openBlock(),t.createElementBlock("i",{key:0,class:t.normalizeClass(["vui-list-items-item-label-icon",u.icon])},null,2)):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"item",{index:h,item:u,itemLabel:e.itemLabel,itemValue:e.itemValue},()=>[t.createTextVNode(t.toDisplayString(u[e.itemLabel]),1)])],10,N))),128)):t.createCommentVNode("",!0)],64)):t.createCommentVNode("",!0)],2))),128))]),t.renderSlot(e.$slots,"append")],10,B)}const I=m._export_sfc(v,[["render",E]]);exports.default=I;