@e-xode/vui 0.6.7 → 0.6.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (73) hide show
  1. package/README.md +0 -4
  2. package/dist/doc/assets/{alert-xIfTKyZn.js → alert-CbFgfQUo.js} +1 -1
  3. package/dist/doc/assets/{alert-kDXe81fs.js → alert-DfQwT6OA.js} +1 -1
  4. package/dist/doc/assets/{button-2k6FVc0L.js → button-COuiG5KX.js} +1 -1
  5. package/dist/doc/assets/{button-9ro2C_DO.js → button-DvGB3hP2.js} +1 -1
  6. package/dist/doc/assets/{card-DiRo_ZxR.js → card-BE5N1ELf.js} +1 -1
  7. package/dist/doc/assets/{card-ETnsHTxY.js → card-DrG3AJ3t.js} +1 -1
  8. package/dist/doc/assets/{checkbox-GxzrS_FW.js → checkbox-C22EmmAr.js} +1 -1
  9. package/dist/doc/assets/{checkbox-XTMM84PN.js → checkbox-CtW0hne9.js} +1 -1
  10. package/dist/doc/assets/{component-Cd0V3c30.js → component-Ckhc3XnI.js} +1 -1
  11. package/dist/doc/assets/{default-Ddw34XZA.js → default-LA7Ccgwz.js} +1 -1
  12. package/dist/doc/assets/{demonstrable-Dv7XIPoL.js → demonstrable-D6rf1mQ8.js} +1 -1
  13. package/dist/doc/assets/{dropdown-C6Kafffe.js → dropdown-AsBf0iVM.js} +1 -1
  14. package/dist/doc/assets/{dropdown-CWekPPzX.js → dropdown-CdJfqX3U.js} +1 -1
  15. package/dist/doc/assets/{footer-DEmxvZDO.js → footer-BUhm-koS.js} +1 -1
  16. package/dist/doc/assets/{footer-DmvqVfCJ.js → footer-DITUoPy9.js} +1 -1
  17. package/dist/doc/assets/{form-DQoPnfc6.js → form-BLtUQ-lY.js} +1 -1
  18. package/dist/doc/assets/{form-DLfAvscm.js → form-DV09lYvO.js} +1 -1
  19. package/dist/doc/assets/{grid-Dyb-qIv6.js → grid-CTROyBV4.js} +1 -1
  20. package/dist/doc/assets/{grid-Byaifs5F.js → grid-DVItt9zr.js} +1 -1
  21. package/dist/doc/assets/{header-CW68DlQ3.js → header-B-BfJKYQ.js} +1 -1
  22. package/dist/doc/assets/{header-C2DRVubg.js → header-BD031rJv.js} +1 -1
  23. package/dist/doc/assets/{index-BTCbAXEh.js → index-421S8sYE.js} +3 -3
  24. package/dist/doc/assets/{index-DYd8GVyV.js → index-X2VadL3u.js} +1 -1
  25. package/dist/doc/assets/{input-hkS14TCT.js → input-DAYAbs_u.js} +1 -1
  26. package/dist/doc/assets/{input-Dxw7RYfZ.js → input-DpDc_WzU.js} +1 -1
  27. package/dist/doc/assets/{list-n3xmt7CO.js → list-D2FEJjG3.js} +1 -1
  28. package/dist/doc/assets/{list-BYX5Hslw.js → list-yhtMSymY.js} +1 -1
  29. package/dist/doc/assets/{loader-C_KYFdY0.js → loader-B6lJYbZi.js} +1 -1
  30. package/dist/doc/assets/{loader-hc6kqiqT.js → loader-Bf-nSxQT.js} +1 -1
  31. package/dist/doc/assets/{modal-DprGtJnD.js → modal-DlUW_kaU.js} +1 -1
  32. package/dist/doc/assets/{modal-Ci7IYllg.js → modal-VE08CY0x.js} +1 -1
  33. package/dist/doc/assets/{nav--03mFDUT.js → nav-DYkZv58f.js} +1 -1
  34. package/dist/doc/assets/{nav-C9RI5Z6H.js → nav-IXrpcqYs.js} +1 -1
  35. package/dist/doc/assets/{page-CMF9WylW.js → page-BpUtuiQG.js} +1 -1
  36. package/dist/doc/assets/{page-C85vct24.js → page-wuZc9O2p.js} +1 -1
  37. package/dist/doc/assets/{pager-0bNXGtWQ.js → pager-CEzyxQCo.js} +1 -1
  38. package/dist/doc/assets/{pager-BuEhUbXw.js → pager-CXdKPt5C.js} +1 -1
  39. package/dist/doc/assets/{progress-B9G9PL1G.js → progress-BlA_EUah.js} +1 -1
  40. package/dist/doc/assets/{progress-aePOsZNN.js → progress-yFWu8fT9.js} +1 -1
  41. package/dist/doc/assets/{radio-vJklHHcl.js → radio-BS9FLviC.js} +1 -1
  42. package/dist/doc/assets/{radio-FDvwgcUe.js → radio-Ckx0vNcX.js} +1 -1
  43. package/dist/doc/assets/{start-Cpz5sHNq.js → start-C_u3pZMX.js} +1 -1
  44. package/dist/doc/assets/{table-D1jz3DKO.js → table-CjpAkPH9.js} +4 -4
  45. package/dist/doc/assets/table-d1SewNuO.js +1 -0
  46. package/dist/doc/assets/tabs-C60XBCs9.js +18 -0
  47. package/dist/doc/assets/{tabs-B3SGp8R7.css → tabs-hlfEQ058.css} +1 -1
  48. package/dist/doc/assets/tabs-vW_19yxP.js +1 -0
  49. package/dist/doc/assets/{tag-0ugBlzs4.js → tag--7Zal5Qh.js} +1 -1
  50. package/dist/doc/assets/{tag-CgEGHygn.js → tag-BVTDDSad.js} +1 -1
  51. package/dist/doc/assets/{toggle-Dxv9_B8u.js → toggle-Borth1ZY.js} +1 -1
  52. package/dist/doc/assets/{toggle-CsmmXJeS.js → toggle-y-gY6lFl.js} +1 -1
  53. package/dist/doc/assets/{tooltip-BZOlKAkT.js → tooltip-03ntAr6u.js} +1 -1
  54. package/dist/doc/assets/{tooltip-CfuewoN3.js → tooltip-CSTgz_s6.js} +1 -1
  55. package/dist/doc/assets/{translatable-eIyiPB31.js → translatable-1Spw6vjt.js} +1 -1
  56. package/dist/doc/assets/{unit-KaJ8YPkP.js → unit-DrC7rDZj.js} +1 -1
  57. package/dist/doc/assets/{unit-B5sbv-XJ.js → unit-qNeooDZa.js} +1 -1
  58. package/dist/doc/index.html +1 -1
  59. package/dist/style.css +1 -1
  60. package/dist/table-BwNXLneC.js +99 -0
  61. package/dist/table-CZIoYOTL.js +1 -0
  62. package/dist/{tabs-X0RMcNvq.js → tabs-BRZDtZl_.js} +26 -26
  63. package/dist/tabs-ovpCyyQj.js +1 -0
  64. package/dist/vui.esm.js +1 -1
  65. package/dist/vui.js +1 -1
  66. package/dist/vui.umd.js +1 -1
  67. package/package.json +5 -5
  68. package/dist/doc/assets/table-C_Rv3GlB.js +0 -1
  69. package/dist/doc/assets/tabs-CpDei3SM.js +0 -11
  70. package/dist/doc/assets/tabs-DJI7K47M.js +0 -1
  71. package/dist/table-8qXMDkjH.js +0 -1
  72. package/dist/table-DuvV-g2p.js +0 -95
  73. package/dist/tabs-CHwXPZS8.js +0 -1
