@e-xode/vui 0.7.3 → 0.7.4

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 (85) hide show
  1. package/dist/{button-DHGu7n_C.js → button--NsF5_K4.js} +1 -1
  2. package/dist/doc/assets/{alert-Cl9jlikY.js → alert-B-Zj4dLz.js} +2 -2
  3. package/dist/doc/assets/{alert-8Rttk9yu.js → alert-DynfpWzr.js} +1 -1
  4. package/dist/doc/assets/{button-BnuGfmWf.js → button-CQOaMy1_.js} +2 -2
  5. package/dist/doc/assets/{button-D2nGyV-k.js → button-Cn-QXL2g.js} +1 -1
  6. package/dist/doc/assets/{card-CIZGN-ZR.js → card-B6BH07AX.js} +1 -1
  7. package/dist/doc/assets/card-DVTnpTgO.js +1 -0
  8. package/dist/doc/assets/checkbox-CdRwl2QO.js +1 -0
  9. package/dist/doc/assets/{checkbox-CLQmdWzB.js → checkbox-Z4O1x0SX.js} +2 -2
  10. package/dist/doc/assets/{component-DYsSorq5.js → component-DewnstfY.js} +1 -1
  11. package/dist/doc/assets/{default-n0XwPIs9.js → default-BsSO0NJM.js} +1 -1
  12. package/dist/doc/assets/{demonstrable-BAeLg1x3.js → demonstrable-mbzqmrww.js} +2 -2
  13. package/dist/doc/assets/{dropdown-OMeNFUqR.js → dropdown-DNiNXYQ1.js} +2 -2
  14. package/dist/doc/assets/{dropdown-DqCVNMcJ.js → dropdown-DTjT0ouW.js} +1 -1
  15. package/dist/doc/assets/footer-BFLGEAU0.js +1 -0
  16. package/dist/doc/assets/{footer-ByOLs7vh.js → footer-DIxIEj3L.js} +1 -1
  17. package/dist/doc/assets/form-Db0LWPDL.js +1 -0
  18. package/dist/doc/assets/{form-D98MdjXW.js → form-XMsdhEHF.js} +1 -1
  19. package/dist/doc/assets/grid-CZtUwT6_.css +1 -0
  20. package/dist/doc/assets/{grid-B-RjBYp0.js → grid-IVrHD6z6.js} +1 -1
  21. package/dist/doc/assets/{grid-C7ZlqbOM.js → grid-Q5qUNxTl.js} +1 -1
  22. package/dist/doc/assets/{header-B3PMmLqd.js → header-F9SFPBR2.js} +1 -1
  23. package/dist/doc/assets/{header-D8EgX9oX.js → header-joMD_34m.js} +1 -1
  24. package/dist/doc/assets/index-BF-baYVr.js +1 -0
  25. package/dist/doc/assets/index-BbgMbdRD.js +61 -0
  26. package/dist/doc/assets/index-C8NchJtD.css +14 -0
  27. package/dist/doc/assets/{input-CvF9PMC5.js → input-D7gwi2LE.js} +1 -1
  28. package/dist/doc/assets/{input-C4l0nUJQ.js → input-kUYfi76x.js} +2 -2
  29. package/dist/doc/assets/list-BUy4raLw.js +1 -0
  30. package/dist/doc/assets/{list-kVXLwBrO.js → list-b3-cX-Qp.js} +2 -2
  31. package/dist/doc/assets/{loader-C5HB7ek9.js → loader-BBtW8xkv.js} +1 -1
  32. package/dist/doc/assets/{loader-CWDpLVg8.js → loader-BlsomPQ7.js} +2 -2
  33. package/dist/doc/assets/{modal-3t6vVSix.js → modal-CMk8DAHV.js} +1 -1
  34. package/dist/doc/assets/{modal-Cby_fcIc.js → modal-glYdUmqI.js} +2 -2
  35. package/dist/doc/assets/{nav-By3YGPfa.js → nav-BgY5qOwN.js} +2 -2
  36. package/dist/doc/assets/{nav-vTxyglzn.js → nav-DAxjJY9p.js} +1 -1
  37. package/dist/doc/assets/page-DUtWkA0j.js +1 -0
  38. package/dist/doc/assets/{page-CSJXKcsD.js → page-Dv6ElHPK.js} +1 -1
  39. package/dist/doc/assets/{pager-CqIruhwG.js → pager-B60mAET0.js} +1 -1
  40. package/dist/doc/assets/{pager-Bra0mA5b.js → pager-uxnI4abY.js} +2 -2
  41. package/dist/doc/assets/{progress-Bzgvw1h0.js → progress-BkWwg_sT.js} +2 -2
  42. package/dist/doc/assets/progress-niryzp3-.js +1 -0
  43. package/dist/doc/assets/{radio-Dq2UJ75m.js → radio-ABV6-qDI.js} +1 -1
  44. package/dist/doc/assets/{radio-MX2fi8YE.js → radio-DndqGM16.js} +2 -2
  45. package/dist/doc/assets/stars--t48-t7U.js +1 -0
  46. package/dist/doc/assets/{stars-DVajAulQ.js → stars-BvJu0tOw.js} +2 -2
  47. package/dist/doc/assets/start-C25X8aPn.js +1 -0
  48. package/dist/doc/assets/{table-BM5dQX27.js → table-2gAYHcAI.js} +2 -2
  49. package/dist/doc/assets/{table-DwzdPySh.css → table-BdegYgOq.css} +1 -1
  50. package/dist/doc/assets/{table-Cq7J2jpj.js → table-CsjKqyKR.js} +1 -1
  51. package/dist/doc/assets/tabs-D-QqfT0U.js +1 -0
  52. package/dist/doc/assets/{tabs-BEURkqhc.js → tabs-DJUtpV0C.js} +2 -2
  53. package/dist/doc/assets/{tag-GD0nTzc5.js → tag-Eiju8398.js} +1 -1
  54. package/dist/doc/assets/{tag-DvzISO1o.js → tag-oXjiEqbu.js} +2 -2
  55. package/dist/doc/assets/{toggle-xpysr4Y5.js → toggle-Dde0EnzO.js} +2 -2
  56. package/dist/doc/assets/toggle-ixspCt2a.js +1 -0
  57. package/dist/doc/assets/{tooltip-DL7ojxlq.js → tooltip-CC0Z59E_.js} +1 -1
  58. package/dist/doc/assets/{tooltip-Bslu0cSi.js → tooltip-CL7S4XdH.js} +2 -2
  59. package/dist/doc/assets/{translatable-Bd84jMZo.js → translatable-D4pUZ8MH.js} +1 -1
  60. package/dist/doc/assets/{unit-BX0jrls7.js → unit-CW2ecNh3.js} +1 -1
  61. package/dist/doc/assets/{unit-DmkhvKjy.js → unit-GcXx14dU.js} +1 -1
  62. package/dist/doc/index.html +2 -2
  63. package/dist/{modal-CwIKus7b.js → modal-BmR7Kco9.js} +1 -1
  64. package/dist/{pager-eK2_u3ky.js → pager-zpDPcZ7e.js} +1 -1
  65. package/dist/{toggle-D8hJDrDz.js → toggle-Br14TI13.js} +3 -3
  66. package/dist/{tooltip-CIoZoCZY.js → tooltip-CUICKifH.js} +1 -1
  67. package/dist/vui.css +1 -1
  68. package/dist/vui.esm.js +1 -1
  69. package/dist/vui.umd.js +1 -1
  70. package/package.json +8 -8
  71. package/dist/doc/assets/card-DLUQlhvM.js +0 -1
  72. package/dist/doc/assets/checkbox-tHAt76NZ.js +0 -1
  73. package/dist/doc/assets/footer-DeK1CZgc.js +0 -1
  74. package/dist/doc/assets/form-BBxTwRyA.js +0 -1
  75. package/dist/doc/assets/grid-Ct2gEara.css +0 -1
  76. package/dist/doc/assets/index-B3xm9a7h.js +0 -61
  77. package/dist/doc/assets/index-Bif4l-EJ.css +0 -14
  78. package/dist/doc/assets/index-C8jD1yF4.js +0 -1
  79. package/dist/doc/assets/list-BX0o43BO.js +0 -1
  80. package/dist/doc/assets/page-Bevk66c3.js +0 -1
  81. package/dist/doc/assets/progress-CSablIYY.js +0 -1
  82. package/dist/doc/assets/stars-C6KEUmeB.js +0 -1
  83. package/dist/doc/assets/start-H1r3K_bp.js +0 -1
  84. package/dist/doc/assets/tabs-DUliEms8.js +0 -1
  85. package/dist/doc/assets/toggle-B_0Z212b.js +0 -1
