@e-xode/vui 0.6.5 → 0.6.7

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/README.md +11 -7
  2. package/dist/checkbox-BP2ttYER.js +1 -0
  3. package/dist/{checkbox-C0XHmyOW.js → checkbox-Qcc2Y3jj.js} +56 -25
  4. package/dist/doc/assets/{alert-CfN-KK4X.js → alert-kDXe81fs.js} +1 -1
  5. package/dist/doc/assets/{alert-BUCYz3vD.js → alert-xIfTKyZn.js} +1 -1
  6. package/dist/doc/assets/{button-CNMZ1GQO.js → button-2k6FVc0L.js} +1 -1
  7. package/dist/doc/assets/{button-C1U5-S3p.js → button-9ro2C_DO.js} +1 -1
  8. package/dist/doc/assets/{card-CwQ070ao.js → card-DiRo_ZxR.js} +1 -1
  9. package/dist/doc/assets/{card-CUtpnLFS.js → card-ETnsHTxY.js} +1 -1
  10. package/dist/doc/assets/checkbox-BNwsQFlx.css +1 -0
  11. package/dist/doc/assets/checkbox-GxzrS_FW.js +1 -0
  12. package/dist/doc/assets/checkbox-XTMM84PN.js +28 -0
  13. package/dist/doc/assets/{component-CXumWSlt.js → component-Cd0V3c30.js} +1 -1
  14. package/dist/doc/assets/{default-D8NjjGBi.css → default-DOpWYWAd.css} +1 -1
  15. package/dist/doc/assets/{default-DHoZWdtn.js → default-Ddw34XZA.js} +1 -1
  16. package/dist/doc/assets/{demonstrable-B5KAWPKX.js → demonstrable-Dv7XIPoL.js} +1 -1
  17. package/dist/doc/assets/{dropdown-D3hwsYWo.js → dropdown-C6Kafffe.js} +1 -1
  18. package/dist/doc/assets/dropdown-CWekPPzX.js +1 -0
  19. package/dist/doc/assets/{dropdown-BDltvOgD.css → dropdown-MxPEtcwI.css} +1 -1
  20. package/dist/doc/assets/{footer-BgsenAcP.js → footer-DEmxvZDO.js} +1 -1
  21. package/dist/doc/assets/{footer-Bm8ssenm.js → footer-DmvqVfCJ.js} +1 -1
  22. package/dist/doc/assets/{form-k50YoLDD.js → form-DLfAvscm.js} +1 -1
  23. package/dist/doc/assets/{form-DKLHmzJQ.js → form-DQoPnfc6.js} +1 -1
  24. package/dist/doc/assets/{grid-TeUBpTW_.js → grid-Byaifs5F.js} +1 -1
  25. package/dist/doc/assets/{grid-BqtXNrmN.js → grid-Dyb-qIv6.js} +1 -1
  26. package/dist/doc/assets/{header-BXnWOksC.js → header-C2DRVubg.js} +1 -1
  27. package/dist/doc/assets/{header-eITS5i2z.js → header-CW68DlQ3.js} +1 -1
  28. package/dist/doc/assets/{index-BQmFywQ4.js → index-BTCbAXEh.js} +15 -15
  29. package/dist/doc/assets/{index-wi3jjcqb.js → index-DYd8GVyV.js} +1 -1
  30. package/dist/doc/assets/input-DJ8amP3y.css +1 -0
  31. package/dist/doc/assets/input-Dxw7RYfZ.js +37 -0
  32. package/dist/doc/assets/input-hkS14TCT.js +1 -0
  33. package/dist/doc/assets/{list-n45uFw2X.js → list-BYX5Hslw.js} +1 -1
  34. package/dist/doc/assets/{list-CGLoBn9q.js → list-n3xmt7CO.js} +1 -1
  35. package/dist/doc/assets/{loader-kFszqXxd.js → loader-C_KYFdY0.js} +1 -1
  36. package/dist/doc/assets/{loader-BV0MDdoZ.js → loader-hc6kqiqT.js} +1 -1
  37. package/dist/doc/assets/{modal-BQbrtOh6.js → modal-Ci7IYllg.js} +1 -1
  38. package/dist/doc/assets/{modal-DLTSg2Rm.js → modal-DprGtJnD.js} +1 -1
  39. package/dist/doc/assets/{nav-DQFqqSlk.js → nav--03mFDUT.js} +1 -1
  40. package/dist/doc/assets/{nav-DL_aupT5.js → nav-C9RI5Z6H.js} +1 -1
  41. package/dist/doc/assets/{page-5bIt8sIt.js → page-C85vct24.js} +1 -1
  42. package/dist/doc/assets/{page-HHRlPnpS.js → page-CMF9WylW.js} +1 -1
  43. package/dist/doc/assets/{pager-lLWSRkXq.js → pager-0bNXGtWQ.js} +1 -1
  44. package/dist/doc/assets/{pager-BJfdjd6d.js → pager-BuEhUbXw.js} +1 -1
  45. package/dist/doc/assets/{progress-BGFPfOOr.js → progress-B9G9PL1G.js} +1 -1
  46. package/dist/doc/assets/{progress-agXYCgzm.js → progress-aePOsZNN.js} +1 -1
  47. package/dist/doc/assets/radio-Dg31j783.css +1 -0
  48. package/dist/doc/assets/radio-FDvwgcUe.js +1 -0
  49. package/dist/doc/assets/radio-vJklHHcl.js +28 -0
  50. package/dist/doc/assets/{start-CqupTQKQ.js → start-Cpz5sHNq.js} +1 -1
  51. package/dist/doc/assets/{table-No82fyed.js → table-C_Rv3GlB.js} +1 -1
  52. package/dist/doc/assets/{table-CMUxQ9C6.js → table-D1jz3DKO.js} +1 -1
  53. package/dist/doc/assets/{tabs-uU4Onuid.js → tabs-CpDei3SM.js} +1 -1
  54. package/dist/doc/assets/{tabs-BO11EW27.js → tabs-DJI7K47M.js} +1 -1
  55. package/dist/doc/assets/{tag-COrA8kV9.js → tag-0ugBlzs4.js} +1 -1
  56. package/dist/doc/assets/{tag-Do20IKxB.js → tag-CgEGHygn.js} +1 -1
  57. package/dist/doc/assets/{toggle-BOUyuSz0.js → toggle-CsmmXJeS.js} +1 -1
  58. package/dist/doc/assets/{toggle-DazanQqx.js → toggle-Dxv9_B8u.js} +1 -1
  59. package/dist/doc/assets/{tooltip-CpdVg_-T.js → tooltip-BZOlKAkT.js} +1 -1
  60. package/dist/doc/assets/{tooltip-94laNPly.js → tooltip-CfuewoN3.js} +1 -1
  61. package/dist/doc/assets/{translatable-DbFxNJLL.js → translatable-eIyiPB31.js} +1 -1
  62. package/dist/doc/assets/{unit-CiQ7QHVC.js → unit-B5sbv-XJ.js} +1 -1
  63. package/dist/doc/assets/{unit-BBuvFoj-.js → unit-KaJ8YPkP.js} +1 -1
  64. package/dist/doc/index.html +1 -1
  65. package/dist/{dropdown-BwSLrIif.js → dropdown-DUUZsTpI.js} +1 -1
  66. package/dist/{dropdown-94Qb68fE.js → dropdown-UMn42uen.js} +40 -40
  67. package/dist/input-BS_1U11l.js +139 -0
  68. package/dist/input-CPJkbqQt.js +1 -0
  69. package/dist/radio-BlBm-IvA.js +1 -0
  70. package/dist/radio-CzWvdO-G.js +147 -0
  71. package/dist/style.css +1 -1
  72. package/dist/vui.esm.js +12 -1
  73. package/dist/vui.js +1 -1
  74. package/dist/vui.umd.js +1 -1
  75. package/package.json +5 -5
  76. package/dist/checkbox-B9yl-GCS.js +0 -1
  77. package/dist/doc/assets/checkbox-DUY-WF86.js +0 -1
  78. package/dist/doc/assets/checkbox-DrJf8HyQ.js +0 -14
  79. package/dist/doc/assets/checkbox-Dtjrzcei.css +0 -1
  80. package/dist/doc/assets/dropdown-EPlb5xOz.js +0 -1
  81. package/dist/doc/assets/input-BKMua51x.js +0 -1
  82. package/dist/doc/assets/input-BOPqansB.js +0 -15
  83. package/dist/doc/assets/input-D3l35AS9.css +0 -1
  84. package/dist/input-Dy5fCJhT.js +0 -103
  85. package/dist/input-WjGQ7q1J.js +0 -1