@@ -1 +1 @@
1
- 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-BTCbAXEh.js";import{t as j}from"./translatable-eIyiPB31.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};
1
+ 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};
@@ -1,4 +1,4 @@
1
- import{d as b}from"./demonstrable-Dv7XIPoL.js";import{t as v}from"./translatable-eIyiPB31.js";import h from"./list-n3xmt7CO.js";import{_ as f,a,b as l,w as i,r as s,o,F as c,g as y,h as x,m as _,i as L,d as p,t as m}from"./index-BTCbAXEh.js";import"./animable-S5zFcxd4.js";import"./composable-CshUTKfl.js";const S={"page.component.list.text-1":"List an array of strings, numbers, ...","page.component.list.text-2":"List an array of objects","page.component.list.text-3":"List with groups of objects arrays","page.component.list.doc.prop.autoclose":"Closes automatically opened group when a new one is opened","page.component.list.doc.prop.disable-filtering":"Disable the internal filtering even a keyword props is provided, useful serverside filtering is needed","page.component.list.doc.prop.disabled":"Binds the disabled state condition","page.component.list.doc.prop.expanded":"Start with all items groups opened","page.component.list.doc.prop.icon":"Class name of the icon to display before each item label","page.component.list.doc.prop.keyword":"Used to filter the items list","page.component.list.doc.prop.loading":"Binds the loading state","page.component.list.doc.prop.item-label":"Label key foreach list item","page.component.list.doc.prop.item-value":"Value key foreach list item","page.component.list.doc.prop.items":"Array of values that composes the list","page.component.list.doc.prop.selectable":"Determines if list items are selectable","page.component.list.doc.prop.title":"Display a title above the list items","page.component.list.doc.prop.value":"Selected item in the list","page.component.list.doc.prop.v-model":"Binds the model value of dropdown","page.component.list.doc.slot.group-item":"Slot to iterates over each item group","page.component.list.doc.slot.item":"Slot to iterates over each item of the list","page.component.list.doc.slot.placeholder":"Slot for the placeholder"},B={},k={en:S,fr:B},d={attrs:[],examples:[{markup:`
1
+ import{d as b}from"./demonstrable-D6rf1mQ8.js";import{t as v}from"./translatable-1Spw6vjt.js";import h from"./list-D2FEJjG3.js";import{_ as f,a,b as l,w as i,r as s,o,F as c,g as y,h as x,m as _,i as L,d as p,t as m}from"./index-421S8sYE.js";import"./animable-S5zFcxd4.js";import"./composable-CshUTKfl.js";const S={"page.component.list.text-1":"List an array of strings, numbers, ...","page.component.list.text-2":"List an array of objects","page.component.list.text-3":"List with groups of objects arrays","page.component.list.doc.prop.autoclose":"Closes automatically opened group when a new one is opened","page.component.list.doc.prop.disable-filtering":"Disable the internal filtering even a keyword props is provided, useful serverside filtering is needed","page.component.list.doc.prop.disabled":"Binds the disabled state condition","page.component.list.doc.prop.expanded":"Start with all items groups opened","page.component.list.doc.prop.icon":"Class name of the icon to display before each item label","page.component.list.doc.prop.keyword":"Used to filter the items list","page.component.list.doc.prop.loading":"Binds the loading state","page.component.list.doc.prop.item-label":"Label key foreach list item","page.component.list.doc.prop.item-value":"Value key foreach list item","page.component.list.doc.prop.items":"Array of values that composes the list","page.component.list.doc.prop.selectable":"Determines if list items are selectable","page.component.list.doc.prop.title":"Display a title above the list items","page.component.list.doc.prop.value":"Selected item in the list","page.component.list.doc.prop.v-model":"Binds the model value of dropdown","page.component.list.doc.slot.group-item":"Slot to iterates over each item group","page.component.list.doc.slot.item":"Slot to iterates over each item of the list","page.component.list.doc.slot.placeholder":"Slot for the placeholder"},B={},k={en:S,fr:B},d={attrs:[],examples:[{markup:`
2
2
  <vui-list
3
3
  :items=[1, 2, 3, 4]
4
4
  :selectable="true"
@@ -1,4 +1,4 @@
1
- import{d as h}from"./demonstrable-Dv7XIPoL.js";import{t as f}from"./translatable-eIyiPB31.js";import y from"./loader-hc6kqiqT.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-BTCbAXEh.js";import"./composable-CshUTKfl.js";import"./alert-kDXe81fs.js";const m={attrs:[{name:"flat",text:"page.component.loader.doc.attr.flat"}],examples:[{markup:`
1
+ 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:`
2
2
  <vui-loader
3
3
  text="It's loading..."
4
4
  >
@@ -1 +1 @@
1
- import{c as n}from"./composable-CshUTKfl.js";import{t as r}from"./translatable-eIyiPB31.js";import l from"./alert-kDXe81fs.js";import{_ as i,h as p,w as d,n as e,r as c,o as u,j as s,d as a,t as m}from"./index-BTCbAXEh.js";const f={"component.loader.text":"It's loading..."},$={},v={en:f,fr:$},h={icon:{type:String,default:"fa-sharp fa-solid fa-spinner"},text:{type:String}},g={name:"VuiLoader",components:{VuiAlert:l},mixins:[n],props:h,created(){r(v)}},y={class:"vui-loader-body"};function b(o,S,V,B,C,_){const t=c("vui-alert");return u(),p(t,{id:o.componentId,class:e(["vui-loader",`vui-loader--${o.layout}`,{"vui-loader--flat":o.hasAttribute("flat")},o.$props.class])},{default:d(()=>[s(o.$slots,"prepend"),s(o.$slots,"icon",{},()=>[a("i",{class:e(["vui-loader-icon",o.icon])},null,2)]),s(o.$slots,"default",{},()=>[a("span",y,m(o.text?o.text:o.$t("component.loader.text")),1)]),s(o.$slots,"append")]),_:3},8,["id","class"])}const L=i(g,[["render",b]]);export{L as default};
1
+ import{c as n}from"./composable-CshUTKfl.js";import{t as r}from"./translatable-1Spw6vjt.js";import l from"./alert-DfQwT6OA.js";import{_ as i,h as p,w as d,n as e,r as c,o as u,j as s,d as a,t as m}from"./index-421S8sYE.js";const f={"component.loader.text":"It's loading..."},$={},v={en:f,fr:$},h={icon:{type:String,default:"fa-sharp fa-solid fa-spinner"},text:{type:String}},g={name:"VuiLoader",components:{VuiAlert:l},mixins:[n],props:h,created(){r(v)}},y={class:"vui-loader-body"};function b(o,S,V,B,C,_){const t=c("vui-alert");return u(),p(t,{id:o.componentId,class:e(["vui-loader",`vui-loader--${o.layout}`,{"vui-loader--flat":o.hasAttribute("flat")},o.$props.class])},{default:d(()=>[s(o.$slots,"prepend"),s(o.$slots,"icon",{},()=>[a("i",{class:e(["vui-loader-icon",o.icon])},null,2)]),s(o.$slots,"default",{},()=>[a("span",y,m(o.text?o.text:o.$t("component.loader.text")),1)]),s(o.$slots,"append")]),_:3},8,["id","class"])}const L=i(g,[["render",b]]);export{L as default};
@@ -1,4 +1,4 @@
1
- import{d as w}from"./demonstrable-Dv7XIPoL.js";import{t as C}from"./translatable-eIyiPB31.js";import x from"./modal-Ci7IYllg.js";import{_ as V,a as s,b as e,w as t,r as a,o as p,F as h,g as B,e as H,t as l,m as k,d as n}from"./index-BTCbAXEh.js";import"./button-9ro2C_DO.js";import"./animable-S5zFcxd4.js";import"./composable-CshUTKfl.js";const F={"page.component.modal.example-1":"modal example","page.component.modal.click-to-open":"click to open","page.component.modal.content":"My modal content","page.component.modal.title":"My modal title","page.component.modal.doc.prop.loading":"Binds the loading state","page.component.modal.doc.prop.showFooter":"Enables the modal footer","page.component.modal.doc.prop.showFooterClose":"Displays close button in the modal footer","page.component.modal.doc.prop.showHeader":"Enables the modal header","page.component.modal.doc.prop.showHeaderClose":"Display the close button in the modal header","page.component.modal.doc.prop.value":"Defines the visible state of the modal","page.component.modal.doc.prop.vmodel":"Binds the visible state of the modal","page.component.modal.doc.slot.header":"Slot for the header content of modal","page.component.modal.doc.slot.body":"Slot for the body content of modal","page.component.modal.doc.slot.footer":"Slot for the footer content of modal"},M={},$={en:F,fr:M},g={attrs:[],examples:[{markup:`
1
+ import{d as w}from"./demonstrable-D6rf1mQ8.js";import{t as C}from"./translatable-1Spw6vjt.js";import x from"./modal-VE08CY0x.js";import{_ as V,a as s,b as e,w as t,r as a,o as p,F as h,g as B,e as H,t as l,m as k,d as n}from"./index-421S8sYE.js";import"./button-DvGB3hP2.js";import"./animable-S5zFcxd4.js";import"./composable-CshUTKfl.js";const F={"page.component.modal.example-1":"modal example","page.component.modal.click-to-open":"click to open","page.component.modal.content":"My modal content","page.component.modal.title":"My modal title","page.component.modal.doc.prop.loading":"Binds the loading state","page.component.modal.doc.prop.showFooter":"Enables the modal footer","page.component.modal.doc.prop.showFooterClose":"Displays close button in the modal footer","page.component.modal.doc.prop.showHeader":"Enables the modal header","page.component.modal.doc.prop.showHeaderClose":"Display the close button in the modal header","page.component.modal.doc.prop.value":"Defines the visible state of the modal","page.component.modal.doc.prop.vmodel":"Binds the visible state of the modal","page.component.modal.doc.slot.header":"Slot for the header content of modal","page.component.modal.doc.slot.body":"Slot for the body content of modal","page.component.modal.doc.slot.footer":"Slot for the footer content of modal"},M={},$={en:F,fr:M},g={attrs:[],examples:[{markup:`
2
2
  <vui-modal
3
3
  id="vui-modal-1"
4
4
  :showHeaderClose="true"
@@ -1 +1 @@
1
- import u from"./button-9ro2C_DO.js";import{c as h}from"./composable-CshUTKfl.js";import{t as m}from"./translatable-eIyiPB31.js";import{_ as c,a as t,j as i,d as p,t as f,f as o,h as b,n as V,r as v,o as s}from"./index-BTCbAXEh.js";import"./animable-S5zFcxd4.js";const y={"component.button.close":"Close"},k={},g={en:y,fr:k},C={loading:{type:Boolean},modelValue:{default:void 0,type:Boolean},showFooter:{type:Boolean},showFooterClose:{type:Boolean},showHeader:{type:Boolean},showHeaderClose:{type:Boolean},title:{type:String},value:{default:void 0,type:Boolean}},B={name:"VuiModal",components:{VuiButton:u},mixins:[h],props:C,emits:["update:model-value"],data(){return{isVisible:!1}},computed:{isHeaderVisible(){return this.$slots.header||this.showHeader||this.showHeaderClose},isFooterVisible(){return this.$slots.footer||this.showFooter||this.showFooterClose}},watch:{modelValue(e){this.isVisible=e},value(e){this.isVisible=e}},created(){m(g),this.hasModelValue?this.isVisible=this.modelValue:this.hasValue&&(this.isVisible=this.value)},methods:{onToggle(){this.disabled||(this.isVisible=!this.isVisible,this.$emit("update:model-value",this.isVisible))}}},w=["id"],$={class:"vui-modal-content"},H={key:0,class:"vui-modal-content-header"},_={key:0,class:"vui-modal-content-header-title"},F={key:1,class:"vui-modal-content-body"},T={key:2,class:"vui-modal-content-footer"};function M(e,a,S,N,n,l){const r=v("vui-button");return n.isVisible?(s(),t("div",{key:0,id:e.componentId,class:V(["vui-modal",e.$props.class])},[i(e.$slots,"prepend"),p("div",$,[l.isHeaderVisible?(s(),t("div",H,[e.title?(s(),t("span",_,f(e.title),1)):o("",!0),e.showHeaderClose?(s(),t("i",{key:1,class:"fa-regular fa-circle-xmark",onClick:a[0]||(a[0]=(...d)=>l.onToggle&&l.onToggle(...d))})):o("",!0),i(e.$slots,"header")])):o("",!0),e.$slots.body||e.$slots.default?(s(),t("div",F,[i(e.$slots,"body"),i(e.$slots,"default")])):o("",!0),l.isFooterVisible?(s(),t("div",T,[e.showHeaderClose?(s(),b(r,{key:0,text:e.$t("component.button.close"),onClick:l.onToggle},null,8,["text","onClick"])):o("",!0),i(e.$slots,"footer")])):o("",!0)]),i(e.$slots,"append")],10,w)):o("",!0)}const q=c(B,[["render",M]]);export{q as default};
1
+ import u from"./button-DvGB3hP2.js";import{c as h}from"./composable-CshUTKfl.js";import{t as m}from"./translatable-1Spw6vjt.js";import{_ as c,a as t,j as i,d as p,t as f,f as o,h as b,n as V,r as v,o as s}from"./index-421S8sYE.js";import"./animable-S5zFcxd4.js";const y={"component.button.close":"Close"},k={},g={en:y,fr:k},C={loading:{type:Boolean},modelValue:{default:void 0,type:Boolean},showFooter:{type:Boolean},showFooterClose:{type:Boolean},showHeader:{type:Boolean},showHeaderClose:{type:Boolean},title:{type:String},value:{default:void 0,type:Boolean}},B={name:"VuiModal",components:{VuiButton:u},mixins:[h],props:C,emits:["update:model-value"],data(){return{isVisible:!1}},computed:{isHeaderVisible(){return this.$slots.header||this.showHeader||this.showHeaderClose},isFooterVisible(){return this.$slots.footer||this.showFooter||this.showFooterClose}},watch:{modelValue(e){this.isVisible=e},value(e){this.isVisible=e}},created(){m(g),this.hasModelValue?this.isVisible=this.modelValue:this.hasValue&&(this.isVisible=this.value)},methods:{onToggle(){this.disabled||(this.isVisible=!this.isVisible,this.$emit("update:model-value",this.isVisible))}}},w=["id"],$={class:"vui-modal-content"},H={key:0,class:"vui-modal-content-header"},_={key:0,class:"vui-modal-content-header-title"},F={key:1,class:"vui-modal-content-body"},T={key:2,class:"vui-modal-content-footer"};function M(e,a,S,N,n,l){const r=v("vui-button");return n.isVisible?(s(),t("div",{key:0,id:e.componentId,class:V(["vui-modal",e.$props.class])},[i(e.$slots,"prepend"),p("div",$,[l.isHeaderVisible?(s(),t("div",H,[e.title?(s(),t("span",_,f(e.title),1)):o("",!0),e.showHeaderClose?(s(),t("i",{key:1,class:"fa-regular fa-circle-xmark",onClick:a[0]||(a[0]=(...d)=>l.onToggle&&l.onToggle(...d))})):o("",!0),i(e.$slots,"header")])):o("",!0),e.$slots.body||e.$slots.default?(s(),t("div",F,[i(e.$slots,"body"),i(e.$slots,"default")])):o("",!0),l.isFooterVisible?(s(),t("div",T,[e.showHeaderClose?(s(),b(r,{key:0,text:e.$t("component.button.close"),onClick:l.onToggle},null,8,["text","onClick"])):o("",!0),i(e.$slots,"footer")])):o("",!0)]),i(e.$slots,"append")],10,w)):o("",!0)}const q=c(B,[["render",M]]);export{q as default};
@@ -1,4 +1,4 @@
1
- import{d as f}from"./demonstrable-Dv7XIPoL.js";import{t as _}from"./translatable-eIyiPB31.js";import x from"./nav-C9RI5Z6H.js";import{_ as y,a as l,b as t,w as n,r as p,o,F as u,g as L,h as S,m as V,i as k,d as s,t as v}from"./index-BTCbAXEh.js";import"./list-n3xmt7CO.js";import"./animable-S5zFcxd4.js";import"./composable-CshUTKfl.js";const B={"page.component.nav.doc.prop.disabled":"Binds the disabled state condition","page.component.nav.doc.prop.icon":"Class name of the icon to display before each item label","page.component.nav.doc.prop.item-label":"Label key foreach nav item","page.component.nav.doc.prop.item-value":"Value key foreach nav item","page.component.nav.doc.prop.items":"Array of values that composes the nav","page.component.nav.doc.prop.loading":"Layout of the tag","page.component.nav.doc.prop.value":"Selected item in the nav","page.component.nav.doc.prop.v-model":"Binds the models of nav","page.component.nav.doc.slot.group-item":"Slot to custom each items group of the list","page.component.nav.doc.slot.item":"Slot to custom each item of the list","page.component.nav.doc.slot.placeholder":"Placeholder slot for the default list title element"},N={},w={en:B,fr:N},i={examples:[{markup:`
1
+ import{d as f}from"./demonstrable-D6rf1mQ8.js";import{t as _}from"./translatable-1Spw6vjt.js";import x from"./nav-IXrpcqYs.js";import{_ as y,a as l,b as t,w as n,r as p,o,F as u,g as L,h as S,m as V,i as k,d as s,t as v}from"./index-421S8sYE.js";import"./list-D2FEJjG3.js";import"./animable-S5zFcxd4.js";import"./composable-CshUTKfl.js";const B={"page.component.nav.doc.prop.disabled":"Binds the disabled state condition","page.component.nav.doc.prop.icon":"Class name of the icon to display before each item label","page.component.nav.doc.prop.item-label":"Label key foreach nav item","page.component.nav.doc.prop.item-value":"Value key foreach nav item","page.component.nav.doc.prop.items":"Array of values that composes the nav","page.component.nav.doc.prop.loading":"Layout of the tag","page.component.nav.doc.prop.value":"Selected item in the nav","page.component.nav.doc.prop.v-model":"Binds the models of nav","page.component.nav.doc.slot.group-item":"Slot to custom each items group of the list","page.component.nav.doc.slot.item":"Slot to custom each item of the list","page.component.nav.doc.slot.placeholder":"Placeholder slot for the default list title element"},N={},w={en:B,fr:N},i={examples:[{markup:`
2
2
  <vui-nav
3
3
  :items=[
4
4
  { label: "label 1", value: "value 1" },
@@ -1 +1 @@
1
- import V from"./list-n3xmt7CO.js";import{c as y}from"./composable-CshUTKfl.js";import{t as k}from"./translatable-eIyiPB31.js";import{_ as g,a as i,j as n,b as N,w as m,n as p,r as c,o as l,f as r,t as f,h as B,e as C}from"./index-BTCbAXEh.js";import"./animable-S5zFcxd4.js";const S={},_={},$={en:S,fr:_},w={items:{type:Array,required:!0},itemLabel:{type:String},itemValue:{type:String},modelValue:{default:void 0,types:[Boolean,Number,Object,String]},showIcons:{type:Boolean,default:!0},value:{default:void 0,types:[Boolean,Number,Object,String]}},I={name:"VuiNav",components:{VuiList:V},mixins:[y],props:w,emits:["update:model-value"],data(){return{selected:null}},watch:{modelValue(e){this.selected=e},value(e){this.selected=e}},created(){k($),this.hasModelValue?this.selected=this.modelValue:this.hasValue&&(this.selected=this.value)},methods:{onClick(e){this.disabled||this.$emit("update:model-value",e)}}},j=["id"],A={key:1,class:"vui-list-items-item-label-text"};function L(e,d,O,U,u,h){const v=c("router-link"),b=c("vui-list");return l(),i("div",{id:e.componentId,class:p(["vui-nav",{"vui-nav--flat":e.hasAttribute("flat")},e.$props.class])},[n(e.$slots,"prepend"),N(b,{modelValue:u.selected,"onUpdate:modelValue":[d[0]||(d[0]=s=>u.selected=s),h.onClick],class:"vui-nav-list","group-id":e.componentGroupId,disabled:e.disabled,"item-label":e.itemLabel,"item-value":e.itemValue,items:e.items,selectable:!e.disabled},{item:m(({index:s,item:t,itemValue:o,itemLabel:a})=>[n(e.$slots,"item",{index:s,item:t,itemLabel:a,itemValue:o},()=>[e.showIcons?(l(),i("i",{key:0,class:p(["fa-solid",{"fa-location-dot":!s},{"fa-chevron-right":s}])},null,2)):r("",!0),t.route?r("",!0):(l(),i("span",A,f(o?t[a]:t),1)),t.route?(l(),B(v,{key:2,to:t.route,class:"vui-list-items-item-label-text"},{default:m(()=>[C(f(o?t[a]:t),1)]),_:2},1032,["to"])):r("",!0)])]),_:3},8,["modelValue","group-id","disabled","item-label","item-value","items","selectable","onUpdate:modelValue"]),n(e.$slots,"append")],10,j)}const M=g(I,[["render",L]]);export{M as default};
1
+ import V from"./list-D2FEJjG3.js";import{c as y}from"./composable-CshUTKfl.js";import{t as k}from"./translatable-1Spw6vjt.js";import{_ as g,a as i,j as n,b as N,w as m,n as p,r as c,o as l,f as r,t as f,h as B,e as C}from"./index-421S8sYE.js";import"./animable-S5zFcxd4.js";const S={},_={},$={en:S,fr:_},w={items:{type:Array,required:!0},itemLabel:{type:String},itemValue:{type:String},modelValue:{default:void 0,types:[Boolean,Number,Object,String]},showIcons:{type:Boolean,default:!0},value:{default:void 0,types:[Boolean,Number,Object,String]}},I={name:"VuiNav",components:{VuiList:V},mixins:[y],props:w,emits:["update:model-value"],data(){return{selected:null}},watch:{modelValue(e){this.selected=e},value(e){this.selected=e}},created(){k($),this.hasModelValue?this.selected=this.modelValue:this.hasValue&&(this.selected=this.value)},methods:{onClick(e){this.disabled||this.$emit("update:model-value",e)}}},j=["id"],A={key:1,class:"vui-list-items-item-label-text"};function L(e,d,O,U,u,h){const v=c("router-link"),b=c("vui-list");return l(),i("div",{id:e.componentId,class:p(["vui-nav",{"vui-nav--flat":e.hasAttribute("flat")},e.$props.class])},[n(e.$slots,"prepend"),N(b,{modelValue:u.selected,"onUpdate:modelValue":[d[0]||(d[0]=s=>u.selected=s),h.onClick],class:"vui-nav-list","group-id":e.componentGroupId,disabled:e.disabled,"item-label":e.itemLabel,"item-value":e.itemValue,items:e.items,selectable:!e.disabled},{item:m(({index:s,item:t,itemValue:o,itemLabel:a})=>[n(e.$slots,"item",{index:s,item:t,itemLabel:a,itemValue:o},()=>[e.showIcons?(l(),i("i",{key:0,class:p(["fa-solid",{"fa-location-dot":!s},{"fa-chevron-right":s}])},null,2)):r("",!0),t.route?r("",!0):(l(),i("span",A,f(o?t[a]:t),1)),t.route?(l(),B(v,{key:2,to:t.route,class:"vui-list-items-item-label-text"},{default:m(()=>[C(f(o?t[a]:t),1)]),_:2},1032,["to"])):r("",!0)])]),_:3},8,["modelValue","group-id","disabled","item-label","item-value","items","selectable","onUpdate:modelValue"]),n(e.$slots,"append")],10,j)}const M=g(I,[["render",L]]);export{M as default};
@@ -1 +1 @@
1
- import{a as n}from"./animable-S5zFcxd4.js";import{c as d}from"./composable-CshUTKfl.js";import{t as p}from"./translatable-eIyiPB31.js";import{_ as u,a as e,j as o,f as a,n as c,o as t}from"./index-BTCbAXEh.js";const m={},f={},$={en:m,fr:f},h={name:"VuiPage",mixins:[n,d],created(){p($)},methods:{outclick(){this.$bus.emit("outclick",this.componentGroupId)}}},k=["id"],v={key:0,class:"vui-page-header"},g={key:1,class:"vui-page-body"},b={key:2,class:"vui-page-footer"};function y(s,r,C,V,B,l){return t(),e("div",{id:s.componentId,class:c(["vui-page",`vui-page--${s.layout}`,{"vui-page--flat":s.hasAttribute("flat")},s.$props.class]),onClick:r[0]||(r[0]=(...i)=>l.outclick&&l.outclick(...i))},[o(s.$slots,"prepend"),s.$slots.header?(t(),e("div",v,[o(s.$slots,"header")])):a("",!0),s.$slots.body||s.$slots.default?(t(),e("div",g,[o(s.$slots,"body"),o(s.$slots,"default")])):a("",!0),s.$slots.footer?(t(),e("div",b,[o(s.$slots,"footer")])):a("",!0),o(s.$slots,"append")],10,k)}const A=u(h,[["render",y]]);export{A as default};
1
+ import{a as n}from"./animable-S5zFcxd4.js";import{c as d}from"./composable-CshUTKfl.js";import{t as p}from"./translatable-1Spw6vjt.js";import{_ as u,a as e,j as o,f as a,n as c,o as t}from"./index-421S8sYE.js";const m={},f={},$={en:m,fr:f},h={name:"VuiPage",mixins:[n,d],created(){p($)},methods:{outclick(){this.$bus.emit("outclick",this.componentGroupId)}}},k=["id"],v={key:0,class:"vui-page-header"},g={key:1,class:"vui-page-body"},b={key:2,class:"vui-page-footer"};function y(s,r,C,V,B,l){return t(),e("div",{id:s.componentId,class:c(["vui-page",`vui-page--${s.layout}`,{"vui-page--flat":s.hasAttribute("flat")},s.$props.class]),onClick:r[0]||(r[0]=(...i)=>l.outclick&&l.outclick(...i))},[o(s.$slots,"prepend"),s.$slots.header?(t(),e("div",v,[o(s.$slots,"header")])):a("",!0),s.$slots.body||s.$slots.default?(t(),e("div",g,[o(s.$slots,"body"),o(s.$slots,"default")])):a("",!0),s.$slots.footer?(t(),e("div",b,[o(s.$slots,"footer")])):a("",!0),o(s.$slots,"append")],10,k)}const A=u(h,[["render",y]]);export{A as default};
@@ -1,4 +1,4 @@
1
- import{d as f}from"./demonstrable-Dv7XIPoL.js";import{t as b}from"./translatable-eIyiPB31.js";import v from"./page-CMF9WylW.js";import{_,a as s,b as t,w as a,r as n,o as g,F as i,g as M,k,l as S,q as $,e as l,t as p,d as r}from"./index-BTCbAXEh.js";import"./animable-S5zFcxd4.js";import"./composable-CshUTKfl.js";const m={attrs:[{name:"flat",text:"page.component.page.doc.attr.flat"}],examples:[{markup:`
1
+ import{d as f}from"./demonstrable-D6rf1mQ8.js";import{t as b}from"./translatable-1Spw6vjt.js";import v from"./page-BpUtuiQG.js";import{_,a as s,b as t,w as a,r as n,o as g,F as i,g as M,k,l as S,q as $,e as l,t as p,d as r}from"./index-421S8sYE.js";import"./animable-S5zFcxd4.js";import"./composable-CshUTKfl.js";const m={attrs:[{name:"flat",text:"page.component.page.doc.attr.flat"}],examples:[{markup:`
2
2
  <vui-page
3
3
  layout="warning"
4
4
  id="vui-page-1"
@@ -1,4 +1,4 @@
1
- import{d as b}from"./demonstrable-Dv7XIPoL.js";import{t as f}from"./translatable-eIyiPB31.js";import x from"./pager-BuEhUbXw.js";import{_ as V,a as s,b as o,w as r,r as n,o as a,F as c,g as y,h as k,m as z,i as B,d as i,t as u}from"./index-BTCbAXEh.js";import"./nav-C9RI5Z6H.js";import"./list-n3xmt7CO.js";import"./animable-S5zFcxd4.js";import"./composable-CshUTKfl.js";import"./button-9ro2C_DO.js";const g={attrs:[],examples:[{markup:`
1
+ import{d as b}from"./demonstrable-D6rf1mQ8.js";import{t as f}from"./translatable-1Spw6vjt.js";import x from"./pager-CXdKPt5C.js";import{_ as V,a as s,b as o,w as r,r as n,o as a,F as c,g as y,h as k,m as z,i as B,d as i,t as u}from"./index-421S8sYE.js";import"./nav-IXrpcqYs.js";import"./list-D2FEJjG3.js";import"./animable-S5zFcxd4.js";import"./composable-CshUTKfl.js";import"./button-DvGB3hP2.js";const g={attrs:[],examples:[{markup:`
2
2
  <vui-pager
3
3
  id="vui-page-1"
4
4
  :count="9"
@@ -1 +1 @@
1
- import h from"./nav-C9RI5Z6H.js";import f from"./button-9ro2C_DO.js";import{a as b}from"./animable-S5zFcxd4.js";import{c as v}from"./composable-CshUTKfl.js";import{t as V}from"./translatable-eIyiPB31.js";import{_ as P,a as k,j as a,d as r,n as d,r as u,o as C,b as i,m as l}from"./index-BTCbAXEh.js";import"./list-n3xmt7CO.js";const N={"page.component.pager.doc.prop.count":"Total number of paginated items","page.component.pager.doc.prop.disabled":"Binds the disabled state condition","page.component.pager.doc.prop.loading":"Binds the loading state","page.component.pager.doc.prop.size":"Number of paginated items per page","page.component.pager.doc.prop.value":"Selected item in the pager","page.component.pager.doc.prop.v-model":"Binds the model changes of pager","page.component.pager.doc.slot.first":"Slot for first page button","page.component.pager.doc.slot.last":"Slot for last page button","page.component.pager.doc.slot.previous":"Slot for previous page button","page.component.pager.doc.slot.next":"Slot for next page button"},B={},L={en:N,fr:B},S={count:{type:Number,default:0},modelValue:{default:void 0,type:Number},value:{default:void 0,type:Number},size:{type:Number,default:25}},y={name:"VuiPager",components:{VuiButton:f,VuiNav:h},mixins:[b,v],props:S,emits:["update:model-value"],data(){return{page:1}},computed:{isLast(){return this.page===this.last},last(){return Math.ceil(this.count/this.size)},pages(){if(this.last){const e=[...Array.from({length:this.last},(g,t)=>t+1)],o=e.slice(0,this.page),n=e.slice(this.page,e.length);return[...o.slice(-(n.length>2?2:2+(2-n.length))),...n.slice(0,o.length>2?2:2+(2-o.length))]}return[]}},watch:{modelValue(e){this.page=e},value(e){this.page=e}},created(){V(L),this.hasModelValue?this.page=this.modelValue:this.hasValue&&(this.page=this.value)},methods:{onFirst(){!this.disabled&&this.page>1&&(this.page=1,this.onPage())},onLast(){!this.disabled&&!this.isLast&&(this.page=this.last,this.onPage())},onNext(){!this.disabled&&!this.isLast&&(this.page++,this.onPage())},onPrevious(){!this.disabled&&this.page>1&&(this.page--,this.onPage())},onPage(){this.$emit("update:model-value",this.page)}}},z=["id"],U={class:"vui-pager-content"};function _(e,o,n,g,t,s){const p=u("vui-button"),c=u("vui-nav");return C(),k("div",{id:e.componentId,class:d(["vui-pager",e.$props.class])},[a(e.$slots,"prepend"),r("div",U,[a(e.$slots,"first",{},()=>[i(p,l(e.$attrs,{disabled:t.page===1,icon:"fa-solid fa-angles-left",class:"vui-button--first",onClick:s.onFirst}),null,16,["disabled","onClick"])]),a(e.$slots,"previous",{},()=>[i(p,l(e.$attrs,{disabled:t.page===1,icon:"fa-solid fa-chevron-left",class:"vui-button--previous",onClick:s.onPrevious}),null,16,["disabled","onClick"])]),a(e.$slots,"pages",{},()=>[r("div",{class:d(["ellipse",{visible:s.last>4&&t.page+2>4}])}," ... ",2),i(c,l({modelValue:t.page,"onUpdate:modelValue":o[0]||(o[0]=m=>t.page=m)},e.$attrs,{flat:e.hasAttribute("flat"),items:s.pages,"show-icons":!1,"onUpdate:modelValue":s.onPage}),null,16,["modelValue","flat","items","onUpdate:modelValue"]),r("div",{class:d(["ellipse",{visible:s.last>4&&t.page+2<s.last}])}," ... ",2)]),a(e.$slots,"next",{},()=>[i(p,l(e.$attrs,{disabled:s.isLast,icon:"fa-solid fa-chevron-right",class:"vui-button--next",onClick:s.onNext}),null,16,["disabled","onClick"])]),a(e.$slots,"previous",{},()=>[i(p,l(e.$attrs,{disabled:s.isLast,icon:"fa-solid fa-angles-right",class:"vui-button--last",onClick:s.onLast}),null,16,["disabled","onClick"])])]),a(e.$slots,"append")],10,z)}const T=P(y,[["render",_]]);export{T as default};
1
+ import h from"./nav-IXrpcqYs.js";import f from"./button-DvGB3hP2.js";import{a as b}from"./animable-S5zFcxd4.js";import{c as v}from"./composable-CshUTKfl.js";import{t as V}from"./translatable-1Spw6vjt.js";import{_ as P,a as k,j as a,d as r,n as d,r as u,o as C,b as i,m as l}from"./index-421S8sYE.js";import"./list-D2FEJjG3.js";const N={"page.component.pager.doc.prop.count":"Total number of paginated items","page.component.pager.doc.prop.disabled":"Binds the disabled state condition","page.component.pager.doc.prop.loading":"Binds the loading state","page.component.pager.doc.prop.size":"Number of paginated items per page","page.component.pager.doc.prop.value":"Selected item in the pager","page.component.pager.doc.prop.v-model":"Binds the model changes of pager","page.component.pager.doc.slot.first":"Slot for first page button","page.component.pager.doc.slot.last":"Slot for last page button","page.component.pager.doc.slot.previous":"Slot for previous page button","page.component.pager.doc.slot.next":"Slot for next page button"},B={},L={en:N,fr:B},S={count:{type:Number,default:0},modelValue:{default:void 0,type:Number},value:{default:void 0,type:Number},size:{type:Number,default:25}},y={name:"VuiPager",components:{VuiButton:f,VuiNav:h},mixins:[b,v],props:S,emits:["update:model-value"],data(){return{page:1}},computed:{isLast(){return this.page===this.last},last(){return Math.ceil(this.count/this.size)},pages(){if(this.last){const e=[...Array.from({length:this.last},(g,t)=>t+1)],o=e.slice(0,this.page),n=e.slice(this.page,e.length);return[...o.slice(-(n.length>2?2:2+(2-n.length))),...n.slice(0,o.length>2?2:2+(2-o.length))]}return[]}},watch:{modelValue(e){this.page=e},value(e){this.page=e}},created(){V(L),this.hasModelValue?this.page=this.modelValue:this.hasValue&&(this.page=this.value)},methods:{onFirst(){!this.disabled&&this.page>1&&(this.page=1,this.onPage())},onLast(){!this.disabled&&!this.isLast&&(this.page=this.last,this.onPage())},onNext(){!this.disabled&&!this.isLast&&(this.page++,this.onPage())},onPrevious(){!this.disabled&&this.page>1&&(this.page--,this.onPage())},onPage(){this.$emit("update:model-value",this.page)}}},z=["id"],U={class:"vui-pager-content"};function _(e,o,n,g,t,s){const p=u("vui-button"),c=u("vui-nav");return C(),k("div",{id:e.componentId,class:d(["vui-pager",e.$props.class])},[a(e.$slots,"prepend"),r("div",U,[a(e.$slots,"first",{},()=>[i(p,l(e.$attrs,{disabled:t.page===1,icon:"fa-solid fa-angles-left",class:"vui-button--first",onClick:s.onFirst}),null,16,["disabled","onClick"])]),a(e.$slots,"previous",{},()=>[i(p,l(e.$attrs,{disabled:t.page===1,icon:"fa-solid fa-chevron-left",class:"vui-button--previous",onClick:s.onPrevious}),null,16,["disabled","onClick"])]),a(e.$slots,"pages",{},()=>[r("div",{class:d(["ellipse",{visible:s.last>4&&t.page+2>4}])}," ... ",2),i(c,l({modelValue:t.page,"onUpdate:modelValue":o[0]||(o[0]=m=>t.page=m)},e.$attrs,{flat:e.hasAttribute("flat"),items:s.pages,"show-icons":!1,"onUpdate:modelValue":s.onPage}),null,16,["modelValue","flat","items","onUpdate:modelValue"]),r("div",{class:d(["ellipse",{visible:s.last>4&&t.page+2<s.last}])}," ... ",2)]),a(e.$slots,"next",{},()=>[i(p,l(e.$attrs,{disabled:s.isLast,icon:"fa-solid fa-chevron-right",class:"vui-button--next",onClick:s.onNext}),null,16,["disabled","onClick"])]),a(e.$slots,"previous",{},()=>[i(p,l(e.$attrs,{disabled:s.isLast,icon:"fa-solid fa-angles-right",class:"vui-button--last",onClick:s.onLast}),null,16,["disabled","onClick"])])]),a(e.$slots,"append")],10,z)}const T=P(y,[["render",_]]);export{T as default};
@@ -1,4 +1,4 @@
1
- import{d as g}from"./demonstrable-Dv7XIPoL.js";import{t as v}from"./translatable-eIyiPB31.js";import _ from"./progress-aePOsZNN.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-BTCbAXEh.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:`
1
+ 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:`
2
2
  <vui-progress
3
3
  min="0"
4
4
  max="100"
@@ -1 +1 @@
1
- import{c}from"./composable-CshUTKfl.js";import{t as p}from"./translatable-eIyiPB31.js";import{_ as u,a as l,j as t,d as a,s as d,n as o,o as m}from"./index-BTCbAXEh.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};
1
+ 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};
@@ -1,4 +1,4 @@
1
- import{d as S}from"./demonstrable-Dv7XIPoL.js";import{t as V}from"./translatable-eIyiPB31.js";import w from"./radio-FDvwgcUe.js";import{_ as N,a,b as n,w as d,r as c,o as t,F as p,g as C,h as u,e as l,t as r,f as i,m as y,i as k,d as m}from"./index-BTCbAXEh.js";import"./composable-CshUTKfl.js";const D={"page.component.radio.default":"Default radio","page.component.radio.binded":"Binded radio","page.component.radio.success":"Success radio","page.component.radio.error":"Error radio","page.component.radio.warning":"Warning radio","page.component.radio.label":"Checked","page.component.radio.doc.prop.checked":"Binds the conditions of checked state","page.component.radio.doc.prop.checked-value":"Checked value of the radio","page.component.radio.doc.prop.disabled":"Binds the disabled state of the radio","page.component.radio.doc.prop.layout":"Defines the layout of component [default, error, success, warning]","page.component.radio.doc.prop.loading":"Boolean to enable the loading style for component","page.component.radio.doc.prop.text":"Text used as label for the component","page.component.radio.doc.prop.unchecked-value":"Unchecked value of the radio","page.component.radio.doc.prop.value":"Value of the radio","page.component.radio.doc.prop.v-model":"Binds the model value of radio","page.component.radio.doc.slot.default":"Default slot for label content","page.component.radio.doc.slot.prepend":"Slot used to insert custom content at the beginning of component","page.component.radio.doc.slot.append":"Slot used to insert custom content et the end of component"},$={},E={en:D,fr:$},g={examples:[{markup:`
1
+ import{d as S}from"./demonstrable-D6rf1mQ8.js";import{t as V}from"./translatable-1Spw6vjt.js";import w from"./radio-Ckx0vNcX.js";import{_ as N,a,b as n,w as d,r as c,o as t,F as p,g as C,h as u,e as l,t as r,f as i,m as y,i as k,d as m}from"./index-421S8sYE.js";import"./composable-CshUTKfl.js";const D={"page.component.radio.default":"Default radio","page.component.radio.binded":"Binded radio","page.component.radio.success":"Success radio","page.component.radio.error":"Error radio","page.component.radio.warning":"Warning radio","page.component.radio.label":"Checked","page.component.radio.doc.prop.checked":"Binds the conditions of checked state","page.component.radio.doc.prop.checked-value":"Checked value of the radio","page.component.radio.doc.prop.disabled":"Binds the disabled state of the radio","page.component.radio.doc.prop.layout":"Defines the layout of component [default, error, success, warning]","page.component.radio.doc.prop.loading":"Boolean to enable the loading style for component","page.component.radio.doc.prop.text":"Text used as label for the component","page.component.radio.doc.prop.unchecked-value":"Unchecked value of the radio","page.component.radio.doc.prop.value":"Value of the radio","page.component.radio.doc.prop.v-model":"Binds the model value of radio","page.component.radio.doc.slot.default":"Default slot for label content","page.component.radio.doc.slot.prepend":"Slot used to insert custom content at the beginning of component","page.component.radio.doc.slot.append":"Slot used to insert custom content et the end of component"},$={},E={en:D,fr:$},g={examples:[{markup:`
2
2
  <vui-radio
3
3
  v-model="myradiomodel"
4
4
  :layout="default"
@@ -1 +1 @@
1
- import{c as u}from"./composable-CshUTKfl.js";import{t as r}from"./translatable-eIyiPB31.js";import{_ as h,a as i,j as t,n as l,f as s,d as c,o as d,e as f,t as g}from"./index-BTCbAXEh.js";const m={},p={},k={en:m,fr:p},b={checked:{default:void 0,type:Boolean},checkedValue:{default:void 0,types:[Boolean,String,Number,null]},icon:{type:String,default:"fa-circle"},iconChecked:{type:String,default:"fa-circle-check"},modelValue:{default:void 0,types:[Boolean,String,Number,null]},name:{default:void 0,type:String},text:{default:void 0,type:String},uncheckedValue:{default:void 0,types:[Boolean,String,Number,null]},value:{default:void 0,types:[Boolean,String,Number,null]}},v={name:"VuiRadio",mixins:[u],props:b,emits:["update:model-value"],data(){return{toggled:!1}},computed:{hasLabel(){return this.$slots.default||this.text},isChecked(){return this.hasProp("checked")?this.checked:this.hasProp("checkedValue")?this.toggled===this.checkedValue:this.toggled}},watch:{modelValue(e){this.toggled=e},value(e){this.toggled=e}},created(){r(k),this.hasModelValue?this.toggled=this.modelValue:this.hasValue&&(this.toggled=this.value)},methods:{onToggle(){this.disabled||(this.hasProp("checkedValue")?this.toggled=this.isChecked?this.uncheckedValue:this.checkedValue:this.toggled=!this.isChecked,this.$emit("update:model-value",this.toggled))}}},V=["id"],y=["name","disabled","required"],C=["for"];function S(e,o,B,N,w,a){return d(),i("div",{id:e.componentId,class:l(["vui-radio",`vui-radio--${e.layout}`,{"vui-radio--flat":e.hasAttribute("flat")},{"vui-radio--with-label":a.hasLabel},{"vui-radio--with-icon":e.icon},{"vui-radio--checked":a.isChecked},{"vui-radio--disabled":e.disabled},{"vui-radio--loading":!e.disabled&&e.loading},e.$props.class]),onClick:o[0]||(o[0]=(...n)=>a.onToggle&&a.onToggle(...n))},[t(e.$slots,"prepend"),e.icon&&!a.isChecked?(d(),i("i",{key:0,class:l(["vui-radio-icon",e.icon])},null,2)):s("",!0),e.iconChecked&&a.isChecked?(d(),i("i",{key:1,class:l(["vui-radio-icon",e.iconChecked])},null,2)):s("",!0),c("input",{name:e.name,disabled:e.disabled,required:e.hasAttribute("required"),type:"checkbox"},null,8,y),a.hasLabel?(d(),i("label",{key:2,class:"vui-radio-label",for:e.name},[t(e.$slots,"default",{},()=>[f(g(e.text),1)])],8,C)):s("",!0),t(e.$slots,"append")],10,V)}const L=h(v,[["render",S]]);export{L as default};
1
+ import{c as u}from"./composable-CshUTKfl.js";import{t as r}from"./translatable-1Spw6vjt.js";import{_ as h,a as i,j as t,n as l,f as s,d as c,o as d,e as f,t as g}from"./index-421S8sYE.js";const m={},p={},k={en:m,fr:p},b={checked:{default:void 0,type:Boolean},checkedValue:{default:void 0,types:[Boolean,String,Number,null]},icon:{type:String,default:"fa-circle"},iconChecked:{type:String,default:"fa-circle-check"},modelValue:{default:void 0,types:[Boolean,String,Number,null]},name:{default:void 0,type:String},text:{default:void 0,type:String},uncheckedValue:{default:void 0,types:[Boolean,String,Number,null]},value:{default:void 0,types:[Boolean,String,Number,null]}},v={name:"VuiRadio",mixins:[u],props:b,emits:["update:model-value"],data(){return{toggled:!1}},computed:{hasLabel(){return this.$slots.default||this.text},isChecked(){return this.hasProp("checked")?this.checked:this.hasProp("checkedValue")?this.toggled===this.checkedValue:this.toggled}},watch:{modelValue(e){this.toggled=e},value(e){this.toggled=e}},created(){r(k),this.hasModelValue?this.toggled=this.modelValue:this.hasValue&&(this.toggled=this.value)},methods:{onToggle(){this.disabled||(this.hasProp("checkedValue")?this.toggled=this.isChecked?this.uncheckedValue:this.checkedValue:this.toggled=!this.isChecked,this.$emit("update:model-value",this.toggled))}}},V=["id"],y=["name","disabled","required"],C=["for"];function S(e,o,B,N,w,a){return d(),i("div",{id:e.componentId,class:l(["vui-radio",`vui-radio--${e.layout}`,{"vui-radio--flat":e.hasAttribute("flat")},{"vui-radio--with-label":a.hasLabel},{"vui-radio--with-icon":e.icon},{"vui-radio--checked":a.isChecked},{"vui-radio--disabled":e.disabled},{"vui-radio--loading":!e.disabled&&e.loading},e.$props.class]),onClick:o[0]||(o[0]=(...n)=>a.onToggle&&a.onToggle(...n))},[t(e.$slots,"prepend"),e.icon&&!a.isChecked?(d(),i("i",{key:0,class:l(["vui-radio-icon",e.icon])},null,2)):s("",!0),e.iconChecked&&a.isChecked?(d(),i("i",{key:1,class:l(["vui-radio-icon",e.iconChecked])},null,2)):s("",!0),c("input",{name:e.name,disabled:e.disabled,required:e.hasAttribute("required"),type:"checkbox"},null,8,y),a.hasLabel?(d(),i("label",{key:2,class:"vui-radio-label",for:e.name},[t(e.$slots,"default",{},()=>[f(g(e.text),1)])],8,C)):s("",!0),t(e.$slots,"append")],10,V)}const L=h(v,[["render",S]]);export{L as default};
@@ -1 +1 @@
1
- import{t as d}from"./translatable-eIyiPB31.js";import{_ as m,c as f,r as l,o as v,a as b,b as c,w as o,e as r,t as i}from"./index-BTCbAXEh.js";const x={},h={},k={en:x,fr:h},w={name:"ViewStart",computed:{components(){return f.reduce((e,t)=>{const a=e.findIndex(n=>n.label===t.type);return a===-1?e.push({label:t.type,value:[t]}):e[a].value.push(t),e},[])}},created(){d(k)}},g={class:"view-start"};function V(e,t,a,n,$,u){const p=l("router-link"),_=l("vui-list");return v(),b("div",g,[c(_,{flat:"",autoclose:!1,expanded:!0,items:u.components,"item-label":"label","item-value":"value"},{"group-item":o(({item:s})=>[r(i(s.label),1)]),item:o(({item:s})=>[c(p,{to:{name:s.doc.name}},{default:o(()=>[r(i(s.label),1)]),_:2},1032,["to"])]),_:1},8,["items"])])}const N=m(w,[["render",V]]);export{N as default};
1
+ import{t as d}from"./translatable-1Spw6vjt.js";import{_ as m,c as f,r as l,o as v,a as b,b as c,w as o,e as r,t as i}from"./index-421S8sYE.js";const x={},h={},k={en:x,fr:h},w={name:"ViewStart",computed:{components(){return f.reduce((e,t)=>{const a=e.findIndex(n=>n.label===t.type);return a===-1?e.push({label:t.type,value:[t]}):e[a].value.push(t),e},[])}},created(){d(k)}},g={class:"view-start"};function V(e,t,a,n,$,u){const p=l("router-link"),_=l("vui-list");return v(),b("div",g,[c(_,{flat:"",autoclose:!1,expanded:!0,items:u.components,"item-label":"label","item-value":"value"},{"group-item":o(({item:s})=>[r(i(s.label),1)]),item:o(({item:s})=>[c(p,{to:{name:s.doc.name}},{default:o(()=>[r(i(s.label),1)]),_:2},1032,["to"])]),_:1},8,["items"])])}const N=m(w,[["render",V]]);export{N as default};
@@ -1,4 +1,4 @@
1
- import{d as y}from"./demonstrable-Dv7XIPoL.js";import{t as h}from"./translatable-eIyiPB31.js";import g from"./table-C_Rv3GlB.js";import{_,a as n,b as t,w as l,r as s,o as i,F as m,g as f,h as Q,d as o,t as r,k as x,l as S,i as D}from"./index-BTCbAXEh.js";import"./animable-S5zFcxd4.js";import"./composable-CshUTKfl.js";const k={"page.component.table.doc.prop.headers":"Array containing text / value foreach item header","page.component.table.doc.prop.item-label":"Label key for each item in table","page.component.table.doc.prop.item-value":"Value key for each item in table","page.component.table.doc.prop.items":"Array of items to display in table","page.component.table.doc.slot.header":"Slot to replace header row default rendering","page.component.table.doc.slot.item":"Slot to replace item row default rendering"},V={},L={en:k,fr:V},u={attrs:[],examples:[{markup:`
1
+ import{d as y}from"./demonstrable-D6rf1mQ8.js";import{t as h}from"./translatable-1Spw6vjt.js";import g from"./table-d1SewNuO.js";import{_,a as i,b as t,w as l,r as n,o,F as m,g as f,h as Q,e as x,t as s,k as S,l as D,i as V,d as r}from"./index-421S8sYE.js";import"./animable-S5zFcxd4.js";import"./composable-CshUTKfl.js";const k={"page.component.table.doc.prop.headers":"Array containing text / value foreach item header","page.component.table.doc.prop.item-label":"Label key for each item in table","page.component.table.doc.prop.item-value":"Value key for each item in table","page.component.table.doc.prop.items":"Array of items to display in table","page.component.table.doc.slot.header":"Slot to replace header row default rendering","page.component.table.doc.slot.item":"Slot to replace item row default rendering"},L={},P={en:k,fr:L},u={attrs:[],examples:[{markup:`
2
2
  <vui-table
3
3
  itemLabel="label",
4
4
  itemValue="value"
@@ -30,7 +30,7 @@ import{d as y}from"./demonstrable-Dv7XIPoL.js";import{t as h}from"./translatable
30
30
  ]"
31
31
  >
32
32
  <template #item.endQuantity="{ item }">
33
- <td>{{ item.endQuantity }} units</td>
33
+ {{ item.endQuantity }} units
34
34
  </template>
35
35
  </vui-table>
36
36
  `,props:{id:"vui-table-1",headers:[{label:"Start date",value:"startDate"},{label:"Start Quantity",value:"startQuantity"},{label:"End date",value:"endDate"},{label:"End Quantity",value:"endQuantity"}],items:[{startDate:"2022-01-01",startQuantity:"723",endDate:"2022-12-01",endQuantity:"1 239"}],itemLabel:"label",itemValue:"value"}},{markup:`
@@ -69,7 +69,7 @@ import{d as y}from"./demonstrable-Dv7XIPoL.js";import{t as h}from"./translatable
69
69
  ]"
70
70
  >
71
71
  <template #item.endQuantity="{ item }">
72
- <td>{{ item.endQuantity }} units</td>
72
+ {{ item.endQuantity }} units
73
73
  </template>
74
74
  </vui-table>
75
- `,props:{id:"vui-table-2",headers:[{label:"Id",value:"id",class:"text-center"},{label:"City Name",value:"city.name"},{label:"Population",value:"city.population"}],items:[{id:1,city:{name:"Paris",population:2161e3}},{id:2,city:{name:"Mexico",population:1267e5}}],itemLabel:"label",itemValue:"value"}}],props:[{tag:"headers",type:"Array",text:"page.component.table.doc.prop.headers"},{tag:"item-label",type:"String",text:"page.component.table.doc.prop.item-label"},{tag:"item-value",type:"String",text:"page.component.table.doc.prop.item-value"},{tag:"items",type:"Array",text:"page.component.table.doc.prop.items"}],slots:[{name:"header",text:"page.component.table.doc.slot.header"},{name:"item",text:"page.component.table.doc.slot.item"}]},P={name:"ViewTable",mixins:[y],setup(){return h(L),{}},computed:{doc(){return u},examples(){return this.docExamples(g,u)}}},w={class:"view-table"},E=["innerHTML"],$={class:"title"},C={class:"title"};function A(e,B,H,M,N,c){const p=s("vui-grid-unit"),d=s("vui-table"),b=s("vui-grid");return i(),n("div",w,[t(b,{"col-sm":"1","col-md":"2"},{default:l(()=>[t(p,{class:"examples"},{default:l(()=>[(i(!0),n(m,null,f(c.examples,a=>(i(),n(m,{key:`table-${a.props.id}`},[(i(),Q(D(a.component),x(S(a.props)),{"item.endQuantity":l(({item:v})=>[o("td",null,r(v.endQuantity)+" units",1)]),_:2},1040)),o("div",{class:"highlighted-code",innerHTML:a.highlighted},null,8,E)],64))),128))]),_:1}),t(p,{class:"api-options"},{default:l(()=>[o("h2",$,r(e.$t("page.component.h2.api")),1),t(d,{"item-label":"label","item-value":"value",headers:e.docPropsHeaders,items:e.docProps},null,8,["headers","items"]),o("h2",C,r(e.$t("page.component.h2.slots")),1),t(d,{"item-label":"label","item-value":"value",headers:e.docSlotsHeaders,items:e.docSlots},null,8,["headers","items"])]),_:1})]),_:1})])}const q=_(P,[["render",A]]);export{q as default};
75
+ `,props:{id:"vui-table-2",headers:[{label:"Id",value:"id",class:"text-center"},{label:"City Name",value:"city.name"},{label:"Population",value:"city.population"}],items:[{id:1,city:{name:"Paris",population:2161e3}},{id:2,city:{name:"Mexico",population:1267e5}}],itemLabel:"label",itemValue:"value"}}],props:[{tag:"headers",type:"Array",text:"page.component.table.doc.prop.headers"},{tag:"item-label",type:"String",text:"page.component.table.doc.prop.item-label"},{tag:"item-value",type:"String",text:"page.component.table.doc.prop.item-value"},{tag:"items",type:"Array",text:"page.component.table.doc.prop.items"}],slots:[{name:"header",text:"page.component.table.doc.slot.header"},{name:"item",text:"page.component.table.doc.slot.item"}]},w={name:"ViewTable",mixins:[y],setup(){return h(P),{}},computed:{doc(){return u},examples(){return this.docExamples(g,u)}}},E={class:"view-table"},$=["innerHTML"],C={class:"title"},N={class:"title"};function T(e,A,B,H,M,c){const p=n("vui-grid-unit"),d=n("vui-table"),b=n("vui-grid");return o(),i("div",E,[t(b,{"col-sm":"1","col-md":"2"},{default:l(()=>[t(p,{class:"examples"},{default:l(()=>[(o(!0),i(m,null,f(c.examples,a=>(o(),i(m,{key:`table-${a.props.id}`},[(o(),Q(V(a.component),S(D(a.props)),{"item.endQuantity":l(({item:v})=>[x(s(v.endQuantity)+" units ",1)]),_:2},1040)),r("div",{class:"highlighted-code",innerHTML:a.highlighted},null,8,$)],64))),128))]),_:1}),t(p,{class:"api-options"},{default:l(()=>[r("h2",C,s(e.$t("page.component.h2.api")),1),t(d,{"item-label":"label","item-value":"value",headers:e.docPropsHeaders,items:e.docProps},null,8,["headers","items"]),r("h2",N,s(e.$t("page.component.h2.slots")),1),t(d,{"item-label":"label","item-value":"value",headers:e.docSlotsHeaders,items:e.docSlots},null,8,["headers","items"])]),_:1})]),_:1})])}const G=_(w,[["render",T]]);export{G as default};
@@ -0,0 +1 @@
1
+ import{a as y}from"./animable-S5zFcxd4.js";import{c as L}from"./composable-CshUTKfl.js";import{t as g}from"./translatable-1Spw6vjt.js";import{_ as h,a as l,j as r,d as n,F as u,g as d,n as p,o as t,e as $,t as V}from"./index-421S8sYE.js";const k={headers:{type:Array,default:()=>[]},itemLabel:{type:String,default:"label"},itemValue:{type:String,default:"value"},items:{type:Array,default:()=>[],required:!0}},I={},S={},B={en:I,fr:S},T={name:"VuiTable",mixins:[y,L],props:k,created(){g(B)},methods:{leaf(e,b){return b.split(".").reduce((o,m)=>o&&o[m]?o[m]:null,e)}}},v=["id"],A=["data-label"];function F(e,b,o,m,N,c){return t(),l("div",{id:e.componentId,class:p(["vui-table",e.$props.class])},[r(e.$slots,"prepend"),n("table",null,[n("thead",null,[n("tr",null,[(t(!0),l(u,null,d(e.headers,(a,s)=>(t(),l("th",{key:`table-${e.componentId}-header--${s}`,class:p(a.class)},[r(e.$slots,`header.${a[e.itemValue]}`,{item:a,itemLabel:e.itemLabel,itemValue:e.itemValue,index:s},()=>[$(V(a[e.itemLabel]),1)])],2))),128))])]),n("tbody",null,[(t(!0),l(u,null,d(e.items,(a,s)=>r(e.$slots,"default",{key:`table-${e.componentId}-item--${s}`,index:s,item:a,itemLabel:e.itemLabel,itemValue:e.itemValue},()=>[n("tr",null,[(t(!0),l(u,null,d(e.headers,(i,f)=>(t(),l("td",{key:`table-${e.componentId}-item-td--${f}`,"data-label":i.label,class:p(i.class)},[r(e.$slots,`item.${i[e.itemValue]}`,{index:f,item:a,itemLabel:e.itemLabel,itemValue:e.itemValue},()=>[$(V(c.leaf(a,i.value)),1)])],10,A))),128))])])),128))])]),r(e.$slots,"append")],10,v)}const D=h(T,[["render",F]]);export{D as default};
@@ -0,0 +1,18 @@
1
+ import{d as h}from"./demonstrable-D6rf1mQ8.js";import{t as _}from"./translatable-1Spw6vjt.js";import f from"./tabs-vW_19yxP.js";import{_ as x,a as T,b as t,w as s,r as l,o as p,h as d,q as y,g as B,e as k,t as n,k as b,l as u,i as v,d as o}from"./index-421S8sYE.js";import"./composable-CshUTKfl.js";const L={"page.component.tabs.doc.prop.disabled":"Binds the disabled state","page.component.tabs.doc.prop.items":"List of tabs and label / value","page.component.tabs.doc.prop.item-label":"Label key name foreach tab","page.component.tabs.doc.prop.item-value":"Value key name foreach tab","page.component.tabs.doc.prop.vmodel":"Binds the active tab","page.component.tabs.doc.prop.value":"Define the active tab","page.component.tabs.doc.slot.value":"Slot defined by the tabs items value"},S={},H={en:L,fr:S},i={examples:[{markup:`
2
+ <vui-tabs
3
+ items="[
4
+ { 'label': 'Tab 1', 'value': 'tab1' },
5
+ { 'label': 'Tab 2', 'value': 'tab2' },
6
+ ]"
7
+ >
8
+ <template #tab1>Tab 1</template>
9
+ <template #tab2>Tab 2</template>
10
+ </vui-tabs>
11
+ `,props:{icon:"fa-solid fa-tags",id:"vui-tabs-1",items:[{label:"Tab 1",value:"tab1"},{label:"Tab 2",value:"tab2"}]}},{markup:`
12
+ <vui-tabs
13
+ items="[
14
+ { 'label': 'Tab 1', 'value': 'tab1' },
15
+ { 'label': 'Tab 2', 'value': 'tab2' },
16
+ ]"
17
+ />
18
+ `,props:{icon:"fa-solid fa-tags",id:"vui-tabs-2",items:[{label:"Tab 1",value:"tab1"},{label:"Tab 2",value:"tab2"}]}}],props:[{tag:"disabled",type:"Boolean",text:"page.component.tabs.doc.prop.disabled"},{tag:"items",type:"Array",text:"page.component.tabs.doc.prop.items"},{tag:"item-label",type:"String",text:"page.component.tabs.doc.prop.item-label"},{tag:"item-value",type:"String",text:"page.component.tabs.doc.prop.item-value"},{tag:"v-model",type:"Boolean",text:"page.component.tabs.doc.prop.vmodel"},{tag:"value",type:"Boolean",text:"page.component.tabs.doc.prop.value"}],slots:[{name:"$value",text:"page.component.tabs.doc.slot.value"}]},V={name:"ViewTabs",mixins:[h],setup(){return _(H),{}},computed:{doc(){return i},examples(){return this.docExamples(f,{attrs:i.attrs,examples:i.examples.map(e=>({...e,props:{...e.props,text:e.props.text?this.$t(e.props.text):null}}))})}}},w={class:"view-tabs"},M=["innerHTML"],P=["innerHTML"],C={class:"title"},D={class:"title"};function N(e,E,q,z,A,a){const r=l("vui-grid-unit"),m=l("vui-table"),g=l("vui-grid");return p(),T("div",w,[t(g,{"col-sm":"1","col-md":"2"},{default:s(()=>[t(r,{class:"examples"},{default:s(()=>[(p(),d(v(a.examples[0].component),b(u(a.examples[0].props)),y({_:2},[B(a.examples[0].props.items,(c,R)=>({name:c.value,fn:s(()=>[k(n(c.label),1)])}))]),1040)),o("div",{class:"highlighted-code",innerHTML:a.examples[0].highlighted},null,8,M),(p(),d(v(a.examples[1].component),b(u(a.examples[1].props)),null,16)),o("div",{class:"highlighted-code",innerHTML:a.examples[1].highlighted},null,8,P)]),_:1}),t(r,{class:"api-options"},{default:s(()=>[o("h2",C,n(e.$t("page.component.h2.api")),1),t(m,{"item-label":"label","item-value":"value",headers:e.docPropsHeaders,items:e.docProps},null,8,["headers","items"]),o("h2",D,n(e.$t("page.component.h2.slots")),1),t(m,{"item-label":"label","item-value":"value",headers:e.docSlotsHeaders,items:e.docSlots},null,8,["headers","items"])]),_:1})]),_:1})])}const J=x(V,[["render",N]]);export{J as default};
@@ -1 +1 @@
1
- .text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes loading{0%{left:0;opacity:1}50%{left:70%;opacity:0}to{left:0;opacity:1}}.vui-tabs .vui-tabs-tabs{display:flex;padding:.5rem 0}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab{position:relative;padding:.5rem;border:1px solid #d9dcde;cursor:pointer}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab:not(:first-of-type){margin-left:1rem}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab.vui-tabs-tabs-tab--with-icon .label{padding-left:2rem}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab.vui-tabs-tabs-tab--active{border-color:#27ae60}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab.vui-tabs-tabs-tab--active .vui-tabs-tabs-tab-icon:before{color:#27ae60}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab.vui-tabs-tabs-tab--active .label{color:#27ae60}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab .vui-tabs-tabs-tab-icon{position:absolute;top:.5rem;left:.75rem;font-size:1.1rem;margin-right:.75rem}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab .vui-tabs-tabs-tab-icon:before{color:#869198}.vui-tabs .vui-tabs-slots{padding:1rem;border:1px solid #d9dcde}
1
+ .text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes loading{0%{left:0;opacity:1}50%{left:70%;opacity:0}to{left:0;opacity:1}}.vui-tabs .vui-tabs-tabs{display:flex;padding:.5rem 0}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab{position:relative;padding:.5rem;border:1px solid #d9dcde;cursor:pointer}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab:not(:first-of-type){margin-left:1rem}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab.vui-tabs-tabs-tab--with-icon .label{padding-left:2rem}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab.vui-tabs-tabs-tab--active{border-color:#27ae60}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab.vui-tabs-tabs-tab--active .vui-tabs-tabs-tab-icon:before{color:#27ae60}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab.vui-tabs-tabs-tab--active .label{color:#27ae60}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab .vui-tabs-tabs-tab-icon{position:absolute;top:.5rem;left:.75rem;font-size:1.1rem;margin-right:.75rem}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab .vui-tabs-tabs-tab-icon:before{color:#869198}.vui-tabs .vui-tabs-slot{padding:1rem;border:1px solid #d9dcde}
@@ -0,0 +1 @@
1
+ import{c as p}from"./composable-CshUTKfl.js";import{t as v}from"./translatable-1Spw6vjt.js";import{_ as b,a as s,j as a,d,F as l,g as c,n as o,o as i,f as m,t as f}from"./index-421S8sYE.js";const V={},g={},$={en:V,fr:g},y={icon:{type:String},items:{type:Array,required:!0},itemLabel:{type:String,default:"label"},itemValue:{type:String,default:"value"},modelValue:{type:String},value:{type:String}},k={name:"VuiTabs",mixins:[p],props:y,emits:["update:model-value"],data(){return{active:null}},computed:{tabs(){return this.items.map(e=>({...e,$$id:this.newId()}))}},watch:{modelValue(e){this.active=e},value(e){this.active=e}},created(){var e;if(v($),this.hasModelValue)this.active=this.modelValue;else if(this.hasValue)this.active=this.value;else if((e=this.items)!=null&&e.length){const n=this.items[0];this.active=n[this.itemValue]}},methods:{toggle(e){this.disabled||(this.active=e,this.$emit("update:model-value",this.active))}}},S=["id"],C={class:"vui-tabs-tabs"},w=["onClick"],B={class:"label"},L={key:0,class:"vui-tabs-slot"};function _(e,n,F,I,r,u){return i(),s("div",{id:e.componentId,class:o(["vui-tabs",e.$props.class])},[a(e.$slots,"prepend"),d("div",C,[(i(!0),s(l,null,c(u.tabs,t=>(i(),s("div",{key:t.$$id,class:o(["vui-tabs-tabs-tab",{"vui-tabs-tabs-tab--with-icon":e.icon},{"vui-tabs-tabs-tab--active":t[e.itemValue]===r.active}]),onClick:()=>u.toggle(t[e.itemValue])},[e.icon?(i(),s("i",{key:0,class:o(["vui-tabs-tabs-tab-icon",e.icon])},null,2)):m("",!0),d("span",B,f(t[e.itemLabel]),1)],10,w))),128))]),(i(!0),s(l,null,c(e.items,(t,h)=>(i(),s(l,{key:`slot-${t.$$id}`},[e.$slots[t[e.itemValue]]&&t[e.itemValue]===r.active?(i(),s("div",L,[a(e.$slots,t[e.itemValue],{index:h})])):m("",!0)],64))),128)),a(e.$slots,"append")],10,S)}const q=b(k,[["render",_]]);export{q as default};
@@ -1,4 +1,4 @@
1
- import{d as f}from"./demonstrable-Dv7XIPoL.js";import{t as h}from"./translatable-eIyiPB31.js";import v from"./tag-CgEGHygn.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-BTCbAXEh.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:`
1
+ 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:`
2
2
  <vui-tag
3
3
  icon="fa-solid fa-tag"
4
4
  >
@@ -1 +1 @@
1
- import{c as n}from"./composable-CshUTKfl.js";import{t as i}from"./translatable-eIyiPB31.js";import{_ as r,a as e,j as s,n as t,f as p,o as a,e as c,t as l}from"./index-BTCbAXEh.js";const d={},m={},u={en:d,fr:m},f={icon:{type:String},text:{type:String}},g={name:"VuiTag",mixins:[n],props:f,created(){i(u)}},$=["id"];function v(o,y,S,V,h,k){return a(),e("div",{id:o.componentId,class:t(["vui-tag",`vui-tag--${o.layout}`,{"vui-tag--with-icon":o.icon},o.$props.class])},[s(o.$slots,"prepend"),o.icon?(a(),e("i",{key:0,class:t(["vui-tag-icon",o.icon])},null,2)):p("",!0),s(o.$slots,"default",{},()=>[c(l(o.text),1)]),s(o.$slots,"append")],10,$)}const C=r(g,[["render",v]]);export{C as default};
1
+ import{c as n}from"./composable-CshUTKfl.js";import{t as i}from"./translatable-1Spw6vjt.js";import{_ as r,a as e,j as s,n as t,f as p,o as a,e as c,t as l}from"./index-421S8sYE.js";const d={},m={},u={en:d,fr:m},f={icon:{type:String},text:{type:String}},g={name:"VuiTag",mixins:[n],props:f,created(){i(u)}},$=["id"];function v(o,y,S,V,h,k){return a(),e("div",{id:o.componentId,class:t(["vui-tag",`vui-tag--${o.layout}`,{"vui-tag--with-icon":o.icon},o.$props.class])},[s(o.$slots,"prepend"),o.icon?(a(),e("i",{key:0,class:t(["vui-tag-icon",o.icon])},null,2)):p("",!0),s(o.$slots,"default",{},()=>[c(l(o.text),1)]),s(o.$slots,"append")],10,$)}const C=r(g,[["render",v]]);export{C as default};
@@ -1 +1 @@
1
- import{c as n}from"./composable-CshUTKfl.js";import{_ as u,a as o,j as s,f as r,n as h,p as c,d,o as a}from"./index-BTCbAXEh.js";import{t as g}from"./translatable-eIyiPB31.js";const m={},p={},f={en:m,fr:p},k={checked:{default:void 0,type:Boolean},checkedValue:{default:void 0,types:[Boolean,String,Number,null]},modelValue:{default:void 0,types:[Boolean,String,Number,null]},name:{type:String},uncheckedValue:{default:void 0,types:[Boolean,String,Number,null]},value:{default:void 0,types:[Boolean,String,Number,null]}},V={name:"VuiToggle",mixins:[n],props:k,emits:["update:model-value"],data(){return{toggled:!1}},computed:{isChecked(){return this.hasProp("checked")?this.checked:this.hasProp("checkedValue")?this.toggled===this.checkedValue:this.toggled}},watch:{modelValue(e){this.toggled=e},value(e){this.toggled=e}},created(){g(f),this.hasModelValue?this.toggled=this.modelValue:this.hasValue&&(this.toggled=this.value)},methods:{onToggle(){this.disabled||(this.hasProp("checkedValue")?this.toggled=this.isChecked?this.uncheckedValue:this.checkedValue:this.toggled=!this.isChecked,this.$emit("update:model-value",this.toggled))}}},v=["id","name"],b=d("div",{class:"vui-toggle-slider"},[d("div",{class:"vui-toggle-slider-button"})],-1),B=["for"];function y(e,l,C,$,N,t){return a(),o("div",{id:e.componentId,name:e.componentId,class:h(["vui-toggle",{"vui-toggle--checked":t.isChecked},{"vui-toggle--disabled":e.disabled},e.$props.class]),onClick:l[0]||(l[0]=c((...i)=>t.onToggle&&t.onToggle(...i),["stop"]))},[s(e.$slots,"prepend"),b,e.$slots.default?(a(),o("label",{key:0,class:"vui-toggle-label",for:e.componentId},[s(e.$slots,"default")],8,B)):r("",!0),s(e.$slots,"append")],10,v)}const I=u(V,[["render",y]]);export{I as default};
1
+ import{c as n}from"./composable-CshUTKfl.js";import{_ as u,a as o,j as s,f as r,n as h,p as c,d,o as a}from"./index-421S8sYE.js";import{t as g}from"./translatable-1Spw6vjt.js";const m={},p={},f={en:m,fr:p},k={checked:{default:void 0,type:Boolean},checkedValue:{default:void 0,types:[Boolean,String,Number,null]},modelValue:{default:void 0,types:[Boolean,String,Number,null]},name:{type:String},uncheckedValue:{default:void 0,types:[Boolean,String,Number,null]},value:{default:void 0,types:[Boolean,String,Number,null]}},V={name:"VuiToggle",mixins:[n],props:k,emits:["update:model-value"],data(){return{toggled:!1}},computed:{isChecked(){return this.hasProp("checked")?this.checked:this.hasProp("checkedValue")?this.toggled===this.checkedValue:this.toggled}},watch:{modelValue(e){this.toggled=e},value(e){this.toggled=e}},created(){g(f),this.hasModelValue?this.toggled=this.modelValue:this.hasValue&&(this.toggled=this.value)},methods:{onToggle(){this.disabled||(this.hasProp("checkedValue")?this.toggled=this.isChecked?this.uncheckedValue:this.checkedValue:this.toggled=!this.isChecked,this.$emit("update:model-value",this.toggled))}}},v=["id","name"],b=d("div",{class:"vui-toggle-slider"},[d("div",{class:"vui-toggle-slider-button"})],-1),B=["for"];function y(e,l,C,$,N,t){return a(),o("div",{id:e.componentId,name:e.componentId,class:h(["vui-toggle",{"vui-toggle--checked":t.isChecked},{"vui-toggle--disabled":e.disabled},e.$props.class]),onClick:l[0]||(l[0]=c((...i)=>t.onToggle&&t.onToggle(...i),["stop"]))},[s(e.$slots,"prepend"),b,e.$slots.default?(a(),o("label",{key:0,class:"vui-toggle-label",for:e.componentId},[s(e.$slots,"default")],8,B)):r("",!0),s(e.$slots,"append")],10,v)}const I=u(V,[["render",y]]);export{I as default};
@@ -1,4 +1,4 @@
1
- import{d as N}from"./demonstrable-Dv7XIPoL.js";import{t as x}from"./translatable-eIyiPB31.js";import C from"./toggle-Dxv9_B8u.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-BTCbAXEh.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:`
1
+ 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:`
2
2
  <vui-toggle>
3
3
  Default checkbox
4
4
  </vui-toggle>
@@ -1,4 +1,4 @@
1
- import{d as x}from"./demonstrable-Dv7XIPoL.js";import{t as _}from"./translatable-eIyiPB31.js";import V from"./tooltip-CfuewoN3.js";import{_ as w,a as l,b as e,w as i,r as p,o as n,F as g,g as k,h as y,m as T,i as C,d as a,t as h}from"./index-BTCbAXEh.js";import"./index-7pe20t8n.js";import"./composable-CshUTKfl.js";const M={"page.component.tooltip.button.show-bottom":"show tooltip on bottom","page.component.tooltip.button.show-right":"show tooltip on right","page.component.tooltip.button.show-left":"show tooltip on left","page.component.tooltip.button.show-top":"show tooltip on top","page.component.tooltip.text":"My tooltip content My tooltip content My tooltip content My tooltip content My tooltip content My tooltip content","page.component.tooltip.doc.prop.text":"Text of the tooltip","page.component.tooltip.doc.prop.icon":"Class name of the icon to prepend","page.component.tooltip.doc.prop.holder":"Id of the element which tooltip refers to","page.component.tooltip.doc.prop.position":"Position of the tooltip from holder","page.component.tooltip.doc.prop.v-model":"Binds the visible state of the tooltip","page.component.tooltip.doc.slot.default":"Default slot for tooltip content"},S={},$={en:M,fr:S},s={attrs:[],examples:[{markup:`
1
+ import{d as x}from"./demonstrable-D6rf1mQ8.js";import{t as _}from"./translatable-1Spw6vjt.js";import V from"./tooltip-CSTgz_s6.js";import{_ as w,a as l,b as e,w as i,r as p,o as n,F as g,g as k,h as y,m as T,i as C,d as a,t as h}from"./index-421S8sYE.js";import"./index-7pe20t8n.js";import"./composable-CshUTKfl.js";const M={"page.component.tooltip.button.show-bottom":"show tooltip on bottom","page.component.tooltip.button.show-right":"show tooltip on right","page.component.tooltip.button.show-left":"show tooltip on left","page.component.tooltip.button.show-top":"show tooltip on top","page.component.tooltip.text":"My tooltip content My tooltip content My tooltip content My tooltip content My tooltip content My tooltip content","page.component.tooltip.doc.prop.text":"Text of the tooltip","page.component.tooltip.doc.prop.icon":"Class name of the icon to prepend","page.component.tooltip.doc.prop.holder":"Id of the element which tooltip refers to","page.component.tooltip.doc.prop.position":"Position of the tooltip from holder","page.component.tooltip.doc.prop.v-model":"Binds the visible state of the tooltip","page.component.tooltip.doc.slot.default":"Default slot for tooltip content"},S={},$={en:M,fr:S},s={attrs:[],examples:[{markup:`
2
2
  <vui-button
3
3
  @click="isVisible=!isVisible"
4
4
  >
@@ -1 +1 @@
1
- import{l as r}from"./index-7pe20t8n.js";import{c as d}from"./composable-CshUTKfl.js";import{t as h}from"./translatable-eIyiPB31.js";import{_ as p,a as o,d as u,n as s,f as n,j as c,F as f,e as m,t as g,s as y,o as a}from"./index-BTCbAXEh.js";const w={icon:{type:String},position:{type:String,default:"right"},text:{type:String},modelValue:{default:void 0,type:Boolean},value:{default:void 0,type:Boolean}},$={name:"VuiTooltip",mixins:[d],props:w,emits:["update:model-value"],data(){return{dimension:{content:{},holder:{}},show:!1}},computed:{display(){return this.show?"block":"none"},left(){const{content:t,holder:e}=this.dimension;switch(this.position){case"left":return e.left-(t.width+15);case"bottom":case"top":{const l=t.width-e.width;return e.left-l/2}case"right":default:return e.right+15}},top(){const{content:t,holder:e}=this.dimension;switch(this.position){case"bottom":return e.top+e.height+15;case"top":return e.top-t.height-15;case"left":case"right":default:return e.top-e.height/2}}},watch:{async modelValue(t){this.show=t,t&&(await this.$nextTick(),this.setPosition())},async value(t){this.show=t,t&&(await this.$nextTick(),this.setPosition())}},created(){h(r),this.hasModelValue&&(this.show=this.modelValue),this.hasValue&&(this.show=this.value),this.$bus.on("outclick",()=>{this.disabled||(this.show=!1,this.$emit("update:model-value",this.show))})},methods:{setPosition(){this.dimension.content=this.$refs.tooltip.getBoundingClientRect(),this.dimension.holder=this.$parent.$el.getBoundingClientRect()}}},v=["id"];function V(t,e,l,k,b,i){return a(),o("div",{id:t.componentId,ref:"tooltip",class:s(["vui-tooltip",{"vui-tooltip--with-icon":t.icon},t.$props.class]),style:y({position:"fixed",display:i.display,top:`${i.top}px`,left:`${i.left}px`})},[u("i",{class:s(["vui-tooltip-pointer",`vui-tooltip-pointer--${t.position}`])},null,2),t.icon?(a(),o("i",{key:0,class:s(["vui-tooltip-icon",t.icon])},null,2)):n("",!0),t.$slots.default?c(t.$slots,"default",{key:1}):n("",!0),t.text?(a(),o(f,{key:2},[m(g(t.text),1)],64)):n("",!0)],14,v)}const x=p($,[["render",V]]);export{x as default};
1
+ import{l as r}from"./index-7pe20t8n.js";import{c as d}from"./composable-CshUTKfl.js";import{t as h}from"./translatable-1Spw6vjt.js";import{_ as p,a as o,d as u,n as s,f as n,j as c,F as f,e as m,t as g,s as y,o as a}from"./index-421S8sYE.js";const w={icon:{type:String},position:{type:String,default:"right"},text:{type:String},modelValue:{default:void 0,type:Boolean},value:{default:void 0,type:Boolean}},$={name:"VuiTooltip",mixins:[d],props:w,emits:["update:model-value"],data(){return{dimension:{content:{},holder:{}},show:!1}},computed:{display(){return this.show?"block":"none"},left(){const{content:t,holder:e}=this.dimension;switch(this.position){case"left":return e.left-(t.width+15);case"bottom":case"top":{const l=t.width-e.width;return e.left-l/2}case"right":default:return e.right+15}},top(){const{content:t,holder:e}=this.dimension;switch(this.position){case"bottom":return e.top+e.height+15;case"top":return e.top-t.height-15;case"left":case"right":default:return e.top-e.height/2}}},watch:{async modelValue(t){this.show=t,t&&(await this.$nextTick(),this.setPosition())},async value(t){this.show=t,t&&(await this.$nextTick(),this.setPosition())}},created(){h(r),this.hasModelValue&&(this.show=this.modelValue),this.hasValue&&(this.show=this.value),this.$bus.on("outclick",()=>{this.disabled||(this.show=!1,this.$emit("update:model-value",this.show))})},methods:{setPosition(){this.dimension.content=this.$refs.tooltip.getBoundingClientRect(),this.dimension.holder=this.$parent.$el.getBoundingClientRect()}}},v=["id"];function V(t,e,l,k,b,i){return a(),o("div",{id:t.componentId,ref:"tooltip",class:s(["vui-tooltip",{"vui-tooltip--with-icon":t.icon},t.$props.class]),style:y({position:"fixed",display:i.display,top:`${i.top}px`,left:`${i.left}px`})},[u("i",{class:s(["vui-tooltip-pointer",`vui-tooltip-pointer--${t.position}`])},null,2),t.icon?(a(),o("i",{key:0,class:s(["vui-tooltip-icon",t.icon])},null,2)):n("",!0),t.$slots.default?c(t.$slots,"default",{key:1}):n("",!0),t.text?(a(),o(f,{key:2},[m(g(t.text),1)],64)):n("",!0)],14,v)}const x=p($,[["render",V]]);export{x as default};
@@ -1 +1 @@
1
- import{v as o}from"./index-BTCbAXEh.js";const a=e=>{const t=o.useI18n();return Object.keys(e).forEach(r=>{t.mergeLocaleMessage(r,e[r])}),t};export{a as t};
1
+ import{v as o}from"./index-421S8sYE.js";const a=e=>{const t=o.useI18n();return Object.keys(e).forEach(r=>{t.mergeLocaleMessage(r,e[r])}),t};export{a as t};
@@ -1,4 +1,4 @@
1
- import{d as _}from"./demonstrable-Dv7XIPoL.js";import{t as f}from"./translatable-eIyiPB31.js";import v from"./unit-B5sbv-XJ.js";import{_ as h,a as s,b as t,w as e,r as a,o as d,F as u,g as b,d as n,t as l}from"./index-BTCbAXEh.js";import"./composable-CshUTKfl.js";const $={"page.component.grid-unit.left":"Col 1 content","page.component.grid-unit.right":"Col 2 content","page.component.grid-unit.doc.tag.col":"Defines flex basis percentage for grid-unit column"},x={},C={en:$,fr:x},p={attrs:[],examples:[{markup:`
1
+ import{d as _}from"./demonstrable-D6rf1mQ8.js";import{t as f}from"./translatable-1Spw6vjt.js";import v from"./unit-qNeooDZa.js";import{_ as h,a as s,b as t,w as e,r as a,o as d,F as u,g as b,d as n,t as l}from"./index-421S8sYE.js";import"./composable-CshUTKfl.js";const $={"page.component.grid-unit.left":"Col 1 content","page.component.grid-unit.right":"Col 2 content","page.component.grid-unit.doc.tag.col":"Defines flex basis percentage for grid-unit column"},x={},C={en:$,fr:x},p={attrs:[],examples:[{markup:`
2
2
  <vui-grid
3
3
  id="example-grid-1"
4
4
  col-md="2"
@@ -1 +1 @@
1
- import{c as e}from"./composable-CshUTKfl.js";import{t as n}from"./translatable-eIyiPB31.js";import{_ as r,a as t,j as o,n as a,o as i}from"./index-BTCbAXEh.js";const l={},p={},c={en:l,fr:p},d={col:{default:void 0,types:[String,Number]}},u={name:"VuiGridUnit",mixins:[e],props:d,created(){n(c)}};function m(s,f,$,g,b,v){return i(),t("div",{class:a(["vui-grid-unit",{[`vui-grid-unit-col--${s.col}`]:s.col},s.$props.class])},[o(s.$slots,"prepend"),o(s.$slots,"default"),o(s.$slots,"append")],2)}const G=r(u,[["render",m]]);export{G as default};
1
+ import{c as e}from"./composable-CshUTKfl.js";import{t as n}from"./translatable-1Spw6vjt.js";import{_ as r,a as t,j as o,n as a,o as i}from"./index-421S8sYE.js";const l={},p={},c={en:l,fr:p},d={col:{default:void 0,types:[String,Number]}},u={name:"VuiGridUnit",mixins:[e],props:d,created(){n(c)}};function m(s,f,$,g,b,v){return i(),t("div",{class:a(["vui-grid-unit",{[`vui-grid-unit-col--${s.col}`]:s.col},s.$props.class])},[o(s.$slots,"prepend"),o(s.$slots,"default"),o(s.$slots,"append")],2)}const G=r(u,[["render",m]]);export{G as default};
@@ -22,7 +22,7 @@
22
22
  <style>
23
23
  @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
24
24
  </style>
25
- <script type="module" crossorigin src="/assets/index-BTCbAXEh.js"></script>
25
+ <script type="module" crossorigin src="/assets/index-421S8sYE.js"></script>
26
26
  <link rel="stylesheet" crossorigin href="/assets/index-BSpywUIE.css">
27
27
  </head>
28
28
  <body>