@@ -1 +1 @@
1
- import{c as u}from"./composable-CshUTKfl.js";import{t as r}from"./translatable-Bd84jMZo.js";import{_ as h,a as i,j as l,n as t,f as s,d as c,o as d,e as f,t as g}from"./index-B3xm9a7h.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-solid fa-circle"},iconChecked:{type:String,default:"fa-solid 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:t(["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))},[l(e.$slots,"prepend"),e.icon&&!a.isChecked?(d(),i("i",{key:0,class:t(["vui-radio-icon",e.icon])},null,2)):s("",!0),e.iconChecked&&a.isChecked?(d(),i("i",{key:1,class:t(["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},[l(e.$slots,"default",{},()=>[f(g(e.text),1)])],8,C)):s("",!0),l(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-D4pUZ8MH.js";import{_ as h,c as i,j as l,n as t,e as s,b as c,o as d,d as f,t as g}from"./index-BbgMbdRD.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-solid fa-circle"},iconChecked:{type:String,default:"fa-solid 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:t(["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))},[l(e.$slots,"prepend"),e.icon&&!a.isChecked?(d(),i("i",{key:0,class:t(["vui-radio-icon",e.icon])},null,2)):s("",!0),e.iconChecked&&a.isChecked?(d(),i("i",{key:1,class:t(["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},[l(e.$slots,"default",{},()=>[f(g(e.text),1)])],8,C)):s("",!0),l(e.$slots,"append")],10,V)}const L=h(v,[["render",S]]);export{L as default};
@@ -1,4 +1,4 @@
1
- import{d as S}from"./demonstrable-BAeLg1x3.js";import{t as V}from"./translatable-Bd84jMZo.js";import w from"./radio-Dq2UJ75m.js";import{_ as N,a,b as n,w as r,r as l,o as t,F as p,g as C,h as m,e as u,t as d,f as i,m as y,i as k,d as g}from"./index-B3xm9a7h.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:$},h={examples:[{markup:`
1
+ import{d as S}from"./demonstrable-mbzqmrww.js";import{t as V}from"./translatable-D4pUZ8MH.js";import w from"./radio-ABV6-qDI.js";import{_ as N,c as a,a as n,w as r,r as l,o as t,F as p,g as C,h as m,i as y,m as k,d as u,t as d,e as i,b as g}from"./index-BbgMbdRD.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:$},h={examples:[{markup:`
2
2
  <vui-radio
3
3
  v-model="myradiomodel"
4
4
  :layout="default"
@@ -25,4 +25,4 @@ import{d as S}from"./demonstrable-BAeLg1x3.js";import{t as V}from"./translatable
25
25
  :layout="error"
26
26
  :text="Error radio"
27
27
  />
28
- `,props:{id:"vui-radio-5",layout:"error",text:"page.component.radio.error"}}],props:[{tag:"checked-value",type:"[Boolean, String, Number, null]",text:"page.component.radio.doc.prop.checked-value"},{tag:"disabled",type:"Boolean",text:"page.component.radio.doc.prop.disabled"},{tag:"checked",type:"[Boolean, String, Number, null]",text:"page.component.radio.doc.prop.checked"},{tag:"layout",type:"String",text:"page.component.radio.doc.prop.layout"},{tag:"loading",type:"Boolean",text:"page.component.radio.doc.prop.loading"},{tag:"text",type:"String",text:"page.component.radio.doc.prop.text"},{tag:"unchecked-value",type:"[Boolean, String, Number, null]",text:"page.component.radio.doc.prop.unchecked-value"},{tag:"value",type:"[Boolean, String, Number, null]",text:"page.component.radio.doc.prop.value"},{tag:"v-model",type:"[Boolean, String, Number, null]",text:"page.component.radio.doc.prop.v-model"}],slots:[{name:"prepend",text:"page.component.radio.doc.slot.prepend"},{name:"default",text:"page.component.radio.doc.slot.default"},{name:"append",text:"page.component.radio.doc.slot.append"}]},H={name:"ViewRadio",mixins:[S],setup(){return V(E),{}},data(){return{states:{}}},computed:{doc(){return h},examples(){return this.docExamples(w,{attrs:h.attrs,examples:h.examples.map(e=>({...e,props:{...e.props,text:e.props.text?this.$t(e.props.text):null}}))})}},mounted(){this.states=this.examples.reduce((e,s)=>({...e,[s.props.id]:!1}),{})},methods:{}},T={class:"view-radio"},L=["innerHTML"],P={class:"title"},U={class:"title"};function F(e,s,M,R,c,b){const _=l("vui-tag"),v=l("vui-grid-unit"),f=l("vui-table"),x=l("vui-grid");return t(),a("div",T,[n(x,{"col-sm":"1","col-md":"2"},{default:r(()=>[n(v,{class:"examples"},{default:r(()=>[(t(!0),a(p,null,C(b.examples,o=>(t(),a(p,{key:`radio-${o.props.id}`},[o.props.id==="vui-radio-2"?(t(),m(k(o.component),y({key:0,disabled:"",ref_for:!0},o.props,{checked:c.states["vui-radio-1"]}),{default:r(()=>[o.text?(t(),a(p,{key:0},[u(d(e.$t(o.text)),1)],64)):i("",!0)]),_:2},1040,["checked"])):i("",!0),o.props.id!=="vui-radio-2"?(t(),a(p,{key:1},[(t(),m(k(o.component),y({ref_for:!0},o.props,{modelValue:c.states[o.props.id],"onUpdate:modelValue":B=>c.states[o.props.id]=B}),{default:r(()=>[o.text?(t(),a(p,{key:0},[u(d(e.$t(o.text)),1)],64)):i("",!0)]),_:2},1040,["modelValue","onUpdate:modelValue"])),s[0]||(s[0]=u("   ")),o.props.id==="vui-radio-1"?(t(),m(_,{key:0},{default:r(()=>[u(d(e.$t("page.component.radio.label"))+": "+d(c.states[o.props.id]),1)]),_:2},1024)):i("",!0)],64)):i("",!0),g("div",{class:"highlighted-code",innerHTML:o.highlighted},null,8,L)],64))),128))]),_:1}),n(v,{class:"api-options"},{default:r(()=>[g("h2",P,d(e.$t("page.component.h2.api")),1),n(f,{"item-label":"label","item-value":"value",headers:e.docPropsHeaders,items:e.docProps},null,8,["headers","items"]),g("h2",U,d(e.$t("page.component.h2.slots")),1),n(f,{"item-label":"label","item-value":"value",headers:e.docSlotsHeaders,items:e.docSlots},null,8,["headers","items"])]),_:1})]),_:1})])}const G=N(H,[["render",F]]);export{G as default};
28
+ `,props:{id:"vui-radio-5",layout:"error",text:"page.component.radio.error"}}],props:[{tag:"checked-value",type:"[Boolean, String, Number, null]",text:"page.component.radio.doc.prop.checked-value"},{tag:"disabled",type:"Boolean",text:"page.component.radio.doc.prop.disabled"},{tag:"checked",type:"[Boolean, String, Number, null]",text:"page.component.radio.doc.prop.checked"},{tag:"layout",type:"String",text:"page.component.radio.doc.prop.layout"},{tag:"loading",type:"Boolean",text:"page.component.radio.doc.prop.loading"},{tag:"text",type:"String",text:"page.component.radio.doc.prop.text"},{tag:"unchecked-value",type:"[Boolean, String, Number, null]",text:"page.component.radio.doc.prop.unchecked-value"},{tag:"value",type:"[Boolean, String, Number, null]",text:"page.component.radio.doc.prop.value"},{tag:"v-model",type:"[Boolean, String, Number, null]",text:"page.component.radio.doc.prop.v-model"}],slots:[{name:"prepend",text:"page.component.radio.doc.slot.prepend"},{name:"default",text:"page.component.radio.doc.slot.default"},{name:"append",text:"page.component.radio.doc.slot.append"}]},H={name:"ViewRadio",mixins:[S],setup(){return V(E),{}},data(){return{states:{}}},computed:{doc(){return h},examples(){return this.docExamples(w,{attrs:h.attrs,examples:h.examples.map(e=>({...e,props:{...e.props,text:e.props.text?this.$t(e.props.text):null}}))})}},mounted(){this.states=this.examples.reduce((e,s)=>({...e,[s.props.id]:!1}),{})},methods:{}},T={class:"view-radio"},L=["innerHTML"],P={class:"title"},U={class:"title"};function F(e,s,M,R,c,b){const _=l("vui-tag"),v=l("vui-grid-unit"),f=l("vui-table"),x=l("vui-grid");return t(),a("div",T,[n(x,{"col-sm":"1","col-md":"2"},{default:r(()=>[n(v,{class:"examples"},{default:r(()=>[(t(!0),a(p,null,C(b.examples,o=>(t(),a(p,{key:`radio-${o.props.id}`},[o.props.id==="vui-radio-2"?(t(),m(y(o.component),k({key:0,disabled:"",ref_for:!0},o.props,{checked:c.states["vui-radio-1"]}),{default:r(()=>[o.text?(t(),a(p,{key:0},[u(d(e.$t(o.text)),1)],64)):i("",!0)]),_:2},1040,["checked"])):i("",!0),o.props.id!=="vui-radio-2"?(t(),a(p,{key:1},[(t(),m(y(o.component),k({ref_for:!0},o.props,{modelValue:c.states[o.props.id],"onUpdate:modelValue":B=>c.states[o.props.id]=B}),{default:r(()=>[o.text?(t(),a(p,{key:0},[u(d(e.$t(o.text)),1)],64)):i("",!0)]),_:2},1040,["modelValue","onUpdate:modelValue"])),s[0]||(s[0]=u("   ")),o.props.id==="vui-radio-1"?(t(),m(_,{key:0},{default:r(()=>[u(d(e.$t("page.component.radio.label"))+": "+d(c.states[o.props.id]),1)]),_:2},1024)):i("",!0)],64)):i("",!0),g("div",{class:"highlighted-code",innerHTML:o.highlighted},null,8,L)],64))),128))]),_:1}),n(v,{class:"api-options"},{default:r(()=>[g("h2",P,d(e.$t("page.component.h2.api")),1),n(f,{"item-label":"label","item-value":"value",headers:e.docPropsHeaders,items:e.docProps},null,8,["headers","items"]),g("h2",U,d(e.$t("page.component.h2.slots")),1),n(f,{"item-label":"label","item-value":"value",headers:e.docSlotsHeaders,items:e.docSlots},null,8,["headers","items"])]),_:1})]),_:1})])}const G=N(H,[["render",F]]);export{G as default};
@@ -0,0 +1 @@
1
+ import{c as l}from"./composable-CshUTKfl.js";import{t as i}from"./translatable-D4pUZ8MH.js";import{_ as n,c as p,j as t,b as a,n as o,o as d}from"./index-BbgMbdRD.js";const v={},m={},u={en:v,fr:m},$={value:{type:Number,required:!0}},c={name:"VuiStars",mixins:[l],props:$,emits:["click"],created(){i(u)}},k=["id"];function f(s,e,C,b,B,S){return d(),p("div",{id:s.componentId,class:o(["vui-stars",s.$props.class])},[t(s.$slots,"prepend"),a("div",{class:o(["stars",{"stars--25":s.value>=0&&s.value<=25},{"stars--50":s.value>=26&&s.value<=50},{"stars--75":s.value>=51&&s.value<=75},{"stars--100":s.value>=76&&s.value<=100}])},[a("div",{class:"star star--1",onClick:e[0]||(e[0]=r=>s.$emit("click",25))}),a("div",{class:"star star--2",onClick:e[1]||(e[1]=r=>s.$emit("click",50))}),a("div",{class:"star star--3",onClick:e[2]||(e[2]=r=>s.$emit("click",75))}),a("div",{class:"star star--4",onClick:e[3]||(e[3]=r=>s.$emit("click",100))})],2),t(s.$slots,"append")],10,k)}const j=n(c,[["render",f]]);export{j as default};
@@ -1,4 +1,4 @@
1
- import{d as v}from"./demonstrable-BAeLg1x3.js";import{t as g}from"./translatable-Bd84jMZo.js";import _ from"./stars-C6KEUmeB.js";import{_ as h,a as o,b as e,w as r,r as n,o as a,F as l,g as f,h as y,m as b,i as k,d as u,t as x}from"./index-B3xm9a7h.js";import"./composable-CshUTKfl.js";const w={"page.component.stars.doc.prop.disabled":"Bind the disabled state","page.component.stars.doc.prop.layout":"The progress-bar layout: [error, success, warning]"},B={},$={en:w,fr:B},p={examples:[{markup:`
1
+ import{d as v}from"./demonstrable-mbzqmrww.js";import{t as g}from"./translatable-D4pUZ8MH.js";import _ from"./stars--t48-t7U.js";import{_ as h,c as o,a as e,w as r,r as n,o as a,F as l,g as f,h as y,i as b,m as k,b as u,t as x}from"./index-BbgMbdRD.js";import"./composable-CshUTKfl.js";const w={"page.component.stars.doc.prop.disabled":"Bind the disabled state","page.component.stars.doc.prop.layout":"The progress-bar layout: [error, success, warning]"},B={},$={en:w,fr:B},p={examples:[{markup:`
2
2
  <vui-stars
3
3
  :value="25"
4
4
  />
@@ -17,4 +17,4 @@ import{d as v}from"./demonstrable-BAeLg1x3.js";import{t as g}from"./translatable
17
17
  layout="success"
18
18
  :value="100"
19
19
  />
20
- `,props:{id:"vui-stars-4",layout:"success",value:100}}],props:[{tag:"disabled",type:"Boolean",text:"page.component.stars.doc.prop.disabled"},{tag:"layout",type:"String",text:"page.component.stars.doc.prop.layout"}],slots:[]},S={name:"ViewStars",mixins:[v],setup(){return g($),{}},computed:{doc(){return p},examples(){return this.docExamples(_,{attrs:p.attrs,examples:p.examples.map(s=>({...s,props:{...s.props,text:s.props.text?this.$t(s.props.text):null}}))})}}},V={class:"view-stars"},C=["innerHTML"],H={class:"title"};function L(s,P,T,D,E,c){const i=n("vui-grid-unit"),d=n("vui-table"),m=n("vui-grid");return a(),o("div",V,[e(m,{"col-sm":"1","col-md":"2"},{default:r(()=>[e(i,{class:"examples"},{default:r(()=>[(a(!0),o(l,null,f(c.examples,t=>(a(),o(l,{key:`card-${t.props.id}`},[(a(),y(k(t.component),b({ref_for:!0},t.props),null,16)),u("div",{class:"highlighted-code",innerHTML:t.highlighted},null,8,C)],64))),128))]),_:1}),e(i,{class:"api-options"},{default:r(()=>[u("h2",H,x(s.$t("page.component.h2.api")),1),e(d,{"item-label":"label","item-value":"value",headers:s.docPropsHeaders,items:s.docProps},null,8,["headers","items"])]),_:1})]),_:1})])}const z=h(S,[["render",L]]);export{z as default};
20
+ `,props:{id:"vui-stars-4",layout:"success",value:100}}],props:[{tag:"disabled",type:"Boolean",text:"page.component.stars.doc.prop.disabled"},{tag:"layout",type:"String",text:"page.component.stars.doc.prop.layout"}],slots:[]},S={name:"ViewStars",mixins:[v],setup(){return g($),{}},computed:{doc(){return p},examples(){return this.docExamples(_,{attrs:p.attrs,examples:p.examples.map(s=>({...s,props:{...s.props,text:s.props.text?this.$t(s.props.text):null}}))})}}},V={class:"view-stars"},C=["innerHTML"],H={class:"title"};function L(s,P,T,D,E,c){const i=n("vui-grid-unit"),d=n("vui-table"),m=n("vui-grid");return a(),o("div",V,[e(m,{"col-sm":"1","col-md":"2"},{default:r(()=>[e(i,{class:"examples"},{default:r(()=>[(a(!0),o(l,null,f(c.examples,t=>(a(),o(l,{key:`card-${t.props.id}`},[(a(),y(b(t.component),k({ref_for:!0},t.props),null,16)),u("div",{class:"highlighted-code",innerHTML:t.highlighted},null,8,C)],64))),128))]),_:1}),e(i,{class:"api-options"},{default:r(()=>[u("h2",H,x(s.$t("page.component.h2.api")),1),e(d,{"item-label":"label","item-value":"value",headers:s.docPropsHeaders,items:s.docProps},null,8,["headers","items"])]),_:1})]),_:1})])}const z=h(S,[["render",L]]);export{z as default};
@@ -0,0 +1 @@
1
+ import{t as _}from"./translatable-D4pUZ8MH.js";import{_ as m,r as l,o as f,c as v,a as c,w as o,d as r,t as i,f as x}from"./index-BbgMbdRD.js";const b={},h={},k={en:b,fr:h},w={name:"ViewStart",computed:{components(){return x.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(){_(k)}},g={class:"view-start"};function V(e,t,a,n,$,u){const d=l("router-link"),p=l("vui-list");return f(),v("div",g,[c(p,{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(d,{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-BAeLg1x3.js";import{t as h}from"./translatable-Bd84jMZo.js";import g from"./table-Cq7J2jpj.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,m as S,i as D,d as r}from"./index-B3xm9a7h.js";import"./animable-S5zFcxd4.js";import"./composable-CshUTKfl.js";const V={"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"},k={},L={en:V,fr:k},u={attrs:[],examples:[{markup:`
1
+ import{d as y}from"./demonstrable-mbzqmrww.js";import{t as h}from"./translatable-D4pUZ8MH.js";import g from"./table-CsjKqyKR.js";import{_,c as i,a as t,w as l,r as n,o,F as m,g as f,h as Q,i as x,m as S,d as D,t as s,b as r}from"./index-BbgMbdRD.js";import"./animable-S5zFcxd4.js";import"./composable-CshUTKfl.js";const V={"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"},k={},L={en:V,fr:k},u={attrs:[],examples:[{markup:`
2
2
  <vui-table
3
3
  itemLabel="label",
4
4
  itemValue="value"
@@ -72,4 +72,4 @@ import{d as y}from"./demonstrable-BAeLg1x3.js";import{t as h}from"./translatable
72
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 N(e,T,A,B,H,c){const p=n("vui-grid-unit"),d=n("vui-table"),b=n("vui-grid");return o(),i("div",w,[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(D(a.component),S({ref_for:!0},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,E)],64))),128))]),_:1}),t(p,{class:"api-options"},{default:l(()=>[r("h2",$,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",C,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=_(P,[["render",N]]);export{G 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"}]},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 N(e,T,A,B,H,c){const p=n("vui-grid-unit"),d=n("vui-table"),b=n("vui-grid");return o(),i("div",w,[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(x(a.component),S({ref_for:!0},a.props),{"item.endQuantity":l(({item:v})=>[D(s(v.endQuantity)+" units ",1)]),_:2},1040)),r("div",{class:"highlighted-code",innerHTML:a.highlighted},null,8,E)],64))),128))]),_:1}),t(p,{class:"api-options"},{default:l(()=>[r("h2",$,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",C,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=_(P,[["render",N]]);export{G 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-table table{border-collapse:collapse}.vui-table table thead tr{background-color:#d9dcde}.vui-table table thead tr th{padding:1rem;border:1px solid rgb(189,195,199)}.vui-table table thead tr th:not(.text-center,.text-right){text-align:left}.vui-table table tbody tr td{padding:1rem;border:1px solid rgb(189,195,199)}@media (max-width: 550px){.vui-table table thead{display:none}.vui-table table tr{display:block;margin-bottom:1rem}.vui-table table td{display:block;text-align:right}.vui-table table td:before{content:attr(data-label);float:left}}
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-table table{border-collapse:collapse}.vui-table table thead tr{background-color:#d9dcde}.vui-table table thead tr th{padding:1rem;border:1px solid rgb(189,195,199)}.vui-table table thead tr th:not(.text-center,.text-right){text-align:left}.vui-table table tbody tr td{padding:1rem;border:1px solid rgb(189,195,199)}@media(max-width:550px){.vui-table table thead{display:none}.vui-table table tr{display:block;margin-bottom:1rem}.vui-table table td{display:block;text-align:right}.vui-table table td:before{content:attr(data-label);float:left}}
@@ -1 +1 @@
1
- import{a as y}from"./animable-S5zFcxd4.js";import{c as L}from"./composable-CshUTKfl.js";import{t as g}from"./translatable-Bd84jMZo.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-B3xm9a7h.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};
1
+ import{a as y}from"./animable-S5zFcxd4.js";import{c as L}from"./composable-CshUTKfl.js";import{t as g}from"./translatable-D4pUZ8MH.js";import{_ as h,c as l,j as r,b as n,F as u,g as d,n as p,o as t,d as $,t as c}from"./index-BbgMbdRD.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,V){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},()=>[$(c(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},()=>[$(c(V.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 @@
1
+ import{c as p}from"./composable-CshUTKfl.js";import{t as v}from"./translatable-D4pUZ8MH.js";import{_ as b,c as s,j as a,b as d,F as l,g as c,n as o,o as i,e as m,t as V}from"./index-BbgMbdRD.js";const f={},g={},$={en:f,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,V(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 h}from"./demonstrable-BAeLg1x3.js";import{t as _}from"./translatable-Bd84jMZo.js";import f from"./tabs-DUliEms8.js";import{_ as x,a as T,b as t,w as s,r as l,o as p,h as d,l as y,g as B,e as k,t as n,u as b,x as u,i as v,d as o}from"./index-B3xm9a7h.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:`
1
+ import{d as h}from"./demonstrable-mbzqmrww.js";import{t as _}from"./translatable-D4pUZ8MH.js";import f from"./tabs-D-QqfT0U.js";import{_ as x,c as T,a as t,w as s,r as l,o as p,h as d,i as b,u,x as v,l as y,g as B,d as k,t as n,b as o}from"./index-BbgMbdRD.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
2
  <vui-tabs
3
3
  items="[
4
4
  { 'label': 'Tab 1', 'value': 'tab1' },
@@ -15,4 +15,4 @@ import{d as h}from"./demonstrable-BAeLg1x3.js";import{t as _}from"./translatable
15
15
  { 'label': 'Tab 2', 'value': 'tab2' },
16
16
  ]"
17
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,z,A,R,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,$)=>({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};
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,z,A,R,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(b(a.examples[0].component),u(v(a.examples[0].props)),y({_:2},[B(a.examples[0].props.items,(c,$)=>({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(b(a.examples[1].component),u(v(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
- import{c as n}from"./composable-CshUTKfl.js";import{t as i}from"./translatable-Bd84jMZo.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-B3xm9a7h.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-D4pUZ8MH.js";import{_ as r,c as e,j as s,n as t,e as c,o as a,d as p,t as l}from"./index-BbgMbdRD.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)):c("",!0),s(o.$slots,"default",{},()=>[p(l(o.text),1)]),s(o.$slots,"append")],10,$)}const C=r(g,[["render",v]]);export{C as default};
@@ -1,4 +1,4 @@
1
- import{d as f}from"./demonstrable-BAeLg1x3.js";import{t as h}from"./translatable-Bd84jMZo.js";import _ from"./tag-GD0nTzc5.js";import{_ as v,a as s,b as o,w as n,r as p,o as a,F as r,g as y,h as x,e as b,t as i,f as k,m as w,i as S,d as c}from"./index-B3xm9a7h.js";import"./composable-CshUTKfl.js";const $={"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"},T={},V={en:$,fr:T},g={examples:[{markup:`
1
+ import{d as f}from"./demonstrable-mbzqmrww.js";import{t as h}from"./translatable-D4pUZ8MH.js";import _ from"./tag-Eiju8398.js";import{_ as v,c as s,a as o,w as n,r as p,o as a,F as r,g as y,h as x,i as b,m as k,d as w,t as i,e as S,b as c}from"./index-BbgMbdRD.js";import"./composable-CshUTKfl.js";const $={"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"},T={},V={en:$,fr:T},g={examples:[{markup:`
2
2
  <vui-tag
3
3
  icon="fa-solid fa-tag"
4
4
  >
@@ -22,4 +22,4 @@ import{d as f}from"./demonstrable-BAeLg1x3.js";import{t as h}from"./translatable
22
22
  text="Warning type tag"
23
23
  type="warning"
24
24
  />
25
- `,props:{id:"vui-tag-2",icon:"fa-solid fa-tag",layout:"warning",text:"page.component.tag.warning"}}],props:[{tag:"disabled",type:"String",text:"page.component.tag.doc.prop.disabled"},{tag:"icon",type:"String",text:"page.component.tag.doc.prop.icon"},{tag:"text",type:"String",text:"page.component.tag.doc.prop.text"}],slots:[{name:"default",text:"page.component.card.doc.slot.default"}]},B={name:"ViewTag",mixins:[f],setup(){return h(V),{}},computed:{doc(){return g},examples(){return this.docExamples(_,{attrs:g.attrs,examples:g.examples.map(t=>({...t,props:{...t.props,text:t.props.text?this.$t(t.props.text):null}}))})}}},C={class:"view-tag"},D=["innerHTML"],E={class:"title"},H={class:"title"};function L(t,N,P,F,M,u){const d=p("vui-grid-unit"),l=p("vui-table"),m=p("vui-grid");return a(),s("div",C,[o(m,{"col-sm":"1","col-md":"2"},{default:n(()=>[o(d,{class:"examples"},{default:n(()=>[(a(!0),s(r,null,y(u.examples,e=>(a(),s(r,{key:`tag-${e.props.id}`},[(a(),x(S(e.component),w({ref_for:!0},e.props),{default:n(()=>[e.text?(a(),s(r,{key:0},[b(i(t.$t(e.text)),1)],64)):k("",!0)]),_:2},1040)),c("div",{class:"highlighted-code",innerHTML:e.highlighted},null,8,D)],64))),128))]),_:1}),o(d,{class:"api-options"},{default:n(()=>[c("h2",E,i(t.$t("page.component.h2.api")),1),o(l,{"item-label":"label","item-value":"value",headers:t.docPropsHeaders,items:t.docProps},null,8,["headers","items"]),c("h2",H,i(t.$t("page.component.h2.slots")),1),o(l,{"item-label":"label","item-value":"value",headers:t.docSlotsHeaders,items:t.docSlots},null,8,["headers","items"])]),_:1})]),_:1})])}const G=v(B,[["render",L]]);export{G as default};
25
+ `,props:{id:"vui-tag-2",icon:"fa-solid fa-tag",layout:"warning",text:"page.component.tag.warning"}}],props:[{tag:"disabled",type:"String",text:"page.component.tag.doc.prop.disabled"},{tag:"icon",type:"String",text:"page.component.tag.doc.prop.icon"},{tag:"text",type:"String",text:"page.component.tag.doc.prop.text"}],slots:[{name:"default",text:"page.component.card.doc.slot.default"}]},B={name:"ViewTag",mixins:[f],setup(){return h(V),{}},computed:{doc(){return g},examples(){return this.docExamples(_,{attrs:g.attrs,examples:g.examples.map(t=>({...t,props:{...t.props,text:t.props.text?this.$t(t.props.text):null}}))})}}},C={class:"view-tag"},D=["innerHTML"],E={class:"title"},H={class:"title"};function L(t,N,P,F,M,u){const d=p("vui-grid-unit"),l=p("vui-table"),m=p("vui-grid");return a(),s("div",C,[o(m,{"col-sm":"1","col-md":"2"},{default:n(()=>[o(d,{class:"examples"},{default:n(()=>[(a(!0),s(r,null,y(u.examples,e=>(a(),s(r,{key:`tag-${e.props.id}`},[(a(),x(b(e.component),k({ref_for:!0},e.props),{default:n(()=>[e.text?(a(),s(r,{key:0},[w(i(t.$t(e.text)),1)],64)):S("",!0)]),_:2},1040)),c("div",{class:"highlighted-code",innerHTML:e.highlighted},null,8,D)],64))),128))]),_:1}),o(d,{class:"api-options"},{default:n(()=>[c("h2",E,i(t.$t("page.component.h2.api")),1),o(l,{"item-label":"label","item-value":"value",headers:t.docPropsHeaders,items:t.docProps},null,8,["headers","items"]),c("h2",H,i(t.$t("page.component.h2.slots")),1),o(l,{"item-label":"label","item-value":"value",headers:t.docSlotsHeaders,items:t.docSlots},null,8,["headers","items"])]),_:1})]),_:1})])}const G=v(B,[["render",L]]);export{G as default};
@@ -1,4 +1,4 @@
1
- import{d as N}from"./demonstrable-BAeLg1x3.js";import{t as x}from"./translatable-Bd84jMZo.js";import C from"./toggle-B_0Z212b.js";import{_ as S,a as n,b as s,w as l,r as d,o,F as a,g as T,h as v,e as c,t as p,f as i,m as h,i as f,d as _}from"./index-B3xm9a7h.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},u={examples:[{markup:`
1
+ import{d as N}from"./demonstrable-mbzqmrww.js";import{t as x}from"./translatable-D4pUZ8MH.js";import C from"./toggle-ixspCt2a.js";import{_ as S,c as n,a as s,w as l,r as d,o,F as a,g as T,h as v,i as h,m as f,d as c,t as p,e as i,b as _}from"./index-BbgMbdRD.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},u={examples:[{markup:`
2
2
  <vui-toggle>
3
3
  Default checkbox
4
4
  </vui-toggle>
@@ -6,4 +6,4 @@ import{d as N}from"./demonstrable-BAeLg1x3.js";import{t as x}from"./translatable
6
6
  <vui-toggle>
7
7
  Binded checkbox
8
8
  </vui-toggle>
9
- `,props:{id:"vui-toggle-2"},text:"page.component.toggle.binded"}],props:[{tag:"checked-value",type:"[Boolean, String, Number, null]",text:"page.component.toggle.doc.prop.checked-value"},{tag:"disabled",type:"Boolean",text:"page.component.toggle.doc.prop.disabled"},{tag:"unchecked-value",type:"[Boolean, String, Number, null]",text:"page.component.toggle.doc.prop.unchecked-value"},{tag:"value",type:"[Boolean, String, Number, null]",text:"page.component.toggle.doc.prop.value"},{tag:"v-model",type:"[Boolean, String, Number, null]",text:"page.component.toggle.doc.prop.v-model"}],slots:[]},H={name:"ViewToggle",mixins:[N],setup(){return x(D),{}},data(){return{states:{}}},computed:{doc(){return u},examples(){return this.docExamples(C,{attrs:u.attrs,examples:u.examples.map(t=>({...t,props:{...t.props,text:t.props.text?this.$t(t.props.text):null}}))})}},mounted(){this.states=this.examples.reduce((t,g)=>({...t,[g.props.id]:!1}),{})}},L={class:"view-toggle"},P=["innerHTML"],U={class:"title"};function E(t,g,F,M,r,k){const b=d("vui-tag"),m=d("vui-grid-unit"),B=d("vui-table"),y=d("vui-grid");return o(),n("div",L,[s(y,{"col-sm":"1","col-md":"2"},{default:l(()=>[s(m,{class:"examples"},{default:l(()=>[(o(!0),n(a,null,T(k.examples,e=>(o(),n(a,{key:`toggle-${e.props.id}`},[e.props.id==="vui-toggle-1"?(o(),n(a,{key:0},[(o(),v(f(e.component),h({ref_for:!0},e.props,{modelValue:r.states[e.props.id],"onUpdate:modelValue":V=>r.states[e.props.id]=V}),{default:l(()=>[e.text?(o(),n(a,{key:0},[c(p(t.$t(e.text)),1)],64)):i("",!0)]),_:2},1040,["modelValue","onUpdate:modelValue"])),g[0]||(g[0]=c("   ")),s(b,null,{default:l(()=>[c(p(t.$t("page.component.toggle.label"))+": "+p(r.states[e.props.id]),1)]),_:2},1024)],64)):i("",!0),e.props.id==="vui-toggle-2"?(o(),v(f(e.component),h({key:1,ref_for:!0},e.props,{checked:r.states["vui-toggle-1"],disabled:""}),{default:l(()=>[e.text?(o(),n(a,{key:0},[c(p(t.$t(e.text)),1)],64)):i("",!0)]),_:2},1040,["checked"])):i("",!0),_("div",{class:"highlighted-code",innerHTML:e.highlighted},null,8,P)],64))),128))]),_:1}),s(m,{class:"api-options"},{default:l(()=>[_("h2",U,p(t.$t("page.component.h2.api")),1),s(B,{"item-label":"label","item-value":"value",headers:t.docPropsHeaders,items:t.docProps},null,8,["headers","items"])]),_:1})]),_:1})])}const I=S(H,[["render",E]]);export{I as default};
9
+ `,props:{id:"vui-toggle-2"},text:"page.component.toggle.binded"}],props:[{tag:"checked-value",type:"[Boolean, String, Number, null]",text:"page.component.toggle.doc.prop.checked-value"},{tag:"disabled",type:"Boolean",text:"page.component.toggle.doc.prop.disabled"},{tag:"unchecked-value",type:"[Boolean, String, Number, null]",text:"page.component.toggle.doc.prop.unchecked-value"},{tag:"value",type:"[Boolean, String, Number, null]",text:"page.component.toggle.doc.prop.value"},{tag:"v-model",type:"[Boolean, String, Number, null]",text:"page.component.toggle.doc.prop.v-model"}],slots:[]},H={name:"ViewToggle",mixins:[N],setup(){return x(D),{}},data(){return{states:{}}},computed:{doc(){return u},examples(){return this.docExamples(C,{attrs:u.attrs,examples:u.examples.map(t=>({...t,props:{...t.props,text:t.props.text?this.$t(t.props.text):null}}))})}},mounted(){this.states=this.examples.reduce((t,g)=>({...t,[g.props.id]:!1}),{})}},L={class:"view-toggle"},P=["innerHTML"],U={class:"title"};function E(t,g,F,M,r,k){const b=d("vui-tag"),m=d("vui-grid-unit"),B=d("vui-table"),y=d("vui-grid");return o(),n("div",L,[s(y,{"col-sm":"1","col-md":"2"},{default:l(()=>[s(m,{class:"examples"},{default:l(()=>[(o(!0),n(a,null,T(k.examples,e=>(o(),n(a,{key:`toggle-${e.props.id}`},[e.props.id==="vui-toggle-1"?(o(),n(a,{key:0},[(o(),v(h(e.component),f({ref_for:!0},e.props,{modelValue:r.states[e.props.id],"onUpdate:modelValue":V=>r.states[e.props.id]=V}),{default:l(()=>[e.text?(o(),n(a,{key:0},[c(p(t.$t(e.text)),1)],64)):i("",!0)]),_:2},1040,["modelValue","onUpdate:modelValue"])),g[0]||(g[0]=c("   ")),s(b,null,{default:l(()=>[c(p(t.$t("page.component.toggle.label"))+": "+p(r.states[e.props.id]),1)]),_:2},1024)],64)):i("",!0),e.props.id==="vui-toggle-2"?(o(),v(h(e.component),f({key:1,ref_for:!0},e.props,{checked:r.states["vui-toggle-1"],disabled:""}),{default:l(()=>[e.text?(o(),n(a,{key:0},[c(p(t.$t(e.text)),1)],64)):i("",!0)]),_:2},1040,["checked"])):i("",!0),_("div",{class:"highlighted-code",innerHTML:e.highlighted},null,8,P)],64))),128))]),_:1}),s(m,{class:"api-options"},{default:l(()=>[_("h2",U,p(t.$t("page.component.h2.api")),1),s(B,{"item-label":"label","item-value":"value",headers:t.docPropsHeaders,items:t.docProps},null,8,["headers","items"])]),_:1})]),_:1})])}const I=S(H,[["render",E]]);export{I as default};
@@ -0,0 +1 @@
1
+ import{c as n}from"./composable-CshUTKfl.js";import{_ as u,c as o,j as l,b as d,e as r,k as g,n as h,o as a}from"./index-BbgMbdRD.js";import{t as c}from"./translatable-D4pUZ8MH.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(){c(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=["for"];function B(e,t,y,C,$,s){return a(),o("div",{id:e.componentId,name:e.componentId,class:h(["vui-toggle",{"vui-toggle--checked":s.isChecked},{"vui-toggle--disabled":e.disabled},e.$props.class]),onClick:t[0]||(t[0]=g((...i)=>s.onToggle&&s.onToggle(...i),["stop"]))},[l(e.$slots,"prepend"),t[1]||(t[1]=d("div",{class:"vui-toggle-slider"},[d("div",{class:"vui-toggle-slider-button"})],-1)),e.$slots.default?(a(),o("label",{key:0,class:"vui-toggle-label",for:e.componentId},[l(e.$slots,"default")],8,b)):r("",!0),l(e.$slots,"append")],10,v)}const I=u(V,[["render",B]]);export{I as default};
@@ -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-Bd84jMZo.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,p as y,o as a}from"./index-B3xm9a7h.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-D4pUZ8MH.js";import{_ as p,c as o,b as c,n as s,e as n,j as u,F as f,d as m,t as g,p as y,o as a}from"./index-BbgMbdRD.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`})},[c("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?u(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,4 +1,4 @@
1
- import{d as x}from"./demonstrable-BAeLg1x3.js";import{t as _}from"./translatable-Bd84jMZo.js";import V from"./tooltip-DL7ojxlq.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-B3xm9a7h.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-mbzqmrww.js";import{t as _}from"./translatable-D4pUZ8MH.js";import V from"./tooltip-CC0Z59E_.js";import{_ as w,c as l,a as e,w as i,r as p,o as n,F as g,g as k,h as y,i as T,m as C,b as a,t as h}from"./index-BbgMbdRD.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
  >
@@ -45,4 +45,4 @@ import{d as x}from"./demonstrable-BAeLg1x3.js";import{t as _}from"./translatable
45
45
  <span>Tooltip left position</span>
46
46
  </vui-tooltip>
47
47
  </vui-button>
48
- `,props:{id:"vui-tooltip-4",icon:"fa-solid fa-message",text:"page.component.tooltip.text",position:"left"},button:"page.component.tooltip.button.show-left"}],props:[{tag:"holder",type:"String",text:"page.component.tooltip.doc.prop.holder"},{tag:"icon",type:"String",text:"page.component.tooltip.doc.prop.icon"},{tag:"position",type:"String",text:"page.component.tooltip.doc.prop.position"},{tag:"text",type:"String",text:"page.component.tooltip.doc.prop.text"},{tag:"v-model",type:"String",text:"page.component.tooltip.doc.prop.v-model"}],slots:[{name:"default",text:"page.component.tooltip.doc.slot.default"}]},B={name:"ViewTooltip",mixins:[x],setup(){return _($),{}},data(){return{tooltips:[]}},computed:{doc(){return s},examples(){return this.docExamples(V,{attrs:s.attrs,examples:s.examples.map(o=>({...o,props:{...o.props,text:o.props.text?this.$t(o.props.text):null}}))})}},mounted(){this.tooltips=s.examples.map(()=>!1)},methods:{onClick(o){const c=this.tooltips[o];this.tooltips[o]=!c}}},H={class:"view-tooltip"},P=["innerHTML"],D={class:"title"},L={class:"title"};function E(o,c,F,N,r,m){const b=p("vui-button"),d=p("vui-grid-unit"),u=p("vui-table"),f=p("vui-grid");return n(),l("div",H,[e(f,{"col-sm":"1","col-md":"2"},{default:i(()=>[e(d,{class:"examples"},{default:i(()=>[(n(!0),l(g,null,k(m.examples,t=>(n(),l(g,{key:`tooltip-${t.props.id}`},[e(b,{id:`button-tooltip-${t.props.id}`,text:o.$t(t.button),onClick:()=>m.onClick(t.props.id)},{prepend:i(()=>[(n(),y(C(t.component),T({modelValue:r.tooltips[t.props.id],"onUpdate:modelValue":v=>r.tooltips[t.props.id]=v,ref_for:!0},t.props),null,16,["modelValue","onUpdate:modelValue"]))]),_:2},1032,["id","text","onClick"]),a("div",{class:"highlighted-code",innerHTML:t.highlighted},null,8,P)],64))),128))]),_:1}),e(d,{class:"api-options"},{default:i(()=>[a("h2",D,h(o.$t("page.component.h2.api")),1),e(u,{"item-label":"label","item-value":"value",headers:o.docPropsHeaders,items:o.docProps},null,8,["headers","items"]),a("h2",L,h(o.$t("page.component.h2.slots")),1),e(u,{"item-label":"label","item-value":"value",headers:o.docSlotsHeaders,items:o.docSlots},null,8,["headers","items"])]),_:1})]),_:1})])}const G=w(B,[["render",E]]);export{G as default};
48
+ `,props:{id:"vui-tooltip-4",icon:"fa-solid fa-message",text:"page.component.tooltip.text",position:"left"},button:"page.component.tooltip.button.show-left"}],props:[{tag:"holder",type:"String",text:"page.component.tooltip.doc.prop.holder"},{tag:"icon",type:"String",text:"page.component.tooltip.doc.prop.icon"},{tag:"position",type:"String",text:"page.component.tooltip.doc.prop.position"},{tag:"text",type:"String",text:"page.component.tooltip.doc.prop.text"},{tag:"v-model",type:"String",text:"page.component.tooltip.doc.prop.v-model"}],slots:[{name:"default",text:"page.component.tooltip.doc.slot.default"}]},B={name:"ViewTooltip",mixins:[x],setup(){return _($),{}},data(){return{tooltips:[]}},computed:{doc(){return s},examples(){return this.docExamples(V,{attrs:s.attrs,examples:s.examples.map(o=>({...o,props:{...o.props,text:o.props.text?this.$t(o.props.text):null}}))})}},mounted(){this.tooltips=s.examples.map(()=>!1)},methods:{onClick(o){const c=this.tooltips[o];this.tooltips[o]=!c}}},H={class:"view-tooltip"},P=["innerHTML"],D={class:"title"},L={class:"title"};function E(o,c,F,N,r,m){const b=p("vui-button"),d=p("vui-grid-unit"),u=p("vui-table"),f=p("vui-grid");return n(),l("div",H,[e(f,{"col-sm":"1","col-md":"2"},{default:i(()=>[e(d,{class:"examples"},{default:i(()=>[(n(!0),l(g,null,k(m.examples,t=>(n(),l(g,{key:`tooltip-${t.props.id}`},[e(b,{id:`button-tooltip-${t.props.id}`,text:o.$t(t.button),onClick:()=>m.onClick(t.props.id)},{prepend:i(()=>[(n(),y(T(t.component),C({modelValue:r.tooltips[t.props.id],"onUpdate:modelValue":v=>r.tooltips[t.props.id]=v,ref_for:!0},t.props),null,16,["modelValue","onUpdate:modelValue"]))]),_:2},1032,["id","text","onClick"]),a("div",{class:"highlighted-code",innerHTML:t.highlighted},null,8,P)],64))),128))]),_:1}),e(d,{class:"api-options"},{default:i(()=>[a("h2",D,h(o.$t("page.component.h2.api")),1),e(u,{"item-label":"label","item-value":"value",headers:o.docPropsHeaders,items:o.docProps},null,8,["headers","items"]),a("h2",L,h(o.$t("page.component.h2.slots")),1),e(u,{"item-label":"label","item-value":"value",headers:o.docSlotsHeaders,items:o.docSlots},null,8,["headers","items"])]),_:1})]),_:1})])}const G=w(B,[["render",E]]);export{G as default};
@@ -1 +1 @@
1
- import{v as o}from"./index-B3xm9a7h.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-BbgMbdRD.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-BAeLg1x3.js";import{t as f}from"./translatable-Bd84jMZo.js";import v from"./unit-DmkhvKjy.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-B3xm9a7h.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-mbzqmrww.js";import{t as f}from"./translatable-D4pUZ8MH.js";import v from"./unit-GcXx14dU.js";import{_ as h,c as s,a as t,w as e,r as a,o as d,F as u,g as b,b as n,t as l}from"./index-BbgMbdRD.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-Bd84jMZo.js";import{_ as r,a as t,j as o,n as a,o as i}from"./index-B3xm9a7h.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-D4pUZ8MH.js";import{_ as r,c as t,j as o,n as a,o as i}from"./index-BbgMbdRD.js";const l={},c={},p={en:l,fr:c},d={col:{default:void 0,types:[String,Number]}},u={name:"VuiGridUnit",mixins:[e],props:d,created(){n(p)}};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,8 +22,8 @@
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-B3xm9a7h.js"></script>
26
- <link rel="stylesheet" crossorigin href="/assets/index-Bif4l-EJ.css">
25
+ <script type="module" crossorigin src="/assets/index-BbgMbdRD.js"></script>
26
+ <link rel="stylesheet" crossorigin href="/assets/index-C8NchJtD.css">
27
27
  </head>
28
28
  <body>
29
29
  <div id="app" />
@@ -1,4 +1,4 @@
1
- import u from "./button-DHGu7n_C.js";
1
+ import u from "./button--NsF5_K4.js";
2
2
  import { _ as h, c as m, t as c } from "./_plugin-vue_export-helper-BSl1dQT6.js";
3
3
  import { resolveComponent as p, openBlock as o, createElementBlock as t, normalizeClass as f, renderSlot as l, createElementVNode as b, toDisplayString as V, createCommentVNode as s, createBlock as v } from "vue";
4
4
  import "highlight.js";
@@ -1,5 +1,5 @@
1
1
  import h from "./nav-DaMMbZ1c.js";
2
- import f from "./button-DHGu7n_C.js";
2
+ import f from "./button--NsF5_K4.js";
3
3
  import { a as b } from "./animable-DnFaMPYA.js";
4
4
  import { _ as v, c as V, t as k } from "./_plugin-vue_export-helper-BSl1dQT6.js";
5
5
  import { resolveComponent as u, openBlock as C, createElementBlock as N, normalizeClass as r, renderSlot as i, createElementVNode as d, createVNode as l, mergeProps as n } from "vue";
@@ -1,5 +1,5 @@
1
1
  import { _ as n, c as u, t as r } from "./_plugin-vue_export-helper-BSl1dQT6.js";
2
- import { openBlock as o, createElementBlock as d, normalizeClass as g, withModifiers as h, renderSlot as s, createElementVNode as i, createCommentVNode as c } from "vue";
2
+ import { openBlock as o, createElementBlock as d, withModifiers as g, normalizeClass as h, renderSlot as s, createElementVNode as i, createCommentVNode as c } from "vue";
3
3
  import "highlight.js";
4
4
  const m = {}, p = {}, f = {
5
5
  en: m,
@@ -86,13 +86,13 @@ function y(e, t, B, C, $, l) {
86
86
  return o(), d("div", {
87
87
  id: e.componentId,
88
88
  name: e.componentId,
89
- class: g([
89
+ class: h([
90
90
  "vui-toggle",
91
91
  { "vui-toggle--checked": l.isChecked },
92
92
  { "vui-toggle--disabled": e.disabled },
93
93
  e.$props.class
94
94
  ]),
95
- onClick: t[0] || (t[0] = h((...a) => l.onToggle && l.onToggle(...a), ["stop"]))
95
+ onClick: t[0] || (t[0] = g((...a) => l.onToggle && l.onToggle(...a), ["stop"]))
96
96
  }, [
97
97
  s(e.$slots, "prepend"),
98
98
  t[1] || (t[1] = i("div", { class: "vui-toggle-slider" }, [
@@ -1,6 +1,6 @@
1
1
  import { l as r } from "./index-BYlXFZ1a.js";
2
2
  import { _ as h, c as d, t as p } from "./_plugin-vue_export-helper-BSl1dQT6.js";
3
- import { openBlock as o, createElementBlock as s, normalizeClass as n, normalizeStyle as c, createElementVNode as u, createCommentVNode as l, renderSlot as f, Fragment as m, createTextVNode as g, toDisplayString as y } from "vue";
3
+ import { openBlock as o, createElementBlock as s, normalizeStyle as c, normalizeClass as n, createElementVNode as u, createCommentVNode as l, renderSlot as f, Fragment as m, createTextVNode as g, toDisplayString as y } from "vue";
4
4
  import "highlight.js";
5
5
  const w = {
6
6
  icon: {