@@ -1 +1 @@
1
- import{t as r}from"./translatable-DbFxNJLL.js";import{_ as c,r as u,o as a,a as d,d as e,t,b as l,w as v,e as o}from"./index-BQmFywQ4.js";const p={"page.index.h1":"Yet another Vue library","page.index.description":"VUI is an open source UI library focusing on providing customizable web components for Vue.js.","page.index.get-started":"Get started","page.index.github":"Github"},m={},g={en:p,fr:m},b="Christophe BRAGARD",h="Another yet Vue UI library",f="https://github.com/e-xode/vui#readme",x="@e-xode/vui",_="MIT",j=["dist"],y="./dist/vui.js",w="./dist/vui.esm.js",V="0.6.5",$={type:"git",url:"git+https://github.com/e-xode/vui.git"},k={url:"https://github.com/e-xode/vui/issues"},q={build:"npm run build:components && npm run build:doc","build:components":"vite --config vite.components.mjs build","build:doc":"vite --config vite.doc.mjs build src/doc",dev:"vite --host --config vite.doc.mjs src/doc",lint:"eslint --ext .js,.mjs,.vue src","lint:fix":"eslint --fix --ext .js,.mjs,.vue src",preview:"vite --config vite.doc.mjs preview src/doc","test:unit":"vitest --config vite.components.mjs run","test:unit:coverage":"vitest --config vite.components.mjs run --coverage","test:unit:watch":"vitest --config vite.components.mjs"},C={presets:[["@babel/preset-env"]]},I={root:!0,extends:["plugin:vue/vue3-recommended","eslint:recommended","prettier"],parserOptions:{ecmaVersion:"latest"},rules:{"comma-dangle":["error","never"],indent:["error",4,{SwitchCase:1}],"no-console":["error"],quotes:["error","single"],semi:["error","never"],"vue/attributes-order":["error"],"vue/require-explicit-emits":["error"],"vue/html-closing-bracket-newline":["error"],"vue/html-indent":["error",4],"vue/multi-word-component-names":"off","vue/no-v-html":"off","vue/order-in-components":["error"],"vue/require-default-prop":["error"],"vue/require-prop-types":["error"],"vue/v-on-event-hyphenation":["error"]}},B={axios:"1.6.8",dayjs:"1.11.10","@fortawesome/fontawesome-free":"6.5.2","highlight.js":"11.9.0",mitt:"3.0.1",sass:"^1.72.0",vue:"^3.4.21","vue-i18n":"^9.10.2","vue-router":"^4.3.0",vuetify:"^3.5.13",vuex:"^4.1.0"},D={"@babel/core":"^7.24.3","@babel/preset-env":"^7.24.3","@rushstack/eslint-patch":"^1.10.1","@types/jsdom":"^21.1.6","@types/node":"^20.12.2","@vitejs/plugin-vue":"^5.0.4","@vitest/coverage-istanbul":"^1.4.0","@vue/test-utils":"^2.4.5",eslint:"^8.57.0","eslint-config-prettier":"^9.1.0","eslint-plugin-vue":"^9.24.0",jsdom:"^24.0.0",msw:"2.2.13",prettier:"3.2.5",ramda:"^0.29.1",vite:"^5.2.7",vitest:"^1.4.0"},A={author:b,description:h,homepage:f,name:x,license:_,files:j,main:y,module:w,".":{import:"./dist/vui.js",require:"./dist/vui.esm.js"},"./style.css":{import:"./dist/style.css",require:"./dist/style.css"},version:V,repository:$,bugs:k,scripts:q,babel:C,eslintConfig:I,dependencies:B,devDependencies:D},G={name:"ViewIndex",computed:{version(){return A.version}},created(){r(g)}},N={class:"view-index"},S=e("i",{class:"fa-brands fa-vuejs"},null,-1),U={class:"description"},R={class:"vui-button-holder"},T=e("i",{class:"vui-button-icon fa-solid fa-book-open-reader"},null,-1),z={class:"vui-button vui-button--with-icon vui-button--github",href:"https://github.com/e-xode/v-ui"},E={class:"vui-button-holder"},M=e("i",{class:"vui-button-icon fa-brands fa-github"},null,-1);function O(s,P,Y,F,H,i){const n=u("vui-button");return a(),d("div",N,[e("h1",null,t(s.$t("page.index.h1")),1),S,e("div",U,[e("p",null,t(s.$t("page.index.description")),1),e("p",null," v"+t(i.version),1)]),l(n,{route:{name:"ViewStart"},class:"vui-button--get-started"},{default:v(()=>[e("span",R,[T,o(" "+t(s.$t("page.index.get-started")),1)])]),_:1}),e("a",z,[e("span",E,[M,o(" "+t(s.$t("page.index.github")),1)])])])}const L=c(G,[["render",O]]);export{L as default};
1
+ import{t as r}from"./translatable-eIyiPB31.js";import{_ as c,r as u,o as a,a as d,d as e,t,b as l,w as v,e as o}from"./index-BTCbAXEh.js";const p={"page.index.h1":"Yet another Vue library","page.index.description":"VUI is an open source UI library focusing on providing customizable web components for Vue.js.","page.index.get-started":"Get started","page.index.github":"Github"},m={},g={en:p,fr:m},b="Christophe BRAGARD",h="Another yet Vue UI library",f="https://github.com/e-xode/vui#readme",x="@e-xode/vui",_="MIT",j=["dist"],y="./dist/vui.js",w="./dist/vui.esm.js",V="0.6.7",$={type:"git",url:"git+https://github.com/e-xode/vui.git"},k={url:"https://github.com/e-xode/vui/issues"},q={build:"npm run build:components && npm run build:doc","build:components":"vite --config vite.components.mjs build","build:doc":"vite --config vite.doc.mjs build src/doc",dev:"vite --host --config vite.doc.mjs src/doc",lint:"eslint --ext .js,.mjs,.vue src","lint:fix":"eslint --fix --ext .js,.mjs,.vue src",preview:"vite --config vite.doc.mjs preview src/doc","test:unit":"vitest --config vite.components.mjs run","test:unit:coverage":"vitest --config vite.components.mjs run --coverage","test:unit:watch":"vitest --config vite.components.mjs"},C={presets:[["@babel/preset-env"]]},I={root:!0,extends:["plugin:vue/vue3-recommended","eslint:recommended","prettier"],parserOptions:{ecmaVersion:"latest"},rules:{"comma-dangle":["error","never"],indent:["error",4,{SwitchCase:1}],"no-console":["error"],quotes:["error","single"],semi:["error","never"],"vue/attributes-order":["error"],"vue/require-explicit-emits":["error"],"vue/html-closing-bracket-newline":["error"],"vue/html-indent":["error",4],"vue/multi-word-component-names":"off","vue/no-v-html":"off","vue/order-in-components":["error"],"vue/require-default-prop":["error"],"vue/require-prop-types":["error"],"vue/v-on-event-hyphenation":["error"]}},B={axios:"1.6.8",dayjs:"1.11.10","@fortawesome/fontawesome-free":"6.5.2","highlight.js":"11.9.0",mitt:"3.0.1",sass:"^1.72.0",vue:"^3.4.21","vue-i18n":"^9.11.0","vue-router":"^4.3.0",vuetify:"^3.5.13",vuex:"^4.1.0"},D={"@babel/core":"^7.24.4","@babel/preset-env":"^7.24.4","@rushstack/eslint-patch":"^1.10.1","@types/jsdom":"^21.1.6","@types/node":"^20.12.2","@vitejs/plugin-vue":"^5.0.4","@vitest/coverage-istanbul":"^1.4.0","@vue/test-utils":"^2.4.5",eslint:"^8.57.0","eslint-config-prettier":"^9.1.0","eslint-plugin-vue":"^9.24.0",jsdom:"^24.0.0",msw:"2.2.13",prettier:"3.2.5",ramda:"^0.29.1",vite:"^5.2.8",vitest:"^1.4.0"},A={author:b,description:h,homepage:f,name:x,license:_,files:j,main:y,module:w,".":{import:"./dist/vui.js",require:"./dist/vui.esm.js"},"./style.css":{import:"./dist/style.css",require:"./dist/style.css"},version:V,repository:$,bugs:k,scripts:q,babel:C,eslintConfig:I,dependencies:B,devDependencies:D},G={name:"ViewIndex",computed:{version(){return A.version}},created(){r(g)}},N={class:"view-index"},S=e("i",{class:"fa-brands fa-vuejs"},null,-1),U={class:"description"},R={class:"vui-button-holder"},T=e("i",{class:"vui-button-icon fa-solid fa-book-open-reader"},null,-1),z={class:"vui-button vui-button--with-icon vui-button--github",href:"https://github.com/e-xode/v-ui"},E={class:"vui-button-holder"},M=e("i",{class:"vui-button-icon fa-brands fa-github"},null,-1);function O(s,P,Y,F,H,i){const n=u("vui-button");return a(),d("div",N,[e("h1",null,t(s.$t("page.index.h1")),1),S,e("div",U,[e("p",null,t(s.$t("page.index.description")),1),e("p",null," v"+t(i.version),1)]),l(n,{route:{name:"ViewStart"},class:"vui-button--get-started"},{default:v(()=>[e("span",R,[T,o(" "+t(s.$t("page.index.get-started")),1)])]),_:1}),e("a",z,[e("span",E,[M,o(" "+t(s.$t("page.index.github")),1)])])])}const L=c(G,[["render",O]]);export{L as default};
@@ -0,0 +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-input{display:inline-flex;border:1px solid rgb(189,195,199);border-radius:.15rem}.vui-input.vui-input--default input::placeholder{color:#bdc3c7}.vui-input.vui-input--default .vui-input-icon:before{color:#000}.vui-input.vui-input--error{border-color:#960e13}.vui-input.vui-input--error input::placeholder{color:#ea2027}.vui-input.vui-input--error .vui-input-icon:before{color:#960e13}.vui-input.vui-input--error .vui-input-label{color:#ea2027}.vui-input.vui-input--success{border-color:#145b32}.vui-input.vui-input--success input::placeholder{color:#27ae60}.vui-input.vui-input--success .vui-input-icon:before{color:#145b32}.vui-input.vui-input--success .vui-input-label{color:#145b32}.vui-input.vui-input--warning{border-color:#976008}.vui-input.vui-input--warning input::placeholder{color:#f39c12}.vui-input.vui-input--warning .vui-input-icon:before{color:#976008}.vui-input.vui-input--warning .vui-input-label{color:#976008}.vui-input.vui-input--disabled{border-color:#949da4;cursor:not-allowed}.vui-input.vui-input--disabled input::placeholder{color:#000}.vui-input.vui-input--disabled .vui-input-icon:before{color:#949da4}.vui-input input{width:100%;padding:.5rem .25rem .25rem .5rem;outline:none;border:none}.vui-input input:disabled{color:#78848c;background-color:#e6e9ea;border-color:#e6e9ea;cursor:not-allowed}.vui-input input:disabled::placeholder{color:#bdc3c7}.vui-input .vui-input-icon{padding:0 .5rem;background-color:#e6e9ea;border-left:1px solid rgb(189,195,199)}.vui-input .vui-input-icon:before{display:inline-flex;vertical-align:middle;font-family:"Font Awesome 5 Solid";font-style:normal;font-weight:900;text-rendering:auto;-webkit-font-smoothing:antialiased;line-height:1.75rem}
@@ -0,0 +1,37 @@
1
+ import{d as b}from"./demonstrable-Dv7XIPoL.js";import{t as f}from"./translatable-eIyiPB31.js";import _ from"./input-hkS14TCT.js";import{_ as x,a as l,b as p,w as o,r as n,o as a,F as r,g as w,d as i,t as s,h as T,m as B,i as k}from"./index-BTCbAXEh.js";import"./composable-CshUTKfl.js";const S={"page.component.input.title-default":"Input type as text","page.component.input.title-disabled":"Input type disabled","page.component.input.title-number":"Input type as number","page.component.input.title-email":"Input type as email","page.component.input.title-password":"Input type as password","page.component.input.vmodel":"v-model","page.component.input.vmodel.none":"none","page.component.input.doc.prop.disabled":"Binds the disabled state","page.component.input.doc.prop.icon":"Class name of the icon to append","page.component.input.doc.prop.loading":"Binds the loading state","page.component.input.doc.prop.type":"Type of input: email, text, number","page.component.input.doc.prop.value":"Value of the input","page.component.input.doc.prop.v-model":"Binds the value of input","page.component.input.doc.prop.with-icon":"Allows default icon based on component type (default true)","page.component.input.doc.slot.default":"Default slot of component","page.component.input.doc.slot.prepend":"Slot used to insert custom content at the beginning of component","page.component.input.doc.slot.append":"Slot used to insert custom content et the end of component"},I={},V={en:S,fr:I},m={attrs:[],examples:[{markup:`
2
+ <vui-input
3
+ id="example-input-default"
4
+ layout="default"
5
+ placeholder="Type a value"
6
+ type="text"
7
+ />
8
+ `,props:{id:"example-input-1",name:"example-input-1",placeholder:"Type a value",type:"text"},title:"page.component.input.title-default"},{markup:`
9
+ <vui-input
10
+ id="example-input-disabled"
11
+ layout="default"
12
+ placeholder="Type a value"
13
+ type="text"
14
+ disabled
15
+ />
16
+ `,props:{disabled:!0,id:"example-input-disabled",name:"example-input-disabled",placeholder:"Type a value",type:"text"},title:"page.component.input.title-disabled"},{markup:`
17
+ <vui-input
18
+ id="example-input-number"
19
+ layout="success"
20
+ placeholder="Type a value"
21
+ type="number"
22
+ />
23
+ `,props:{id:"example-input-number",layout:"success",name:"example-input-number",placeholder:"Type a value",type:"number"},title:"page.component.input.title-number"},{markup:`
24
+ <vui-input
25
+ id="example-input-email"
26
+ layout="warning"
27
+ placeholder="Type a value"
28
+ type="email"
29
+ />
30
+ `,props:{id:"example-input-email",name:"example-input-email",layout:"warning",placeholder:"Type a value",type:"email"},title:"page.component.input.title-email"},{markup:`
31
+ <vui-input
32
+ id="example-input-password"
33
+ layout="error"
34
+ placeholder="Type a value"
35
+ type="password"
36
+ />
37
+ `,props:{id:"example-input-password",layout:"error",name:"example-input-password",placeholder:"Type a value",type:"password"},title:"page.component.input.title-password"}],props:[{tag:"disabled",type:"Boolean",text:"page.component.input.doc.prop.disabled"},{tag:"icon",type:"String",text:"page.component.input.doc.prop.icon"},{tag:"loading",type:"Boolean",text:"page.component.input.doc.prop.loading"},{tag:"type",type:"String",text:"page.component.input.doc.prop.type"},{tag:"value",type:"Number, String",text:"page.component.input.doc.prop.value"},{tag:"v-model",type:"Number, String",text:"page.component.input.doc.prop.v-model"},{tag:"with-icon",type:"Boolean",text:"page.component.input.doc.prop.with-icon"}],slots:[{name:"prepend",text:"page.component.input.doc.slot.prepend"},{name:"default",text:"page.component.input.doc.slot.default"},{name:"append",text:"page.component.input.doc.slot.append"}]},$={name:"ViewInput",mixins:[b],setup(){return f(V),{}},data(){return{form:{}}},computed:{doc(){return m},examples(){return this.docExamples(_,m)}}},C={class:"view-input"},H={class:"title"},N=["innerHTML"],D={class:"title"},L={class:"title"};function P(e,E,F,M,c,g){const y=n("vui-card"),u=n("vui-grid-unit"),d=n("vui-table"),h=n("vui-grid");return a(),l("div",C,[p(h,{"col-sm":"1","col-md":"2"},{default:o(()=>[p(u,{class:"examples"},{default:o(()=>[(a(!0),l(r,null,w(g.examples,t=>(a(),l(r,{key:`button-${t.props.id}`},[p(y,null,{header:o(()=>[i("span",H,s(e.$t(t.title)),1)]),body:o(()=>[(a(),T(k(t.component),B(t.props,{id:t.props.id,required:"",class:"test","onUpdate:modelValue":v=>c.form[t.props.id]=v}),null,16,["id","onUpdate:modelValue"]))]),_:2},1024),i("div",{class:"highlighted-code",innerHTML:t.highlighted},null,8,N)],64))),128))]),_:1}),p(u,{class:"api-options"},{default:o(()=>[i("h2",D,s(e.$t("page.component.h2.api")),1),p(d,{"item-label":"label","item-value":"value",headers:e.docPropsHeaders,items:e.docProps},null,8,["headers","items"]),i("h2",L,s(e.$t("page.component.h2.slots")),1),p(d,{"item-label":"label","item-value":"value",headers:e.docSlotsHeaders,items:e.docSlots},null,8,["headers","items"])]),_:1})]),_:1})])}const G=x($,[["render",P]]);export{G as default};
@@ -0,0 +1 @@
1
+ import{c as d}from"./composable-CshUTKfl.js";import{t as r}from"./translatable-eIyiPB31.js";import{_ as h,a as t,j as u,d as m,n as i,f as a,o as n}from"./index-BTCbAXEh.js";const c={"component.input.placeholder":"Type a value ..."},y={},f={en:c,fr:y},v={icon:{default:void 0,type:String},modelValue:{default:void 0,types:[Boolean,String,Number,null]},maxlength:{type:Number},name:{type:String},placeholder:{default:null,types:[Boolean,String,Number,null]},type:{default:"text",type:String},value:{default:void 0,types:[Boolean,Number,String,null]},withIcon:{default:!0,type:Boolean}},b={name:"VuiInput",mixins:[d],props:v,emits:["input","update:model-value"],data(){return{typed:null}},computed:{placeholderValue(){return this.placeholder?this.placeholder:this.$t("component.input.placeholder")}},watch:{value(e){this.typed=e},modelValue(e){this.typed=e}},created(){r(f),this.hasModelValue?this.typed=this.modelValue:this.hasValue&&(this.typed=this.value)},methods:{onInput(e){this.typed=this.type==="number"?e.target.valueAsNumber:e.target.value,this.$emit("input",e),this.$emit("update:model-value",this.typed)}}},g=["id"],I=["value","disabled","maxlength","name","placeholder","required","type"],w={key:1,class:i(["vui-input-icon","fa-font"])},V={key:2,class:i(["vui-input-icon","fa-at"])},k={key:3,class:i(["vui-input-icon","fa-key"])},B={key:4,class:i(["vui-input-icon","fa-arrow-down-1-9"])};function N(e,o,S,$,s,l){return n(),t("div",{id:e.componentId,class:i(["vui-input",`vui-input--${e.layout}`,{"vui-input--flat":e.hasAttribute("flat")},{"vui-input--with-icon":e.withIcon},{"vui-input--disabled":e.disabled},{"vui-input--loading":!e.disabled&&e.loading},e.$props.class])},[u(e.$slots,"prepend"),m("input",{value:s.typed,disabled:e.disabled,maxlength:e.maxlength,name:e.name,placeholder:l.placeholderValue,required:e.hasAttribute("required"),type:e.type,onInput:o[0]||(o[0]=(...p)=>l.onInput&&l.onInput(...p))},null,40,I),e.withIcon&&e.icon?(n(),t("i",{key:0,class:i(["vui-input-icon",e.icon])},null,2)):a("",!0),e.withIcon&&!e.icon&&e.type==="text"?(n(),t("i",w)):a("",!0),e.withIcon&&!e.icon&&e.type==="email"?(n(),t("i",V)):a("",!0),e.withIcon&&!e.icon&&e.type==="password"?(n(),t("i",k)):a("",!0),e.withIcon&&!e.icon&&e.type==="number"?(n(),t("i",B)):a("",!0),u(e.$slots,"append")],10,g)}const j=h(b,[["render",N]]);export{j as default};
@@ -1,4 +1,4 @@
1
- import{d as b}from"./demonstrable-B5KAWPKX.js";import{t as v}from"./translatable-DbFxNJLL.js";import h from"./list-CGLoBn9q.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-BQmFywQ4.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-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:`
2
2
  <vui-list
3
3
  :items=[1, 2, 3, 4]
4
4
  :selectable="true"
@@ -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-BQmFywQ4.js";import{t as j}from"./translatable-DbFxNJLL.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-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,4 +1,4 @@
1
- import{d as h}from"./demonstrable-B5KAWPKX.js";import{t as f}from"./translatable-DbFxNJLL.js";import y from"./loader-BV0MDdoZ.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-BQmFywQ4.js";import"./composable-CshUTKfl.js";import"./alert-CfN-KK4X.js";const m={attrs:[{name:"flat",text:"page.component.loader.doc.attr.flat"}],examples:[{markup:`
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:`
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-DbFxNJLL.js";import l from"./alert-CfN-KK4X.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-BQmFywQ4.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-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 +1 @@
1
- import u from"./button-C1U5-S3p.js";import{c as h}from"./composable-CshUTKfl.js";import{t as m}from"./translatable-DbFxNJLL.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-BQmFywQ4.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-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,4 +1,4 @@
1
- import{d as w}from"./demonstrable-B5KAWPKX.js";import{t as C}from"./translatable-DbFxNJLL.js";import x from"./modal-BQbrtOh6.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-BQmFywQ4.js";import"./button-C1U5-S3p.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-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:`
2
2
  <vui-modal
3
3
  id="vui-modal-1"
4
4
  :showHeaderClose="true"
@@ -1,4 +1,4 @@
1
- import{d as f}from"./demonstrable-B5KAWPKX.js";import{t as _}from"./translatable-DbFxNJLL.js";import x from"./nav-DL_aupT5.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-BQmFywQ4.js";import"./list-CGLoBn9q.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-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:`
2
2
  <vui-nav
3
3
  :items=[
4
4
  { label: "label 1", value: "value 1" },
@@ -1 +1 @@
1
- import V from"./list-CGLoBn9q.js";import{c as y}from"./composable-CshUTKfl.js";import{t as k}from"./translatable-DbFxNJLL.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-BQmFywQ4.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-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,4 +1,4 @@
1
- import{d as f}from"./demonstrable-B5KAWPKX.js";import{t as b}from"./translatable-DbFxNJLL.js";import v from"./page-HHRlPnpS.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-BQmFywQ4.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-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:`
2
2
  <vui-page
3
3
  layout="warning"
4
4
  id="vui-page-1"
@@ -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-DbFxNJLL.js";import{_ as u,a as e,j as o,f as a,n as c,o as t}from"./index-BQmFywQ4.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-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,4 +1,4 @@
1
- import{d as b}from"./demonstrable-B5KAWPKX.js";import{t as f}from"./translatable-DbFxNJLL.js";import x from"./pager-BJfdjd6d.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-BQmFywQ4.js";import"./nav-DL_aupT5.js";import"./list-CGLoBn9q.js";import"./animable-S5zFcxd4.js";import"./composable-CshUTKfl.js";import"./button-C1U5-S3p.js";const g={attrs:[],examples:[{markup:`
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:`
2
2
  <vui-pager
3
3
  id="vui-page-1"
4
4
  :count="9"
@@ -1 +1 @@
1
- import h from"./nav-DL_aupT5.js";import f from"./button-C1U5-S3p.js";import{a as b}from"./animable-S5zFcxd4.js";import{c as v}from"./composable-CshUTKfl.js";import{t as V}from"./translatable-DbFxNJLL.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-BQmFywQ4.js";import"./list-CGLoBn9q.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-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,4 +1,4 @@
1
- import{d as g}from"./demonstrable-B5KAWPKX.js";import{t as v}from"./translatable-DbFxNJLL.js";import _ from"./progress-agXYCgzm.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-BQmFywQ4.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-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:`
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-DbFxNJLL.js";import{_ as u,a as l,j as t,d as a,s as d,n as o,o as m}from"./index-BQmFywQ4.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-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};
@@ -0,0 +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-radio{position:relative;display:inline-flex;cursor:pointer}.vui-radio.vui-radio--default input::placeholder{color:#bdc3c7}.vui-radio.vui-radio--default .vui-radio-icon:before{color:#000}.vui-radio.vui-radio--error{border-color:#960e13}.vui-radio.vui-radio--error input::placeholder{color:#ea2027}.vui-radio.vui-radio--error .vui-radio-icon:before{color:#960e13}.vui-radio.vui-radio--error .vui-radio-label{color:#ea2027}.vui-radio.vui-radio--success{border-color:#145b32}.vui-radio.vui-radio--success input::placeholder{color:#27ae60}.vui-radio.vui-radio--success .vui-radio-icon:before{color:#145b32}.vui-radio.vui-radio--success .vui-radio-label{color:#145b32}.vui-radio.vui-radio--warning{border-color:#976008}.vui-radio.vui-radio--warning input::placeholder{color:#f39c12}.vui-radio.vui-radio--warning .vui-radio-icon:before{color:#976008}.vui-radio.vui-radio--warning .vui-radio-label{color:#976008}.vui-radio.vui-radio--disabled{border-color:#949da4;cursor:not-allowed}.vui-radio.vui-radio--disabled input::placeholder{color:#000}.vui-radio.vui-radio--disabled .vui-radio-icon:before{color:#949da4}.vui-radio input[type=checkbox]{width:0;height:0;opacity:0}.vui-radio .vui-radio-icon:before{display:inline-flex;vertical-align:middle;font-family:"Font Awesome 5 Regular";font-style:normal;font-weight:400;text-rendering:auto;-webkit-font-smoothing:antialiased;margin-top:-.15rem;font-size:1.25rem}.vui-radio label{padding-left:.5rem}.vui-radio.vui-radio--disabled label{color:#949da4}
@@ -0,0 +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};
@@ -0,0 +1,28 @@
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:`
2
+ <vui-radio
3
+ v-model="myradiomodel"
4
+ :layout="default"
5
+ :text="Default radio"
6
+ />
7
+ `,props:{id:"vui-radio-1",layout:"default",text:"page.component.radio.default"}},{markup:`
8
+ <vui-radio
9
+ :checked="myradiomodel"
10
+ :text="Binded radio"
11
+ disabled
12
+ />
13
+ `,props:{id:"vui-radio-2",text:"page.component.radio.binded"}},{markup:`
14
+ <vui-radio
15
+ :layout="success"
16
+ :text="Success radio"
17
+ />
18
+ `,props:{id:"vui-radio-3",layout:"success",text:"page.component.radio.success"}},{markup:`
19
+ <vui-radio
20
+ :layout="warning"
21
+ :text="Warning radio"
22
+ />
23
+ `,props:{id:"vui-radio-4",layout:"warning",text:"page.component.radio.warning"}},{markup:`
24
+ <vui-radio
25
+ :layout="error"
26
+ :text="Error radio"
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 g},examples(){return this.docExamples(w,{attrs:g.attrs,examples:g.examples.map(e=>({...e,props:{...e.props,text:e.props.text?this.$t(e.props.text):null}}))})}},mounted(){this.states=this.examples.reduce((e,h)=>({...e,[h.props.id]:!1}),{})},methods:{}},T={class:"view-radio"},L=["innerHTML"],P={class:"title"},U={class:"title"};function F(e,h,M,R,s,b){const _=c("vui-tag"),v=c("vui-grid-unit"),f=c("vui-table"),x=c("vui-grid");return t(),a("div",T,[n(x,{"col-sm":"1","col-md":"2"},{default:d(()=>[n(v,{class:"examples"},{default:d(()=>[(t(!0),a(p,null,C(b.examples,o=>(t(),a(p,{key:`radio-${o.props.id}`},[o.props.id==="vui-radio-2"?(t(),u(k(o.component),y({key:0,disabled:""},o.props,{checked:s.states["vui-radio-1"]}),{default:d(()=>[o.text?(t(),a(p,{key:0},[l(r(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(),u(k(o.component),y(o.props,{modelValue:s.states[o.props.id],"onUpdate:modelValue":B=>s.states[o.props.id]=B}),{default:d(()=>[o.text?(t(),a(p,{key:0},[l(r(e.$t(o.text)),1)],64)):i("",!0)]),_:2},1040,["modelValue","onUpdate:modelValue"])),l("   "),o.props.id==="vui-radio-1"?(t(),u(_,{key:0},{default:d(()=>[l(r(e.$t("page.component.radio.label"))+": "+r(s.states[o.props.id]),1)]),_:2},1024)):i("",!0)],64)):i("",!0),m("div",{class:"highlighted-code",innerHTML:o.highlighted},null,8,L)],64))),128))]),_:1}),n(v,{class:"api-options"},{default:d(()=>[m("h2",P,r(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"]),m("h2",U,r(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};
@@ -1 +1 @@
1
- import{t as d}from"./translatable-DbFxNJLL.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-BQmFywQ4.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-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 +1 @@
1
- import{a as c}from"./animable-S5zFcxd4.js";import{c as y}from"./composable-CshUTKfl.js";import{t as L}from"./translatable-DbFxNJLL.js";import{_ as g,a as o,j as s,d as l,F as u,g as d,n as p,o as i,t as $}from"./index-BQmFywQ4.js";const h={headers:{type:Array,default:()=>[]},itemLabel:{type:String,default:"label"},itemValue:{type:String,default:"value"},items:{type:Array,default:()=>[],required:!0}},k={},I={},S={en:k,fr:I},B={name:"VuiTable",mixins:[c,y],props:h,created(){L(S)},methods:{leaf(e,b){return b.split(".").reduce((n,m)=>n&&n[m]?n[m]:null,e)}}},v=["id"],A=["data-label"];function F(e,b,n,m,T,V){return i(),o("div",{id:e.componentId,class:p(["vui-table",e.$props.class])},[s(e.$slots,"prepend"),l("table",null,[l("thead",null,[l("tr",null,[(i(!0),o(u,null,d(e.headers,(a,t)=>s(e.$slots,`header.${a[e.itemValue]}`,{key:`table-${e.componentId}-header--${t}`,item:a,itemLabel:e.itemLabel,itemValue:e.itemValue,index:t},()=>[l("th",{class:p(a.class)},$(a[e.itemLabel]),3)])),128))])]),l("tbody",null,[(i(!0),o(u,null,d(e.items,(a,t)=>s(e.$slots,"default",{key:`table-${e.componentId}-item--${t}`,index:t,item:a,itemLabel:e.itemLabel,itemValue:e.itemValue},()=>[l("tr",null,[(i(!0),o(u,null,d(e.headers,(r,f)=>s(e.$slots,`item.${r[e.itemValue]}`,{key:`table-${e.componentId}-item-td--${f}`,index:f,item:a,itemLabel:e.itemLabel,itemValue:e.itemValue},()=>[l("td",{"data-label":r.label,class:p(r.class)},$(V.leaf(a,r.value)),11,A)])),128))])])),128))])]),s(e.$slots,"append")],10,v)}const D=g(B,[["render",F]]);export{D as default};
1
+ import{a as c}from"./animable-S5zFcxd4.js";import{c as y}from"./composable-CshUTKfl.js";import{t as L}from"./translatable-eIyiPB31.js";import{_ as g,a as o,j as s,d as l,F as u,g as d,n as p,o as i,t as $}from"./index-BTCbAXEh.js";const h={headers:{type:Array,default:()=>[]},itemLabel:{type:String,default:"label"},itemValue:{type:String,default:"value"},items:{type:Array,default:()=>[],required:!0}},k={},I={},S={en:k,fr:I},B={name:"VuiTable",mixins:[c,y],props:h,created(){L(S)},methods:{leaf(e,b){return b.split(".").reduce((n,m)=>n&&n[m]?n[m]:null,e)}}},v=["id"],A=["data-label"];function F(e,b,n,m,T,V){return i(),o("div",{id:e.componentId,class:p(["vui-table",e.$props.class])},[s(e.$slots,"prepend"),l("table",null,[l("thead",null,[l("tr",null,[(i(!0),o(u,null,d(e.headers,(a,t)=>s(e.$slots,`header.${a[e.itemValue]}`,{key:`table-${e.componentId}-header--${t}`,item:a,itemLabel:e.itemLabel,itemValue:e.itemValue,index:t},()=>[l("th",{class:p(a.class)},$(a[e.itemLabel]),3)])),128))])]),l("tbody",null,[(i(!0),o(u,null,d(e.items,(a,t)=>s(e.$slots,"default",{key:`table-${e.componentId}-item--${t}`,index:t,item:a,itemLabel:e.itemLabel,itemValue:e.itemValue},()=>[l("tr",null,[(i(!0),o(u,null,d(e.headers,(r,f)=>s(e.$slots,`item.${r[e.itemValue]}`,{key:`table-${e.componentId}-item-td--${f}`,index:f,item:a,itemLabel:e.itemLabel,itemValue:e.itemValue},()=>[l("td",{"data-label":r.label,class:p(r.class)},$(V.leaf(a,r.value)),11,A)])),128))])])),128))])]),s(e.$slots,"append")],10,v)}const D=g(B,[["render",F]]);export{D as default};
@@ -1,4 +1,4 @@
1
- import{d as y}from"./demonstrable-B5KAWPKX.js";import{t as h}from"./translatable-DbFxNJLL.js";import g from"./table-No82fyed.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-BQmFywQ4.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-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:`
2
2
  <vui-table
3
3
  itemLabel="label",
4
4
  itemValue="value"
@@ -1,4 +1,4 @@
1
- import{d as h}from"./demonstrable-B5KAWPKX.js";import{t as _}from"./translatable-DbFxNJLL.js";import f from"./tabs-BO11EW27.js";import{_ as y,a as p,b as a,w as o,r as n,o as s,F as b,g as u,h as x,q as T,e as k,t as l,k as B,l as $,i as S,d as r}from"./index-BQmFywQ4.js";import"./composable-CshUTKfl.js";const V={"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"},L={},w={en:V,fr:L},i={examples:[{markup:`
1
+ import{d as h}from"./demonstrable-Dv7XIPoL.js";import{t as _}from"./translatable-eIyiPB31.js";import f from"./tabs-DJI7K47M.js";import{_ as y,a as p,b as a,w as o,r as n,o as s,F as b,g as u,h as x,q as T,e as k,t as l,k as B,l as $,i as S,d as r}from"./index-BTCbAXEh.js";import"./composable-CshUTKfl.js";const V={"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"},L={},w={en:V,fr:L},i={examples:[{markup:`
2
2
  <vui-tabs
3
3
  items="[
4
4
  { 'label': 'Tab 1', 'value': 'tab1' },
@@ -1 +1 @@
1
- import{c as p}from"./composable-CshUTKfl.js";import{t as v}from"./translatable-DbFxNJLL.js";import{_ as b,a as s,j as i,d as l,F as o,g as c,n,o as a,f as m,t as f}from"./index-BQmFywQ4.js";const V={},g={},y={en:V,fr:g},$={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:$,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(y),this.hasModelValue)this.active=this.modelValue;else if(this.hasValue)this.active=this.value;else if((e=this.items)!=null&&e.length){const r=this.items[0];this.active=r[this.itemValue]}},methods:{toggle(e){this.disabled||(this.active=e,this.$emit("update:model-value",this.active))}}},S=["id"],_={class:"vui-tabs-tabs"},C=["onClick"],w={class:"label"},B={class:"vui-tabs-slots"};function L(e,r,F,I,u,d){return a(),s("div",{id:e.componentId,class:n(["vui-tabs",e.$props.class])},[i(e.$slots,"prepend"),l("div",_,[(a(!0),s(o,null,c(d.tabs,t=>(a(),s("div",{key:t.$$id,class:n(["vui-tabs-tabs-tab",{"vui-tabs-tabs-tab--with-icon":e.icon},{"vui-tabs-tabs-tab--active":t[e.itemValue]===u.active}]),onClick:()=>d.toggle(t[e.itemValue])},[e.icon?(a(),s("i",{key:0,class:n(["vui-tabs-tabs-tab-icon",e.icon])},null,2)):m("",!0),l("span",w,f(t[e.itemLabel]),1)],10,C))),128))]),l("div",B,[(a(!0),s(o,null,c(e.items,(t,h)=>(a(),s(o,{key:`slot-${t.$$id}`},[t[e.itemValue]===u.active?i(e.$slots,t[e.itemValue],{key:0,index:h}):m("",!0)],64))),128))]),i(e.$slots,"append")],10,S)}const q=b(k,[["render",L]]);export{q as default};
1
+ import{c as p}from"./composable-CshUTKfl.js";import{t as v}from"./translatable-eIyiPB31.js";import{_ as b,a as s,j as i,d as l,F as o,g as c,n,o as a,f as m,t as f}from"./index-BTCbAXEh.js";const V={},g={},y={en:V,fr:g},$={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:$,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(y),this.hasModelValue)this.active=this.modelValue;else if(this.hasValue)this.active=this.value;else if((e=this.items)!=null&&e.length){const r=this.items[0];this.active=r[this.itemValue]}},methods:{toggle(e){this.disabled||(this.active=e,this.$emit("update:model-value",this.active))}}},S=["id"],_={class:"vui-tabs-tabs"},C=["onClick"],w={class:"label"},B={class:"vui-tabs-slots"};function L(e,r,F,I,u,d){return a(),s("div",{id:e.componentId,class:n(["vui-tabs",e.$props.class])},[i(e.$slots,"prepend"),l("div",_,[(a(!0),s(o,null,c(d.tabs,t=>(a(),s("div",{key:t.$$id,class:n(["vui-tabs-tabs-tab",{"vui-tabs-tabs-tab--with-icon":e.icon},{"vui-tabs-tabs-tab--active":t[e.itemValue]===u.active}]),onClick:()=>d.toggle(t[e.itemValue])},[e.icon?(a(),s("i",{key:0,class:n(["vui-tabs-tabs-tab-icon",e.icon])},null,2)):m("",!0),l("span",w,f(t[e.itemLabel]),1)],10,C))),128))]),l("div",B,[(a(!0),s(o,null,c(e.items,(t,h)=>(a(),s(o,{key:`slot-${t.$$id}`},[t[e.itemValue]===u.active?i(e.$slots,t[e.itemValue],{key:0,index:h}):m("",!0)],64))),128))]),i(e.$slots,"append")],10,S)}const q=b(k,[["render",L]]);export{q as default};
@@ -1,4 +1,4 @@
1
- import{d as f}from"./demonstrable-B5KAWPKX.js";import{t as h}from"./translatable-DbFxNJLL.js";import v from"./tag-Do20IKxB.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-BQmFywQ4.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-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:`
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-DbFxNJLL.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-BQmFywQ4.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-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,4 +1,4 @@
1
- import{d as N}from"./demonstrable-B5KAWPKX.js";import{t as x}from"./translatable-DbFxNJLL.js";import C from"./toggle-DazanQqx.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-BQmFywQ4.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-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:`
2
2
  <vui-toggle>
3
3
  Default checkbox
4
4
  </vui-toggle>
@@ -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-BQmFywQ4.js";import{t as g}from"./translatable-DbFxNJLL.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-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,4 +1,4 @@
1
- import{d as x}from"./demonstrable-B5KAWPKX.js";import{t as _}from"./translatable-DbFxNJLL.js";import V from"./tooltip-94laNPly.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-BQmFywQ4.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-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:`
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-DbFxNJLL.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-BQmFywQ4.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-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 +1 @@
1
- import{v as o}from"./index-BQmFywQ4.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-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 +1 @@
1
- import{c as e}from"./composable-CshUTKfl.js";import{t as n}from"./translatable-DbFxNJLL.js";import{_ as r,a as t,j as o,n as a,o as i}from"./index-BQmFywQ4.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-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,4 +1,4 @@
1
- import{d as _}from"./demonstrable-B5KAWPKX.js";import{t as f}from"./translatable-DbFxNJLL.js";import v from"./unit-CiQ7QHVC.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-BQmFywQ4.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-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:`
2
2
  <vui-grid
3
3
  id="example-grid-1"
4
4
  col-md="2"
@@ -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-BQmFywQ4.js"></script>
25
+ <script type="module" crossorigin src="/assets/index-BTCbAXEh.js"></script>
26
26
  <link rel="stylesheet" crossorigin href="/assets/index-BSpywUIE.css">
27
27
  </head>
28
28
  <body>
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("./input-WjGQ7q1J.js"),m=require("./list-BkZK3xVW.js"),c=require("./animable-ChJEXlsE.js"),a=require("./_plugin-vue_export-helper-DeDoBcDj.js"),l=require("vue");require("highlight.js");const h={"component.dropdown.placeholder":"Select a value ..."},b={},f={en:h,fr:b},g={disableFiltering:{type:Boolean,default:!1},items:{type:Array,required:!0},itemLabel:{type:String,default:"label"},itemValue:{type:String,default:"value"},modelValue:{default:void 0,types:[Boolean,Number,Object,String,null]},placeholder:{types:[Boolean,Number,String]},value:{default:void 0,types:[Boolean,Object,Number,String,null]}},v={name:"VuiDropdown",components:{VuiInput:p.default,VuiList:m.default},mixins:[c.animable,a.composable],props:g,emits:["input","update:model-value"],data(){return{keyword:null,selected:null}},computed:{listTitle(){return this.selected?this.placeholderLabel:null},placeholderValue(){const{itemValue:e,selected:t}=this,r=typeof(t==null?void 0:t[e])<"u"?t[e]:t;return r===null?this.placeholderLabel:this.labelFromItem(r)},placeholderLabel(){return this.placeholder?this.placeholder:this.$t("component.dropdown.placeholder")}},watch:{modelValue(e){this.selected=e},value(e){this.selected=e}},created(){a.translatable(f),this.hasModelValue?this.selected=this.modelValue:this.hasValue&&(this.selected=this.value)},methods:{labelFromChild(e,t,r){const{itemValue:n,itemLabel:o}=this;return e[n].reduce((i,d)=>d[n]===r?d[o]:i,t)},labelFromItem(e){const{itemValue:t,itemLabel:r}=this;return this.items.reduce((n,o)=>Array.isArray(o[t])?this.labelFromChild(o,n,e):o[t]===e?o[r]:n,e)},onClick(){this.disabled||this.onAnimate()},onInput(e){this.$emit("input",e),this.onAnimate(!0),this.keyword=e.target.value?e.target.value:null},onToggle(e){this.keyword=null,this.blur(),this.hasProp("value")||(this.selected=e),this.$emit("update:model-value",e)}}},y=["id"];function w(e,t,r,n,o,i){const d=l.resolveComponent("vui-input"),u=l.resolveComponent("vui-list");return l.openBlock(),l.createElementBlock("div",{id:e.componentId,class:l.normalizeClass(["vui-dropdown",e.$props.class])},[l.renderSlot(e.$slots,"prepend"),l.createElementVNode("div",{class:l.normalizeClass(["vui-dropdown-placeholder",{"vui-dropdown-placeholder--toggled":e.toggled},{"vui-dropdown-placeholder--animating":e.animating},{"vui-dropdown-placeholder--disabled":e.disabled}]),onClick:t[0]||(t[0]=l.withModifiers((...s)=>i.onClick&&i.onClick(...s),["stop"]))},[l.renderSlot(e.$slots,"keyword",{keyword:o.keyword},()=>[l.createVNode(d,{value:o.keyword,type:"text",class:"vui-dropdown-placeholder-label",placeholder:i.placeholderValue,onInput:i.onInput},null,8,["value","placeholder","onInput"])])],2),e.toggled?(l.openBlock(),l.createBlock(u,l.mergeProps({key:0,modelValue:o.selected,"onUpdate:modelValue":t[1]||(t[1]=s=>o.selected=s)},e.$attrs,{class:"vui-dropdown-list","group-id":e.componentGroupId,"disable-filtering":e.disableFiltering,disabled:e.disabled,items:e.items,"item-label":e.itemLabel,"item-value":e.itemValue,keyword:o.keyword,selectable:!0,title:i.listTitle,"onUpdate:modelValue":i.onToggle}),l.createSlots({_:2},[e.$slots.placeholder?{name:"placeholder",fn:l.withCtx(()=>[l.renderSlot(e.$slots,"placeholder")]),key:"0"}:void 0,e.$slots["group-item"]?{name:"group-item",fn:l.withCtx(()=>[l.renderSlot(e.$slots,"group-item")]),key:"1"}:void 0,e.$slots.item?{name:"item",fn:l.withCtx(()=>[l.renderSlot(e.$slots,"item")]),key:"2"}:void 0]),1040,["modelValue","group-id","disable-filtering","disabled","items","item-label","item-value","keyword","title","onUpdate:modelValue"])):l.createCommentVNode("",!0),l.renderSlot(e.$slots,"append")],10,y)}const V=a._export_sfc(v,[["render",w]]);exports.default=V;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("./input-CPJkbqQt.js"),m=require("./list-BkZK3xVW.js"),c=require("./animable-ChJEXlsE.js"),a=require("./_plugin-vue_export-helper-DeDoBcDj.js"),l=require("vue");require("highlight.js");const h={"component.dropdown.placeholder":"Select a value ..."},b={},f={en:h,fr:b},g={disableFiltering:{type:Boolean,default:!1},items:{type:Array,required:!0},itemLabel:{type:String,default:"label"},itemValue:{type:String,default:"value"},modelValue:{default:void 0,types:[Boolean,Number,Object,String,null]},placeholder:{types:[Boolean,Number,String]},value:{default:void 0,types:[Boolean,Object,Number,String,null]}},v={name:"VuiDropdown",components:{VuiInput:p.default,VuiList:m.default},mixins:[c.animable,a.composable],props:g,emits:["input","update:model-value"],data(){return{keyword:null,selected:null}},computed:{listTitle(){return this.selected?this.placeholderLabel:null},placeholderValue(){const{itemValue:e,selected:t}=this,r=typeof(t==null?void 0:t[e])<"u"?t[e]:t;return r===null?this.placeholderLabel:this.labelFromItem(r)},placeholderLabel(){return this.placeholder?this.placeholder:this.$t("component.dropdown.placeholder")}},watch:{modelValue(e){this.selected=e},value(e){this.selected=e}},created(){a.translatable(f),this.hasModelValue?this.selected=this.modelValue:this.hasValue&&(this.selected=this.value)},methods:{labelFromChild(e,t,r){const{itemValue:n,itemLabel:o}=this;return e[n].reduce((i,d)=>d[n]===r?d[o]:i,t)},labelFromItem(e){const{itemValue:t,itemLabel:r}=this;return this.items.reduce((n,o)=>Array.isArray(o[t])?this.labelFromChild(o,n,e):o[t]===e?o[r]:n,e)},onClick(){this.disabled||this.onAnimate()},onInput(e){this.$emit("input",e),this.onAnimate(!0),this.keyword=e.target.value?e.target.value:null},onToggle(e){this.keyword=null,this.blur(),this.hasProp("value")||(this.selected=e),this.$emit("update:model-value",e)}}},y=["id"];function w(e,t,r,n,o,i){const d=l.resolveComponent("vui-input"),s=l.resolveComponent("vui-list");return l.openBlock(),l.createElementBlock("div",{id:e.componentId,class:l.normalizeClass(["vui-dropdown",e.$props.class])},[l.renderSlot(e.$slots,"prepend"),l.createElementVNode("div",{class:l.normalizeClass(["vui-dropdown-placeholder",{"vui-dropdown-placeholder--toggled":e.toggled},{"vui-dropdown-placeholder--animating":e.animating},{"vui-dropdown-placeholder--disabled":e.disabled}]),onClick:t[0]||(t[0]=l.withModifiers((...u)=>i.onClick&&i.onClick(...u),["stop"]))},[l.renderSlot(e.$slots,"keyword",{keyword:o.keyword},()=>[l.createVNode(d,{"with-icon":!1,value:o.keyword,type:"text",class:"vui-dropdown-placeholder-label",placeholder:`${i.placeholderValue}`,onInput:i.onInput},null,8,["value","placeholder","onInput"])])],2),e.toggled?(l.openBlock(),l.createBlock(s,l.mergeProps({key:0,value:o.selected},e.$attrs,{class:"vui-dropdown-list","group-id":e.componentGroupId,"disable-filtering":e.disableFiltering,disabled:e.disabled,items:e.items,"item-label":e.itemLabel,"item-value":e.itemValue,keyword:o.keyword,selectable:!0,title:i.listTitle,"onUpdate:modelValue":i.onToggle}),l.createSlots({_:2},[e.$slots.placeholder?{name:"placeholder",fn:l.withCtx(()=>[l.renderSlot(e.$slots,"placeholder")]),key:"0"}:void 0,e.$slots["group-item"]?{name:"group-item",fn:l.withCtx(()=>[l.renderSlot(e.$slots,"group-item")]),key:"1"}:void 0,e.$slots.item?{name:"item",fn:l.withCtx(()=>[l.renderSlot(e.$slots,"item")]),key:"2"}:void 0]),1040,["value","group-id","disable-filtering","disabled","items","item-label","item-value","keyword","title","onUpdate:modelValue"])):l.createCommentVNode("",!0),l.renderSlot(e.$slots,"append")],10,y)}const k=a._export_sfc(v,[["render",w]]);exports.default=k;