@e-xode/vui 0.6.6 → 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.
- package/README.md +11 -7
- package/dist/checkbox-BP2ttYER.js +1 -0
- package/dist/{checkbox-C0XHmyOW.js → checkbox-Qcc2Y3jj.js} +56 -25
- package/dist/doc/assets/{alert-DeIKuuce.js → alert-kDXe81fs.js} +1 -1
- package/dist/doc/assets/{alert-DXU8Elqq.js → alert-xIfTKyZn.js} +1 -1
- package/dist/doc/assets/{button-G8t_NLRi.js → button-2k6FVc0L.js} +1 -1
- package/dist/doc/assets/{button-B13Yf1Kd.js → button-9ro2C_DO.js} +1 -1
- package/dist/doc/assets/{card-bZflYXP1.js → card-DiRo_ZxR.js} +1 -1
- package/dist/doc/assets/{card-B_zN0RIP.js → card-ETnsHTxY.js} +1 -1
- package/dist/doc/assets/checkbox-BNwsQFlx.css +1 -0
- package/dist/doc/assets/checkbox-GxzrS_FW.js +1 -0
- package/dist/doc/assets/checkbox-XTMM84PN.js +28 -0
- package/dist/doc/assets/{component-B1_tpRW4.js → component-Cd0V3c30.js} +1 -1
- package/dist/doc/assets/{default-D8NjjGBi.css → default-DOpWYWAd.css} +1 -1
- package/dist/doc/assets/{default-DHgTVVbu.js → default-Ddw34XZA.js} +1 -1
- package/dist/doc/assets/{demonstrable-nGGBFHXw.js → demonstrable-Dv7XIPoL.js} +1 -1
- package/dist/doc/assets/{dropdown-DcmkPEip.js → dropdown-C6Kafffe.js} +1 -1
- package/dist/doc/assets/{dropdown-inZsWa61.js → dropdown-CWekPPzX.js} +1 -1
- package/dist/doc/assets/{dropdown-BDltvOgD.css → dropdown-MxPEtcwI.css} +1 -1
- package/dist/doc/assets/{footer-BBBAapy7.js → footer-DEmxvZDO.js} +1 -1
- package/dist/doc/assets/{footer-D_HwgUDT.js → footer-DmvqVfCJ.js} +1 -1
- package/dist/doc/assets/{form-8yXKOyqL.js → form-DLfAvscm.js} +1 -1
- package/dist/doc/assets/{form-CjnywRsh.js → form-DQoPnfc6.js} +1 -1
- package/dist/doc/assets/{grid-CEJWLlXk.js → grid-Byaifs5F.js} +1 -1
- package/dist/doc/assets/{grid-BMMzEfv4.js → grid-Dyb-qIv6.js} +1 -1
- package/dist/doc/assets/{header-rBaLh0Nj.js → header-C2DRVubg.js} +1 -1
- package/dist/doc/assets/{header-BlKpFHRO.js → header-CW68DlQ3.js} +1 -1
- package/dist/doc/assets/{index-Bxv-4tsQ.js → index-BTCbAXEh.js} +15 -15
- package/dist/doc/assets/{index-5BUQdJLK.js → index-DYd8GVyV.js} +1 -1
- package/dist/doc/assets/input-DJ8amP3y.css +1 -0
- package/dist/doc/assets/input-Dxw7RYfZ.js +37 -0
- package/dist/doc/assets/input-hkS14TCT.js +1 -0
- package/dist/doc/assets/{list-uelxz83r.js → list-BYX5Hslw.js} +1 -1
- package/dist/doc/assets/{list-Dg2wJkNi.js → list-n3xmt7CO.js} +1 -1
- package/dist/doc/assets/{loader-Brnp5cYS.js → loader-C_KYFdY0.js} +1 -1
- package/dist/doc/assets/{loader-CG6MxzXb.js → loader-hc6kqiqT.js} +1 -1
- package/dist/doc/assets/{modal-fIYL2tZA.js → modal-Ci7IYllg.js} +1 -1
- package/dist/doc/assets/{modal-DfTrEZrg.js → modal-DprGtJnD.js} +1 -1
- package/dist/doc/assets/{nav-BcINi9Ls.js → nav--03mFDUT.js} +1 -1
- package/dist/doc/assets/{nav-as-1HVTB.js → nav-C9RI5Z6H.js} +1 -1
- package/dist/doc/assets/{page-Cobsh0Ws.js → page-C85vct24.js} +1 -1
- package/dist/doc/assets/{page-25OUIluR.js → page-CMF9WylW.js} +1 -1
- package/dist/doc/assets/{pager-BloxkVL8.js → pager-0bNXGtWQ.js} +1 -1
- package/dist/doc/assets/{pager-DW6NgWoZ.js → pager-BuEhUbXw.js} +1 -1
- package/dist/doc/assets/{progress-Agje03EU.js → progress-B9G9PL1G.js} +1 -1
- package/dist/doc/assets/{progress-vNI_eJTO.js → progress-aePOsZNN.js} +1 -1
- package/dist/doc/assets/radio-Dg31j783.css +1 -0
- package/dist/doc/assets/radio-FDvwgcUe.js +1 -0
- package/dist/doc/assets/radio-vJklHHcl.js +28 -0
- package/dist/doc/assets/{start-vmhkIBQI.js → start-Cpz5sHNq.js} +1 -1
- package/dist/doc/assets/{table-0uWudBxb.js → table-C_Rv3GlB.js} +1 -1
- package/dist/doc/assets/{table-ovOZ3st-.js → table-D1jz3DKO.js} +1 -1
- package/dist/doc/assets/{tabs-B3nfb47D.js → tabs-CpDei3SM.js} +1 -1
- package/dist/doc/assets/{tabs-C3cihruc.js → tabs-DJI7K47M.js} +1 -1
- package/dist/doc/assets/{tag-BkuMiR78.js → tag-0ugBlzs4.js} +1 -1
- package/dist/doc/assets/{tag-BzSu1hWx.js → tag-CgEGHygn.js} +1 -1
- package/dist/doc/assets/{toggle-EqO81L8C.js → toggle-CsmmXJeS.js} +1 -1
- package/dist/doc/assets/{toggle-DwIBPen1.js → toggle-Dxv9_B8u.js} +1 -1
- package/dist/doc/assets/{tooltip-DpEnb-Ez.js → tooltip-BZOlKAkT.js} +1 -1
- package/dist/doc/assets/{tooltip-Di8htduO.js → tooltip-CfuewoN3.js} +1 -1
- package/dist/doc/assets/{translatable-CVnAMpzi.js → translatable-eIyiPB31.js} +1 -1
- package/dist/doc/assets/{unit-CHR3cNii.js → unit-B5sbv-XJ.js} +1 -1
- package/dist/doc/assets/{unit-thgjRRiP.js → unit-KaJ8YPkP.js} +1 -1
- package/dist/doc/index.html +1 -1
- package/dist/{dropdown-CXZUMHXL.js → dropdown-DUUZsTpI.js} +1 -1
- package/dist/{dropdown-Dh1vGymO.js → dropdown-UMn42uen.js} +6 -5
- package/dist/input-BS_1U11l.js +139 -0
- package/dist/input-CPJkbqQt.js +1 -0
- package/dist/radio-BlBm-IvA.js +1 -0
- package/dist/radio-CzWvdO-G.js +147 -0
- package/dist/style.css +1 -1
- package/dist/vui.esm.js +12 -1
- package/dist/vui.js +1 -1
- package/dist/vui.umd.js +1 -1
- package/package.json +5 -5
- package/dist/checkbox-B9yl-GCS.js +0 -1
- package/dist/doc/assets/checkbox-C2hNaqU5.js +0 -14
- package/dist/doc/assets/checkbox-C9B8Gm2L.js +0 -1
- package/dist/doc/assets/checkbox-Dtjrzcei.css +0 -1
- package/dist/doc/assets/input-Bm6YMcaH.js +0 -1
- package/dist/doc/assets/input-D3l35AS9.css +0 -1
- package/dist/doc/assets/input-DqqDODLC.js +0 -15
- package/dist/input-Dy5fCJhT.js +0 -103
- package/dist/input-WjGQ7q1J.js +0 -1
package/dist/vui.umd.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(t,g){typeof exports=="object"&&typeof module<"u"?module.exports=g(require("vue"),require("mitt"),require("highlight.js"),require("vue-i18n")):typeof define=="function"&&define.amd?define(["vue","mitt","highlight.js","vue-i18n"],g):(t=typeof globalThis<"u"?globalThis:t||self,t.vui=g(t.vue,t.mitt,null,t.vueI18n))})(this,function(t,g,go,v){"use strict";const N=[{icon:"fa-brands fa-vuejs",label:"Alert",name:"vui-alert",path:"/components/ui/alert/alert.vue",type:"ui",doc:{name:"view-alert",path:"/views/component/ui/alert/alert.vue"}},{icon:"fa-brands fa-vuejs",label:"Button",name:"vui-button",path:"/components/html/button/button.vue",type:"html",doc:{name:"view-button",path:"/views/component/html/button/button.vue"}},{icon:"fa-brands fa-vuejs",label:"Card",name:"vui-card",path:"/components/ui/card/card.vue",type:"ui",doc:{name:"view-card",path:"/views/component/ui/card/card.vue"}},{icon:"fa-brands fa-vuejs",label:"Checkbox",name:"vui-checkbox",path:"/components/html/checkbox/checkbox.vue",type:"html",doc:{name:"view-checkbox",path:"/views/component/html/checkbox/checkbox.vue"}},{icon:"fa-brands fa-vuejs",label:"Dropdown",name:"vui-dropdown",path:"/components/ui/dropdown/dropdown.vue",type:"ui",doc:{name:"view-dropdown",path:"/views/component/ui/dropdown/dropdown.vue"}},{icon:"fa-brands fa-vuejs",label:"Footer",name:"vui-footer",path:"/components/html/footer/footer.vue",type:"html",doc:{name:"view-footer",path:"/views/component/html/footer/footer.vue"}},{icon:"fa-brands fa-vuejs",label:"Form",name:"vui-form",path:"/components/html/form/form.vue",type:"html",doc:{name:"view-form",path:"/views/component/html/form/form.vue"}},{icon:"fa-brands fa-vuejs",label:"Header",name:"vui-header",path:"/components/html/header/header.vue",type:"html",doc:{name:"view-header",path:"/views/component/html/header/header.vue"}},{icon:"fa-brands fa-vuejs",label:"Grid",name:"vui-grid",path:"/components/layout/grid/grid.vue",type:"layout",doc:{name:"view-grid",path:"/views/component/layout/grid/grid.vue"}},{icon:"fa-brands fa-vuejs",label:"Grid unit",name:"vui-grid-unit",path:"/components/layout/unit/unit.vue",type:"layout",doc:{name:"view-grid-unit",path:"/views/component/layout/unit/unit.vue"}},{icon:"fa-brands fa-vuejs",label:"Input",name:"vui-input",path:"/components/html/input/input.vue",type:"html",doc:{name:"view-input",path:"/views/component/html/input/input.vue"}},{icon:"fa-brands fa-vuejs",label:"List",name:"vui-list",path:"/components/ui/list/list.vue",type:"ui",doc:{name:"view-list",path:"/views/component/ui/list/list.vue"}},{icon:"fa-brands fa-vuejs",label:"Loader",name:"vui-loader",path:"/components/ui/loader/loader.vue",type:"ui",doc:{name:"view-loader",path:"/views/component/ui/loader/loader.vue"}},{icon:"fa-brands fa-vuejs",label:"Modal",name:"vui-modal",path:"/components/ui/modal/modal.vue",type:"ui",doc:{name:"view-modal",path:"/views/component/ui/modal/modal.vue"}},{icon:"fa-brands fa-vuejs",label:"Nav",name:"vui-nav",path:"/components/ui/nav/nav.vue",type:"ui",doc:{name:"view-nav",path:"/views/component/ui/nav/nav.vue"}},{icon:"fa-brands fa-vuejs",label:"Page",name:"vui-page",path:"/components/ui/page/page.vue",type:"ui",doc:{name:"view-page",path:"/views/component/ui/page/page.vue"}},{icon:"fa-brands fa-vuejs",label:"Pager",name:"vui-pager",path:"/components/ui/pager/pager.vue",type:"ui",doc:{name:"view-pager",path:"/views/component/ui/pager/pager.vue"}},{icon:"fa-brands fa-vuejs",label:"Progress",name:"vui-progress",path:"/components/ui/progress/progress.vue",type:"ui",doc:{name:"view-progress",path:"/views/component/ui/progress/progress.vue"}},{icon:"fa-brands fa-vuejs",label:"Table",name:"vui-table",path:"/components/html/table/table.vue",type:"html",doc:{name:"view-table",path:"/views/component/html/table/table.vue"}},{icon:"fa-brands fa-vuejs",label:"Tabs",name:"vui-tabs",path:"/components/ui/tabs/tabs.vue",type:"ui",doc:{name:"view-tabs",path:"/views/component/ui/tabs/tabs.vue"}},{icon:"fa-brands fa-vuejs",label:"Tag",name:"vui-tag",path:"/components/ui/tag/tag.vue",type:"ui",doc:{name:"view-tag",path:"/views/component/ui/tag/tag.vue"}},{icon:"fa-brands fa-vuejs",label:"Toggle",name:"vui-toggle",path:"/components/ui/toggle/toggle.vue",type:"ui",doc:{name:"view-toggle",path:"/views/component/ui/toggle/toggle.vue"}},{icon:"fa-brands fa-vuejs",label:"Tooltip",name:"vui-tooltip",path:"/components/ui/tooltip/tooltip.vue",type:"ui",doc:{name:"view-tooltip",path:"/views/component/ui/tooltip/tooltip.vue"}}],j={install(e){e.provide("$bus",g());const o=Object.assign({"/components/html/button/button.vue":()=>Promise.resolve().then(()=>M),"/components/html/checkbox/checkbox.vue":()=>Promise.resolve().then(()=>U),"/components/html/footer/footer.vue":()=>Promise.resolve().then(()=>J),"/components/html/form/form.vue":()=>Promise.resolve().then(()=>ee),"/components/html/header/header.vue":()=>Promise.resolve().then(()=>se),"/components/html/input/input.vue":()=>Promise.resolve().then(()=>pe),"/components/html/table/table.vue":()=>Promise.resolve().then(()=>$e),"/components/layout/grid/grid.vue":()=>Promise.resolve().then(()=>Be),"/components/layout/unit/unit.vue":()=>Promise.resolve().then(()=>Ne),"/components/ui/alert/alert.vue":()=>Promise.resolve().then(()=>_e),"/components/ui/card/card.vue":()=>Promise.resolve().then(()=>Fe),"/components/ui/dropdown/dropdown.vue":()=>Promise.resolve().then(()=>lt),"/components/ui/list/list.vue":()=>Promise.resolve().then(()=>xe),"/components/ui/loader/loader.vue":()=>Promise.resolve().then(()=>rt),"/components/ui/modal/modal.vue":()=>Promise.resolve().then(()=>$t),"/components/ui/nav/nav.vue":()=>Promise.resolve().then(()=>Ct),"/components/ui/page/page.vue":()=>Promise.resolve().then(()=>_t),"/components/ui/pager/pager.vue":()=>Promise.resolve().then(()=>At),"/components/ui/progress/progress.vue":()=>Promise.resolve().then(()=>Ht),"/components/ui/tabs/tabs.vue":()=>Promise.resolve().then(()=>Zt),"/components/ui/tag/tag.vue":()=>Promise.resolve().then(()=>lo),"/components/ui/toggle/toggle.vue":()=>Promise.resolve().then(()=>po),"/components/ui/tooltip/tooltip.vue":()=>Promise.resolve().then(()=>fo)});for(const n in o){const a=n.startsWith("..")?n.slice(2):n,s=N.find(l=>l.path===a);s&&e.component(s.name,t.defineAsyncComponent(o[n]))}}},E={en:{},fr:{}},P={duration:125},h={data(){return{toggled:!1,animating:!1}},created(){this.$bus.on("outclick",e=>{this.toggled&&this.componentGroupId!==e&&this.blur()})},methods:{animate(){this.animating||(this.animating=!0,setTimeout(()=>{this.animating=!1},P.duration))},blur(){this.toggled=!1},focus(){this.toggled=!0,this.$bus.emit("outclick",this.componentGroupId)},onAnimate(e=null){this.animate(),e||e===null&&!this.toggled?this.focus():this.blur()}}},d={inject:["$bus"],props:{class:{type:String},disabled:{type:Boolean,default:!1},id:{type:String,default:null},groupId:{type:String,default:null},layout:{type:String,default:"default"},loading:{type:Boolean,default:!1},name:{type:String}},deactivated(){this.$bus.off("outclick")},created(){this.uuid=this.newId()},data(){return{uuid:null}},computed:{componentId(){return this.id?this.id:this.uuid},componentGroupId(){return this.groupId?this.groupId:this.uuid},hasModelValue(){return typeof this.modelValue<"u"},hasValue(){return typeof this.value<"u"}},methods:{hasAttribute(e){return Object.keys(this.$attrs).find(o=>o===e)},hasProp(e){return typeof this[e]<"u"},newId(){return Math.random().toString(36).slice(-6)}}},c=e=>{const o=v.useI18n();return Object.keys(e).forEach(n=>{o.mergeLocaleMessage(n,e[n])}),o},z={icon:{type:String},route:{type:Object},text:{type:String},type:{type:String,default:"button"}},p=(e,o)=>{const n=e.__vccOpts||e;for(const[a,s]of o)n[a]=s;return n},_={name:"VuiButton",mixins:[h,d],props:z,computed:{hasLabel(){var e;return((e=this.text)==null?void 0:e.length)>0||this.$slots.default}},created(){c(E)},methods:{onClick(){this.disabled||(this.onAnimate(),this.route&&this.$router.push(this.route))}}},I=["id"],T=["disabled","type"],O=t.createElementVNode("div",{class:"vui-button-loader"},null,-1);function L(e,o,n,a,s,l){return t.openBlock(),t.createElementBlock("div",{id:e.componentId,class:t.normalizeClass(["vui-button",`vui-button--${e.layout}`,{"vui-button--flat":e.hasAttribute("flat")},{"vui-button--with-label":l.hasLabel},{"vui-button--with-icon":e.icon},{"vui-button--toggled":e.toggled},{"vui-button--animating":!e.disabled&&e.animating},{"vui-button--loading":!e.disabled&&e.loading},{"vui-button--disabled":e.disabled},e.$props.class]),onClick:o[0]||(o[0]=t.withModifiers((...i)=>l.onClick&&l.onClick(...i),["stop"]))},[t.renderSlot(e.$slots,"prepend"),t.createElementVNode("button",{class:"vui-button-holder",disabled:e.disabled,type:e.type},[e.icon?(t.openBlock(),t.createElementBlock("i",{key:0,class:t.normalizeClass(["vui-button-icon",e.icon])},null,2)):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"default",{},()=>[t.createTextVNode(t.toDisplayString(e.text),1)])],8,T),O,t.renderSlot(e.$slots,"append")],10,I)}const b=p(_,[["render",L]]),M=Object.freeze(Object.defineProperty({__proto__:null,default:b},Symbol.toStringTag,{value:"Module"})),A={en:{},fr:{}},F={name:"VuiCheckbox",mixins:[d],props:{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:{default:void 0,type:String},uncheckedValue:{default:void 0,types:[Boolean,String,Number,null]},value:{default:void 0,types:[Boolean,String,Number,null]}},emits:["update:model-value"],data(){return{toggled:!1}},computed:{isChecked(){return this.hasProp("checked")?this.checked:this.hasProp("checkedValue")?this.toggled===this.checkedValue:this.toggled}},watch:{modelValue(e){this.toggled=e},value(e){this.toggled=e}},created(){c(A),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))}}},G=["id"],q=["name","disabled","required"],D=["for"];function H(e,o,n,a,s,l){return t.openBlock(),t.createElementBlock("div",{id:e.componentId,class:t.normalizeClass(["vui-checkbox",{"vui-checkbox--checked":l.isChecked},{"vui-checkbox--disabled":e.disabled},e.$props.class]),onClick:o[0]||(o[0]=(...i)=>l.onToggle&&l.onToggle(...i))},[t.renderSlot(e.$slots,"prepend"),t.createElementVNode("input",{name:e.name,disabled:e.disabled,required:e.hasAttribute("required"),type:"checkbox"},null,8,q),e.$slots.default?(t.openBlock(),t.createElementBlock("label",{key:0,for:e.componentId},[t.renderSlot(e.$slots,"default")],8,D)):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"append")],10,G)}const U=Object.freeze(Object.defineProperty({__proto__:null,default:p(F,[["render",H]])},Symbol.toStringTag,{value:"Module"})),X={en:{},fr:{}},K={name:"VuiFooter",mixins:[d],created(){c(X)}},R=["id"];function W(e,o,n,a,s,l){return t.openBlock(),t.createElementBlock("footer",{id:e.componentId,class:t.normalizeClass(["vui-footer",e.$props.class])},[t.renderSlot(e.$slots,"prepend"),t.renderSlot(e.$slots,"default"),t.renderSlot(e.$slots,"append")],10,R)}const J=Object.freeze(Object.defineProperty({__proto__:null,default:p(K,[["render",W]])},Symbol.toStringTag,{value:"Module"})),Q={en:{},fr:{}},Y={name:"VuiForm",mixins:[d],created(){c(Q)}},Z=["id"];function x(e,o,n,a,s,l){return t.openBlock(),t.createElementBlock("form",{id:e.componentId,class:t.normalizeClass(["vui-form",e.$props.class])},[t.renderSlot(e.$slots,"prepend"),t.renderSlot(e.$slots,"default"),t.renderSlot(e.$slots,"append")],10,Z)}const ee=Object.freeze(Object.defineProperty({__proto__:null,default:p(Y,[["render",x]])},Symbol.toStringTag,{value:"Module"})),te={en:{},fr:{}},oe={name:"VuiHeader",mixins:[d],created(){c(te)}},le=["id"];function ne(e,o,n,a,s,l){return t.openBlock(),t.createElementBlock("header",{id:e.componentId,class:t.normalizeClass(["vui-header",e.$props.class])},[t.renderSlot(e.$slots,"prepend"),t.renderSlot(e.$slots,"default"),t.renderSlot(e.$slots,"append")],10,le)}const se=Object.freeze(Object.defineProperty({__proto__:null,default:p(oe,[["render",ne]])},Symbol.toStringTag,{value:"Module"})),ie={en:{"component.input.placeholder":"Type a value ..."},fr:{}},ae={name:"VuiInput",mixins:[d],props:{modelValue:{default:void 0,types:[Boolean,String,Number,null]},maxlength:{type:Number},name:{type:String},placeholder:{default:null,types:[Boolean,String,Number,null]},type:{type:String,default:"text"},value:{default:void 0,types:[Boolean,Number,String,null]}},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(){c(ie),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)}}},re=["id"],de=["value","disabled","maxlength","name","placeholder","required","type"];function ce(e,o,n,a,s,l){return t.openBlock(),t.createElementBlock("div",{id:e.componentId,class:t.normalizeClass(["vui-input",e.$props.class])},[t.renderSlot(e.$slots,"prepend"),t.createElementVNode("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]=(...i)=>l.onInput&&l.onInput(...i))},null,40,de),t.renderSlot(e.$slots,"append")],10,re)}const S=p(ae,[["render",ce]]),pe=Object.freeze(Object.defineProperty({__proto__:null,default:S},Symbol.toStringTag,{value:"Module"})),ue={headers:{type:Array,default:()=>[]},itemLabel:{type:String,default:"label"},itemValue:{type:String,default:"value"},items:{type:Array,default:()=>[],required:!0}},me={en:{},fr:{}},he={name:"VuiTable",mixins:[h,d],props:ue,created(){c(me)},methods:{leaf(e,o){return o.split(".").reduce((n,a)=>n&&n[a]?n[a]:null,e)}}},fe=["id"],ge=["data-label"];function be(e,o,n,a,s,l){return t.openBlock(),t.createElementBlock("div",{id:e.componentId,class:t.normalizeClass(["vui-table",e.$props.class])},[t.renderSlot(e.$slots,"prepend"),t.createElementVNode("table",null,[t.createElementVNode("thead",null,[t.createElementVNode("tr",null,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.headers,(i,r)=>t.renderSlot(e.$slots,`header.${i[e.itemValue]}`,{key:`table-${e.componentId}-header--${r}`,item:i,itemLabel:e.itemLabel,itemValue:e.itemValue,index:r},()=>[t.createElementVNode("th",{class:t.normalizeClass(i.class)},t.toDisplayString(i[e.itemLabel]),3)])),128))])]),t.createElementVNode("tbody",null,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.items,(i,r)=>t.renderSlot(e.$slots,"default",{key:`table-${e.componentId}-item--${r}`,index:r,item:i,itemLabel:e.itemLabel,itemValue:e.itemValue},()=>[t.createElementVNode("tr",null,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.headers,(u,m)=>t.renderSlot(e.$slots,`item.${u[e.itemValue]}`,{key:`table-${e.componentId}-item-td--${m}`,index:m,item:i,itemLabel:e.itemLabel,itemValue:e.itemValue},()=>[t.createElementVNode("td",{"data-label":u.label,class:t.normalizeClass(u.class)},t.toDisplayString(l.leaf(i,u.value)),11,ge)])),128))])])),128))])]),t.renderSlot(e.$slots,"append")],10,fe)}const $e=Object.freeze(Object.defineProperty({__proto__:null,default:p(he,[["render",be]])},Symbol.toStringTag,{value:"Module"})),ye={en:{},fr:{}},ke={name:"VuiGrid",mixins:[d],props:{colXs:{default:void 0,types:[Number,String]},colSm:{default:void 0,types:[Number,String]},colMd:{default:void 0,types:[Number,String]},colXl:{default:void 0,types:[Number,String]}},created(){c(ye)}},Ve=["id"];function Se(e,o,n,a,s,l){return t.openBlock(),t.createElementBlock("div",{id:e.componentId,class:t.normalizeClass(["vui-grid",{[`vui-grid--col-xs--${e.colXs}`]:e.colXs},{[`vui-grid--col-sm--${e.colSm}`]:e.colSm},{[`vui-grid--col-md--${e.colMd}`]:e.colMd},{[`vui-grid--col-xl--${e.colXl}`]:e.colXl},e.$props.class])},[t.renderSlot(e.$slots,"prepend"),t.renderSlot(e.$slots,"default"),t.renderSlot(e.$slots,"append")],10,Ve)}const Be=Object.freeze(Object.defineProperty({__proto__:null,default:p(ke,[["render",Se]])},Symbol.toStringTag,{value:"Module"})),Ce={en:{},fr:{}},we={name:"VuiGridUnit",mixins:[d],props:{col:{default:void 0,types:[String,Number]}},created(){c(Ce)}};function ve(e,o,n,a,s,l){return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["vui-grid-unit",{[`vui-grid-unit-col--${e.col}`]:e.col},e.$props.class])},[t.renderSlot(e.$slots,"prepend"),t.renderSlot(e.$slots,"default"),t.renderSlot(e.$slots,"append")],2)}const Ne=Object.freeze(Object.defineProperty({__proto__:null,default:p(we,[["render",ve]])},Symbol.toStringTag,{value:"Module"})),je={en:{},fr:{}},Ee={name:"VuiAlert",mixins:[d],props:{icon:{type:String},text:{type:String}},created(){c(je)}},Pe=["id"];function ze(e,o,n,a,s,l){return t.openBlock(),t.createElementBlock("div",{id:e.componentId,class:t.normalizeClass(["vui-alert",`vui-alert--${e.layout}`,e.$props.class])},[t.renderSlot(e.$slots,"prepend"),t.renderSlot(e.$slots,"icon",{},()=>[e.icon?(t.openBlock(),t.createElementBlock("i",{key:0,class:t.normalizeClass(["vui-alert-icon",e.icon])},null,2)):t.createCommentVNode("",!0)]),t.renderSlot(e.$slots,"default",{},()=>[t.createTextVNode(t.toDisplayString(e.text),1)]),t.renderSlot(e.$slots,"append")],10,Pe)}const B=p(Ee,[["render",ze]]),_e=Object.freeze(Object.defineProperty({__proto__:null,default:B},Symbol.toStringTag,{value:"Module"})),C={en:{},fr:{}},Ie={name:"VuiCard",mixins:[d],created(){c(C)}},Te=["id"],Oe={key:0,class:"vui-card-header"},Le={key:1,class:"vui-card-body"},Me={key:2,class:"vui-card-footer"};function Ae(e,o,n,a,s,l){return t.openBlock(),t.createElementBlock("div",{id:e.componentId,class:t.normalizeClass(["vui-card",`vui-card--${e.layout}`,{"vui-card--flat":e.hasAttribute("flat")},e.$props.class])},[t.renderSlot(e.$slots,"prepend"),e.$slots.header?(t.openBlock(),t.createElementBlock("div",Oe,[t.renderSlot(e.$slots,"header")])):t.createCommentVNode("",!0),e.$slots.body||e.$slots.default?(t.openBlock(),t.createElementBlock("div",Le,[t.renderSlot(e.$slots,"body"),t.renderSlot(e.$slots,"default")])):t.createCommentVNode("",!0),e.$slots.footer?(t.openBlock(),t.createElementBlock("div",Me,[t.renderSlot(e.$slots,"footer")])):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"append")],10,Te)}const Fe=Object.freeze(Object.defineProperty({__proto__:null,default:p(Ie,[["render",Ae]])},Symbol.toStringTag,{value:"Module"})),Ge={en:{"component.dropdown.placeholder":"Select a value ..."},fr:{}},qe={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]}};function f(e){return e!=null&&typeof e=="object"&&e["@@functional/placeholder"]===!0}function $(e){return function o(n){return arguments.length===0||f(n)?o:e.apply(this,arguments)}}function De(e){return function o(n,a){switch(arguments.length){case 0:return o;case 1:return f(n)?o:$(function(s){return e(n,s)});default:return f(n)&&f(a)?o:f(n)?$(function(s){return e(s,a)}):f(a)?$(function(s){return e(n,s)}):e(n,a)}}}var He=De(function(o,n){for(var a={},s={},l=0,i=o.length;l<i;)s[o[l]]=1,l+=1;for(var r in n)s.hasOwnProperty(r)||(a[r]=n[r]);return a});const Ue={en:{},fr:{}},Xe={name:"VuiList",mixins:[h,d],props:{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]}},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,o)=>(this.isGroup(o)?e.push({...o,$$id:this.newId(),value:o[this.itemValue].reduce((n,a)=>!this.hasKeyword||this.match(a)?[...n,this.mapItem(a,this.newId())]:n,[])}):(!this.hasKeyword||this.match(o))&&e.push(this.mapItem(o,this.newId())),e),[])}},watch:{items(){this.autoexpand()},modelValue(e){this.selected=this.mapItem(e)},value(e){this.selected=this.mapItem(e)}},created(){c(Ue),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,o,n)=>{if(this.isGroup(o)){const s=o[this.itemValue].findIndex(l=>this.isSelected(l));if(this.expanded||s>-1)return{...e,[n]:!0}}return e},{})},isAnimating(e){const{animating:o,last:n}=this;return n===e&&o},isGroup(e){return Array.isArray(e==null?void 0:e[this.itemValue])},isObject(e){const o=this.itemValue;return this.isGroup(e)?typeof e[o][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:o,open:n,toggled:a}=this;return o===e&&n[e]&&a},match(e){return typeof e=="object"?`${e[this.itemLabel]}`.includes(this.keyword):`${e}`.includes(this.keyword)},mapItem(e,o){const n=typeof e=="object"?e:{[this.itemLabel]:e,[this.itemValue]:e};return o?{...n,$$id:o}:n},onClick(e){if(!this.disabled&&this.selectable){const o=He(["$$id"],e),n=this.isObject(o)&&this.hasAttribute("return-object")?o:o[this.itemValue];this.selected=this.isSelected(o)?null:o,o.route&&this.$router.push(o.route),this.$emit("update:model-value",n)}},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]))}}},Ke=["id"],Re={key:0,class:"vui-list-title"},We={class:"vui-list-items"},Je=["onClick"],Qe=["onClick"],Ye=["onClick"];function Ze(e,o,n,a,s,l){return t.openBlock(),t.createElementBlock("div",{id:e.componentId,class:t.normalizeClass(["vui-list",{"vui-list--flat":e.hasAttribute("flat")},e.$props.class])},[t.renderSlot(e.$slots,"prepend"),e.title?(t.openBlock(),t.createElementBlock("div",Re,[t.renderSlot(e.$slots,"placeholder",{item:e.title},()=>[t.createTextVNode(t.toDisplayString(e.title),1)])])):t.createCommentVNode("",!0),t.createElementVNode("div",We,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(l.list,(i,r)=>(t.openBlock(),t.createElementBlock("div",{key:i.$$id,class:t.normalizeClass([{"vui-list-items-item":!l.isGroup(i)},{"vui-list-items-group-item":l.isGroup(i)}])},[l.isGroup(i)?t.createCommentVNode("",!0):(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass([{"vui-list-items-item-label":!l.isGroup(i)},{"vui-list-items-item-label--selectable":e.selectable},{"vui-list-items-item-label--selected":l.isSelected(i)}]),onClick:()=>l.onClick(i)},[i.icon?(t.openBlock(),t.createElementBlock("i",{key:0,class:t.normalizeClass(["vui-list-items-item-label-icon",i.icon])},null,2)):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"item",{index:r,item:i,itemLabel:e.itemLabel,itemValue:e.itemValue},()=>[t.createTextVNode(t.toDisplayString(i[e.itemLabel]),1)])],10,Je)),l.isGroup(i)?(t.openBlock(),t.createElementBlock(t.Fragment,{key:1},[t.createElementVNode("div",{class:t.normalizeClass(["vui-list-items-item-group-label",{"vui-list-items-item-group-label--toggled":l.isToggled(r)},{"vui-list-items-item-group-label--animating":l.isAnimating(r)},{"vui-list-items-item-group-label--open":s.open[r]||l.hasKeyword}]),onClick:t.withModifiers(()=>l.onToggle(r),["stop"])},[t.renderSlot(e.$slots,"group-item",{index:r,item:i,itemLabel:e.itemLabel,itemValue:e.itemValue},()=>[t.createTextVNode(t.toDisplayString(i[e.itemLabel]),1)])],10,Qe),s.open[r]||l.hasKeyword?(t.openBlock(!0),t.createElementBlock(t.Fragment,{key:0},t.renderList(i[e.itemValue],(u,m)=>(t.openBlock(),t.createElementBlock("div",{key:u.$$id,class:t.normalizeClass(["vui-list-items-item-label",{"vui-list-items-item-label--selectable":e.selectable},{"vui-list-items-item-label--selected":l.isSelected(u)}]),onClick:()=>l.onClick(u)},[u.icon?(t.openBlock(),t.createElementBlock("i",{key:0,class:t.normalizeClass(["vui-list-items-item-label-icon",u.icon])},null,2)):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"item",{index:m,item:u,itemLabel:e.itemLabel,itemValue:e.itemValue},()=>[t.createTextVNode(t.toDisplayString(u[e.itemLabel]),1)])],10,Ye))),128)):t.createCommentVNode("",!0)],64)):t.createCommentVNode("",!0)],2))),128))]),t.renderSlot(e.$slots,"append")],10,Ke)}const y=p(Xe,[["render",Ze]]),xe=Object.freeze(Object.defineProperty({__proto__:null,default:y},Symbol.toStringTag,{value:"Module"})),et={name:"VuiDropdown",components:{VuiInput:S,VuiList:y},mixins:[h,d],props:qe,emits:["input","update:model-value"],data(){return{keyword:null,selected:null}},computed:{listTitle(){return this.selected?this.placeholderLabel:null},placeholderValue(){const{itemValue:e,selected:o}=this,n=typeof(o==null?void 0:o[e])<"u"?o[e]:o;return n===null?this.placeholderLabel:this.labelFromItem(n)},placeholderLabel(){return this.placeholder?this.placeholder:this.$t("component.dropdown.placeholder")}},watch:{modelValue(e){this.selected=e},value(e){this.selected=e}},created(){c(Ge),this.hasModelValue?this.selected=this.modelValue:this.hasValue&&(this.selected=this.value)},methods:{labelFromChild(e,o,n){const{itemValue:a,itemLabel:s}=this;return e[a].reduce((l,i)=>i[a]===n?i[s]:l,o)},labelFromItem(e){const{itemValue:o,itemLabel:n}=this;return this.items.reduce((a,s)=>Array.isArray(s[o])?this.labelFromChild(s,a,e):s[o]===e?s[n]:a,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)}}},tt=["id"];function ot(e,o,n,a,s,l){const i=t.resolveComponent("vui-input"),r=t.resolveComponent("vui-list");return t.openBlock(),t.createElementBlock("div",{id:e.componentId,class:t.normalizeClass(["vui-dropdown",e.$props.class])},[t.renderSlot(e.$slots,"prepend"),t.createElementVNode("div",{class:t.normalizeClass(["vui-dropdown-placeholder",{"vui-dropdown-placeholder--toggled":e.toggled},{"vui-dropdown-placeholder--animating":e.animating},{"vui-dropdown-placeholder--disabled":e.disabled}]),onClick:o[0]||(o[0]=t.withModifiers((...u)=>l.onClick&&l.onClick(...u),["stop"]))},[t.renderSlot(e.$slots,"keyword",{keyword:s.keyword},()=>[t.createVNode(i,{value:s.keyword,type:"text",class:"vui-dropdown-placeholder-label",placeholder:`${l.placeholderValue}`,onInput:l.onInput},null,8,["value","placeholder","onInput"])])],2),e.toggled?(t.openBlock(),t.createBlock(r,t.mergeProps({key:0,value:s.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:s.keyword,selectable:!0,title:l.listTitle,"onUpdate:modelValue":l.onToggle}),t.createSlots({_:2},[e.$slots.placeholder?{name:"placeholder",fn:t.withCtx(()=>[t.renderSlot(e.$slots,"placeholder")]),key:"0"}:void 0,e.$slots["group-item"]?{name:"group-item",fn:t.withCtx(()=>[t.renderSlot(e.$slots,"group-item")]),key:"1"}:void 0,e.$slots.item?{name:"item",fn:t.withCtx(()=>[t.renderSlot(e.$slots,"item")]),key:"2"}:void 0]),1040,["value","group-id","disable-filtering","disabled","items","item-label","item-value","keyword","title","onUpdate:modelValue"])):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"append")],10,tt)}const lt=Object.freeze(Object.defineProperty({__proto__:null,default:p(et,[["render",ot]])},Symbol.toStringTag,{value:"Module"})),nt={en:{"component.loader.text":"It's loading..."},fr:{}},st={name:"VuiLoader",components:{VuiAlert:B},mixins:[d],props:{icon:{type:String,default:"fa-sharp fa-solid fa-spinner"},text:{type:String}},created(){c(nt)}},it={class:"vui-loader-body"};function at(e,o,n,a,s,l){const i=t.resolveComponent("vui-alert");return t.openBlock(),t.createBlock(i,{id:e.componentId,class:t.normalizeClass(["vui-loader",`vui-loader--${e.layout}`,{"vui-loader--flat":e.hasAttribute("flat")},e.$props.class])},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"prepend"),t.renderSlot(e.$slots,"icon",{},()=>[t.createElementVNode("i",{class:t.normalizeClass(["vui-loader-icon",e.icon])},null,2)]),t.renderSlot(e.$slots,"default",{},()=>[t.createElementVNode("span",it,t.toDisplayString(e.text?e.text:e.$t("component.loader.text")),1)]),t.renderSlot(e.$slots,"append")]),_:3},8,["id","class"])}const rt=Object.freeze(Object.defineProperty({__proto__:null,default:p(st,[["render",at]])},Symbol.toStringTag,{value:"Module"})),dt={en:{"component.button.close":"Close"},fr:{}},ct={name:"VuiModal",components:{VuiButton:b},mixins:[d],props:{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}},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(){c(dt),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))}}},pt=["id"],ut={class:"vui-modal-content"},mt={key:0,class:"vui-modal-content-header"},ht={key:0,class:"vui-modal-content-header-title"},ft={key:1,class:"vui-modal-content-body"},gt={key:2,class:"vui-modal-content-footer"};function bt(e,o,n,a,s,l){const i=t.resolveComponent("vui-button");return s.isVisible?(t.openBlock(),t.createElementBlock("div",{key:0,id:e.componentId,class:t.normalizeClass(["vui-modal",e.$props.class])},[t.renderSlot(e.$slots,"prepend"),t.createElementVNode("div",ut,[l.isHeaderVisible?(t.openBlock(),t.createElementBlock("div",mt,[e.title?(t.openBlock(),t.createElementBlock("span",ht,t.toDisplayString(e.title),1)):t.createCommentVNode("",!0),e.showHeaderClose?(t.openBlock(),t.createElementBlock("i",{key:1,class:"fa-regular fa-circle-xmark",onClick:o[0]||(o[0]=(...r)=>l.onToggle&&l.onToggle(...r))})):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"header")])):t.createCommentVNode("",!0),e.$slots.body||e.$slots.default?(t.openBlock(),t.createElementBlock("div",ft,[t.renderSlot(e.$slots,"body"),t.renderSlot(e.$slots,"default")])):t.createCommentVNode("",!0),l.isFooterVisible?(t.openBlock(),t.createElementBlock("div",gt,[e.showHeaderClose?(t.openBlock(),t.createBlock(i,{key:0,text:e.$t("component.button.close"),onClick:l.onToggle},null,8,["text","onClick"])):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"footer")])):t.createCommentVNode("",!0)]),t.renderSlot(e.$slots,"append")],10,pt)):t.createCommentVNode("",!0)}const $t=Object.freeze(Object.defineProperty({__proto__:null,default:p(ct,[["render",bt]])},Symbol.toStringTag,{value:"Module"})),yt={en:{},fr:{}},kt={name:"VuiNav",components:{VuiList:y},mixins:[d],props:{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]}},emits:["update:model-value"],data(){return{selected:null}},watch:{modelValue(e){this.selected=e},value(e){this.selected=e}},created(){c(yt),this.hasModelValue?this.selected=this.modelValue:this.hasValue&&(this.selected=this.value)},methods:{onClick(e){this.disabled||this.$emit("update:model-value",e)}}},Vt=["id"],St={key:1,class:"vui-list-items-item-label-text"};function Bt(e,o,n,a,s,l){const i=t.resolveComponent("router-link"),r=t.resolveComponent("vui-list");return t.openBlock(),t.createElementBlock("div",{id:e.componentId,class:t.normalizeClass(["vui-nav",{"vui-nav--flat":e.hasAttribute("flat")},e.$props.class])},[t.renderSlot(e.$slots,"prepend"),t.createVNode(r,{modelValue:s.selected,"onUpdate:modelValue":[o[0]||(o[0]=u=>s.selected=u),l.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:t.withCtx(({index:u,item:m,itemValue:k,itemLabel:V})=>[t.renderSlot(e.$slots,"item",{index:u,item:m,itemLabel:V,itemValue:k},()=>[e.showIcons?(t.openBlock(),t.createElementBlock("i",{key:0,class:t.normalizeClass(["fa-solid",{"fa-location-dot":!u},{"fa-chevron-right":u}])},null,2)):t.createCommentVNode("",!0),m.route?t.createCommentVNode("",!0):(t.openBlock(),t.createElementBlock("span",St,t.toDisplayString(k?m[V]:m),1)),m.route?(t.openBlock(),t.createBlock(i,{key:2,to:m.route,class:"vui-list-items-item-label-text"},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(k?m[V]:m),1)]),_:2},1032,["to"])):t.createCommentVNode("",!0)])]),_:3},8,["modelValue","group-id","disabled","item-label","item-value","items","selectable","onUpdate:modelValue"]),t.renderSlot(e.$slots,"append")],10,Vt)}const w=p(kt,[["render",Bt]]),Ct=Object.freeze(Object.defineProperty({__proto__:null,default:w},Symbol.toStringTag,{value:"Module"})),wt={en:{},fr:{}},vt={name:"VuiPage",mixins:[h,d],created(){c(wt)},methods:{outclick(){this.$bus.emit("outclick",this.componentGroupId)}}},Nt=["id"],jt={key:0,class:"vui-page-header"},Et={key:1,class:"vui-page-body"},Pt={key:2,class:"vui-page-footer"};function zt(e,o,n,a,s,l){return t.openBlock(),t.createElementBlock("div",{id:e.componentId,class:t.normalizeClass(["vui-page",`vui-page--${e.layout}`,{"vui-page--flat":e.hasAttribute("flat")},e.$props.class]),onClick:o[0]||(o[0]=(...i)=>l.outclick&&l.outclick(...i))},[t.renderSlot(e.$slots,"prepend"),e.$slots.header?(t.openBlock(),t.createElementBlock("div",jt,[t.renderSlot(e.$slots,"header")])):t.createCommentVNode("",!0),e.$slots.body||e.$slots.default?(t.openBlock(),t.createElementBlock("div",Et,[t.renderSlot(e.$slots,"body"),t.renderSlot(e.$slots,"default")])):t.createCommentVNode("",!0),e.$slots.footer?(t.openBlock(),t.createElementBlock("div",Pt,[t.renderSlot(e.$slots,"footer")])):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"append")],10,Nt)}const _t=Object.freeze(Object.defineProperty({__proto__:null,default:p(vt,[["render",zt]])},Symbol.toStringTag,{value:"Module"})),It={en:{"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"},fr:{}},Tt={name:"VuiPager",components:{VuiButton:b,VuiNav:w},mixins:[h,d],props:{count:{type:Number,default:0},modelValue:{default:void 0,type:Number},value:{default:void 0,type:Number},size:{type:Number,default:25}},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},(a,s)=>s+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(){c(It),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)}}},Ot=["id"],Lt={class:"vui-pager-content"};function Mt(e,o,n,a,s,l){const i=t.resolveComponent("vui-button"),r=t.resolveComponent("vui-nav");return t.openBlock(),t.createElementBlock("div",{id:e.componentId,class:t.normalizeClass(["vui-pager",e.$props.class])},[t.renderSlot(e.$slots,"prepend"),t.createElementVNode("div",Lt,[t.renderSlot(e.$slots,"first",{},()=>[t.createVNode(i,t.mergeProps(e.$attrs,{disabled:s.page===1,icon:"fa-solid fa-angles-left",class:"vui-button--first",onClick:l.onFirst}),null,16,["disabled","onClick"])]),t.renderSlot(e.$slots,"previous",{},()=>[t.createVNode(i,t.mergeProps(e.$attrs,{disabled:s.page===1,icon:"fa-solid fa-chevron-left",class:"vui-button--previous",onClick:l.onPrevious}),null,16,["disabled","onClick"])]),t.renderSlot(e.$slots,"pages",{},()=>[t.createElementVNode("div",{class:t.normalizeClass(["ellipse",{visible:l.last>4&&s.page+2>4}])}," ... ",2),t.createVNode(r,t.mergeProps({modelValue:s.page,"onUpdate:modelValue":o[0]||(o[0]=u=>s.page=u)},e.$attrs,{flat:e.hasAttribute("flat"),items:l.pages,"show-icons":!1,"onUpdate:modelValue":l.onPage}),null,16,["modelValue","flat","items","onUpdate:modelValue"]),t.createElementVNode("div",{class:t.normalizeClass(["ellipse",{visible:l.last>4&&s.page+2<l.last}])}," ... ",2)]),t.renderSlot(e.$slots,"next",{},()=>[t.createVNode(i,t.mergeProps(e.$attrs,{disabled:l.isLast,icon:"fa-solid fa-chevron-right",class:"vui-button--next",onClick:l.onNext}),null,16,["disabled","onClick"])]),t.renderSlot(e.$slots,"previous",{},()=>[t.createVNode(i,t.mergeProps(e.$attrs,{disabled:l.isLast,icon:"fa-solid fa-angles-right",class:"vui-button--last",onClick:l.onLast}),null,16,["disabled","onClick"])])]),t.renderSlot(e.$slots,"append")],10,Ot)}const At=Object.freeze(Object.defineProperty({__proto__:null,default:p(Tt,[["render",Mt]])},Symbol.toStringTag,{value:"Module"})),Ft={en:{},fr:{}},Gt={name:"VuiProgress",mixins:[d],props:{min:{type:Number,required:!0},max:{type:Number,required:!0},value:{type:Number,required:!0}},computed:{width(){const e=Math.abs(this.value),o=Math.abs(this.min),n=Math.abs(this.max);return`${Math.round(e/(o+n)*100)}%`}},created(){c(Ft)}},qt=["id"];function Dt(e,o,n,a,s,l){return t.openBlock(),t.createElementBlock("div",{id:e.componentId,class:t.normalizeClass(["vui-progress",e.$props.class])},[t.renderSlot(e.$slots,"prepend"),t.createElementVNode("div",{class:t.normalizeClass(["vui-progress-bar",`vui-progress-bar--${e.layout}`])},[t.createElementVNode("div",{class:"vui-progress-bar-cursor",style:t.normalizeStyle({width:l.width})},null,4)],2),t.renderSlot(e.$slots,"append")],10,qt)}const Ht=Object.freeze(Object.defineProperty({__proto__:null,default:p(Gt,[["render",Dt]])},Symbol.toStringTag,{value:"Module"})),Ut={en:{},fr:{}},Xt={name:"VuiTabs",mixins:[d],props:{icon:{type:String},items:{type:Array,required:!0},itemLabel:{type:String,default:"label"},itemValue:{type:String,default:"value"},modelValue:{type:String},value:{type:String}},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(c(Ut),this.hasModelValue)this.active=this.modelValue;else if(this.hasValue)this.active=this.value;else if((e=this.items)!=null&&e.length){const o=this.items[0];this.active=o[this.itemValue]}},methods:{toggle(e){this.disabled||(this.active=e,this.$emit("update:model-value",this.active))}}},Kt=["id"],Rt={class:"vui-tabs-tabs"},Wt=["onClick"],Jt={class:"label"},Qt={class:"vui-tabs-slots"};function Yt(e,o,n,a,s,l){return t.openBlock(),t.createElementBlock("div",{id:e.componentId,class:t.normalizeClass(["vui-tabs",e.$props.class])},[t.renderSlot(e.$slots,"prepend"),t.createElementVNode("div",Rt,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(l.tabs,i=>(t.openBlock(),t.createElementBlock("div",{key:i.$$id,class:t.normalizeClass(["vui-tabs-tabs-tab",{"vui-tabs-tabs-tab--with-icon":e.icon},{"vui-tabs-tabs-tab--active":i[e.itemValue]===s.active}]),onClick:()=>l.toggle(i[e.itemValue])},[e.icon?(t.openBlock(),t.createElementBlock("i",{key:0,class:t.normalizeClass(["vui-tabs-tabs-tab-icon",e.icon])},null,2)):t.createCommentVNode("",!0),t.createElementVNode("span",Jt,t.toDisplayString(i[e.itemLabel]),1)],10,Wt))),128))]),t.createElementVNode("div",Qt,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.items,(i,r)=>(t.openBlock(),t.createElementBlock(t.Fragment,{key:`slot-${i.$$id}`},[i[e.itemValue]===s.active?t.renderSlot(e.$slots,i[e.itemValue],{key:0,index:r}):t.createCommentVNode("",!0)],64))),128))]),t.renderSlot(e.$slots,"append")],10,Kt)}const Zt=Object.freeze(Object.defineProperty({__proto__:null,default:p(Xt,[["render",Yt]])},Symbol.toStringTag,{value:"Module"})),xt={en:{},fr:{}},eo={name:"VuiTag",mixins:[d],props:{icon:{type:String},text:{type:String}},created(){c(xt)}},to=["id"];function oo(e,o,n,a,s,l){return t.openBlock(),t.createElementBlock("div",{id:e.componentId,class:t.normalizeClass(["vui-tag",`vui-tag--${e.layout}`,{"vui-tag--with-icon":e.icon},e.$props.class])},[t.renderSlot(e.$slots,"prepend"),e.icon?(t.openBlock(),t.createElementBlock("i",{key:0,class:t.normalizeClass(["vui-tag-icon",e.icon])},null,2)):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"default",{},()=>[t.createTextVNode(t.toDisplayString(e.text),1)]),t.renderSlot(e.$slots,"append")],10,to)}const lo=Object.freeze(Object.defineProperty({__proto__:null,default:p(eo,[["render",oo]])},Symbol.toStringTag,{value:"Module"})),no={en:{},fr:{}},so={name:"VuiToggle",mixins:[d],props:{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]}},emits:["update:model-value"],data(){return{toggled:!1}},computed:{isChecked(){return this.hasProp("checked")?this.checked:this.hasProp("checkedValue")?this.toggled===this.checkedValue:this.toggled}},watch:{modelValue(e){this.toggled=e},value(e){this.toggled=e}},created(){c(no),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))}}},io=["id","name"],ao=t.createElementVNode("div",{class:"vui-toggle-slider"},[t.createElementVNode("div",{class:"vui-toggle-slider-button"})],-1),ro=["for"];function co(e,o,n,a,s,l){return t.openBlock(),t.createElementBlock("div",{id:e.componentId,name:e.componentId,class:t.normalizeClass(["vui-toggle",{"vui-toggle--checked":l.isChecked},{"vui-toggle--disabled":e.disabled},e.$props.class]),onClick:o[0]||(o[0]=t.withModifiers((...i)=>l.onToggle&&l.onToggle(...i),["stop"]))},[t.renderSlot(e.$slots,"prepend"),ao,e.$slots.default?(t.openBlock(),t.createElementBlock("label",{key:0,class:"vui-toggle-label",for:e.componentId},[t.renderSlot(e.$slots,"default")],8,ro)):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"append")],10,io)}const po=Object.freeze(Object.defineProperty({__proto__:null,default:p(so,[["render",co]])},Symbol.toStringTag,{value:"Module"})),uo={name:"VuiTooltip",mixins:[d],props:{icon:{type:String},position:{type:String,default:"right"},text:{type:String},modelValue:{default:void 0,type:Boolean},value:{default:void 0,type:Boolean}},emits:["update:model-value"],data(){return{dimension:{content:{},holder:{}},show:!1}},computed:{display(){return this.show?"block":"none"},left(){const{content:e,holder:o}=this.dimension;switch(this.position){case"left":return o.left-(e.width+15);case"bottom":case"top":{const n=e.width-o.width;return o.left-n/2}case"right":default:return o.right+15}},top(){const{content:e,holder:o}=this.dimension;switch(this.position){case"bottom":return o.top+o.height+15;case"top":return o.top-e.height-15;case"left":case"right":default:return o.top-o.height/2}}},watch:{async modelValue(e){this.show=e,e&&(await this.$nextTick(),this.setPosition())},async value(e){this.show=e,e&&(await this.$nextTick(),this.setPosition())}},created(){c(C),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()}}},mo=["id"];function ho(e,o,n,a,s,l){return t.openBlock(),t.createElementBlock("div",{id:e.componentId,ref:"tooltip",class:t.normalizeClass(["vui-tooltip",{"vui-tooltip--with-icon":e.icon},e.$props.class]),style:t.normalizeStyle({position:"fixed",display:l.display,top:`${l.top}px`,left:`${l.left}px`})},[t.createElementVNode("i",{class:t.normalizeClass(["vui-tooltip-pointer",`vui-tooltip-pointer--${e.position}`])},null,2),e.icon?(t.openBlock(),t.createElementBlock("i",{key:0,class:t.normalizeClass(["vui-tooltip-icon",e.icon])},null,2)):t.createCommentVNode("",!0),e.$slots.default?t.renderSlot(e.$slots,"default",{key:1}):t.createCommentVNode("",!0),e.text?(t.openBlock(),t.createElementBlock(t.Fragment,{key:2},[t.createTextVNode(t.toDisplayString(e.text),1)],64)):t.createCommentVNode("",!0)],14,mo)}const fo=Object.freeze(Object.defineProperty({__proto__:null,default:p(uo,[["render",ho]])},Symbol.toStringTag,{value:"Module"}));return j});
|
|
1
|
+
(function(t,g){typeof exports=="object"&&typeof module<"u"?module.exports=g(require("vue"),require("mitt"),require("highlight.js"),require("vue-i18n")):typeof define=="function"&&define.amd?define(["vue","mitt","highlight.js","vue-i18n"],g):(t=typeof globalThis<"u"?globalThis:t||self,t.vui=g(t.vue,t.mitt,null,t.vueI18n))})(this,function(t,g,vo,N){"use strict";const v=[{icon:"fa-brands fa-vuejs",label:"Alert",name:"vui-alert",path:"/components/ui/alert/alert.vue",type:"ui",doc:{name:"view-alert",path:"/views/component/ui/alert/alert.vue"}},{icon:"fa-brands fa-vuejs",label:"Button",name:"vui-button",path:"/components/html/button/button.vue",type:"html",doc:{name:"view-button",path:"/views/component/html/button/button.vue"}},{icon:"fa-brands fa-vuejs",label:"Card",name:"vui-card",path:"/components/ui/card/card.vue",type:"ui",doc:{name:"view-card",path:"/views/component/ui/card/card.vue"}},{icon:"fa-brands fa-vuejs",label:"Checkbox",name:"vui-checkbox",path:"/components/html/checkbox/checkbox.vue",type:"html",doc:{name:"view-checkbox",path:"/views/component/html/checkbox/checkbox.vue"}},{icon:"fa-brands fa-vuejs",label:"Dropdown",name:"vui-dropdown",path:"/components/ui/dropdown/dropdown.vue",type:"ui",doc:{name:"view-dropdown",path:"/views/component/ui/dropdown/dropdown.vue"}},{icon:"fa-brands fa-vuejs",label:"Footer",name:"vui-footer",path:"/components/html/footer/footer.vue",type:"html",doc:{name:"view-footer",path:"/views/component/html/footer/footer.vue"}},{icon:"fa-brands fa-vuejs",label:"Form",name:"vui-form",path:"/components/html/form/form.vue",type:"html",doc:{name:"view-form",path:"/views/component/html/form/form.vue"}},{icon:"fa-brands fa-vuejs",label:"Header",name:"vui-header",path:"/components/html/header/header.vue",type:"html",doc:{name:"view-header",path:"/views/component/html/header/header.vue"}},{icon:"fa-brands fa-vuejs",label:"Grid",name:"vui-grid",path:"/components/layout/grid/grid.vue",type:"layout",doc:{name:"view-grid",path:"/views/component/layout/grid/grid.vue"}},{icon:"fa-brands fa-vuejs",label:"Grid unit",name:"vui-grid-unit",path:"/components/layout/unit/unit.vue",type:"layout",doc:{name:"view-grid-unit",path:"/views/component/layout/unit/unit.vue"}},{icon:"fa-brands fa-vuejs",label:"Input",name:"vui-input",path:"/components/html/input/input.vue",type:"html",doc:{name:"view-input",path:"/views/component/html/input/input.vue"}},{icon:"fa-brands fa-vuejs",label:"List",name:"vui-list",path:"/components/ui/list/list.vue",type:"ui",doc:{name:"view-list",path:"/views/component/ui/list/list.vue"}},{icon:"fa-brands fa-vuejs",label:"Loader",name:"vui-loader",path:"/components/ui/loader/loader.vue",type:"ui",doc:{name:"view-loader",path:"/views/component/ui/loader/loader.vue"}},{icon:"fa-brands fa-vuejs",label:"Modal",name:"vui-modal",path:"/components/ui/modal/modal.vue",type:"ui",doc:{name:"view-modal",path:"/views/component/ui/modal/modal.vue"}},{icon:"fa-brands fa-vuejs",label:"Nav",name:"vui-nav",path:"/components/ui/nav/nav.vue",type:"ui",doc:{name:"view-nav",path:"/views/component/ui/nav/nav.vue"}},{icon:"fa-brands fa-vuejs",label:"Page",name:"vui-page",path:"/components/ui/page/page.vue",type:"ui",doc:{name:"view-page",path:"/views/component/ui/page/page.vue"}},{icon:"fa-brands fa-vuejs",label:"Pager",name:"vui-pager",path:"/components/ui/pager/pager.vue",type:"ui",doc:{name:"view-pager",path:"/views/component/ui/pager/pager.vue"}},{icon:"fa-brands fa-vuejs",label:"Progress",name:"vui-progress",path:"/components/ui/progress/progress.vue",type:"ui",doc:{name:"view-progress",path:"/views/component/ui/progress/progress.vue"}},{icon:"fa-brands fa-vuejs",label:"Radio",name:"vui-radio",path:"/components/html/radio/radio.vue",type:"html",doc:{name:"view-radio",path:"/views/component/html/radio/radio.vue"}},{icon:"fa-brands fa-vuejs",label:"Table",name:"vui-table",path:"/components/html/table/table.vue",type:"html",doc:{name:"view-table",path:"/views/component/html/table/table.vue"}},{icon:"fa-brands fa-vuejs",label:"Tabs",name:"vui-tabs",path:"/components/ui/tabs/tabs.vue",type:"ui",doc:{name:"view-tabs",path:"/views/component/ui/tabs/tabs.vue"}},{icon:"fa-brands fa-vuejs",label:"Tag",name:"vui-tag",path:"/components/ui/tag/tag.vue",type:"ui",doc:{name:"view-tag",path:"/views/component/ui/tag/tag.vue"}},{icon:"fa-brands fa-vuejs",label:"Toggle",name:"vui-toggle",path:"/components/ui/toggle/toggle.vue",type:"ui",doc:{name:"view-toggle",path:"/views/component/ui/toggle/toggle.vue"}},{icon:"fa-brands fa-vuejs",label:"Tooltip",name:"vui-tooltip",path:"/components/ui/tooltip/tooltip.vue",type:"ui",doc:{name:"view-tooltip",path:"/views/component/ui/tooltip/tooltip.vue"}}],j={install(e){e.provide("$bus",g());const o=Object.assign({"/components/html/button/button.vue":()=>Promise.resolve().then(()=>_),"/components/html/checkbox/checkbox.vue":()=>Promise.resolve().then(()=>U),"/components/html/footer/footer.vue":()=>Promise.resolve().then(()=>J),"/components/html/form/form.vue":()=>Promise.resolve().then(()=>ee),"/components/html/header/header.vue":()=>Promise.resolve().then(()=>se),"/components/html/input/input.vue":()=>Promise.resolve().then(()=>fe),"/components/html/radio/radio.vue":()=>Promise.resolve().then(()=>Se),"/components/html/table/table.vue":()=>Promise.resolve().then(()=>Ee),"/components/layout/grid/grid.vue":()=>Promise.resolve().then(()=>Oe),"/components/layout/unit/unit.vue":()=>Promise.resolve().then(()=>Ae),"/components/ui/alert/alert.vue":()=>Promise.resolve().then(()=>He),"/components/ui/card/card.vue":()=>Promise.resolve().then(()=>Qe),"/components/ui/dropdown/dropdown.vue":()=>Promise.resolve().then(()=>ht),"/components/ui/list/list.vue":()=>Promise.resolve().then(()=>ct),"/components/ui/loader/loader.vue":()=>Promise.resolve().then(()=>yt),"/components/ui/modal/modal.vue":()=>Promise.resolve().then(()=>Et),"/components/ui/nav/nav.vue":()=>Promise.resolve().then(()=>Lt),"/components/ui/page/page.vue":()=>Promise.resolve().then(()=>Ht),"/components/ui/pager/pager.vue":()=>Promise.resolve().then(()=>Jt),"/components/ui/progress/progress.vue":()=>Promise.resolve().then(()=>eo),"/components/ui/tabs/tabs.vue":()=>Promise.resolve().then(()=>co),"/components/ui/tag/tag.vue":()=>Promise.resolve().then(()=>fo),"/components/ui/toggle/toggle.vue":()=>Promise.resolve().then(()=>So),"/components/ui/tooltip/tooltip.vue":()=>Promise.resolve().then(()=>No)});for(const n in o){const a=n.startsWith("..")?n.slice(2):n,s=v.find(l=>l.path===a);s&&e.component(s.name,t.defineAsyncComponent(o[n]))}}},E={en:{},fr:{}},P={duration:125},h={data(){return{toggled:!1,animating:!1}},created(){this.$bus.on("outclick",e=>{this.toggled&&this.componentGroupId!==e&&this.blur()})},methods:{animate(){this.animating||(this.animating=!0,setTimeout(()=>{this.animating=!1},P.duration))},blur(){this.toggled=!1},focus(){this.toggled=!0,this.$bus.emit("outclick",this.componentGroupId)},onAnimate(e=null){this.animate(),e||e===null&&!this.toggled?this.focus():this.blur()}}},d={inject:["$bus"],props:{class:{type:String},disabled:{type:Boolean,default:!1},id:{type:String,default:null},groupId:{type:String,default:null},layout:{type:String,default:"default"},loading:{type:Boolean,default:!1},name:{type:String}},deactivated(){this.$bus.off("outclick")},created(){this.uuid=this.newId()},data(){return{uuid:null}},computed:{componentId(){return this.id?this.id:this.uuid},componentGroupId(){return this.groupId?this.groupId:this.uuid},hasModelValue(){return typeof this.modelValue<"u"},hasValue(){return typeof this.value<"u"}},methods:{hasAttribute(e){return Object.keys(this.$attrs).find(o=>o===e)},hasProp(e){return typeof this[e]<"u"},newId(){return Math.random().toString(36).slice(-6)}}},c=e=>{const o=N.useI18n();return Object.keys(e).forEach(n=>{o.mergeLocaleMessage(n,e[n])}),o},z={icon:{type:String},route:{type:Object},text:{type:String},type:{type:String,default:"button"}},p=(e,o)=>{const n=e.__vccOpts||e;for(const[a,s]of o)n[a]=s;return n},I={name:"VuiButton",mixins:[h,d],props:z,computed:{hasLabel(){var e;return((e=this.text)==null?void 0:e.length)>0||this.$slots.default}},created(){c(E)},methods:{onClick(){this.disabled||(this.onAnimate(),this.route&&this.$router.push(this.route))}}},T=["id"],O=["disabled","type"],L=t.createElementVNode("div",{class:"vui-button-loader"},null,-1);function M(e,o,n,a,s,l){return t.openBlock(),t.createElementBlock("div",{id:e.componentId,class:t.normalizeClass(["vui-button",`vui-button--${e.layout}`,{"vui-button--flat":e.hasAttribute("flat")},{"vui-button--with-label":l.hasLabel},{"vui-button--with-icon":e.icon},{"vui-button--toggled":e.toggled},{"vui-button--animating":!e.disabled&&e.animating},{"vui-button--loading":!e.disabled&&e.loading},{"vui-button--disabled":e.disabled},e.$props.class]),onClick:o[0]||(o[0]=t.withModifiers((...i)=>l.onClick&&l.onClick(...i),["stop"]))},[t.renderSlot(e.$slots,"prepend"),t.createElementVNode("button",{class:"vui-button-holder",disabled:e.disabled,type:e.type},[e.icon?(t.openBlock(),t.createElementBlock("i",{key:0,class:t.normalizeClass(["vui-button-icon",e.icon])},null,2)):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"default",{},()=>[t.createTextVNode(t.toDisplayString(e.text),1)])],8,O),L,t.renderSlot(e.$slots,"append")],10,T)}const b=p(I,[["render",M]]),_=Object.freeze(Object.defineProperty({__proto__:null,default:b},Symbol.toStringTag,{value:"Module"})),A={en:{},fr:{}},F={name:"VuiCheckbox",mixins:[d],props:{checked:{default:void 0,type:Boolean},checkedValue:{default:void 0,types:[Boolean,String,Number,null]},icon:{type:String,default:"fa-square"},iconChecked:{type:String,default:"fa-square-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]}},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(){c(A),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))}}},q=["id"],D=["name","disabled","required"],G=["for"];function H(e,o,n,a,s,l){return t.openBlock(),t.createElementBlock("div",{id:e.componentId,class:t.normalizeClass(["vui-checkbox",`vui-checkbox--${e.layout}`,{"vui-checkbox--flat":e.hasAttribute("flat")},{"vui-checkbox--with-label":l.hasLabel},{"vui-checkbox--with-icon":e.icon},{"vui-checkbox--checked":l.isChecked},{"vui-checkbox--disabled":e.disabled},{"vui-checkbox--loading":!e.disabled&&e.loading},e.$props.class]),onClick:o[0]||(o[0]=(...i)=>l.onToggle&&l.onToggle(...i))},[t.renderSlot(e.$slots,"prepend"),e.icon&&!l.isChecked?(t.openBlock(),t.createElementBlock("i",{key:0,class:t.normalizeClass(["vui-checkbox-icon",e.icon])},null,2)):t.createCommentVNode("",!0),e.iconChecked&&l.isChecked?(t.openBlock(),t.createElementBlock("i",{key:1,class:t.normalizeClass(["vui-checkbox-icon",e.iconChecked])},null,2)):t.createCommentVNode("",!0),t.createElementVNode("input",{name:e.name,disabled:e.disabled,required:e.hasAttribute("required"),type:"checkbox"},null,8,D),l.hasLabel?(t.openBlock(),t.createElementBlock("label",{key:2,class:"vui-checkbox-label",for:e.name},[t.renderSlot(e.$slots,"default",{},()=>[t.createTextVNode(t.toDisplayString(e.text),1)])],8,G)):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"append")],10,q)}const U=Object.freeze(Object.defineProperty({__proto__:null,default:p(F,[["render",H]])},Symbol.toStringTag,{value:"Module"})),X={en:{},fr:{}},K={name:"VuiFooter",mixins:[d],created(){c(X)}},R=["id"];function W(e,o,n,a,s,l){return t.openBlock(),t.createElementBlock("footer",{id:e.componentId,class:t.normalizeClass(["vui-footer",e.$props.class])},[t.renderSlot(e.$slots,"prepend"),t.renderSlot(e.$slots,"default"),t.renderSlot(e.$slots,"append")],10,R)}const J=Object.freeze(Object.defineProperty({__proto__:null,default:p(K,[["render",W]])},Symbol.toStringTag,{value:"Module"})),Q={en:{},fr:{}},Y={name:"VuiForm",mixins:[d],created(){c(Q)}},Z=["id"];function x(e,o,n,a,s,l){return t.openBlock(),t.createElementBlock("form",{id:e.componentId,class:t.normalizeClass(["vui-form",e.$props.class])},[t.renderSlot(e.$slots,"prepend"),t.renderSlot(e.$slots,"default"),t.renderSlot(e.$slots,"append")],10,Z)}const ee=Object.freeze(Object.defineProperty({__proto__:null,default:p(Y,[["render",x]])},Symbol.toStringTag,{value:"Module"})),te={en:{},fr:{}},oe={name:"VuiHeader",mixins:[d],created(){c(te)}},le=["id"];function ne(e,o,n,a,s,l){return t.openBlock(),t.createElementBlock("header",{id:e.componentId,class:t.normalizeClass(["vui-header",e.$props.class])},[t.renderSlot(e.$slots,"prepend"),t.renderSlot(e.$slots,"default"),t.renderSlot(e.$slots,"append")],10,le)}const se=Object.freeze(Object.defineProperty({__proto__:null,default:p(oe,[["render",ne]])},Symbol.toStringTag,{value:"Module"})),ie={en:{"component.input.placeholder":"Type a value ..."},fr:{}},ae={name:"VuiInput",mixins:[d],props:{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}},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(){c(ie),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)}}},re=["id"],de=["value","disabled","maxlength","name","placeholder","required","type"],ce={key:1,class:t.normalizeClass(["vui-input-icon","fa-font"])},pe={key:2,class:t.normalizeClass(["vui-input-icon","fa-at"])},ue={key:3,class:t.normalizeClass(["vui-input-icon","fa-key"])},me={key:4,class:t.normalizeClass(["vui-input-icon","fa-arrow-down-1-9"])};function he(e,o,n,a,s,l){return t.openBlock(),t.createElementBlock("div",{id:e.componentId,class:t.normalizeClass(["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])},[t.renderSlot(e.$slots,"prepend"),t.createElementVNode("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]=(...i)=>l.onInput&&l.onInput(...i))},null,40,de),e.withIcon&&e.icon?(t.openBlock(),t.createElementBlock("i",{key:0,class:t.normalizeClass(["vui-input-icon",e.icon])},null,2)):t.createCommentVNode("",!0),e.withIcon&&!e.icon&&e.type==="text"?(t.openBlock(),t.createElementBlock("i",ce)):t.createCommentVNode("",!0),e.withIcon&&!e.icon&&e.type==="email"?(t.openBlock(),t.createElementBlock("i",pe)):t.createCommentVNode("",!0),e.withIcon&&!e.icon&&e.type==="password"?(t.openBlock(),t.createElementBlock("i",ue)):t.createCommentVNode("",!0),e.withIcon&&!e.icon&&e.type==="number"?(t.openBlock(),t.createElementBlock("i",me)):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"append")],10,re)}const S=p(ae,[["render",he]]),fe=Object.freeze(Object.defineProperty({__proto__:null,default:S},Symbol.toStringTag,{value:"Module"})),ge={en:{},fr:{}},be={name:"VuiRadio",mixins:[d],props:{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]}},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(){c(ge),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))}}},$e=["id"],ye=["name","disabled","required"],ke=["for"];function Ve(e,o,n,a,s,l){return t.openBlock(),t.createElementBlock("div",{id:e.componentId,class:t.normalizeClass(["vui-radio",`vui-radio--${e.layout}`,{"vui-radio--flat":e.hasAttribute("flat")},{"vui-radio--with-label":l.hasLabel},{"vui-radio--with-icon":e.icon},{"vui-radio--checked":l.isChecked},{"vui-radio--disabled":e.disabled},{"vui-radio--loading":!e.disabled&&e.loading},e.$props.class]),onClick:o[0]||(o[0]=(...i)=>l.onToggle&&l.onToggle(...i))},[t.renderSlot(e.$slots,"prepend"),e.icon&&!l.isChecked?(t.openBlock(),t.createElementBlock("i",{key:0,class:t.normalizeClass(["vui-radio-icon",e.icon])},null,2)):t.createCommentVNode("",!0),e.iconChecked&&l.isChecked?(t.openBlock(),t.createElementBlock("i",{key:1,class:t.normalizeClass(["vui-radio-icon",e.iconChecked])},null,2)):t.createCommentVNode("",!0),t.createElementVNode("input",{name:e.name,disabled:e.disabled,required:e.hasAttribute("required"),type:"checkbox"},null,8,ye),l.hasLabel?(t.openBlock(),t.createElementBlock("label",{key:2,class:"vui-radio-label",for:e.name},[t.renderSlot(e.$slots,"default",{},()=>[t.createTextVNode(t.toDisplayString(e.text),1)])],8,ke)):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"append")],10,$e)}const Se=Object.freeze(Object.defineProperty({__proto__:null,default:p(be,[["render",Ve]])},Symbol.toStringTag,{value:"Module"})),Be={headers:{type:Array,default:()=>[]},itemLabel:{type:String,default:"label"},itemValue:{type:String,default:"value"},items:{type:Array,default:()=>[],required:!0}},Ce={en:{},fr:{}},we={name:"VuiTable",mixins:[h,d],props:Be,created(){c(Ce)},methods:{leaf(e,o){return o.split(".").reduce((n,a)=>n&&n[a]?n[a]:null,e)}}},Ne=["id"],ve=["data-label"];function je(e,o,n,a,s,l){return t.openBlock(),t.createElementBlock("div",{id:e.componentId,class:t.normalizeClass(["vui-table",e.$props.class])},[t.renderSlot(e.$slots,"prepend"),t.createElementVNode("table",null,[t.createElementVNode("thead",null,[t.createElementVNode("tr",null,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.headers,(i,r)=>t.renderSlot(e.$slots,`header.${i[e.itemValue]}`,{key:`table-${e.componentId}-header--${r}`,item:i,itemLabel:e.itemLabel,itemValue:e.itemValue,index:r},()=>[t.createElementVNode("th",{class:t.normalizeClass(i.class)},t.toDisplayString(i[e.itemLabel]),3)])),128))])]),t.createElementVNode("tbody",null,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.items,(i,r)=>t.renderSlot(e.$slots,"default",{key:`table-${e.componentId}-item--${r}`,index:r,item:i,itemLabel:e.itemLabel,itemValue:e.itemValue},()=>[t.createElementVNode("tr",null,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.headers,(u,m)=>t.renderSlot(e.$slots,`item.${u[e.itemValue]}`,{key:`table-${e.componentId}-item-td--${m}`,index:m,item:i,itemLabel:e.itemLabel,itemValue:e.itemValue},()=>[t.createElementVNode("td",{"data-label":u.label,class:t.normalizeClass(u.class)},t.toDisplayString(l.leaf(i,u.value)),11,ve)])),128))])])),128))])]),t.renderSlot(e.$slots,"append")],10,Ne)}const Ee=Object.freeze(Object.defineProperty({__proto__:null,default:p(we,[["render",je]])},Symbol.toStringTag,{value:"Module"})),Pe={en:{},fr:{}},ze={name:"VuiGrid",mixins:[d],props:{colXs:{default:void 0,types:[Number,String]},colSm:{default:void 0,types:[Number,String]},colMd:{default:void 0,types:[Number,String]},colXl:{default:void 0,types:[Number,String]}},created(){c(Pe)}},Ie=["id"];function Te(e,o,n,a,s,l){return t.openBlock(),t.createElementBlock("div",{id:e.componentId,class:t.normalizeClass(["vui-grid",{[`vui-grid--col-xs--${e.colXs}`]:e.colXs},{[`vui-grid--col-sm--${e.colSm}`]:e.colSm},{[`vui-grid--col-md--${e.colMd}`]:e.colMd},{[`vui-grid--col-xl--${e.colXl}`]:e.colXl},e.$props.class])},[t.renderSlot(e.$slots,"prepend"),t.renderSlot(e.$slots,"default"),t.renderSlot(e.$slots,"append")],10,Ie)}const Oe=Object.freeze(Object.defineProperty({__proto__:null,default:p(ze,[["render",Te]])},Symbol.toStringTag,{value:"Module"})),Le={en:{},fr:{}},Me={name:"VuiGridUnit",mixins:[d],props:{col:{default:void 0,types:[String,Number]}},created(){c(Le)}};function _e(e,o,n,a,s,l){return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["vui-grid-unit",{[`vui-grid-unit-col--${e.col}`]:e.col},e.$props.class])},[t.renderSlot(e.$slots,"prepend"),t.renderSlot(e.$slots,"default"),t.renderSlot(e.$slots,"append")],2)}const Ae=Object.freeze(Object.defineProperty({__proto__:null,default:p(Me,[["render",_e]])},Symbol.toStringTag,{value:"Module"})),Fe={en:{},fr:{}},qe={name:"VuiAlert",mixins:[d],props:{icon:{type:String},text:{type:String}},created(){c(Fe)}},De=["id"];function Ge(e,o,n,a,s,l){return t.openBlock(),t.createElementBlock("div",{id:e.componentId,class:t.normalizeClass(["vui-alert",`vui-alert--${e.layout}`,e.$props.class])},[t.renderSlot(e.$slots,"prepend"),t.renderSlot(e.$slots,"icon",{},()=>[e.icon?(t.openBlock(),t.createElementBlock("i",{key:0,class:t.normalizeClass(["vui-alert-icon",e.icon])},null,2)):t.createCommentVNode("",!0)]),t.renderSlot(e.$slots,"default",{},()=>[t.createTextVNode(t.toDisplayString(e.text),1)]),t.renderSlot(e.$slots,"append")],10,De)}const B=p(qe,[["render",Ge]]),He=Object.freeze(Object.defineProperty({__proto__:null,default:B},Symbol.toStringTag,{value:"Module"})),C={en:{},fr:{}},Ue={name:"VuiCard",mixins:[d],created(){c(C)}},Xe=["id"],Ke={key:0,class:"vui-card-header"},Re={key:1,class:"vui-card-body"},We={key:2,class:"vui-card-footer"};function Je(e,o,n,a,s,l){return t.openBlock(),t.createElementBlock("div",{id:e.componentId,class:t.normalizeClass(["vui-card",`vui-card--${e.layout}`,{"vui-card--flat":e.hasAttribute("flat")},e.$props.class])},[t.renderSlot(e.$slots,"prepend"),e.$slots.header?(t.openBlock(),t.createElementBlock("div",Ke,[t.renderSlot(e.$slots,"header")])):t.createCommentVNode("",!0),e.$slots.body||e.$slots.default?(t.openBlock(),t.createElementBlock("div",Re,[t.renderSlot(e.$slots,"body"),t.renderSlot(e.$slots,"default")])):t.createCommentVNode("",!0),e.$slots.footer?(t.openBlock(),t.createElementBlock("div",We,[t.renderSlot(e.$slots,"footer")])):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"append")],10,Xe)}const Qe=Object.freeze(Object.defineProperty({__proto__:null,default:p(Ue,[["render",Je]])},Symbol.toStringTag,{value:"Module"})),Ye={en:{"component.dropdown.placeholder":"Select a value ..."},fr:{}},Ze={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]}};function f(e){return e!=null&&typeof e=="object"&&e["@@functional/placeholder"]===!0}function $(e){return function o(n){return arguments.length===0||f(n)?o:e.apply(this,arguments)}}function xe(e){return function o(n,a){switch(arguments.length){case 0:return o;case 1:return f(n)?o:$(function(s){return e(n,s)});default:return f(n)&&f(a)?o:f(n)?$(function(s){return e(s,a)}):f(a)?$(function(s){return e(n,s)}):e(n,a)}}}var et=xe(function(o,n){for(var a={},s={},l=0,i=o.length;l<i;)s[o[l]]=1,l+=1;for(var r in n)s.hasOwnProperty(r)||(a[r]=n[r]);return a});const tt={en:{},fr:{}},ot={name:"VuiList",mixins:[h,d],props:{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]}},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,o)=>(this.isGroup(o)?e.push({...o,$$id:this.newId(),value:o[this.itemValue].reduce((n,a)=>!this.hasKeyword||this.match(a)?[...n,this.mapItem(a,this.newId())]:n,[])}):(!this.hasKeyword||this.match(o))&&e.push(this.mapItem(o,this.newId())),e),[])}},watch:{items(){this.autoexpand()},modelValue(e){this.selected=this.mapItem(e)},value(e){this.selected=this.mapItem(e)}},created(){c(tt),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,o,n)=>{if(this.isGroup(o)){const s=o[this.itemValue].findIndex(l=>this.isSelected(l));if(this.expanded||s>-1)return{...e,[n]:!0}}return e},{})},isAnimating(e){const{animating:o,last:n}=this;return n===e&&o},isGroup(e){return Array.isArray(e==null?void 0:e[this.itemValue])},isObject(e){const o=this.itemValue;return this.isGroup(e)?typeof e[o][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:o,open:n,toggled:a}=this;return o===e&&n[e]&&a},match(e){return typeof e=="object"?`${e[this.itemLabel]}`.includes(this.keyword):`${e}`.includes(this.keyword)},mapItem(e,o){const n=typeof e=="object"?e:{[this.itemLabel]:e,[this.itemValue]:e};return o?{...n,$$id:o}:n},onClick(e){if(!this.disabled&&this.selectable){const o=et(["$$id"],e),n=this.isObject(o)&&this.hasAttribute("return-object")?o:o[this.itemValue];this.selected=this.isSelected(o)?null:o,o.route&&this.$router.push(o.route),this.$emit("update:model-value",n)}},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]))}}},lt=["id"],nt={key:0,class:"vui-list-title"},st={class:"vui-list-items"},it=["onClick"],at=["onClick"],rt=["onClick"];function dt(e,o,n,a,s,l){return t.openBlock(),t.createElementBlock("div",{id:e.componentId,class:t.normalizeClass(["vui-list",{"vui-list--flat":e.hasAttribute("flat")},e.$props.class])},[t.renderSlot(e.$slots,"prepend"),e.title?(t.openBlock(),t.createElementBlock("div",nt,[t.renderSlot(e.$slots,"placeholder",{item:e.title},()=>[t.createTextVNode(t.toDisplayString(e.title),1)])])):t.createCommentVNode("",!0),t.createElementVNode("div",st,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(l.list,(i,r)=>(t.openBlock(),t.createElementBlock("div",{key:i.$$id,class:t.normalizeClass([{"vui-list-items-item":!l.isGroup(i)},{"vui-list-items-group-item":l.isGroup(i)}])},[l.isGroup(i)?t.createCommentVNode("",!0):(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass([{"vui-list-items-item-label":!l.isGroup(i)},{"vui-list-items-item-label--selectable":e.selectable},{"vui-list-items-item-label--selected":l.isSelected(i)}]),onClick:()=>l.onClick(i)},[i.icon?(t.openBlock(),t.createElementBlock("i",{key:0,class:t.normalizeClass(["vui-list-items-item-label-icon",i.icon])},null,2)):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"item",{index:r,item:i,itemLabel:e.itemLabel,itemValue:e.itemValue},()=>[t.createTextVNode(t.toDisplayString(i[e.itemLabel]),1)])],10,it)),l.isGroup(i)?(t.openBlock(),t.createElementBlock(t.Fragment,{key:1},[t.createElementVNode("div",{class:t.normalizeClass(["vui-list-items-item-group-label",{"vui-list-items-item-group-label--toggled":l.isToggled(r)},{"vui-list-items-item-group-label--animating":l.isAnimating(r)},{"vui-list-items-item-group-label--open":s.open[r]||l.hasKeyword}]),onClick:t.withModifiers(()=>l.onToggle(r),["stop"])},[t.renderSlot(e.$slots,"group-item",{index:r,item:i,itemLabel:e.itemLabel,itemValue:e.itemValue},()=>[t.createTextVNode(t.toDisplayString(i[e.itemLabel]),1)])],10,at),s.open[r]||l.hasKeyword?(t.openBlock(!0),t.createElementBlock(t.Fragment,{key:0},t.renderList(i[e.itemValue],(u,m)=>(t.openBlock(),t.createElementBlock("div",{key:u.$$id,class:t.normalizeClass(["vui-list-items-item-label",{"vui-list-items-item-label--selectable":e.selectable},{"vui-list-items-item-label--selected":l.isSelected(u)}]),onClick:()=>l.onClick(u)},[u.icon?(t.openBlock(),t.createElementBlock("i",{key:0,class:t.normalizeClass(["vui-list-items-item-label-icon",u.icon])},null,2)):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"item",{index:m,item:u,itemLabel:e.itemLabel,itemValue:e.itemValue},()=>[t.createTextVNode(t.toDisplayString(u[e.itemLabel]),1)])],10,rt))),128)):t.createCommentVNode("",!0)],64)):t.createCommentVNode("",!0)],2))),128))]),t.renderSlot(e.$slots,"append")],10,lt)}const y=p(ot,[["render",dt]]),ct=Object.freeze(Object.defineProperty({__proto__:null,default:y},Symbol.toStringTag,{value:"Module"})),pt={name:"VuiDropdown",components:{VuiInput:S,VuiList:y},mixins:[h,d],props:Ze,emits:["input","update:model-value"],data(){return{keyword:null,selected:null}},computed:{listTitle(){return this.selected?this.placeholderLabel:null},placeholderValue(){const{itemValue:e,selected:o}=this,n=typeof(o==null?void 0:o[e])<"u"?o[e]:o;return n===null?this.placeholderLabel:this.labelFromItem(n)},placeholderLabel(){return this.placeholder?this.placeholder:this.$t("component.dropdown.placeholder")}},watch:{modelValue(e){this.selected=e},value(e){this.selected=e}},created(){c(Ye),this.hasModelValue?this.selected=this.modelValue:this.hasValue&&(this.selected=this.value)},methods:{labelFromChild(e,o,n){const{itemValue:a,itemLabel:s}=this;return e[a].reduce((l,i)=>i[a]===n?i[s]:l,o)},labelFromItem(e){const{itemValue:o,itemLabel:n}=this;return this.items.reduce((a,s)=>Array.isArray(s[o])?this.labelFromChild(s,a,e):s[o]===e?s[n]:a,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)}}},ut=["id"];function mt(e,o,n,a,s,l){const i=t.resolveComponent("vui-input"),r=t.resolveComponent("vui-list");return t.openBlock(),t.createElementBlock("div",{id:e.componentId,class:t.normalizeClass(["vui-dropdown",e.$props.class])},[t.renderSlot(e.$slots,"prepend"),t.createElementVNode("div",{class:t.normalizeClass(["vui-dropdown-placeholder",{"vui-dropdown-placeholder--toggled":e.toggled},{"vui-dropdown-placeholder--animating":e.animating},{"vui-dropdown-placeholder--disabled":e.disabled}]),onClick:o[0]||(o[0]=t.withModifiers((...u)=>l.onClick&&l.onClick(...u),["stop"]))},[t.renderSlot(e.$slots,"keyword",{keyword:s.keyword},()=>[t.createVNode(i,{"with-icon":!1,value:s.keyword,type:"text",class:"vui-dropdown-placeholder-label",placeholder:`${l.placeholderValue}`,onInput:l.onInput},null,8,["value","placeholder","onInput"])])],2),e.toggled?(t.openBlock(),t.createBlock(r,t.mergeProps({key:0,value:s.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:s.keyword,selectable:!0,title:l.listTitle,"onUpdate:modelValue":l.onToggle}),t.createSlots({_:2},[e.$slots.placeholder?{name:"placeholder",fn:t.withCtx(()=>[t.renderSlot(e.$slots,"placeholder")]),key:"0"}:void 0,e.$slots["group-item"]?{name:"group-item",fn:t.withCtx(()=>[t.renderSlot(e.$slots,"group-item")]),key:"1"}:void 0,e.$slots.item?{name:"item",fn:t.withCtx(()=>[t.renderSlot(e.$slots,"item")]),key:"2"}:void 0]),1040,["value","group-id","disable-filtering","disabled","items","item-label","item-value","keyword","title","onUpdate:modelValue"])):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"append")],10,ut)}const ht=Object.freeze(Object.defineProperty({__proto__:null,default:p(pt,[["render",mt]])},Symbol.toStringTag,{value:"Module"})),ft={en:{"component.loader.text":"It's loading..."},fr:{}},gt={name:"VuiLoader",components:{VuiAlert:B},mixins:[d],props:{icon:{type:String,default:"fa-sharp fa-solid fa-spinner"},text:{type:String}},created(){c(ft)}},bt={class:"vui-loader-body"};function $t(e,o,n,a,s,l){const i=t.resolveComponent("vui-alert");return t.openBlock(),t.createBlock(i,{id:e.componentId,class:t.normalizeClass(["vui-loader",`vui-loader--${e.layout}`,{"vui-loader--flat":e.hasAttribute("flat")},e.$props.class])},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"prepend"),t.renderSlot(e.$slots,"icon",{},()=>[t.createElementVNode("i",{class:t.normalizeClass(["vui-loader-icon",e.icon])},null,2)]),t.renderSlot(e.$slots,"default",{},()=>[t.createElementVNode("span",bt,t.toDisplayString(e.text?e.text:e.$t("component.loader.text")),1)]),t.renderSlot(e.$slots,"append")]),_:3},8,["id","class"])}const yt=Object.freeze(Object.defineProperty({__proto__:null,default:p(gt,[["render",$t]])},Symbol.toStringTag,{value:"Module"})),kt={en:{"component.button.close":"Close"},fr:{}},Vt={name:"VuiModal",components:{VuiButton:b},mixins:[d],props:{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}},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(){c(kt),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))}}},St=["id"],Bt={class:"vui-modal-content"},Ct={key:0,class:"vui-modal-content-header"},wt={key:0,class:"vui-modal-content-header-title"},Nt={key:1,class:"vui-modal-content-body"},vt={key:2,class:"vui-modal-content-footer"};function jt(e,o,n,a,s,l){const i=t.resolveComponent("vui-button");return s.isVisible?(t.openBlock(),t.createElementBlock("div",{key:0,id:e.componentId,class:t.normalizeClass(["vui-modal",e.$props.class])},[t.renderSlot(e.$slots,"prepend"),t.createElementVNode("div",Bt,[l.isHeaderVisible?(t.openBlock(),t.createElementBlock("div",Ct,[e.title?(t.openBlock(),t.createElementBlock("span",wt,t.toDisplayString(e.title),1)):t.createCommentVNode("",!0),e.showHeaderClose?(t.openBlock(),t.createElementBlock("i",{key:1,class:"fa-regular fa-circle-xmark",onClick:o[0]||(o[0]=(...r)=>l.onToggle&&l.onToggle(...r))})):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"header")])):t.createCommentVNode("",!0),e.$slots.body||e.$slots.default?(t.openBlock(),t.createElementBlock("div",Nt,[t.renderSlot(e.$slots,"body"),t.renderSlot(e.$slots,"default")])):t.createCommentVNode("",!0),l.isFooterVisible?(t.openBlock(),t.createElementBlock("div",vt,[e.showHeaderClose?(t.openBlock(),t.createBlock(i,{key:0,text:e.$t("component.button.close"),onClick:l.onToggle},null,8,["text","onClick"])):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"footer")])):t.createCommentVNode("",!0)]),t.renderSlot(e.$slots,"append")],10,St)):t.createCommentVNode("",!0)}const Et=Object.freeze(Object.defineProperty({__proto__:null,default:p(Vt,[["render",jt]])},Symbol.toStringTag,{value:"Module"})),Pt={en:{},fr:{}},zt={name:"VuiNav",components:{VuiList:y},mixins:[d],props:{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]}},emits:["update:model-value"],data(){return{selected:null}},watch:{modelValue(e){this.selected=e},value(e){this.selected=e}},created(){c(Pt),this.hasModelValue?this.selected=this.modelValue:this.hasValue&&(this.selected=this.value)},methods:{onClick(e){this.disabled||this.$emit("update:model-value",e)}}},It=["id"],Tt={key:1,class:"vui-list-items-item-label-text"};function Ot(e,o,n,a,s,l){const i=t.resolveComponent("router-link"),r=t.resolveComponent("vui-list");return t.openBlock(),t.createElementBlock("div",{id:e.componentId,class:t.normalizeClass(["vui-nav",{"vui-nav--flat":e.hasAttribute("flat")},e.$props.class])},[t.renderSlot(e.$slots,"prepend"),t.createVNode(r,{modelValue:s.selected,"onUpdate:modelValue":[o[0]||(o[0]=u=>s.selected=u),l.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:t.withCtx(({index:u,item:m,itemValue:k,itemLabel:V})=>[t.renderSlot(e.$slots,"item",{index:u,item:m,itemLabel:V,itemValue:k},()=>[e.showIcons?(t.openBlock(),t.createElementBlock("i",{key:0,class:t.normalizeClass(["fa-solid",{"fa-location-dot":!u},{"fa-chevron-right":u}])},null,2)):t.createCommentVNode("",!0),m.route?t.createCommentVNode("",!0):(t.openBlock(),t.createElementBlock("span",Tt,t.toDisplayString(k?m[V]:m),1)),m.route?(t.openBlock(),t.createBlock(i,{key:2,to:m.route,class:"vui-list-items-item-label-text"},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(k?m[V]:m),1)]),_:2},1032,["to"])):t.createCommentVNode("",!0)])]),_:3},8,["modelValue","group-id","disabled","item-label","item-value","items","selectable","onUpdate:modelValue"]),t.renderSlot(e.$slots,"append")],10,It)}const w=p(zt,[["render",Ot]]),Lt=Object.freeze(Object.defineProperty({__proto__:null,default:w},Symbol.toStringTag,{value:"Module"})),Mt={en:{},fr:{}},_t={name:"VuiPage",mixins:[h,d],created(){c(Mt)},methods:{outclick(){this.$bus.emit("outclick",this.componentGroupId)}}},At=["id"],Ft={key:0,class:"vui-page-header"},qt={key:1,class:"vui-page-body"},Dt={key:2,class:"vui-page-footer"};function Gt(e,o,n,a,s,l){return t.openBlock(),t.createElementBlock("div",{id:e.componentId,class:t.normalizeClass(["vui-page",`vui-page--${e.layout}`,{"vui-page--flat":e.hasAttribute("flat")},e.$props.class]),onClick:o[0]||(o[0]=(...i)=>l.outclick&&l.outclick(...i))},[t.renderSlot(e.$slots,"prepend"),e.$slots.header?(t.openBlock(),t.createElementBlock("div",Ft,[t.renderSlot(e.$slots,"header")])):t.createCommentVNode("",!0),e.$slots.body||e.$slots.default?(t.openBlock(),t.createElementBlock("div",qt,[t.renderSlot(e.$slots,"body"),t.renderSlot(e.$slots,"default")])):t.createCommentVNode("",!0),e.$slots.footer?(t.openBlock(),t.createElementBlock("div",Dt,[t.renderSlot(e.$slots,"footer")])):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"append")],10,At)}const Ht=Object.freeze(Object.defineProperty({__proto__:null,default:p(_t,[["render",Gt]])},Symbol.toStringTag,{value:"Module"})),Ut={en:{"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"},fr:{}},Xt={name:"VuiPager",components:{VuiButton:b,VuiNav:w},mixins:[h,d],props:{count:{type:Number,default:0},modelValue:{default:void 0,type:Number},value:{default:void 0,type:Number},size:{type:Number,default:25}},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},(a,s)=>s+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(){c(Ut),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)}}},Kt=["id"],Rt={class:"vui-pager-content"};function Wt(e,o,n,a,s,l){const i=t.resolveComponent("vui-button"),r=t.resolveComponent("vui-nav");return t.openBlock(),t.createElementBlock("div",{id:e.componentId,class:t.normalizeClass(["vui-pager",e.$props.class])},[t.renderSlot(e.$slots,"prepend"),t.createElementVNode("div",Rt,[t.renderSlot(e.$slots,"first",{},()=>[t.createVNode(i,t.mergeProps(e.$attrs,{disabled:s.page===1,icon:"fa-solid fa-angles-left",class:"vui-button--first",onClick:l.onFirst}),null,16,["disabled","onClick"])]),t.renderSlot(e.$slots,"previous",{},()=>[t.createVNode(i,t.mergeProps(e.$attrs,{disabled:s.page===1,icon:"fa-solid fa-chevron-left",class:"vui-button--previous",onClick:l.onPrevious}),null,16,["disabled","onClick"])]),t.renderSlot(e.$slots,"pages",{},()=>[t.createElementVNode("div",{class:t.normalizeClass(["ellipse",{visible:l.last>4&&s.page+2>4}])}," ... ",2),t.createVNode(r,t.mergeProps({modelValue:s.page,"onUpdate:modelValue":o[0]||(o[0]=u=>s.page=u)},e.$attrs,{flat:e.hasAttribute("flat"),items:l.pages,"show-icons":!1,"onUpdate:modelValue":l.onPage}),null,16,["modelValue","flat","items","onUpdate:modelValue"]),t.createElementVNode("div",{class:t.normalizeClass(["ellipse",{visible:l.last>4&&s.page+2<l.last}])}," ... ",2)]),t.renderSlot(e.$slots,"next",{},()=>[t.createVNode(i,t.mergeProps(e.$attrs,{disabled:l.isLast,icon:"fa-solid fa-chevron-right",class:"vui-button--next",onClick:l.onNext}),null,16,["disabled","onClick"])]),t.renderSlot(e.$slots,"previous",{},()=>[t.createVNode(i,t.mergeProps(e.$attrs,{disabled:l.isLast,icon:"fa-solid fa-angles-right",class:"vui-button--last",onClick:l.onLast}),null,16,["disabled","onClick"])])]),t.renderSlot(e.$slots,"append")],10,Kt)}const Jt=Object.freeze(Object.defineProperty({__proto__:null,default:p(Xt,[["render",Wt]])},Symbol.toStringTag,{value:"Module"})),Qt={en:{},fr:{}},Yt={name:"VuiProgress",mixins:[d],props:{min:{type:Number,required:!0},max:{type:Number,required:!0},value:{type:Number,required:!0}},computed:{width(){const e=Math.abs(this.value),o=Math.abs(this.min),n=Math.abs(this.max);return`${Math.round(e/(o+n)*100)}%`}},created(){c(Qt)}},Zt=["id"];function xt(e,o,n,a,s,l){return t.openBlock(),t.createElementBlock("div",{id:e.componentId,class:t.normalizeClass(["vui-progress",e.$props.class])},[t.renderSlot(e.$slots,"prepend"),t.createElementVNode("div",{class:t.normalizeClass(["vui-progress-bar",`vui-progress-bar--${e.layout}`])},[t.createElementVNode("div",{class:"vui-progress-bar-cursor",style:t.normalizeStyle({width:l.width})},null,4)],2),t.renderSlot(e.$slots,"append")],10,Zt)}const eo=Object.freeze(Object.defineProperty({__proto__:null,default:p(Yt,[["render",xt]])},Symbol.toStringTag,{value:"Module"})),to={en:{},fr:{}},oo={name:"VuiTabs",mixins:[d],props:{icon:{type:String},items:{type:Array,required:!0},itemLabel:{type:String,default:"label"},itemValue:{type:String,default:"value"},modelValue:{type:String},value:{type:String}},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(c(to),this.hasModelValue)this.active=this.modelValue;else if(this.hasValue)this.active=this.value;else if((e=this.items)!=null&&e.length){const o=this.items[0];this.active=o[this.itemValue]}},methods:{toggle(e){this.disabled||(this.active=e,this.$emit("update:model-value",this.active))}}},lo=["id"],no={class:"vui-tabs-tabs"},so=["onClick"],io={class:"label"},ao={class:"vui-tabs-slots"};function ro(e,o,n,a,s,l){return t.openBlock(),t.createElementBlock("div",{id:e.componentId,class:t.normalizeClass(["vui-tabs",e.$props.class])},[t.renderSlot(e.$slots,"prepend"),t.createElementVNode("div",no,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(l.tabs,i=>(t.openBlock(),t.createElementBlock("div",{key:i.$$id,class:t.normalizeClass(["vui-tabs-tabs-tab",{"vui-tabs-tabs-tab--with-icon":e.icon},{"vui-tabs-tabs-tab--active":i[e.itemValue]===s.active}]),onClick:()=>l.toggle(i[e.itemValue])},[e.icon?(t.openBlock(),t.createElementBlock("i",{key:0,class:t.normalizeClass(["vui-tabs-tabs-tab-icon",e.icon])},null,2)):t.createCommentVNode("",!0),t.createElementVNode("span",io,t.toDisplayString(i[e.itemLabel]),1)],10,so))),128))]),t.createElementVNode("div",ao,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.items,(i,r)=>(t.openBlock(),t.createElementBlock(t.Fragment,{key:`slot-${i.$$id}`},[i[e.itemValue]===s.active?t.renderSlot(e.$slots,i[e.itemValue],{key:0,index:r}):t.createCommentVNode("",!0)],64))),128))]),t.renderSlot(e.$slots,"append")],10,lo)}const co=Object.freeze(Object.defineProperty({__proto__:null,default:p(oo,[["render",ro]])},Symbol.toStringTag,{value:"Module"})),po={en:{},fr:{}},uo={name:"VuiTag",mixins:[d],props:{icon:{type:String},text:{type:String}},created(){c(po)}},mo=["id"];function ho(e,o,n,a,s,l){return t.openBlock(),t.createElementBlock("div",{id:e.componentId,class:t.normalizeClass(["vui-tag",`vui-tag--${e.layout}`,{"vui-tag--with-icon":e.icon},e.$props.class])},[t.renderSlot(e.$slots,"prepend"),e.icon?(t.openBlock(),t.createElementBlock("i",{key:0,class:t.normalizeClass(["vui-tag-icon",e.icon])},null,2)):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"default",{},()=>[t.createTextVNode(t.toDisplayString(e.text),1)]),t.renderSlot(e.$slots,"append")],10,mo)}const fo=Object.freeze(Object.defineProperty({__proto__:null,default:p(uo,[["render",ho]])},Symbol.toStringTag,{value:"Module"})),go={en:{},fr:{}},bo={name:"VuiToggle",mixins:[d],props:{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]}},emits:["update:model-value"],data(){return{toggled:!1}},computed:{isChecked(){return this.hasProp("checked")?this.checked:this.hasProp("checkedValue")?this.toggled===this.checkedValue:this.toggled}},watch:{modelValue(e){this.toggled=e},value(e){this.toggled=e}},created(){c(go),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))}}},$o=["id","name"],yo=t.createElementVNode("div",{class:"vui-toggle-slider"},[t.createElementVNode("div",{class:"vui-toggle-slider-button"})],-1),ko=["for"];function Vo(e,o,n,a,s,l){return t.openBlock(),t.createElementBlock("div",{id:e.componentId,name:e.componentId,class:t.normalizeClass(["vui-toggle",{"vui-toggle--checked":l.isChecked},{"vui-toggle--disabled":e.disabled},e.$props.class]),onClick:o[0]||(o[0]=t.withModifiers((...i)=>l.onToggle&&l.onToggle(...i),["stop"]))},[t.renderSlot(e.$slots,"prepend"),yo,e.$slots.default?(t.openBlock(),t.createElementBlock("label",{key:0,class:"vui-toggle-label",for:e.componentId},[t.renderSlot(e.$slots,"default")],8,ko)):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"append")],10,$o)}const So=Object.freeze(Object.defineProperty({__proto__:null,default:p(bo,[["render",Vo]])},Symbol.toStringTag,{value:"Module"})),Bo={name:"VuiTooltip",mixins:[d],props:{icon:{type:String},position:{type:String,default:"right"},text:{type:String},modelValue:{default:void 0,type:Boolean},value:{default:void 0,type:Boolean}},emits:["update:model-value"],data(){return{dimension:{content:{},holder:{}},show:!1}},computed:{display(){return this.show?"block":"none"},left(){const{content:e,holder:o}=this.dimension;switch(this.position){case"left":return o.left-(e.width+15);case"bottom":case"top":{const n=e.width-o.width;return o.left-n/2}case"right":default:return o.right+15}},top(){const{content:e,holder:o}=this.dimension;switch(this.position){case"bottom":return o.top+o.height+15;case"top":return o.top-e.height-15;case"left":case"right":default:return o.top-o.height/2}}},watch:{async modelValue(e){this.show=e,e&&(await this.$nextTick(),this.setPosition())},async value(e){this.show=e,e&&(await this.$nextTick(),this.setPosition())}},created(){c(C),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()}}},Co=["id"];function wo(e,o,n,a,s,l){return t.openBlock(),t.createElementBlock("div",{id:e.componentId,ref:"tooltip",class:t.normalizeClass(["vui-tooltip",{"vui-tooltip--with-icon":e.icon},e.$props.class]),style:t.normalizeStyle({position:"fixed",display:l.display,top:`${l.top}px`,left:`${l.left}px`})},[t.createElementVNode("i",{class:t.normalizeClass(["vui-tooltip-pointer",`vui-tooltip-pointer--${e.position}`])},null,2),e.icon?(t.openBlock(),t.createElementBlock("i",{key:0,class:t.normalizeClass(["vui-tooltip-icon",e.icon])},null,2)):t.createCommentVNode("",!0),e.$slots.default?t.renderSlot(e.$slots,"default",{key:1}):t.createCommentVNode("",!0),e.text?(t.openBlock(),t.createElementBlock(t.Fragment,{key:2},[t.createTextVNode(t.toDisplayString(e.text),1)],64)):t.createCommentVNode("",!0)],14,Co)}const No=Object.freeze(Object.defineProperty({__proto__:null,default:p(Bo,[["render",wo]])},Symbol.toStringTag,{value:"Module"}));return j});
|
package/package.json
CHANGED
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
"import": "./dist/style.css",
|
|
18
18
|
"require": "./dist/style.css"
|
|
19
19
|
},
|
|
20
|
-
"version": "0.6.
|
|
20
|
+
"version": "0.6.7",
|
|
21
21
|
"repository": {
|
|
22
22
|
"type": "git",
|
|
23
23
|
"url": "git+https://github.com/e-xode/vui.git"
|
|
@@ -80,14 +80,14 @@
|
|
|
80
80
|
"mitt": "3.0.1",
|
|
81
81
|
"sass": "^1.72.0",
|
|
82
82
|
"vue": "^3.4.21",
|
|
83
|
-
"vue-i18n": "^9.
|
|
83
|
+
"vue-i18n": "^9.11.0",
|
|
84
84
|
"vue-router": "^4.3.0",
|
|
85
85
|
"vuetify": "^3.5.13",
|
|
86
86
|
"vuex": "^4.1.0"
|
|
87
87
|
},
|
|
88
88
|
"devDependencies": {
|
|
89
|
-
"@babel/core": "^7.24.
|
|
90
|
-
"@babel/preset-env": "^7.24.
|
|
89
|
+
"@babel/core": "^7.24.4",
|
|
90
|
+
"@babel/preset-env": "^7.24.4",
|
|
91
91
|
"@rushstack/eslint-patch": "^1.10.1",
|
|
92
92
|
"@types/jsdom": "^21.1.6",
|
|
93
93
|
"@types/node": "^20.12.2",
|
|
@@ -101,7 +101,7 @@
|
|
|
101
101
|
"msw": "2.2.13",
|
|
102
102
|
"prettier": "3.2.5",
|
|
103
103
|
"ramda": "^0.29.1",
|
|
104
|
-
"vite": "^5.2.
|
|
104
|
+
"vite": "^5.2.8",
|
|
105
105
|
"vitest": "^1.4.0"
|
|
106
106
|
}
|
|
107
107
|
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./_plugin-vue_export-helper-DeDoBcDj.js"),t=require("vue");require("highlight.js");const n={},i={},a={en:n,fr:i},u={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:{default:void 0,type:String},uncheckedValue:{default:void 0,types:[Boolean,String,Number,null]},value:{default:void 0,types:[Boolean,String,Number,null]}},r={name:"VuiCheckbox",mixins:[d.composable],props:u,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(){d.translatable(a),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))}}},c=["id"],h=["name","disabled","required"],g=["for"];function p(e,o,m,k,b,l){return t.openBlock(),t.createElementBlock("div",{id:e.componentId,class:t.normalizeClass(["vui-checkbox",{"vui-checkbox--checked":l.isChecked},{"vui-checkbox--disabled":e.disabled},e.$props.class]),onClick:o[0]||(o[0]=(...s)=>l.onToggle&&l.onToggle(...s))},[t.renderSlot(e.$slots,"prepend"),t.createElementVNode("input",{name:e.name,disabled:e.disabled,required:e.hasAttribute("required"),type:"checkbox"},null,8,h),e.$slots.default?(t.openBlock(),t.createElementBlock("label",{key:0,for:e.componentId},[t.renderSlot(e.$slots,"default")],8,g)):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"append")],10,c)}const f=d._export_sfc(r,[["render",p]]);exports.default=f;
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import{d as N}from"./demonstrable-nGGBFHXw.js";import{t as V}from"./translatable-CVnAMpzi.js";import C from"./checkbox-C9B8Gm2L.js";import{_ as S,a as c,b as s,w as a,r as l,o as t,F as p,g as $,h as x,e as r,t as n,f as i,m as g,i as v,d as h}from"./index-Bxv-4tsQ.js";import"./composable-CshUTKfl.js";const D={"page.component.checkbox.default":"Default checkbox","page.component.checkbox.binded":"Binded checkbox","page.component.checkbox.label":"Checked","page.component.checkbox.doc.prop.checked":"Binds the conditions of checked state","page.component.checkbox.doc.prop.checked-value":"Checked value of the checkbox","page.component.checkbox.doc.prop.disabled":"Binds the disabled state of the checkbox","page.component.checkbox.doc.prop.unchecked-value":"Unchecked value of the checkbox","page.component.checkbox.doc.prop.value":"Value of the checkbox","page.component.checkbox.doc.prop.v-model":"Binds the model value of checkbox","page.component.checkbox.doc.slot.default":"Default slot for label content"},w={},H={en:D,fr:w},u={examples:[{markup:`
|
|
2
|
-
<vui-checkbox
|
|
3
|
-
v-model="states['mycheckbox']"
|
|
4
|
-
>
|
|
5
|
-
Default checkbox label
|
|
6
|
-
</vui-checkbox>
|
|
7
|
-
`,props:{id:"vui-checkbox-1"},text:"page.component.checkbox.default"},{markup:`
|
|
8
|
-
<vui-checkbox
|
|
9
|
-
disabled
|
|
10
|
-
:checked="states['mycheckbox']
|
|
11
|
-
>
|
|
12
|
-
Binded checkbox state
|
|
13
|
-
</vui-checkbox>
|
|
14
|
-
`,props:{id:"vui-checkbox-2"},text:"page.component.checkbox.binded"}],props:[{tag:"checked-value",type:"[Boolean, String, Number, null]",text:"page.component.checkbox.doc.prop.checked-value"},{tag:"disabled",type:"Boolean",text:"page.component.checkbox.doc.prop.disabled"},{tag:"checked",type:"[Boolean, String, Number, null]",text:"page.component.checkbox.doc.prop.checked"},{tag:"unchecked-value",type:"[Boolean, String, Number, null]",text:"page.component.checkbox.doc.prop.unchecked-value"},{tag:"value",type:"[Boolean, String, Number, null]",text:"page.component.checkbox.doc.prop.value"},{tag:"v-model",type:"[Boolean, String, Number, null]",text:"page.component.checkbox.doc.prop.v-model"}],slots:[{name:"default",text:"page.component.checkbox.doc.slot.default"}]},L={name:"ViewCheckbox",mixins:[N],setup(){return V(H),{}},data(){return{states:{}}},computed:{doc(){return u},examples(){return this.docExamples(C,{attrs:u.attrs,examples:u.examples.map(e=>({...e,props:{...e.props,text:e.props.text?this.$t(e.props.text):null}}))})}},mounted(){this.states=this.examples.reduce((e,m)=>({...e,[m.props.id]:!1}),{})},methods:{}},P={class:"view-checkbox"},T=["innerHTML"],U={class:"title"},E={class:"title"};function F(e,m,M,j,d,f){const _=l("vui-tag"),b=l("vui-grid-unit"),k=l("vui-table"),y=l("vui-grid");return t(),c("div",P,[s(y,{"col-sm":"1","col-md":"2"},{default:a(()=>[s(b,{class:"examples"},{default:a(()=>[(t(!0),c(p,null,$(f.examples,o=>(t(),c(p,{key:`checkbox-${o.props.id}`},[o.props.id==="vui-checkbox-1"?(t(),c(p,{key:0},[(t(),x(v(o.component),g(o.props,{value:d.states[o.props.id],"onUpdate:modelValue":B=>d.states[o.props.id]=B}),{default:a(()=>[o.text?(t(),c(p,{key:0},[r(n(e.$t(o.text)),1)],64)):i("",!0)]),_:2},1040,["value","onUpdate:modelValue"])),r(" "),s(_,null,{default:a(()=>[r(n(e.$t("page.component.checkbox.label"))+": "+n(d.states[o.props.id]),1)]),_:2},1024)],64)):i("",!0),o.props.id==="vui-checkbox-2"?(t(),x(v(o.component),g({key:1,disabled:""},o.props,{checked:d.states["vui-checkbox-1"]}),{default:a(()=>[o.text?(t(),c(p,{key:0},[r(n(e.$t(o.text)),1)],64)):i("",!0)]),_:2},1040,["checked"])):i("",!0),h("div",{class:"highlighted-code",innerHTML:o.highlighted},null,8,T)],64))),128))]),_:1}),s(b,{class:"api-options"},{default:a(()=>[h("h2",U,n(e.$t("page.component.h2.api")),1),s(k,{"item-label":"label","item-value":"value",headers:e.docPropsHeaders,items:e.docProps},null,8,["headers","items"]),h("h2",E,n(e.$t("page.component.h2.slots")),1),s(k,{"item-label":"label","item-value":"value",headers:e.docSlotsHeaders,items:e.docSlots},null,8,["headers","items"])]),_:1})]),_:1})])}const J=S(L,[["render",F]]);export{J as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{c as i}from"./composable-CshUTKfl.js";import{t as n}from"./translatable-CVnAMpzi.js";import{_ as u,a as l,j as s,d as r,f as h,n as c,o}from"./index-Bxv-4tsQ.js";const f={},m={},g={en:f,fr:m},p={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:{default:void 0,type:String},uncheckedValue:{default:void 0,types:[Boolean,String,Number,null]},value:{default:void 0,types:[Boolean,String,Number,null]}},k={name:"VuiCheckbox",mixins:[i],props:p,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(){n(g),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))}}},b=["id"],V=["name","disabled","required"],v=["for"];function C(e,d,y,B,$,t){return o(),l("div",{id:e.componentId,class:c(["vui-checkbox",{"vui-checkbox--checked":t.isChecked},{"vui-checkbox--disabled":e.disabled},e.$props.class]),onClick:d[0]||(d[0]=(...a)=>t.onToggle&&t.onToggle(...a))},[s(e.$slots,"prepend"),r("input",{name:e.name,disabled:e.disabled,required:e.hasAttribute("required"),type:"checkbox"},null,8,V),e.$slots.default?(o(),l("label",{key:0,for:e.componentId},[s(e.$slots,"default")],8,v)):h("",!0),s(e.$slots,"append")],10,b)}const P=u(k,[["render",C]]);export{P as default};
|
|
@@ -1 +0,0 @@
|
|
|
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-checkbox{position:relative;display:inline-flex;padding-left:1rem;cursor:pointer}.vui-checkbox input[type=checkbox]{display:none}.vui-checkbox label{padding-left:1rem}.vui-checkbox: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;content:"";position:absolute;top:0;left:0;font-size:1.5rem}.vui-checkbox.vui-checkbox--checked:before{content:""}.vui-checkbox.vui-checkbox--disabled{cursor:not-allowed}.vui-checkbox.vui-checkbox--disabled:before{color:#949da4;background-color:#e6e9ea}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{c as p}from"./composable-CshUTKfl.js";import{t as u}from"./translatable-CVnAMpzi.js";import{_ as o,a as d,j as a,d as r,n as i,o as m}from"./index-Bxv-4tsQ.js";const h={"component.input.placeholder":"Type a value ..."},c={},y={en:h,fr:c},f={modelValue:{default:void 0,types:[Boolean,String,Number,null]},maxlength:{type:Number},name:{type:String},placeholder:{default:null,types:[Boolean,String,Number,null]},type:{type:String,default:"text"},value:{default:void 0,types:[Boolean,Number,String,null]}},b={name:"VuiInput",mixins:[p],props:f,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(){u(y),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"],v=["value","disabled","maxlength","name","placeholder","required","type"];function V(e,l,I,B,n,t){return m(),d("div",{id:e.componentId,class:i(["vui-input",e.$props.class])},[a(e.$slots,"prepend"),r("input",{value:n.typed,disabled:e.disabled,maxlength:e.maxlength,name:e.name,placeholder:t.placeholderValue,required:e.hasAttribute("required"),type:e.type,onInput:l[0]||(l[0]=(...s)=>t.onInput&&t.onInput(...s))},null,40,v),a(e.$slots,"append")],10,g)}const q=o(b,[["render",V]]);export{q as default};
|
|
@@ -1 +0,0 @@
|
|
|
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{border:1px solid rgb(189,195,199);border-radius:.25rem}.vui-input input[type=date-time-local],.vui-input input[type=date],.vui-input input[type=text],.vui-input input[type=email],.vui-input input[type=number],.vui-input input[type=password]{width:100%;padding:.5rem .25rem .25rem .5rem;color:#000;outline:none;border:none}.vui-input input[type=date-time-local]:disabled,.vui-input input[type=date]:disabled,.vui-input input[type=text]:disabled,.vui-input input[type=email]:disabled,.vui-input input[type=number]:disabled,.vui-input input[type=password]:disabled{color:#78848c;background-color:#e6e9ea;cursor:not-allowed}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import{d as f}from"./demonstrable-nGGBFHXw.js";import{t as b}from"./translatable-CVnAMpzi.js";import x from"./input-Bm6YMcaH.js";import{_ as B,a as i,b as t,w as p,r as n,o as a,F as d,g as T,d as l,t as u,h as V,m as k,i as S}from"./index-Bxv-4tsQ.js";import"./composable-CshUTKfl.js";const $={"page.component.input.title-1":"Input type as text","page.component.input.title-2":"Input type as email","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 prepend","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"},w={},C={en:$,fr:w},c={attrs:[],examples:[{markup:`
|
|
2
|
-
<vui-input
|
|
3
|
-
id="example-input-1"
|
|
4
|
-
maxlength="15"
|
|
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-1"},{markup:`
|
|
9
|
-
<vui-input
|
|
10
|
-
id="example-input-2"
|
|
11
|
-
maxlength="15"
|
|
12
|
-
placeholder="Type a value"
|
|
13
|
-
type="email"
|
|
14
|
-
/>
|
|
15
|
-
`,props:{id:"example-input-2",name:"example-input-2",placeholder:"Type a value",type:"email"},title:"page.component.input.title-2"}],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"}],slots:[]},I={name:"ViewInput",mixins:[f],setup(){return b(C),{}},data(){return{form:{}}},computed:{doc(){return c},examples(){return this.docExamples(x,c)}}},N={class:"view-input"},H={class:"title"},L=["innerHTML"],P={class:"title"};function D(o,E,F,M,s,m){const g=n("vui-input"),v=n("vui-card"),r=n("vui-grid-unit"),h=n("vui-table"),_=n("vui-grid");return a(),i("div",N,[t(_,{"col-sm":"1","col-md":"2"},{default:p(()=>[t(r,{class:"examples"},{default:p(()=>[(a(!0),i(d,null,T(m.examples,e=>(a(),i(d,{key:`button-${e.props.id}`},[t(v,null,{header:p(()=>[l("span",H,u(o.$t(e.title)),1)]),body:p(()=>[t(g,{disabled:"",placeholder:o.$t("page.component.input.vmodel"),value:s.form[e.props.id]},null,8,["placeholder","value"]),(a(),V(S(e.component),k(e.props,{id:e.props.id,required:"",class:"test","onUpdate:modelValue":y=>s.form[e.props.id]=y}),null,16,["id","onUpdate:modelValue"]))]),_:2},1024),l("div",{class:"highlighted-code",innerHTML:e.highlighted},null,8,L)],64))),128))]),_:1}),t(r,{class:"api-options"},{default:p(()=>[l("h2",P,u(o.$t("page.component.h2.api")),1),t(h,{"item-label":"label","item-value":"value",headers:o.docPropsHeaders,items:o.docProps},null,8,["headers","items"])]),_:1})]),_:1})])}const G=B(I,[["render",D]]);export{G as default};
|
package/dist/input-Dy5fCJhT.js
DELETED
|
@@ -1,103 +0,0 @@
|
|
|
1
|
-
import { _ as u, c as s, t as o } from "./_plugin-vue_export-helper-BSl1dQT6.js";
|
|
2
|
-
import { openBlock as d, createElementBlock as r, normalizeClass as i, renderSlot as a, createElementVNode as m } from "vue";
|
|
3
|
-
import "highlight.js";
|
|
4
|
-
const h = {
|
|
5
|
-
"component.input.placeholder": "Type a value ..."
|
|
6
|
-
}, c = {}, y = {
|
|
7
|
-
en: h,
|
|
8
|
-
fr: c
|
|
9
|
-
}, f = {
|
|
10
|
-
modelValue: {
|
|
11
|
-
default: void 0,
|
|
12
|
-
types: [
|
|
13
|
-
Boolean,
|
|
14
|
-
String,
|
|
15
|
-
Number,
|
|
16
|
-
null
|
|
17
|
-
]
|
|
18
|
-
},
|
|
19
|
-
maxlength: {
|
|
20
|
-
type: Number
|
|
21
|
-
},
|
|
22
|
-
name: {
|
|
23
|
-
type: String
|
|
24
|
-
},
|
|
25
|
-
placeholder: {
|
|
26
|
-
default: null,
|
|
27
|
-
types: [
|
|
28
|
-
Boolean,
|
|
29
|
-
String,
|
|
30
|
-
Number,
|
|
31
|
-
null
|
|
32
|
-
]
|
|
33
|
-
},
|
|
34
|
-
type: {
|
|
35
|
-
type: String,
|
|
36
|
-
default: "text"
|
|
37
|
-
},
|
|
38
|
-
value: {
|
|
39
|
-
default: void 0,
|
|
40
|
-
types: [
|
|
41
|
-
Boolean,
|
|
42
|
-
Number,
|
|
43
|
-
String,
|
|
44
|
-
null
|
|
45
|
-
]
|
|
46
|
-
}
|
|
47
|
-
}, b = {
|
|
48
|
-
name: "VuiInput",
|
|
49
|
-
mixins: [
|
|
50
|
-
s
|
|
51
|
-
],
|
|
52
|
-
props: f,
|
|
53
|
-
emits: ["input", "update:model-value"],
|
|
54
|
-
data() {
|
|
55
|
-
return {
|
|
56
|
-
typed: null
|
|
57
|
-
};
|
|
58
|
-
},
|
|
59
|
-
computed: {
|
|
60
|
-
placeholderValue() {
|
|
61
|
-
return this.placeholder ? this.placeholder : this.$t("component.input.placeholder");
|
|
62
|
-
}
|
|
63
|
-
},
|
|
64
|
-
watch: {
|
|
65
|
-
value(e) {
|
|
66
|
-
this.typed = e;
|
|
67
|
-
},
|
|
68
|
-
modelValue(e) {
|
|
69
|
-
this.typed = e;
|
|
70
|
-
}
|
|
71
|
-
},
|
|
72
|
-
created() {
|
|
73
|
-
o(y), this.hasModelValue ? this.typed = this.modelValue : this.hasValue && (this.typed = this.value);
|
|
74
|
-
},
|
|
75
|
-
methods: {
|
|
76
|
-
onInput(e) {
|
|
77
|
-
this.typed = this.type === "number" ? e.target.valueAsNumber : e.target.value, this.$emit("input", e), this.$emit("update:model-value", this.typed);
|
|
78
|
-
}
|
|
79
|
-
}
|
|
80
|
-
}, g = ["id"], v = ["value", "disabled", "maxlength", "name", "placeholder", "required", "type"];
|
|
81
|
-
function V(e, l, I, N, n, t) {
|
|
82
|
-
return d(), r("div", {
|
|
83
|
-
id: e.componentId,
|
|
84
|
-
class: i(["vui-input", e.$props.class])
|
|
85
|
-
}, [
|
|
86
|
-
a(e.$slots, "prepend"),
|
|
87
|
-
m("input", {
|
|
88
|
-
value: n.typed,
|
|
89
|
-
disabled: e.disabled,
|
|
90
|
-
maxlength: e.maxlength,
|
|
91
|
-
name: e.name,
|
|
92
|
-
placeholder: t.placeholderValue,
|
|
93
|
-
required: e.hasAttribute("required"),
|
|
94
|
-
type: e.type,
|
|
95
|
-
onInput: l[0] || (l[0] = (...p) => t.onInput && t.onInput(...p))
|
|
96
|
-
}, null, 40, v),
|
|
97
|
-
a(e.$slots, "append")
|
|
98
|
-
], 10, g);
|
|
99
|
-
}
|
|
100
|
-
const q = /* @__PURE__ */ u(b, [["render", V]]);
|
|
101
|
-
export {
|
|
102
|
-
q as default
|
|
103
|
-
};
|
package/dist/input-WjGQ7q1J.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./_plugin-vue_export-helper-DeDoBcDj.js"),t=require("vue");require("highlight.js");const p={"component.input.placeholder":"Type a value ..."},d={},o={en:p,fr:d},s={modelValue:{default:void 0,types:[Boolean,String,Number,null]},maxlength:{type:Number},name:{type:String},placeholder:{default:null,types:[Boolean,String,Number,null]},type:{type:String,default:"text"},value:{default:void 0,types:[Boolean,Number,String,null]}},i={name:"VuiInput",mixins:[n.composable],props:s,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(){n.translatable(o),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)}}},h=["id"],m=["value","disabled","maxlength","name","placeholder","required","type"];function c(e,a,f,g,u,l){return t.openBlock(),t.createElementBlock("div",{id:e.componentId,class:t.normalizeClass(["vui-input",e.$props.class])},[t.renderSlot(e.$slots,"prepend"),t.createElementVNode("input",{value:u.typed,disabled:e.disabled,maxlength:e.maxlength,name:e.name,placeholder:l.placeholderValue,required:e.hasAttribute("required"),type:e.type,onInput:a[0]||(a[0]=(...r)=>l.onInput&&l.onInput(...r))},null,40,m),t.renderSlot(e.$slots,"append")],10,h)}const y=n._export_sfc(i,[["render",c]]);exports.default=y;
|