@e-xode/vui 0.6.6 → 0.6.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +8 -8
- package/dist/checkbox-BP2ttYER.js +1 -0
- package/dist/{checkbox-C0XHmyOW.js → checkbox-Qcc2Y3jj.js} +56 -25
- package/dist/doc/assets/{alert-DXU8Elqq.js → alert-CbFgfQUo.js} +1 -1
- package/dist/doc/assets/{alert-DeIKuuce.js → alert-DfQwT6OA.js} +1 -1
- package/dist/doc/assets/{button-G8t_NLRi.js → button-COuiG5KX.js} +1 -1
- package/dist/doc/assets/{button-B13Yf1Kd.js → button-DvGB3hP2.js} +1 -1
- package/dist/doc/assets/{card-bZflYXP1.js → card-BE5N1ELf.js} +1 -1
- package/dist/doc/assets/{card-B_zN0RIP.js → card-DrG3AJ3t.js} +1 -1
- package/dist/doc/assets/checkbox-BNwsQFlx.css +1 -0
- package/dist/doc/assets/checkbox-C22EmmAr.js +1 -0
- package/dist/doc/assets/checkbox-CtW0hne9.js +28 -0
- package/dist/doc/assets/{component-B1_tpRW4.js → component-Ckhc3XnI.js} +1 -1
- package/dist/doc/assets/{default-D8NjjGBi.css → default-DOpWYWAd.css} +1 -1
- package/dist/doc/assets/{default-DHgTVVbu.js → default-LA7Ccgwz.js} +1 -1
- package/dist/doc/assets/{demonstrable-nGGBFHXw.js → demonstrable-D6rf1mQ8.js} +1 -1
- package/dist/doc/assets/{dropdown-DcmkPEip.js → dropdown-AsBf0iVM.js} +1 -1
- package/dist/doc/assets/{dropdown-inZsWa61.js → dropdown-CdJfqX3U.js} +1 -1
- package/dist/doc/assets/{dropdown-BDltvOgD.css → dropdown-MxPEtcwI.css} +1 -1
- package/dist/doc/assets/{footer-BBBAapy7.js → footer-BUhm-koS.js} +1 -1
- package/dist/doc/assets/{footer-D_HwgUDT.js → footer-DITUoPy9.js} +1 -1
- package/dist/doc/assets/{form-CjnywRsh.js → form-BLtUQ-lY.js} +1 -1
- package/dist/doc/assets/{form-8yXKOyqL.js → form-DV09lYvO.js} +1 -1
- package/dist/doc/assets/{grid-BMMzEfv4.js → grid-CTROyBV4.js} +1 -1
- package/dist/doc/assets/{grid-CEJWLlXk.js → grid-DVItt9zr.js} +1 -1
- package/dist/doc/assets/{header-BlKpFHRO.js → header-B-BfJKYQ.js} +1 -1
- package/dist/doc/assets/{header-rBaLh0Nj.js → header-BD031rJv.js} +1 -1
- package/dist/doc/assets/{index-Bxv-4tsQ.js → index-421S8sYE.js} +15 -15
- package/dist/doc/assets/{index-5BUQdJLK.js → index-X2VadL3u.js} +1 -1
- package/dist/doc/assets/input-DAYAbs_u.js +1 -0
- package/dist/doc/assets/input-DJ8amP3y.css +1 -0
- package/dist/doc/assets/input-DpDc_WzU.js +37 -0
- package/dist/doc/assets/{list-Dg2wJkNi.js → list-D2FEJjG3.js} +1 -1
- package/dist/doc/assets/{list-uelxz83r.js → list-yhtMSymY.js} +1 -1
- package/dist/doc/assets/{loader-Brnp5cYS.js → loader-B6lJYbZi.js} +1 -1
- package/dist/doc/assets/{loader-CG6MxzXb.js → loader-Bf-nSxQT.js} +1 -1
- package/dist/doc/assets/{modal-DfTrEZrg.js → modal-DlUW_kaU.js} +1 -1
- package/dist/doc/assets/{modal-fIYL2tZA.js → modal-VE08CY0x.js} +1 -1
- package/dist/doc/assets/{nav-BcINi9Ls.js → nav-DYkZv58f.js} +1 -1
- package/dist/doc/assets/{nav-as-1HVTB.js → nav-IXrpcqYs.js} +1 -1
- package/dist/doc/assets/{page-25OUIluR.js → page-BpUtuiQG.js} +1 -1
- package/dist/doc/assets/{page-Cobsh0Ws.js → page-wuZc9O2p.js} +1 -1
- package/dist/doc/assets/{pager-BloxkVL8.js → pager-CEzyxQCo.js} +1 -1
- package/dist/doc/assets/{pager-DW6NgWoZ.js → pager-CXdKPt5C.js} +1 -1
- package/dist/doc/assets/{progress-Agje03EU.js → progress-BlA_EUah.js} +1 -1
- package/dist/doc/assets/{progress-vNI_eJTO.js → progress-yFWu8fT9.js} +1 -1
- package/dist/doc/assets/radio-BS9FLviC.js +28 -0
- package/dist/doc/assets/radio-Ckx0vNcX.js +1 -0
- package/dist/doc/assets/radio-Dg31j783.css +1 -0
- package/dist/doc/assets/{start-vmhkIBQI.js → start-C_u3pZMX.js} +1 -1
- package/dist/doc/assets/{table-ovOZ3st-.js → table-CjpAkPH9.js} +4 -4
- package/dist/doc/assets/table-d1SewNuO.js +1 -0
- package/dist/doc/assets/tabs-C60XBCs9.js +18 -0
- package/dist/doc/assets/{tabs-B3SGp8R7.css → tabs-hlfEQ058.css} +1 -1
- package/dist/doc/assets/tabs-vW_19yxP.js +1 -0
- package/dist/doc/assets/{tag-BkuMiR78.js → tag--7Zal5Qh.js} +1 -1
- package/dist/doc/assets/{tag-BzSu1hWx.js → tag-BVTDDSad.js} +1 -1
- package/dist/doc/assets/{toggle-DwIBPen1.js → toggle-Borth1ZY.js} +1 -1
- package/dist/doc/assets/{toggle-EqO81L8C.js → toggle-y-gY6lFl.js} +1 -1
- package/dist/doc/assets/{tooltip-DpEnb-Ez.js → tooltip-03ntAr6u.js} +1 -1
- package/dist/doc/assets/{tooltip-Di8htduO.js → tooltip-CSTgz_s6.js} +1 -1
- package/dist/doc/assets/{translatable-CVnAMpzi.js → translatable-1Spw6vjt.js} +1 -1
- package/dist/doc/assets/{unit-thgjRRiP.js → unit-DrC7rDZj.js} +1 -1
- package/dist/doc/assets/{unit-CHR3cNii.js → unit-qNeooDZa.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/table-BwNXLneC.js +99 -0
- package/dist/table-CZIoYOTL.js +1 -0
- package/dist/{tabs-X0RMcNvq.js → tabs-BRZDtZl_.js} +26 -26
- package/dist/tabs-ovpCyyQj.js +1 -0
- package/dist/vui.esm.js +12 -1
- package/dist/vui.js +1 -1
- package/dist/vui.umd.js +1 -1
- package/package.json +9 -9
- 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/doc/assets/table-0uWudBxb.js +0 -1
- package/dist/doc/assets/tabs-B3nfb47D.js +0 -11
- package/dist/doc/assets/tabs-C3cihruc.js +0 -1
- package/dist/input-Dy5fCJhT.js +0 -103
- package/dist/input-WjGQ7q1J.js +0 -1
- package/dist/table-8qXMDkjH.js +0 -1
- package/dist/table-DuvV-g2p.js +0 -95
- package/dist/tabs-CHwXPZS8.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as r}from"./translatable-
|
|
1
|
+
import{t as r}from"./translatable-1Spw6vjt.js";import{_ as c,r as u,o as a,a as d,d as e,t,b as l,w as v,e as o}from"./index-421S8sYE.js";const p={"page.index.h1":"Yet another Vue library","page.index.description":"VUI is an open source UI library focusing on providing customizable web components for Vue.js.","page.index.get-started":"Get started","page.index.github":"Github"},m={},g={en:p,fr:m},b="Christophe BRAGARD",h="Another yet Vue UI library",f="https://github.com/e-xode/vui#readme",x="@e-xode/vui",_="MIT",j=["dist"],y="./dist/vui.js",w="./dist/vui.esm.js",V="0.6.8",$={type:"git",url:"git+https://github.com/e-xode/vui.git"},k={url:"https://github.com/e-xode/vui/issues"},q={build:"npm run build:components && npm run build:doc","build:components":"vite --config vite.components.mjs build","build:doc":"vite --config vite.doc.mjs build src/doc",dev:"vite --host --config vite.doc.mjs src/doc",lint:"eslint --ext .js,.mjs,.vue src","lint:fix":"eslint --fix --ext .js,.mjs,.vue src",preview:"vite --config vite.doc.mjs preview src/doc","test:unit":"vitest --config vite.components.mjs run","test:unit:coverage":"vitest --config vite.components.mjs run --coverage","test:unit:watch":"vitest --config vite.components.mjs"},C={presets:[["@babel/preset-env"]]},I={root:!0,extends:["plugin:vue/vue3-recommended","eslint:recommended","prettier"],parserOptions:{ecmaVersion:"latest"},rules:{"comma-dangle":["error","never"],indent:["error",4,{SwitchCase:1}],"no-console":["error"],quotes:["error","single"],semi:["error","never"],"vue/attributes-order":["error"],"vue/require-explicit-emits":["error"],"vue/html-closing-bracket-newline":["error"],"vue/html-indent":["error",4],"vue/multi-word-component-names":"off","vue/no-v-html":"off","vue/order-in-components":["error"],"vue/require-default-prop":["error"],"vue/require-prop-types":["error"],"vue/v-on-event-hyphenation":["error"]}},B={axios:"1.6.8",dayjs:"1.11.10","@fortawesome/fontawesome-free":"6.5.2","highlight.js":"11.9.0",mitt:"3.0.1",sass:"^1.72.0",vue:"^3.4.21","vue-i18n":"^9.11.0","vue-router":"^4.3.0",vuetify:"^3.5.15",vuex:"^4.1.0"},D={"@babel/core":"^7.24.4","@babel/preset-env":"^7.24.4","@rushstack/eslint-patch":"^1.10.2","@types/jsdom":"^21.1.6","@types/node":"^20.12.7","@vitejs/plugin-vue":"^5.0.4","@vitest/coverage-istanbul":"^1.5.0","@vue/test-utils":"^2.4.5",eslint:"^8.57.0","eslint-config-prettier":"^9.1.0","eslint-plugin-vue":"^9.24.0",jsdom:"^24.0.0",msw:"2.2.13",prettier:"3.2.5",ramda:"^0.29.1",vite:"^5.2.8",vitest:"^1.4.0"},A={author:b,description:h,homepage:f,name:x,license:_,files:j,main:y,module:w,".":{import:"./dist/vui.js",require:"./dist/vui.esm.js"},"./style.css":{import:"./dist/style.css",require:"./dist/style.css"},version:V,repository:$,bugs:k,scripts:q,babel:C,eslintConfig:I,dependencies:B,devDependencies:D},G={name:"ViewIndex",computed:{version(){return A.version}},created(){r(g)}},N={class:"view-index"},S=e("i",{class:"fa-brands fa-vuejs"},null,-1),U={class:"description"},R={class:"vui-button-holder"},T=e("i",{class:"vui-button-icon fa-solid fa-book-open-reader"},null,-1),z={class:"vui-button vui-button--with-icon vui-button--github",href:"https://github.com/e-xode/v-ui"},E={class:"vui-button-holder"},M=e("i",{class:"vui-button-icon fa-brands fa-github"},null,-1);function O(s,P,Y,F,H,i){const n=u("vui-button");return a(),d("div",N,[e("h1",null,t(s.$t("page.index.h1")),1),S,e("div",U,[e("p",null,t(s.$t("page.index.description")),1),e("p",null," v"+t(i.version),1)]),l(n,{route:{name:"ViewStart"},class:"vui-button--get-started"},{default:v(()=>[e("span",R,[T,o(" "+t(s.$t("page.index.get-started")),1)])]),_:1}),e("a",z,[e("span",E,[M,o(" "+t(s.$t("page.index.github")),1)])])])}const L=c(G,[["render",O]]);export{L as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{c as d}from"./composable-CshUTKfl.js";import{t as r}from"./translatable-1Spw6vjt.js";import{_ as h,a as t,j as u,d as m,n as i,f as a,o as n}from"./index-421S8sYE.js";const c={"component.input.placeholder":"Type a value ..."},y={},f={en:c,fr:y},v={icon:{default:void 0,type:String},modelValue:{default:void 0,types:[Boolean,String,Number,null]},maxlength:{type:Number},name:{type:String},placeholder:{default:null,types:[Boolean,String,Number,null]},type:{default:"text",type:String},value:{default:void 0,types:[Boolean,Number,String,null]},withIcon:{default:!0,type:Boolean}},b={name:"VuiInput",mixins:[d],props:v,emits:["input","update:model-value"],data(){return{typed:null}},computed:{placeholderValue(){return this.placeholder?this.placeholder:this.$t("component.input.placeholder")}},watch:{value(e){this.typed=e},modelValue(e){this.typed=e}},created(){r(f),this.hasModelValue?this.typed=this.modelValue:this.hasValue&&(this.typed=this.value)},methods:{onInput(e){this.typed=this.type==="number"?e.target.valueAsNumber:e.target.value,this.$emit("input",e),this.$emit("update:model-value",this.typed)}}},g=["id"],I=["value","disabled","maxlength","name","placeholder","required","type"],w={key:1,class:i(["vui-input-icon","fa-font"])},V={key:2,class:i(["vui-input-icon","fa-at"])},k={key:3,class:i(["vui-input-icon","fa-key"])},B={key:4,class:i(["vui-input-icon","fa-arrow-down-1-9"])};function N(e,o,S,$,s,l){return n(),t("div",{id:e.componentId,class:i(["vui-input",`vui-input--${e.layout}`,{"vui-input--flat":e.hasAttribute("flat")},{"vui-input--with-icon":e.withIcon},{"vui-input--disabled":e.disabled},{"vui-input--loading":!e.disabled&&e.loading},e.$props.class])},[u(e.$slots,"prepend"),m("input",{value:s.typed,disabled:e.disabled,maxlength:e.maxlength,name:e.name,placeholder:l.placeholderValue,required:e.hasAttribute("required"),type:e.type,onInput:o[0]||(o[0]=(...p)=>l.onInput&&l.onInput(...p))},null,40,I),e.withIcon&&e.icon?(n(),t("i",{key:0,class:i(["vui-input-icon",e.icon])},null,2)):a("",!0),e.withIcon&&!e.icon&&e.type==="text"?(n(),t("i",w)):a("",!0),e.withIcon&&!e.icon&&e.type==="email"?(n(),t("i",V)):a("",!0),e.withIcon&&!e.icon&&e.type==="password"?(n(),t("i",k)):a("",!0),e.withIcon&&!e.icon&&e.type==="number"?(n(),t("i",B)):a("",!0),u(e.$slots,"append")],10,g)}const j=h(b,[["render",N]]);export{j as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes loading{0%{left:0;opacity:1}50%{left:70%;opacity:0}to{left:0;opacity:1}}.vui-input{display:inline-flex;border:1px solid rgb(189,195,199);border-radius:.15rem}.vui-input.vui-input--default input::placeholder{color:#bdc3c7}.vui-input.vui-input--default .vui-input-icon:before{color:#000}.vui-input.vui-input--error{border-color:#960e13}.vui-input.vui-input--error input::placeholder{color:#ea2027}.vui-input.vui-input--error .vui-input-icon:before{color:#960e13}.vui-input.vui-input--error .vui-input-label{color:#ea2027}.vui-input.vui-input--success{border-color:#145b32}.vui-input.vui-input--success input::placeholder{color:#27ae60}.vui-input.vui-input--success .vui-input-icon:before{color:#145b32}.vui-input.vui-input--success .vui-input-label{color:#145b32}.vui-input.vui-input--warning{border-color:#976008}.vui-input.vui-input--warning input::placeholder{color:#f39c12}.vui-input.vui-input--warning .vui-input-icon:before{color:#976008}.vui-input.vui-input--warning .vui-input-label{color:#976008}.vui-input.vui-input--disabled{border-color:#949da4;cursor:not-allowed}.vui-input.vui-input--disabled input::placeholder{color:#000}.vui-input.vui-input--disabled .vui-input-icon:before{color:#949da4}.vui-input input{width:100%;padding:.5rem .25rem .25rem .5rem;outline:none;border:none}.vui-input input:disabled{color:#78848c;background-color:#e6e9ea;border-color:#e6e9ea;cursor:not-allowed}.vui-input input:disabled::placeholder{color:#bdc3c7}.vui-input .vui-input-icon{padding:0 .5rem;background-color:#e6e9ea;border-left:1px solid rgb(189,195,199)}.vui-input .vui-input-icon:before{display:inline-flex;vertical-align:middle;font-family:"Font Awesome 5 Solid";font-style:normal;font-weight:900;text-rendering:auto;-webkit-font-smoothing:antialiased;line-height:1.75rem}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import{d as b}from"./demonstrable-D6rf1mQ8.js";import{t as f}from"./translatable-1Spw6vjt.js";import _ from"./input-DAYAbs_u.js";import{_ as x,a as l,b as p,w as o,r as n,o as a,F as r,g as w,d as i,t as s,h as T,m as B,i as k}from"./index-421S8sYE.js";import"./composable-CshUTKfl.js";const S={"page.component.input.title-default":"Input type as text","page.component.input.title-disabled":"Input type disabled","page.component.input.title-number":"Input type as number","page.component.input.title-email":"Input type as email","page.component.input.title-password":"Input type as password","page.component.input.vmodel":"v-model","page.component.input.vmodel.none":"none","page.component.input.doc.prop.disabled":"Binds the disabled state","page.component.input.doc.prop.icon":"Class name of the icon to append","page.component.input.doc.prop.loading":"Binds the loading state","page.component.input.doc.prop.type":"Type of input: email, text, number","page.component.input.doc.prop.value":"Value of the input","page.component.input.doc.prop.v-model":"Binds the value of input","page.component.input.doc.prop.with-icon":"Allows default icon based on component type (default true)","page.component.input.doc.slot.default":"Default slot of component","page.component.input.doc.slot.prepend":"Slot used to insert custom content at the beginning of component","page.component.input.doc.slot.append":"Slot used to insert custom content et the end of component"},I={},V={en:S,fr:I},m={attrs:[],examples:[{markup:`
|
|
2
|
+
<vui-input
|
|
3
|
+
id="example-input-default"
|
|
4
|
+
layout="default"
|
|
5
|
+
placeholder="Type a value"
|
|
6
|
+
type="text"
|
|
7
|
+
/>
|
|
8
|
+
`,props:{id:"example-input-1",name:"example-input-1",placeholder:"Type a value",type:"text"},title:"page.component.input.title-default"},{markup:`
|
|
9
|
+
<vui-input
|
|
10
|
+
id="example-input-disabled"
|
|
11
|
+
layout="default"
|
|
12
|
+
placeholder="Type a value"
|
|
13
|
+
type="text"
|
|
14
|
+
disabled
|
|
15
|
+
/>
|
|
16
|
+
`,props:{disabled:!0,id:"example-input-disabled",name:"example-input-disabled",placeholder:"Type a value",type:"text"},title:"page.component.input.title-disabled"},{markup:`
|
|
17
|
+
<vui-input
|
|
18
|
+
id="example-input-number"
|
|
19
|
+
layout="success"
|
|
20
|
+
placeholder="Type a value"
|
|
21
|
+
type="number"
|
|
22
|
+
/>
|
|
23
|
+
`,props:{id:"example-input-number",layout:"success",name:"example-input-number",placeholder:"Type a value",type:"number"},title:"page.component.input.title-number"},{markup:`
|
|
24
|
+
<vui-input
|
|
25
|
+
id="example-input-email"
|
|
26
|
+
layout="warning"
|
|
27
|
+
placeholder="Type a value"
|
|
28
|
+
type="email"
|
|
29
|
+
/>
|
|
30
|
+
`,props:{id:"example-input-email",name:"example-input-email",layout:"warning",placeholder:"Type a value",type:"email"},title:"page.component.input.title-email"},{markup:`
|
|
31
|
+
<vui-input
|
|
32
|
+
id="example-input-password"
|
|
33
|
+
layout="error"
|
|
34
|
+
placeholder="Type a value"
|
|
35
|
+
type="password"
|
|
36
|
+
/>
|
|
37
|
+
`,props:{id:"example-input-password",layout:"error",name:"example-input-password",placeholder:"Type a value",type:"password"},title:"page.component.input.title-password"}],props:[{tag:"disabled",type:"Boolean",text:"page.component.input.doc.prop.disabled"},{tag:"icon",type:"String",text:"page.component.input.doc.prop.icon"},{tag:"loading",type:"Boolean",text:"page.component.input.doc.prop.loading"},{tag:"type",type:"String",text:"page.component.input.doc.prop.type"},{tag:"value",type:"Number, String",text:"page.component.input.doc.prop.value"},{tag:"v-model",type:"Number, String",text:"page.component.input.doc.prop.v-model"},{tag:"with-icon",type:"Boolean",text:"page.component.input.doc.prop.with-icon"}],slots:[{name:"prepend",text:"page.component.input.doc.slot.prepend"},{name:"default",text:"page.component.input.doc.slot.default"},{name:"append",text:"page.component.input.doc.slot.append"}]},$={name:"ViewInput",mixins:[b],setup(){return f(V),{}},data(){return{form:{}}},computed:{doc(){return m},examples(){return this.docExamples(_,m)}}},C={class:"view-input"},H={class:"title"},N=["innerHTML"],D={class:"title"},L={class:"title"};function P(e,E,F,M,c,g){const y=n("vui-card"),u=n("vui-grid-unit"),d=n("vui-table"),h=n("vui-grid");return a(),l("div",C,[p(h,{"col-sm":"1","col-md":"2"},{default:o(()=>[p(u,{class:"examples"},{default:o(()=>[(a(!0),l(r,null,w(g.examples,t=>(a(),l(r,{key:`button-${t.props.id}`},[p(y,null,{header:o(()=>[i("span",H,s(e.$t(t.title)),1)]),body:o(()=>[(a(),T(k(t.component),B(t.props,{id:t.props.id,required:"",class:"test","onUpdate:modelValue":v=>c.form[t.props.id]=v}),null,16,["id","onUpdate:modelValue"]))]),_:2},1024),i("div",{class:"highlighted-code",innerHTML:t.highlighted},null,8,N)],64))),128))]),_:1}),p(u,{class:"api-options"},{default:o(()=>[i("h2",D,s(e.$t("page.component.h2.api")),1),p(d,{"item-label":"label","item-value":"value",headers:e.docPropsHeaders,items:e.docProps},null,8,["headers","items"]),i("h2",L,s(e.$t("page.component.h2.slots")),1),p(d,{"item-label":"label","item-value":"value",headers:e.docSlotsHeaders,items:e.docSlots},null,8,["headers","items"])]),_:1})]),_:1})])}const G=x($,[["render",P]]);export{G as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a as w}from"./animable-S5zFcxd4.js";import{c as L}from"./composable-CshUTKfl.js";import{_ as S,a as n,j as c,f as m,d as v,F as y,g as V,n as h,o,e as f,t as b,p as I}from"./index-
|
|
1
|
+
import{a as w}from"./animable-S5zFcxd4.js";import{c as L}from"./composable-CshUTKfl.js";import{_ as S,a as n,j as c,f as m,d as v,F as y,g as V,n as h,o,e as f,t as b,p as I}from"./index-421S8sYE.js";import{t as j}from"./translatable-1Spw6vjt.js";function p(e){return e!=null&&typeof e=="object"&&e["@@functional/placeholder"]===!0}function g(e){return function t(s){return arguments.length===0||p(s)?t:e.apply(this,arguments)}}function C(e){return function t(s,a){switch(arguments.length){case 0:return t;case 1:return p(s)?t:g(function(r){return e(s,r)});default:return p(s)&&p(a)?t:p(s)?g(function(r){return e(r,a)}):p(a)?g(function(r){return e(s,r)}):e(s,a)}}}var B=C(function(t,s){for(var a={},r={},i=0,l=t.length;i<l;)r[t[i]]=1,i+=1;for(var u in s)r.hasOwnProperty(u)||(a[u]=s[u]);return a});const G={},A={},K={en:G,fr:A},N={autoclose:{type:Boolean,default:!0},disableFiltering:{type:Boolean,default:!1},expanded:{type:Boolean,default:!1},keyword:{type:String},items:{type:Array,required:!0},itemLabel:{type:String,default:"label"},itemValue:{type:String,default:"value"},modelValue:{default:void 0,types:[Boolean,Number,Object,String]},selectable:{type:Boolean},title:{type:String},value:{default:void 0,types:[Boolean,Number,Object,String]}},O={name:"VuiList",mixins:[w,L],props:N,emits:["update:model-value"],data(){return{last:null,open:{},selected:null}},computed:{hasKeyword(){var e;return!this.disableFiltering&&((e=this.keyword)==null?void 0:e.length)},list(){return this.items.reduce((e,t)=>(this.isGroup(t)?e.push({...t,$$id:this.newId(),value:t[this.itemValue].reduce((s,a)=>!this.hasKeyword||this.match(a)?[...s,this.mapItem(a,this.newId())]:s,[])}):(!this.hasKeyword||this.match(t))&&e.push(this.mapItem(t,this.newId())),e),[])}},watch:{items(){this.autoexpand()},modelValue(e){this.selected=this.mapItem(e)},value(e){this.selected=this.mapItem(e)}},created(){j(K),this.hasModelValue?this.selected=this.mapItem(this.modelValue):this.hasValue&&(this.selected=this.mapItem(this.value)),this.autoexpand()},methods:{autoexpand(){this.open=this.items.reduce((e,t,s)=>{if(this.isGroup(t)){const r=t[this.itemValue].findIndex(i=>this.isSelected(i));if(this.expanded||r>-1)return{...e,[s]:!0}}return e},{})},isAnimating(e){const{animating:t,last:s}=this;return s===e&&t},isGroup(e){return Array.isArray(e==null?void 0:e[this.itemValue])},isObject(e){const t=this.itemValue;return this.isGroup(e)?typeof e[t][0]=="object":typeof e=="object"},isSelected(e){return!e.disabled&&typeof this.selected<"u"?typeof e=="object"?this.selected&&this.selected[this.itemValue]===e[this.itemValue]:this.selected&&this.selected===e:!1},isToggled(e){const{last:t,open:s,toggled:a}=this;return t===e&&s[e]&&a},match(e){return typeof e=="object"?`${e[this.itemLabel]}`.includes(this.keyword):`${e}`.includes(this.keyword)},mapItem(e,t){const s=typeof e=="object"?e:{[this.itemLabel]:e,[this.itemValue]:e};return t?{...s,$$id:t}:s},onClick(e){if(!this.disabled&&this.selectable){const t=B(["$$id"],e),s=this.isObject(t)&&this.hasAttribute("return-object")?t:t[this.itemValue];this.selected=this.isSelected(t)?null:t,t.route&&this.$router.push(t.route),this.$emit("update:model-value",s)}},onToggle(e){this.disabled||(this.last=e,this.autoclose?this.open={[e]:!this.open[e]}:this.open[e]=!this.open[e],this.onAnimate(this.open[e]))}}},T=["id"],F={key:0,class:"vui-list-title"},$={class:"vui-list-items"},M=["onClick"],P=["onClick"],q=["onClick"];function z(e,t,s,a,r,i){return o(),n("div",{id:e.componentId,class:h(["vui-list",{"vui-list--flat":e.hasAttribute("flat")},e.$props.class])},[c(e.$slots,"prepend"),e.title?(o(),n("div",F,[c(e.$slots,"placeholder",{item:e.title},()=>[f(b(e.title),1)])])):m("",!0),v("div",$,[(o(!0),n(y,null,V(i.list,(l,u)=>(o(),n("div",{key:l.$$id,class:h([{"vui-list-items-item":!i.isGroup(l)},{"vui-list-items-group-item":i.isGroup(l)}])},[i.isGroup(l)?m("",!0):(o(),n("div",{key:0,class:h([{"vui-list-items-item-label":!i.isGroup(l)},{"vui-list-items-item-label--selectable":e.selectable},{"vui-list-items-item-label--selected":i.isSelected(l)}]),onClick:()=>i.onClick(l)},[l.icon?(o(),n("i",{key:0,class:h(["vui-list-items-item-label-icon",l.icon])},null,2)):m("",!0),c(e.$slots,"item",{index:u,item:l,itemLabel:e.itemLabel,itemValue:e.itemValue},()=>[f(b(l[e.itemLabel]),1)])],10,M)),i.isGroup(l)?(o(),n(y,{key:1},[v("div",{class:h(["vui-list-items-item-group-label",{"vui-list-items-item-group-label--toggled":i.isToggled(u)},{"vui-list-items-item-group-label--animating":i.isAnimating(u)},{"vui-list-items-item-group-label--open":r.open[u]||i.hasKeyword}]),onClick:I(()=>i.onToggle(u),["stop"])},[c(e.$slots,"group-item",{index:u,item:l,itemLabel:e.itemLabel,itemValue:e.itemValue},()=>[f(b(l[e.itemLabel]),1)])],10,P),r.open[u]||i.hasKeyword?(o(!0),n(y,{key:0},V(l[e.itemValue],(d,k)=>(o(),n("div",{key:d.$$id,class:h(["vui-list-items-item-label",{"vui-list-items-item-label--selectable":e.selectable},{"vui-list-items-item-label--selected":i.isSelected(d)}]),onClick:()=>i.onClick(d)},[d.icon?(o(),n("i",{key:0,class:h(["vui-list-items-item-label-icon",d.icon])},null,2)):m("",!0),c(e.$slots,"item",{index:k,item:d,itemLabel:e.itemLabel,itemValue:e.itemValue},()=>[f(b(d[e.itemLabel]),1)])],10,q))),128)):m("",!0)],64)):m("",!0)],2))),128))]),c(e.$slots,"append")],10,T)}const Q=S(O,[["render",z]]);export{Q as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{d as b}from"./demonstrable-
|
|
1
|
+
import{d as b}from"./demonstrable-D6rf1mQ8.js";import{t as v}from"./translatable-1Spw6vjt.js";import h from"./list-D2FEJjG3.js";import{_ as f,a,b as l,w as i,r as s,o,F as c,g as y,h as x,m as _,i as L,d as p,t as m}from"./index-421S8sYE.js";import"./animable-S5zFcxd4.js";import"./composable-CshUTKfl.js";const S={"page.component.list.text-1":"List an array of strings, numbers, ...","page.component.list.text-2":"List an array of objects","page.component.list.text-3":"List with groups of objects arrays","page.component.list.doc.prop.autoclose":"Closes automatically opened group when a new one is opened","page.component.list.doc.prop.disable-filtering":"Disable the internal filtering even a keyword props is provided, useful serverside filtering is needed","page.component.list.doc.prop.disabled":"Binds the disabled state condition","page.component.list.doc.prop.expanded":"Start with all items groups opened","page.component.list.doc.prop.icon":"Class name of the icon to display before each item label","page.component.list.doc.prop.keyword":"Used to filter the items list","page.component.list.doc.prop.loading":"Binds the loading state","page.component.list.doc.prop.item-label":"Label key foreach list item","page.component.list.doc.prop.item-value":"Value key foreach list item","page.component.list.doc.prop.items":"Array of values that composes the list","page.component.list.doc.prop.selectable":"Determines if list items are selectable","page.component.list.doc.prop.title":"Display a title above the list items","page.component.list.doc.prop.value":"Selected item in the list","page.component.list.doc.prop.v-model":"Binds the model value of dropdown","page.component.list.doc.slot.group-item":"Slot to iterates over each item group","page.component.list.doc.slot.item":"Slot to iterates over each item of the list","page.component.list.doc.slot.placeholder":"Slot for the placeholder"},B={},k={en:S,fr:B},d={attrs:[],examples:[{markup:`
|
|
2
2
|
<vui-list
|
|
3
3
|
:items=[1, 2, 3, 4]
|
|
4
4
|
:selectable="true"
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{d as h}from"./demonstrable-
|
|
1
|
+
import{d as h}from"./demonstrable-D6rf1mQ8.js";import{t as f}from"./translatable-1Spw6vjt.js";import y from"./loader-Bf-nSxQT.js";import{_,a as r,b as t,w as l,r as d,o as a,F as i,g as v,h as b,k as x,l as k,i as S,d as n,t as p}from"./index-421S8sYE.js";import"./composable-CshUTKfl.js";import"./alert-DfQwT6OA.js";const m={attrs:[{name:"flat",text:"page.component.loader.doc.attr.flat"}],examples:[{markup:`
|
|
2
2
|
<vui-loader
|
|
3
3
|
text="It's loading..."
|
|
4
4
|
>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{c as n}from"./composable-CshUTKfl.js";import{t as r}from"./translatable-
|
|
1
|
+
import{c as n}from"./composable-CshUTKfl.js";import{t as r}from"./translatable-1Spw6vjt.js";import l from"./alert-DfQwT6OA.js";import{_ as i,h as p,w as d,n as e,r as c,o as u,j as s,d as a,t as m}from"./index-421S8sYE.js";const f={"component.loader.text":"It's loading..."},$={},v={en:f,fr:$},h={icon:{type:String,default:"fa-sharp fa-solid fa-spinner"},text:{type:String}},g={name:"VuiLoader",components:{VuiAlert:l},mixins:[n],props:h,created(){r(v)}},y={class:"vui-loader-body"};function b(o,S,V,B,C,_){const t=c("vui-alert");return u(),p(t,{id:o.componentId,class:e(["vui-loader",`vui-loader--${o.layout}`,{"vui-loader--flat":o.hasAttribute("flat")},o.$props.class])},{default:d(()=>[s(o.$slots,"prepend"),s(o.$slots,"icon",{},()=>[a("i",{class:e(["vui-loader-icon",o.icon])},null,2)]),s(o.$slots,"default",{},()=>[a("span",y,m(o.text?o.text:o.$t("component.loader.text")),1)]),s(o.$slots,"append")]),_:3},8,["id","class"])}const L=i(g,[["render",b]]);export{L as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{d as w}from"./demonstrable-
|
|
1
|
+
import{d as w}from"./demonstrable-D6rf1mQ8.js";import{t as C}from"./translatable-1Spw6vjt.js";import x from"./modal-VE08CY0x.js";import{_ as V,a as s,b as e,w as t,r as a,o as p,F as h,g as B,e as H,t as l,m as k,d as n}from"./index-421S8sYE.js";import"./button-DvGB3hP2.js";import"./animable-S5zFcxd4.js";import"./composable-CshUTKfl.js";const F={"page.component.modal.example-1":"modal example","page.component.modal.click-to-open":"click to open","page.component.modal.content":"My modal content","page.component.modal.title":"My modal title","page.component.modal.doc.prop.loading":"Binds the loading state","page.component.modal.doc.prop.showFooter":"Enables the modal footer","page.component.modal.doc.prop.showFooterClose":"Displays close button in the modal footer","page.component.modal.doc.prop.showHeader":"Enables the modal header","page.component.modal.doc.prop.showHeaderClose":"Display the close button in the modal header","page.component.modal.doc.prop.value":"Defines the visible state of the modal","page.component.modal.doc.prop.vmodel":"Binds the visible state of the modal","page.component.modal.doc.slot.header":"Slot for the header content of modal","page.component.modal.doc.slot.body":"Slot for the body content of modal","page.component.modal.doc.slot.footer":"Slot for the footer content of modal"},M={},$={en:F,fr:M},g={attrs:[],examples:[{markup:`
|
|
2
2
|
<vui-modal
|
|
3
3
|
id="vui-modal-1"
|
|
4
4
|
:showHeaderClose="true"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import u from"./button-
|
|
1
|
+
import u from"./button-DvGB3hP2.js";import{c as h}from"./composable-CshUTKfl.js";import{t as m}from"./translatable-1Spw6vjt.js";import{_ as c,a as t,j as i,d as p,t as f,f as o,h as b,n as V,r as v,o as s}from"./index-421S8sYE.js";import"./animable-S5zFcxd4.js";const y={"component.button.close":"Close"},k={},g={en:y,fr:k},C={loading:{type:Boolean},modelValue:{default:void 0,type:Boolean},showFooter:{type:Boolean},showFooterClose:{type:Boolean},showHeader:{type:Boolean},showHeaderClose:{type:Boolean},title:{type:String},value:{default:void 0,type:Boolean}},B={name:"VuiModal",components:{VuiButton:u},mixins:[h],props:C,emits:["update:model-value"],data(){return{isVisible:!1}},computed:{isHeaderVisible(){return this.$slots.header||this.showHeader||this.showHeaderClose},isFooterVisible(){return this.$slots.footer||this.showFooter||this.showFooterClose}},watch:{modelValue(e){this.isVisible=e},value(e){this.isVisible=e}},created(){m(g),this.hasModelValue?this.isVisible=this.modelValue:this.hasValue&&(this.isVisible=this.value)},methods:{onToggle(){this.disabled||(this.isVisible=!this.isVisible,this.$emit("update:model-value",this.isVisible))}}},w=["id"],$={class:"vui-modal-content"},H={key:0,class:"vui-modal-content-header"},_={key:0,class:"vui-modal-content-header-title"},F={key:1,class:"vui-modal-content-body"},T={key:2,class:"vui-modal-content-footer"};function M(e,a,S,N,n,l){const r=v("vui-button");return n.isVisible?(s(),t("div",{key:0,id:e.componentId,class:V(["vui-modal",e.$props.class])},[i(e.$slots,"prepend"),p("div",$,[l.isHeaderVisible?(s(),t("div",H,[e.title?(s(),t("span",_,f(e.title),1)):o("",!0),e.showHeaderClose?(s(),t("i",{key:1,class:"fa-regular fa-circle-xmark",onClick:a[0]||(a[0]=(...d)=>l.onToggle&&l.onToggle(...d))})):o("",!0),i(e.$slots,"header")])):o("",!0),e.$slots.body||e.$slots.default?(s(),t("div",F,[i(e.$slots,"body"),i(e.$slots,"default")])):o("",!0),l.isFooterVisible?(s(),t("div",T,[e.showHeaderClose?(s(),b(r,{key:0,text:e.$t("component.button.close"),onClick:l.onToggle},null,8,["text","onClick"])):o("",!0),i(e.$slots,"footer")])):o("",!0)]),i(e.$slots,"append")],10,w)):o("",!0)}const q=c(B,[["render",M]]);export{q as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{d as f}from"./demonstrable-
|
|
1
|
+
import{d as f}from"./demonstrable-D6rf1mQ8.js";import{t as _}from"./translatable-1Spw6vjt.js";import x from"./nav-IXrpcqYs.js";import{_ as y,a as l,b as t,w as n,r as p,o,F as u,g as L,h as S,m as V,i as k,d as s,t as v}from"./index-421S8sYE.js";import"./list-D2FEJjG3.js";import"./animable-S5zFcxd4.js";import"./composable-CshUTKfl.js";const B={"page.component.nav.doc.prop.disabled":"Binds the disabled state condition","page.component.nav.doc.prop.icon":"Class name of the icon to display before each item label","page.component.nav.doc.prop.item-label":"Label key foreach nav item","page.component.nav.doc.prop.item-value":"Value key foreach nav item","page.component.nav.doc.prop.items":"Array of values that composes the nav","page.component.nav.doc.prop.loading":"Layout of the tag","page.component.nav.doc.prop.value":"Selected item in the nav","page.component.nav.doc.prop.v-model":"Binds the models of nav","page.component.nav.doc.slot.group-item":"Slot to custom each items group of the list","page.component.nav.doc.slot.item":"Slot to custom each item of the list","page.component.nav.doc.slot.placeholder":"Placeholder slot for the default list title element"},N={},w={en:B,fr:N},i={examples:[{markup:`
|
|
2
2
|
<vui-nav
|
|
3
3
|
:items=[
|
|
4
4
|
{ label: "label 1", value: "value 1" },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import V from"./list-
|
|
1
|
+
import V from"./list-D2FEJjG3.js";import{c as y}from"./composable-CshUTKfl.js";import{t as k}from"./translatable-1Spw6vjt.js";import{_ as g,a as i,j as n,b as N,w as m,n as p,r as c,o as l,f as r,t as f,h as B,e as C}from"./index-421S8sYE.js";import"./animable-S5zFcxd4.js";const S={},_={},$={en:S,fr:_},w={items:{type:Array,required:!0},itemLabel:{type:String},itemValue:{type:String},modelValue:{default:void 0,types:[Boolean,Number,Object,String]},showIcons:{type:Boolean,default:!0},value:{default:void 0,types:[Boolean,Number,Object,String]}},I={name:"VuiNav",components:{VuiList:V},mixins:[y],props:w,emits:["update:model-value"],data(){return{selected:null}},watch:{modelValue(e){this.selected=e},value(e){this.selected=e}},created(){k($),this.hasModelValue?this.selected=this.modelValue:this.hasValue&&(this.selected=this.value)},methods:{onClick(e){this.disabled||this.$emit("update:model-value",e)}}},j=["id"],A={key:1,class:"vui-list-items-item-label-text"};function L(e,d,O,U,u,h){const v=c("router-link"),b=c("vui-list");return l(),i("div",{id:e.componentId,class:p(["vui-nav",{"vui-nav--flat":e.hasAttribute("flat")},e.$props.class])},[n(e.$slots,"prepend"),N(b,{modelValue:u.selected,"onUpdate:modelValue":[d[0]||(d[0]=s=>u.selected=s),h.onClick],class:"vui-nav-list","group-id":e.componentGroupId,disabled:e.disabled,"item-label":e.itemLabel,"item-value":e.itemValue,items:e.items,selectable:!e.disabled},{item:m(({index:s,item:t,itemValue:o,itemLabel:a})=>[n(e.$slots,"item",{index:s,item:t,itemLabel:a,itemValue:o},()=>[e.showIcons?(l(),i("i",{key:0,class:p(["fa-solid",{"fa-location-dot":!s},{"fa-chevron-right":s}])},null,2)):r("",!0),t.route?r("",!0):(l(),i("span",A,f(o?t[a]:t),1)),t.route?(l(),B(v,{key:2,to:t.route,class:"vui-list-items-item-label-text"},{default:m(()=>[C(f(o?t[a]:t),1)]),_:2},1032,["to"])):r("",!0)])]),_:3},8,["modelValue","group-id","disabled","item-label","item-value","items","selectable","onUpdate:modelValue"]),n(e.$slots,"append")],10,j)}const M=g(I,[["render",L]]);export{M as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a as n}from"./animable-S5zFcxd4.js";import{c as d}from"./composable-CshUTKfl.js";import{t as p}from"./translatable-
|
|
1
|
+
import{a as n}from"./animable-S5zFcxd4.js";import{c as d}from"./composable-CshUTKfl.js";import{t as p}from"./translatable-1Spw6vjt.js";import{_ as u,a as e,j as o,f as a,n as c,o as t}from"./index-421S8sYE.js";const m={},f={},$={en:m,fr:f},h={name:"VuiPage",mixins:[n,d],created(){p($)},methods:{outclick(){this.$bus.emit("outclick",this.componentGroupId)}}},k=["id"],v={key:0,class:"vui-page-header"},g={key:1,class:"vui-page-body"},b={key:2,class:"vui-page-footer"};function y(s,r,C,V,B,l){return t(),e("div",{id:s.componentId,class:c(["vui-page",`vui-page--${s.layout}`,{"vui-page--flat":s.hasAttribute("flat")},s.$props.class]),onClick:r[0]||(r[0]=(...i)=>l.outclick&&l.outclick(...i))},[o(s.$slots,"prepend"),s.$slots.header?(t(),e("div",v,[o(s.$slots,"header")])):a("",!0),s.$slots.body||s.$slots.default?(t(),e("div",g,[o(s.$slots,"body"),o(s.$slots,"default")])):a("",!0),s.$slots.footer?(t(),e("div",b,[o(s.$slots,"footer")])):a("",!0),o(s.$slots,"append")],10,k)}const A=u(h,[["render",y]]);export{A as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{d as f}from"./demonstrable-
|
|
1
|
+
import{d as f}from"./demonstrable-D6rf1mQ8.js";import{t as b}from"./translatable-1Spw6vjt.js";import v from"./page-BpUtuiQG.js";import{_,a as s,b as t,w as a,r as n,o as g,F as i,g as M,k,l as S,q as $,e as l,t as p,d as r}from"./index-421S8sYE.js";import"./animable-S5zFcxd4.js";import"./composable-CshUTKfl.js";const m={attrs:[{name:"flat",text:"page.component.page.doc.attr.flat"}],examples:[{markup:`
|
|
2
2
|
<vui-page
|
|
3
3
|
layout="warning"
|
|
4
4
|
id="vui-page-1"
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{d as b}from"./demonstrable-
|
|
1
|
+
import{d as b}from"./demonstrable-D6rf1mQ8.js";import{t as f}from"./translatable-1Spw6vjt.js";import x from"./pager-CXdKPt5C.js";import{_ as V,a as s,b as o,w as r,r as n,o as a,F as c,g as y,h as k,m as z,i as B,d as i,t as u}from"./index-421S8sYE.js";import"./nav-IXrpcqYs.js";import"./list-D2FEJjG3.js";import"./animable-S5zFcxd4.js";import"./composable-CshUTKfl.js";import"./button-DvGB3hP2.js";const g={attrs:[],examples:[{markup:`
|
|
2
2
|
<vui-pager
|
|
3
3
|
id="vui-page-1"
|
|
4
4
|
:count="9"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import h from"./nav-
|
|
1
|
+
import h from"./nav-IXrpcqYs.js";import f from"./button-DvGB3hP2.js";import{a as b}from"./animable-S5zFcxd4.js";import{c as v}from"./composable-CshUTKfl.js";import{t as V}from"./translatable-1Spw6vjt.js";import{_ as P,a as k,j as a,d as r,n as d,r as u,o as C,b as i,m as l}from"./index-421S8sYE.js";import"./list-D2FEJjG3.js";const N={"page.component.pager.doc.prop.count":"Total number of paginated items","page.component.pager.doc.prop.disabled":"Binds the disabled state condition","page.component.pager.doc.prop.loading":"Binds the loading state","page.component.pager.doc.prop.size":"Number of paginated items per page","page.component.pager.doc.prop.value":"Selected item in the pager","page.component.pager.doc.prop.v-model":"Binds the model changes of pager","page.component.pager.doc.slot.first":"Slot for first page button","page.component.pager.doc.slot.last":"Slot for last page button","page.component.pager.doc.slot.previous":"Slot for previous page button","page.component.pager.doc.slot.next":"Slot for next page button"},B={},L={en:N,fr:B},S={count:{type:Number,default:0},modelValue:{default:void 0,type:Number},value:{default:void 0,type:Number},size:{type:Number,default:25}},y={name:"VuiPager",components:{VuiButton:f,VuiNav:h},mixins:[b,v],props:S,emits:["update:model-value"],data(){return{page:1}},computed:{isLast(){return this.page===this.last},last(){return Math.ceil(this.count/this.size)},pages(){if(this.last){const e=[...Array.from({length:this.last},(g,t)=>t+1)],o=e.slice(0,this.page),n=e.slice(this.page,e.length);return[...o.slice(-(n.length>2?2:2+(2-n.length))),...n.slice(0,o.length>2?2:2+(2-o.length))]}return[]}},watch:{modelValue(e){this.page=e},value(e){this.page=e}},created(){V(L),this.hasModelValue?this.page=this.modelValue:this.hasValue&&(this.page=this.value)},methods:{onFirst(){!this.disabled&&this.page>1&&(this.page=1,this.onPage())},onLast(){!this.disabled&&!this.isLast&&(this.page=this.last,this.onPage())},onNext(){!this.disabled&&!this.isLast&&(this.page++,this.onPage())},onPrevious(){!this.disabled&&this.page>1&&(this.page--,this.onPage())},onPage(){this.$emit("update:model-value",this.page)}}},z=["id"],U={class:"vui-pager-content"};function _(e,o,n,g,t,s){const p=u("vui-button"),c=u("vui-nav");return C(),k("div",{id:e.componentId,class:d(["vui-pager",e.$props.class])},[a(e.$slots,"prepend"),r("div",U,[a(e.$slots,"first",{},()=>[i(p,l(e.$attrs,{disabled:t.page===1,icon:"fa-solid fa-angles-left",class:"vui-button--first",onClick:s.onFirst}),null,16,["disabled","onClick"])]),a(e.$slots,"previous",{},()=>[i(p,l(e.$attrs,{disabled:t.page===1,icon:"fa-solid fa-chevron-left",class:"vui-button--previous",onClick:s.onPrevious}),null,16,["disabled","onClick"])]),a(e.$slots,"pages",{},()=>[r("div",{class:d(["ellipse",{visible:s.last>4&&t.page+2>4}])}," ... ",2),i(c,l({modelValue:t.page,"onUpdate:modelValue":o[0]||(o[0]=m=>t.page=m)},e.$attrs,{flat:e.hasAttribute("flat"),items:s.pages,"show-icons":!1,"onUpdate:modelValue":s.onPage}),null,16,["modelValue","flat","items","onUpdate:modelValue"]),r("div",{class:d(["ellipse",{visible:s.last>4&&t.page+2<s.last}])}," ... ",2)]),a(e.$slots,"next",{},()=>[i(p,l(e.$attrs,{disabled:s.isLast,icon:"fa-solid fa-chevron-right",class:"vui-button--next",onClick:s.onNext}),null,16,["disabled","onClick"])]),a(e.$slots,"previous",{},()=>[i(p,l(e.$attrs,{disabled:s.isLast,icon:"fa-solid fa-angles-right",class:"vui-button--last",onClick:s.onLast}),null,16,["disabled","onClick"])])]),a(e.$slots,"append")],10,z)}const T=P(y,[["render",_]]);export{T as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{d as g}from"./demonstrable-
|
|
1
|
+
import{d as g}from"./demonstrable-D6rf1mQ8.js";import{t as v}from"./translatable-1Spw6vjt.js";import _ from"./progress-yFWu8fT9.js";import{_ as h,a as t,b as s,w as a,r as p,o as r,F as c,g as x,h as b,k as f,l as y,i as k,d as l,t as w}from"./index-421S8sYE.js";import"./composable-CshUTKfl.js";const B={"page.component.progress.doc.prop.disabled":"Bind the disabled state","page.component.progress.doc.prop.layout":"The progress-bar layout: [error, success, warning]","page.component.progress.doc.prop.min":"Minimum value of progressbar","page.component.progress.doc.prop.max":"Maximum value of progressbar","page.component.progress.doc.prop.value":"current value of progressbar"},P={},$={en:B,fr:P},n={examples:[{markup:`
|
|
2
2
|
<vui-progress
|
|
3
3
|
min="0"
|
|
4
4
|
max="100"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{c}from"./composable-CshUTKfl.js";import{t as p}from"./translatable-
|
|
1
|
+
import{c}from"./composable-CshUTKfl.js";import{t as p}from"./translatable-1Spw6vjt.js";import{_ as u,a as l,j as t,d as a,s as d,n as o,o as m}from"./index-421S8sYE.js";const h={},b={},v={en:h,fr:b},f={min:{type:Number,required:!0},max:{type:Number,required:!0},value:{type:Number,required:!0}},$={name:"VuiProgress",mixins:[c],props:f,computed:{width(){const s=Math.abs(this.value),e=Math.abs(this.min),r=Math.abs(this.max);return`${Math.round(s/(e+r)*100)}%`}},created(){p(v)}},g=["id"];function y(s,e,r,n,_,i){return m(),l("div",{id:s.componentId,class:o(["vui-progress",s.$props.class])},[t(s.$slots,"prepend"),a("div",{class:o(["vui-progress-bar",`vui-progress-bar--${s.layout}`])},[a("div",{class:"vui-progress-bar-cursor",style:d({width:i.width})},null,4)],2),t(s.$slots,"append")],10,g)}const w=u($,[["render",y]]);export{w as default};
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import{d as S}from"./demonstrable-D6rf1mQ8.js";import{t as V}from"./translatable-1Spw6vjt.js";import w from"./radio-Ckx0vNcX.js";import{_ as N,a,b as n,w as d,r as c,o as t,F as p,g as C,h as u,e as l,t as r,f as i,m as y,i as k,d as m}from"./index-421S8sYE.js";import"./composable-CshUTKfl.js";const D={"page.component.radio.default":"Default radio","page.component.radio.binded":"Binded radio","page.component.radio.success":"Success radio","page.component.radio.error":"Error radio","page.component.radio.warning":"Warning radio","page.component.radio.label":"Checked","page.component.radio.doc.prop.checked":"Binds the conditions of checked state","page.component.radio.doc.prop.checked-value":"Checked value of the radio","page.component.radio.doc.prop.disabled":"Binds the disabled state of the radio","page.component.radio.doc.prop.layout":"Defines the layout of component [default, error, success, warning]","page.component.radio.doc.prop.loading":"Boolean to enable the loading style for component","page.component.radio.doc.prop.text":"Text used as label for the component","page.component.radio.doc.prop.unchecked-value":"Unchecked value of the radio","page.component.radio.doc.prop.value":"Value of the radio","page.component.radio.doc.prop.v-model":"Binds the model value of radio","page.component.radio.doc.slot.default":"Default slot for label content","page.component.radio.doc.slot.prepend":"Slot used to insert custom content at the beginning of component","page.component.radio.doc.slot.append":"Slot used to insert custom content et the end of component"},$={},E={en:D,fr:$},g={examples:[{markup:`
|
|
2
|
+
<vui-radio
|
|
3
|
+
v-model="myradiomodel"
|
|
4
|
+
:layout="default"
|
|
5
|
+
:text="Default radio"
|
|
6
|
+
/>
|
|
7
|
+
`,props:{id:"vui-radio-1",layout:"default",text:"page.component.radio.default"}},{markup:`
|
|
8
|
+
<vui-radio
|
|
9
|
+
:checked="myradiomodel"
|
|
10
|
+
:text="Binded radio"
|
|
11
|
+
disabled
|
|
12
|
+
/>
|
|
13
|
+
`,props:{id:"vui-radio-2",text:"page.component.radio.binded"}},{markup:`
|
|
14
|
+
<vui-radio
|
|
15
|
+
:layout="success"
|
|
16
|
+
:text="Success radio"
|
|
17
|
+
/>
|
|
18
|
+
`,props:{id:"vui-radio-3",layout:"success",text:"page.component.radio.success"}},{markup:`
|
|
19
|
+
<vui-radio
|
|
20
|
+
:layout="warning"
|
|
21
|
+
:text="Warning radio"
|
|
22
|
+
/>
|
|
23
|
+
`,props:{id:"vui-radio-4",layout:"warning",text:"page.component.radio.warning"}},{markup:`
|
|
24
|
+
<vui-radio
|
|
25
|
+
:layout="error"
|
|
26
|
+
:text="Error radio"
|
|
27
|
+
/>
|
|
28
|
+
`,props:{id:"vui-radio-5",layout:"error",text:"page.component.radio.error"}}],props:[{tag:"checked-value",type:"[Boolean, String, Number, null]",text:"page.component.radio.doc.prop.checked-value"},{tag:"disabled",type:"Boolean",text:"page.component.radio.doc.prop.disabled"},{tag:"checked",type:"[Boolean, String, Number, null]",text:"page.component.radio.doc.prop.checked"},{tag:"layout",type:"String",text:"page.component.radio.doc.prop.layout"},{tag:"loading",type:"Boolean",text:"page.component.radio.doc.prop.loading"},{tag:"text",type:"String",text:"page.component.radio.doc.prop.text"},{tag:"unchecked-value",type:"[Boolean, String, Number, null]",text:"page.component.radio.doc.prop.unchecked-value"},{tag:"value",type:"[Boolean, String, Number, null]",text:"page.component.radio.doc.prop.value"},{tag:"v-model",type:"[Boolean, String, Number, null]",text:"page.component.radio.doc.prop.v-model"}],slots:[{name:"prepend",text:"page.component.radio.doc.slot.prepend"},{name:"default",text:"page.component.radio.doc.slot.default"},{name:"append",text:"page.component.radio.doc.slot.append"}]},H={name:"ViewRadio",mixins:[S],setup(){return V(E),{}},data(){return{states:{}}},computed:{doc(){return g},examples(){return this.docExamples(w,{attrs:g.attrs,examples:g.examples.map(e=>({...e,props:{...e.props,text:e.props.text?this.$t(e.props.text):null}}))})}},mounted(){this.states=this.examples.reduce((e,h)=>({...e,[h.props.id]:!1}),{})},methods:{}},T={class:"view-radio"},L=["innerHTML"],P={class:"title"},U={class:"title"};function F(e,h,M,R,s,b){const _=c("vui-tag"),v=c("vui-grid-unit"),f=c("vui-table"),x=c("vui-grid");return t(),a("div",T,[n(x,{"col-sm":"1","col-md":"2"},{default:d(()=>[n(v,{class:"examples"},{default:d(()=>[(t(!0),a(p,null,C(b.examples,o=>(t(),a(p,{key:`radio-${o.props.id}`},[o.props.id==="vui-radio-2"?(t(),u(k(o.component),y({key:0,disabled:""},o.props,{checked:s.states["vui-radio-1"]}),{default:d(()=>[o.text?(t(),a(p,{key:0},[l(r(e.$t(o.text)),1)],64)):i("",!0)]),_:2},1040,["checked"])):i("",!0),o.props.id!=="vui-radio-2"?(t(),a(p,{key:1},[(t(),u(k(o.component),y(o.props,{modelValue:s.states[o.props.id],"onUpdate:modelValue":B=>s.states[o.props.id]=B}),{default:d(()=>[o.text?(t(),a(p,{key:0},[l(r(e.$t(o.text)),1)],64)):i("",!0)]),_:2},1040,["modelValue","onUpdate:modelValue"])),l(" "),o.props.id==="vui-radio-1"?(t(),u(_,{key:0},{default:d(()=>[l(r(e.$t("page.component.radio.label"))+": "+r(s.states[o.props.id]),1)]),_:2},1024)):i("",!0)],64)):i("",!0),m("div",{class:"highlighted-code",innerHTML:o.highlighted},null,8,L)],64))),128))]),_:1}),n(v,{class:"api-options"},{default:d(()=>[m("h2",P,r(e.$t("page.component.h2.api")),1),n(f,{"item-label":"label","item-value":"value",headers:e.docPropsHeaders,items:e.docProps},null,8,["headers","items"]),m("h2",U,r(e.$t("page.component.h2.slots")),1),n(f,{"item-label":"label","item-value":"value",headers:e.docSlotsHeaders,items:e.docSlots},null,8,["headers","items"])]),_:1})]),_:1})])}const G=N(H,[["render",F]]);export{G as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{c as u}from"./composable-CshUTKfl.js";import{t as r}from"./translatable-1Spw6vjt.js";import{_ as h,a as i,j as t,n as l,f as s,d as c,o as d,e as f,t as g}from"./index-421S8sYE.js";const m={},p={},k={en:m,fr:p},b={checked:{default:void 0,type:Boolean},checkedValue:{default:void 0,types:[Boolean,String,Number,null]},icon:{type:String,default:"fa-circle"},iconChecked:{type:String,default:"fa-circle-check"},modelValue:{default:void 0,types:[Boolean,String,Number,null]},name:{default:void 0,type:String},text:{default:void 0,type:String},uncheckedValue:{default:void 0,types:[Boolean,String,Number,null]},value:{default:void 0,types:[Boolean,String,Number,null]}},v={name:"VuiRadio",mixins:[u],props:b,emits:["update:model-value"],data(){return{toggled:!1}},computed:{hasLabel(){return this.$slots.default||this.text},isChecked(){return this.hasProp("checked")?this.checked:this.hasProp("checkedValue")?this.toggled===this.checkedValue:this.toggled}},watch:{modelValue(e){this.toggled=e},value(e){this.toggled=e}},created(){r(k),this.hasModelValue?this.toggled=this.modelValue:this.hasValue&&(this.toggled=this.value)},methods:{onToggle(){this.disabled||(this.hasProp("checkedValue")?this.toggled=this.isChecked?this.uncheckedValue:this.checkedValue:this.toggled=!this.isChecked,this.$emit("update:model-value",this.toggled))}}},V=["id"],y=["name","disabled","required"],C=["for"];function S(e,o,B,N,w,a){return d(),i("div",{id:e.componentId,class:l(["vui-radio",`vui-radio--${e.layout}`,{"vui-radio--flat":e.hasAttribute("flat")},{"vui-radio--with-label":a.hasLabel},{"vui-radio--with-icon":e.icon},{"vui-radio--checked":a.isChecked},{"vui-radio--disabled":e.disabled},{"vui-radio--loading":!e.disabled&&e.loading},e.$props.class]),onClick:o[0]||(o[0]=(...n)=>a.onToggle&&a.onToggle(...n))},[t(e.$slots,"prepend"),e.icon&&!a.isChecked?(d(),i("i",{key:0,class:l(["vui-radio-icon",e.icon])},null,2)):s("",!0),e.iconChecked&&a.isChecked?(d(),i("i",{key:1,class:l(["vui-radio-icon",e.iconChecked])},null,2)):s("",!0),c("input",{name:e.name,disabled:e.disabled,required:e.hasAttribute("required"),type:"checkbox"},null,8,y),a.hasLabel?(d(),i("label",{key:2,class:"vui-radio-label",for:e.name},[t(e.$slots,"default",{},()=>[f(g(e.text),1)])],8,C)):s("",!0),t(e.$slots,"append")],10,V)}const L=h(v,[["render",S]]);export{L as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes loading{0%{left:0;opacity:1}50%{left:70%;opacity:0}to{left:0;opacity:1}}.vui-radio{position:relative;display:inline-flex;cursor:pointer}.vui-radio.vui-radio--default input::placeholder{color:#bdc3c7}.vui-radio.vui-radio--default .vui-radio-icon:before{color:#000}.vui-radio.vui-radio--error{border-color:#960e13}.vui-radio.vui-radio--error input::placeholder{color:#ea2027}.vui-radio.vui-radio--error .vui-radio-icon:before{color:#960e13}.vui-radio.vui-radio--error .vui-radio-label{color:#ea2027}.vui-radio.vui-radio--success{border-color:#145b32}.vui-radio.vui-radio--success input::placeholder{color:#27ae60}.vui-radio.vui-radio--success .vui-radio-icon:before{color:#145b32}.vui-radio.vui-radio--success .vui-radio-label{color:#145b32}.vui-radio.vui-radio--warning{border-color:#976008}.vui-radio.vui-radio--warning input::placeholder{color:#f39c12}.vui-radio.vui-radio--warning .vui-radio-icon:before{color:#976008}.vui-radio.vui-radio--warning .vui-radio-label{color:#976008}.vui-radio.vui-radio--disabled{border-color:#949da4;cursor:not-allowed}.vui-radio.vui-radio--disabled input::placeholder{color:#000}.vui-radio.vui-radio--disabled .vui-radio-icon:before{color:#949da4}.vui-radio input[type=checkbox]{width:0;height:0;opacity:0}.vui-radio .vui-radio-icon:before{display:inline-flex;vertical-align:middle;font-family:"Font Awesome 5 Regular";font-style:normal;font-weight:400;text-rendering:auto;-webkit-font-smoothing:antialiased;margin-top:-.15rem;font-size:1.25rem}.vui-radio label{padding-left:.5rem}.vui-radio.vui-radio--disabled label{color:#949da4}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as d}from"./translatable-
|
|
1
|
+
import{t as d}from"./translatable-1Spw6vjt.js";import{_ as m,c as f,r as l,o as v,a as b,b as c,w as o,e as r,t as i}from"./index-421S8sYE.js";const x={},h={},k={en:x,fr:h},w={name:"ViewStart",computed:{components(){return f.reduce((e,t)=>{const a=e.findIndex(n=>n.label===t.type);return a===-1?e.push({label:t.type,value:[t]}):e[a].value.push(t),e},[])}},created(){d(k)}},g={class:"view-start"};function V(e,t,a,n,$,u){const p=l("router-link"),_=l("vui-list");return v(),b("div",g,[c(_,{flat:"",autoclose:!1,expanded:!0,items:u.components,"item-label":"label","item-value":"value"},{"group-item":o(({item:s})=>[r(i(s.label),1)]),item:o(({item:s})=>[c(p,{to:{name:s.doc.name}},{default:o(()=>[r(i(s.label),1)]),_:2},1032,["to"])]),_:1},8,["items"])])}const N=m(w,[["render",V]]);export{N as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{d as y}from"./demonstrable-
|
|
1
|
+
import{d as y}from"./demonstrable-D6rf1mQ8.js";import{t as h}from"./translatable-1Spw6vjt.js";import g from"./table-d1SewNuO.js";import{_,a as i,b as t,w as l,r as n,o,F as m,g as f,h as Q,e as x,t as s,k as S,l as D,i as V,d as r}from"./index-421S8sYE.js";import"./animable-S5zFcxd4.js";import"./composable-CshUTKfl.js";const k={"page.component.table.doc.prop.headers":"Array containing text / value foreach item header","page.component.table.doc.prop.item-label":"Label key for each item in table","page.component.table.doc.prop.item-value":"Value key for each item in table","page.component.table.doc.prop.items":"Array of items to display in table","page.component.table.doc.slot.header":"Slot to replace header row default rendering","page.component.table.doc.slot.item":"Slot to replace item row default rendering"},L={},P={en:k,fr:L},u={attrs:[],examples:[{markup:`
|
|
2
2
|
<vui-table
|
|
3
3
|
itemLabel="label",
|
|
4
4
|
itemValue="value"
|
|
@@ -30,7 +30,7 @@ import{d as y}from"./demonstrable-nGGBFHXw.js";import{t as h}from"./translatable
|
|
|
30
30
|
]"
|
|
31
31
|
>
|
|
32
32
|
<template #item.endQuantity="{ item }">
|
|
33
|
-
|
|
33
|
+
{{ item.endQuantity }} units
|
|
34
34
|
</template>
|
|
35
35
|
</vui-table>
|
|
36
36
|
`,props:{id:"vui-table-1",headers:[{label:"Start date",value:"startDate"},{label:"Start Quantity",value:"startQuantity"},{label:"End date",value:"endDate"},{label:"End Quantity",value:"endQuantity"}],items:[{startDate:"2022-01-01",startQuantity:"723",endDate:"2022-12-01",endQuantity:"1 239"}],itemLabel:"label",itemValue:"value"}},{markup:`
|
|
@@ -69,7 +69,7 @@ import{d as y}from"./demonstrable-nGGBFHXw.js";import{t as h}from"./translatable
|
|
|
69
69
|
]"
|
|
70
70
|
>
|
|
71
71
|
<template #item.endQuantity="{ item }">
|
|
72
|
-
|
|
72
|
+
{{ item.endQuantity }} units
|
|
73
73
|
</template>
|
|
74
74
|
</vui-table>
|
|
75
|
-
`,props:{id:"vui-table-2",headers:[{label:"Id",value:"id",class:"text-center"},{label:"City Name",value:"city.name"},{label:"Population",value:"city.population"}],items:[{id:1,city:{name:"Paris",population:2161e3}},{id:2,city:{name:"Mexico",population:1267e5}}],itemLabel:"label",itemValue:"value"}}],props:[{tag:"headers",type:"Array",text:"page.component.table.doc.prop.headers"},{tag:"item-label",type:"String",text:"page.component.table.doc.prop.item-label"},{tag:"item-value",type:"String",text:"page.component.table.doc.prop.item-value"},{tag:"items",type:"Array",text:"page.component.table.doc.prop.items"}],slots:[{name:"header",text:"page.component.table.doc.slot.header"},{name:"item",text:"page.component.table.doc.slot.item"}]},
|
|
75
|
+
`,props:{id:"vui-table-2",headers:[{label:"Id",value:"id",class:"text-center"},{label:"City Name",value:"city.name"},{label:"Population",value:"city.population"}],items:[{id:1,city:{name:"Paris",population:2161e3}},{id:2,city:{name:"Mexico",population:1267e5}}],itemLabel:"label",itemValue:"value"}}],props:[{tag:"headers",type:"Array",text:"page.component.table.doc.prop.headers"},{tag:"item-label",type:"String",text:"page.component.table.doc.prop.item-label"},{tag:"item-value",type:"String",text:"page.component.table.doc.prop.item-value"},{tag:"items",type:"Array",text:"page.component.table.doc.prop.items"}],slots:[{name:"header",text:"page.component.table.doc.slot.header"},{name:"item",text:"page.component.table.doc.slot.item"}]},w={name:"ViewTable",mixins:[y],setup(){return h(P),{}},computed:{doc(){return u},examples(){return this.docExamples(g,u)}}},E={class:"view-table"},$=["innerHTML"],C={class:"title"},N={class:"title"};function T(e,A,B,H,M,c){const p=n("vui-grid-unit"),d=n("vui-table"),b=n("vui-grid");return o(),i("div",E,[t(b,{"col-sm":"1","col-md":"2"},{default:l(()=>[t(p,{class:"examples"},{default:l(()=>[(o(!0),i(m,null,f(c.examples,a=>(o(),i(m,{key:`table-${a.props.id}`},[(o(),Q(V(a.component),S(D(a.props)),{"item.endQuantity":l(({item:v})=>[x(s(v.endQuantity)+" units ",1)]),_:2},1040)),r("div",{class:"highlighted-code",innerHTML:a.highlighted},null,8,$)],64))),128))]),_:1}),t(p,{class:"api-options"},{default:l(()=>[r("h2",C,s(e.$t("page.component.h2.api")),1),t(d,{"item-label":"label","item-value":"value",headers:e.docPropsHeaders,items:e.docProps},null,8,["headers","items"]),r("h2",N,s(e.$t("page.component.h2.slots")),1),t(d,{"item-label":"label","item-value":"value",headers:e.docSlotsHeaders,items:e.docSlots},null,8,["headers","items"])]),_:1})]),_:1})])}const G=_(w,[["render",T]]);export{G as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{a as y}from"./animable-S5zFcxd4.js";import{c as L}from"./composable-CshUTKfl.js";import{t as g}from"./translatable-1Spw6vjt.js";import{_ as h,a as l,j as r,d as n,F as u,g as d,n as p,o as t,e as $,t as V}from"./index-421S8sYE.js";const k={headers:{type:Array,default:()=>[]},itemLabel:{type:String,default:"label"},itemValue:{type:String,default:"value"},items:{type:Array,default:()=>[],required:!0}},I={},S={},B={en:I,fr:S},T={name:"VuiTable",mixins:[y,L],props:k,created(){g(B)},methods:{leaf(e,b){return b.split(".").reduce((o,m)=>o&&o[m]?o[m]:null,e)}}},v=["id"],A=["data-label"];function F(e,b,o,m,N,c){return t(),l("div",{id:e.componentId,class:p(["vui-table",e.$props.class])},[r(e.$slots,"prepend"),n("table",null,[n("thead",null,[n("tr",null,[(t(!0),l(u,null,d(e.headers,(a,s)=>(t(),l("th",{key:`table-${e.componentId}-header--${s}`,class:p(a.class)},[r(e.$slots,`header.${a[e.itemValue]}`,{item:a,itemLabel:e.itemLabel,itemValue:e.itemValue,index:s},()=>[$(V(a[e.itemLabel]),1)])],2))),128))])]),n("tbody",null,[(t(!0),l(u,null,d(e.items,(a,s)=>r(e.$slots,"default",{key:`table-${e.componentId}-item--${s}`,index:s,item:a,itemLabel:e.itemLabel,itemValue:e.itemValue},()=>[n("tr",null,[(t(!0),l(u,null,d(e.headers,(i,f)=>(t(),l("td",{key:`table-${e.componentId}-item-td--${f}`,"data-label":i.label,class:p(i.class)},[r(e.$slots,`item.${i[e.itemValue]}`,{index:f,item:a,itemLabel:e.itemLabel,itemValue:e.itemValue},()=>[$(V(c.leaf(a,i.value)),1)])],10,A))),128))])])),128))])]),r(e.$slots,"append")],10,v)}const D=h(T,[["render",F]]);export{D as default};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import{d as h}from"./demonstrable-D6rf1mQ8.js";import{t as _}from"./translatable-1Spw6vjt.js";import f from"./tabs-vW_19yxP.js";import{_ as x,a as T,b as t,w as s,r as l,o as p,h as d,q as y,g as B,e as k,t as n,k as b,l as u,i as v,d as o}from"./index-421S8sYE.js";import"./composable-CshUTKfl.js";const L={"page.component.tabs.doc.prop.disabled":"Binds the disabled state","page.component.tabs.doc.prop.items":"List of tabs and label / value","page.component.tabs.doc.prop.item-label":"Label key name foreach tab","page.component.tabs.doc.prop.item-value":"Value key name foreach tab","page.component.tabs.doc.prop.vmodel":"Binds the active tab","page.component.tabs.doc.prop.value":"Define the active tab","page.component.tabs.doc.slot.value":"Slot defined by the tabs items value"},S={},H={en:L,fr:S},i={examples:[{markup:`
|
|
2
|
+
<vui-tabs
|
|
3
|
+
items="[
|
|
4
|
+
{ 'label': 'Tab 1', 'value': 'tab1' },
|
|
5
|
+
{ 'label': 'Tab 2', 'value': 'tab2' },
|
|
6
|
+
]"
|
|
7
|
+
>
|
|
8
|
+
<template #tab1>Tab 1</template>
|
|
9
|
+
<template #tab2>Tab 2</template>
|
|
10
|
+
</vui-tabs>
|
|
11
|
+
`,props:{icon:"fa-solid fa-tags",id:"vui-tabs-1",items:[{label:"Tab 1",value:"tab1"},{label:"Tab 2",value:"tab2"}]}},{markup:`
|
|
12
|
+
<vui-tabs
|
|
13
|
+
items="[
|
|
14
|
+
{ 'label': 'Tab 1', 'value': 'tab1' },
|
|
15
|
+
{ 'label': 'Tab 2', 'value': 'tab2' },
|
|
16
|
+
]"
|
|
17
|
+
/>
|
|
18
|
+
`,props:{icon:"fa-solid fa-tags",id:"vui-tabs-2",items:[{label:"Tab 1",value:"tab1"},{label:"Tab 2",value:"tab2"}]}}],props:[{tag:"disabled",type:"Boolean",text:"page.component.tabs.doc.prop.disabled"},{tag:"items",type:"Array",text:"page.component.tabs.doc.prop.items"},{tag:"item-label",type:"String",text:"page.component.tabs.doc.prop.item-label"},{tag:"item-value",type:"String",text:"page.component.tabs.doc.prop.item-value"},{tag:"v-model",type:"Boolean",text:"page.component.tabs.doc.prop.vmodel"},{tag:"value",type:"Boolean",text:"page.component.tabs.doc.prop.value"}],slots:[{name:"$value",text:"page.component.tabs.doc.slot.value"}]},V={name:"ViewTabs",mixins:[h],setup(){return _(H),{}},computed:{doc(){return i},examples(){return this.docExamples(f,{attrs:i.attrs,examples:i.examples.map(e=>({...e,props:{...e.props,text:e.props.text?this.$t(e.props.text):null}}))})}}},w={class:"view-tabs"},M=["innerHTML"],P=["innerHTML"],C={class:"title"},D={class:"title"};function N(e,E,q,z,A,a){const r=l("vui-grid-unit"),m=l("vui-table"),g=l("vui-grid");return p(),T("div",w,[t(g,{"col-sm":"1","col-md":"2"},{default:s(()=>[t(r,{class:"examples"},{default:s(()=>[(p(),d(v(a.examples[0].component),b(u(a.examples[0].props)),y({_:2},[B(a.examples[0].props.items,(c,R)=>({name:c.value,fn:s(()=>[k(n(c.label),1)])}))]),1040)),o("div",{class:"highlighted-code",innerHTML:a.examples[0].highlighted},null,8,M),(p(),d(v(a.examples[1].component),b(u(a.examples[1].props)),null,16)),o("div",{class:"highlighted-code",innerHTML:a.examples[1].highlighted},null,8,P)]),_:1}),t(r,{class:"api-options"},{default:s(()=>[o("h2",C,n(e.$t("page.component.h2.api")),1),t(m,{"item-label":"label","item-value":"value",headers:e.docPropsHeaders,items:e.docProps},null,8,["headers","items"]),o("h2",D,n(e.$t("page.component.h2.slots")),1),t(m,{"item-label":"label","item-value":"value",headers:e.docSlotsHeaders,items:e.docSlots},null,8,["headers","items"])]),_:1})]),_:1})])}const J=x(V,[["render",N]]);export{J as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes loading{0%{left:0;opacity:1}50%{left:70%;opacity:0}to{left:0;opacity:1}}.vui-tabs .vui-tabs-tabs{display:flex;padding:.5rem 0}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab{position:relative;padding:.5rem;border:1px solid #d9dcde;cursor:pointer}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab:not(:first-of-type){margin-left:1rem}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab.vui-tabs-tabs-tab--with-icon .label{padding-left:2rem}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab.vui-tabs-tabs-tab--active{border-color:#27ae60}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab.vui-tabs-tabs-tab--active .vui-tabs-tabs-tab-icon:before{color:#27ae60}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab.vui-tabs-tabs-tab--active .label{color:#27ae60}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab .vui-tabs-tabs-tab-icon{position:absolute;top:.5rem;left:.75rem;font-size:1.1rem;margin-right:.75rem}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab .vui-tabs-tabs-tab-icon:before{color:#869198}.vui-tabs .vui-tabs-
|
|
1
|
+
.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes loading{0%{left:0;opacity:1}50%{left:70%;opacity:0}to{left:0;opacity:1}}.vui-tabs .vui-tabs-tabs{display:flex;padding:.5rem 0}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab{position:relative;padding:.5rem;border:1px solid #d9dcde;cursor:pointer}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab:not(:first-of-type){margin-left:1rem}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab.vui-tabs-tabs-tab--with-icon .label{padding-left:2rem}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab.vui-tabs-tabs-tab--active{border-color:#27ae60}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab.vui-tabs-tabs-tab--active .vui-tabs-tabs-tab-icon:before{color:#27ae60}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab.vui-tabs-tabs-tab--active .label{color:#27ae60}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab .vui-tabs-tabs-tab-icon{position:absolute;top:.5rem;left:.75rem;font-size:1.1rem;margin-right:.75rem}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab .vui-tabs-tabs-tab-icon:before{color:#869198}.vui-tabs .vui-tabs-slot{padding:1rem;border:1px solid #d9dcde}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{c as p}from"./composable-CshUTKfl.js";import{t as v}from"./translatable-1Spw6vjt.js";import{_ as b,a as s,j as a,d,F as l,g as c,n as o,o as i,f as m,t as f}from"./index-421S8sYE.js";const V={},g={},$={en:V,fr:g},y={icon:{type:String},items:{type:Array,required:!0},itemLabel:{type:String,default:"label"},itemValue:{type:String,default:"value"},modelValue:{type:String},value:{type:String}},k={name:"VuiTabs",mixins:[p],props:y,emits:["update:model-value"],data(){return{active:null}},computed:{tabs(){return this.items.map(e=>({...e,$$id:this.newId()}))}},watch:{modelValue(e){this.active=e},value(e){this.active=e}},created(){var e;if(v($),this.hasModelValue)this.active=this.modelValue;else if(this.hasValue)this.active=this.value;else if((e=this.items)!=null&&e.length){const n=this.items[0];this.active=n[this.itemValue]}},methods:{toggle(e){this.disabled||(this.active=e,this.$emit("update:model-value",this.active))}}},S=["id"],C={class:"vui-tabs-tabs"},w=["onClick"],B={class:"label"},L={key:0,class:"vui-tabs-slot"};function _(e,n,F,I,r,u){return i(),s("div",{id:e.componentId,class:o(["vui-tabs",e.$props.class])},[a(e.$slots,"prepend"),d("div",C,[(i(!0),s(l,null,c(u.tabs,t=>(i(),s("div",{key:t.$$id,class:o(["vui-tabs-tabs-tab",{"vui-tabs-tabs-tab--with-icon":e.icon},{"vui-tabs-tabs-tab--active":t[e.itemValue]===r.active}]),onClick:()=>u.toggle(t[e.itemValue])},[e.icon?(i(),s("i",{key:0,class:o(["vui-tabs-tabs-tab-icon",e.icon])},null,2)):m("",!0),d("span",B,f(t[e.itemLabel]),1)],10,w))),128))]),(i(!0),s(l,null,c(e.items,(t,h)=>(i(),s(l,{key:`slot-${t.$$id}`},[e.$slots[t[e.itemValue]]&&t[e.itemValue]===r.active?(i(),s("div",L,[a(e.$slots,t[e.itemValue],{index:h})])):m("",!0)],64))),128)),a(e.$slots,"append")],10,S)}const q=b(k,[["render",_]]);export{q as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{d as f}from"./demonstrable-
|
|
1
|
+
import{d as f}from"./demonstrable-D6rf1mQ8.js";import{t as h}from"./translatable-1Spw6vjt.js";import v from"./tag-BVTDDSad.js";import{_,a as s,b as a,w as n,r as p,o,F as r,g as y,h as x,e as b,t as i,f as k,k as w,l as S,i as $,d as c}from"./index-421S8sYE.js";import"./composable-CshUTKfl.js";const T={"page.component.tag.doc.prop.disabled":"Binds the disabled state","page.component.tag.doc.prop.error":"Error type tag","page.component.tag.doc.prop.success":"Success type tag","page.component.tag.doc.prop.warning":"Warning type tag","page.component.tag.doc.prop.icon":"Class name of the icon to prepend","page.component.tag.doc.prop.text":"Text content of the tag","page.component.tag.doc.prop.layout":"Layout of the tag","page.component.card.doc.slot.default":"Default type slot"},V={},B={en:T,fr:V},g={examples:[{markup:`
|
|
2
2
|
<vui-tag
|
|
3
3
|
icon="fa-solid fa-tag"
|
|
4
4
|
>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{c as n}from"./composable-CshUTKfl.js";import{t as i}from"./translatable-
|
|
1
|
+
import{c as n}from"./composable-CshUTKfl.js";import{t as i}from"./translatable-1Spw6vjt.js";import{_ as r,a as e,j as s,n as t,f as p,o as a,e as c,t as l}from"./index-421S8sYE.js";const d={},m={},u={en:d,fr:m},f={icon:{type:String},text:{type:String}},g={name:"VuiTag",mixins:[n],props:f,created(){i(u)}},$=["id"];function v(o,y,S,V,h,k){return a(),e("div",{id:o.componentId,class:t(["vui-tag",`vui-tag--${o.layout}`,{"vui-tag--with-icon":o.icon},o.$props.class])},[s(o.$slots,"prepend"),o.icon?(a(),e("i",{key:0,class:t(["vui-tag-icon",o.icon])},null,2)):p("",!0),s(o.$slots,"default",{},()=>[c(l(o.text),1)]),s(o.$slots,"append")],10,$)}const C=r(g,[["render",v]]);export{C as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{c as n}from"./composable-CshUTKfl.js";import{_ as u,a as o,j as s,f as r,n as h,p as c,d,o as a}from"./index-
|
|
1
|
+
import{c as n}from"./composable-CshUTKfl.js";import{_ as u,a as o,j as s,f as r,n as h,p as c,d,o as a}from"./index-421S8sYE.js";import{t as g}from"./translatable-1Spw6vjt.js";const m={},p={},f={en:m,fr:p},k={checked:{default:void 0,type:Boolean},checkedValue:{default:void 0,types:[Boolean,String,Number,null]},modelValue:{default:void 0,types:[Boolean,String,Number,null]},name:{type:String},uncheckedValue:{default:void 0,types:[Boolean,String,Number,null]},value:{default:void 0,types:[Boolean,String,Number,null]}},V={name:"VuiToggle",mixins:[n],props:k,emits:["update:model-value"],data(){return{toggled:!1}},computed:{isChecked(){return this.hasProp("checked")?this.checked:this.hasProp("checkedValue")?this.toggled===this.checkedValue:this.toggled}},watch:{modelValue(e){this.toggled=e},value(e){this.toggled=e}},created(){g(f),this.hasModelValue?this.toggled=this.modelValue:this.hasValue&&(this.toggled=this.value)},methods:{onToggle(){this.disabled||(this.hasProp("checkedValue")?this.toggled=this.isChecked?this.uncheckedValue:this.checkedValue:this.toggled=!this.isChecked,this.$emit("update:model-value",this.toggled))}}},v=["id","name"],b=d("div",{class:"vui-toggle-slider"},[d("div",{class:"vui-toggle-slider-button"})],-1),B=["for"];function y(e,l,C,$,N,t){return a(),o("div",{id:e.componentId,name:e.componentId,class:h(["vui-toggle",{"vui-toggle--checked":t.isChecked},{"vui-toggle--disabled":e.disabled},e.$props.class]),onClick:l[0]||(l[0]=c((...i)=>t.onToggle&&t.onToggle(...i),["stop"]))},[s(e.$slots,"prepend"),b,e.$slots.default?(a(),o("label",{key:0,class:"vui-toggle-label",for:e.componentId},[s(e.$slots,"default")],8,B)):r("",!0),s(e.$slots,"append")],10,v)}const I=u(V,[["render",y]]);export{I as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{d as N}from"./demonstrable-
|
|
1
|
+
import{d as N}from"./demonstrable-D6rf1mQ8.js";import{t as x}from"./translatable-1Spw6vjt.js";import C from"./toggle-Borth1ZY.js";import{_ as S,a as n,b as s,w as l,r as d,o,F as a,g as T,h,e as r,t as p,f as c,m as v,i as _,d as f}from"./index-421S8sYE.js";import"./composable-CshUTKfl.js";const $={"page.component.toggle.default":"Default toggle","page.component.toggle.binded":"Binded toggle","page.component.toggle.label":"Checked","page.component.toggle.doc.prop.checked-value":"Checked value of the toggle","page.component.toggle.doc.prop.disabled":"Binds the disabled state to component","page.component.toggle.doc.prop.unchecked-value":"Unchecked value of the toggle","page.component.toggle.doc.prop.value":"Value of the toggle","page.component.toggle.doc.prop.v-model":"Binds the model value of the toggle"},w={},D={en:$,fr:w},i={examples:[{markup:`
|
|
2
2
|
<vui-toggle>
|
|
3
3
|
Default checkbox
|
|
4
4
|
</vui-toggle>
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{d as x}from"./demonstrable-
|
|
1
|
+
import{d as x}from"./demonstrable-D6rf1mQ8.js";import{t as _}from"./translatable-1Spw6vjt.js";import V from"./tooltip-CSTgz_s6.js";import{_ as w,a as l,b as e,w as i,r as p,o as n,F as g,g as k,h as y,m as T,i as C,d as a,t as h}from"./index-421S8sYE.js";import"./index-7pe20t8n.js";import"./composable-CshUTKfl.js";const M={"page.component.tooltip.button.show-bottom":"show tooltip on bottom","page.component.tooltip.button.show-right":"show tooltip on right","page.component.tooltip.button.show-left":"show tooltip on left","page.component.tooltip.button.show-top":"show tooltip on top","page.component.tooltip.text":"My tooltip content My tooltip content My tooltip content My tooltip content My tooltip content My tooltip content","page.component.tooltip.doc.prop.text":"Text of the tooltip","page.component.tooltip.doc.prop.icon":"Class name of the icon to prepend","page.component.tooltip.doc.prop.holder":"Id of the element which tooltip refers to","page.component.tooltip.doc.prop.position":"Position of the tooltip from holder","page.component.tooltip.doc.prop.v-model":"Binds the visible state of the tooltip","page.component.tooltip.doc.slot.default":"Default slot for tooltip content"},S={},$={en:M,fr:S},s={attrs:[],examples:[{markup:`
|
|
2
2
|
<vui-button
|
|
3
3
|
@click="isVisible=!isVisible"
|
|
4
4
|
>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{l as r}from"./index-7pe20t8n.js";import{c as d}from"./composable-CshUTKfl.js";import{t as h}from"./translatable-
|
|
1
|
+
import{l as r}from"./index-7pe20t8n.js";import{c as d}from"./composable-CshUTKfl.js";import{t as h}from"./translatable-1Spw6vjt.js";import{_ as p,a as o,d as u,n as s,f as n,j as c,F as f,e as m,t as g,s as y,o as a}from"./index-421S8sYE.js";const w={icon:{type:String},position:{type:String,default:"right"},text:{type:String},modelValue:{default:void 0,type:Boolean},value:{default:void 0,type:Boolean}},$={name:"VuiTooltip",mixins:[d],props:w,emits:["update:model-value"],data(){return{dimension:{content:{},holder:{}},show:!1}},computed:{display(){return this.show?"block":"none"},left(){const{content:t,holder:e}=this.dimension;switch(this.position){case"left":return e.left-(t.width+15);case"bottom":case"top":{const l=t.width-e.width;return e.left-l/2}case"right":default:return e.right+15}},top(){const{content:t,holder:e}=this.dimension;switch(this.position){case"bottom":return e.top+e.height+15;case"top":return e.top-t.height-15;case"left":case"right":default:return e.top-e.height/2}}},watch:{async modelValue(t){this.show=t,t&&(await this.$nextTick(),this.setPosition())},async value(t){this.show=t,t&&(await this.$nextTick(),this.setPosition())}},created(){h(r),this.hasModelValue&&(this.show=this.modelValue),this.hasValue&&(this.show=this.value),this.$bus.on("outclick",()=>{this.disabled||(this.show=!1,this.$emit("update:model-value",this.show))})},methods:{setPosition(){this.dimension.content=this.$refs.tooltip.getBoundingClientRect(),this.dimension.holder=this.$parent.$el.getBoundingClientRect()}}},v=["id"];function V(t,e,l,k,b,i){return a(),o("div",{id:t.componentId,ref:"tooltip",class:s(["vui-tooltip",{"vui-tooltip--with-icon":t.icon},t.$props.class]),style:y({position:"fixed",display:i.display,top:`${i.top}px`,left:`${i.left}px`})},[u("i",{class:s(["vui-tooltip-pointer",`vui-tooltip-pointer--${t.position}`])},null,2),t.icon?(a(),o("i",{key:0,class:s(["vui-tooltip-icon",t.icon])},null,2)):n("",!0),t.$slots.default?c(t.$slots,"default",{key:1}):n("",!0),t.text?(a(),o(f,{key:2},[m(g(t.text),1)],64)):n("",!0)],14,v)}const x=p($,[["render",V]]);export{x as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{v as o}from"./index-
|
|
1
|
+
import{v as o}from"./index-421S8sYE.js";const a=e=>{const t=o.useI18n();return Object.keys(e).forEach(r=>{t.mergeLocaleMessage(r,e[r])}),t};export{a as t};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{d as _}from"./demonstrable-
|
|
1
|
+
import{d as _}from"./demonstrable-D6rf1mQ8.js";import{t as f}from"./translatable-1Spw6vjt.js";import v from"./unit-qNeooDZa.js";import{_ as h,a as s,b as t,w as e,r as a,o as d,F as u,g as b,d as n,t as l}from"./index-421S8sYE.js";import"./composable-CshUTKfl.js";const $={"page.component.grid-unit.left":"Col 1 content","page.component.grid-unit.right":"Col 2 content","page.component.grid-unit.doc.tag.col":"Defines flex basis percentage for grid-unit column"},x={},C={en:$,fr:x},p={attrs:[],examples:[{markup:`
|
|
2
2
|
<vui-grid
|
|
3
3
|
id="example-grid-1"
|
|
4
4
|
col-md="2"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{c as e}from"./composable-CshUTKfl.js";import{t as n}from"./translatable-
|
|
1
|
+
import{c as e}from"./composable-CshUTKfl.js";import{t as n}from"./translatable-1Spw6vjt.js";import{_ as r,a as t,j as o,n as a,o as i}from"./index-421S8sYE.js";const l={},p={},c={en:l,fr:p},d={col:{default:void 0,types:[String,Number]}},u={name:"VuiGridUnit",mixins:[e],props:d,created(){n(c)}};function m(s,f,$,g,b,v){return i(),t("div",{class:a(["vui-grid-unit",{[`vui-grid-unit-col--${s.col}`]:s.col},s.$props.class])},[o(s.$slots,"prepend"),o(s.$slots,"default"),o(s.$slots,"append")],2)}const G=r(u,[["render",m]]);export{G as default};
|
package/dist/doc/index.html
CHANGED
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
<style>
|
|
23
23
|
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
|
|
24
24
|
</style>
|
|
25
|
-
<script type="module" crossorigin src="/assets/index-
|
|
25
|
+
<script type="module" crossorigin src="/assets/index-421S8sYE.js"></script>
|
|
26
26
|
<link rel="stylesheet" crossorigin href="/assets/index-BSpywUIE.css">
|
|
27
27
|
</head>
|
|
28
28
|
<body>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("./input-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("./input-CPJkbqQt.js"),m=require("./list-BkZK3xVW.js"),c=require("./animable-ChJEXlsE.js"),a=require("./_plugin-vue_export-helper-DeDoBcDj.js"),l=require("vue");require("highlight.js");const h={"component.dropdown.placeholder":"Select a value ..."},b={},f={en:h,fr:b},g={disableFiltering:{type:Boolean,default:!1},items:{type:Array,required:!0},itemLabel:{type:String,default:"label"},itemValue:{type:String,default:"value"},modelValue:{default:void 0,types:[Boolean,Number,Object,String,null]},placeholder:{types:[Boolean,Number,String]},value:{default:void 0,types:[Boolean,Object,Number,String,null]}},v={name:"VuiDropdown",components:{VuiInput:p.default,VuiList:m.default},mixins:[c.animable,a.composable],props:g,emits:["input","update:model-value"],data(){return{keyword:null,selected:null}},computed:{listTitle(){return this.selected?this.placeholderLabel:null},placeholderValue(){const{itemValue:e,selected:t}=this,r=typeof(t==null?void 0:t[e])<"u"?t[e]:t;return r===null?this.placeholderLabel:this.labelFromItem(r)},placeholderLabel(){return this.placeholder?this.placeholder:this.$t("component.dropdown.placeholder")}},watch:{modelValue(e){this.selected=e},value(e){this.selected=e}},created(){a.translatable(f),this.hasModelValue?this.selected=this.modelValue:this.hasValue&&(this.selected=this.value)},methods:{labelFromChild(e,t,r){const{itemValue:n,itemLabel:o}=this;return e[n].reduce((i,d)=>d[n]===r?d[o]:i,t)},labelFromItem(e){const{itemValue:t,itemLabel:r}=this;return this.items.reduce((n,o)=>Array.isArray(o[t])?this.labelFromChild(o,n,e):o[t]===e?o[r]:n,e)},onClick(){this.disabled||this.onAnimate()},onInput(e){this.$emit("input",e),this.onAnimate(!0),this.keyword=e.target.value?e.target.value:null},onToggle(e){this.keyword=null,this.blur(),this.hasProp("value")||(this.selected=e),this.$emit("update:model-value",e)}}},y=["id"];function w(e,t,r,n,o,i){const d=l.resolveComponent("vui-input"),s=l.resolveComponent("vui-list");return l.openBlock(),l.createElementBlock("div",{id:e.componentId,class:l.normalizeClass(["vui-dropdown",e.$props.class])},[l.renderSlot(e.$slots,"prepend"),l.createElementVNode("div",{class:l.normalizeClass(["vui-dropdown-placeholder",{"vui-dropdown-placeholder--toggled":e.toggled},{"vui-dropdown-placeholder--animating":e.animating},{"vui-dropdown-placeholder--disabled":e.disabled}]),onClick:t[0]||(t[0]=l.withModifiers((...u)=>i.onClick&&i.onClick(...u),["stop"]))},[l.renderSlot(e.$slots,"keyword",{keyword:o.keyword},()=>[l.createVNode(d,{"with-icon":!1,value:o.keyword,type:"text",class:"vui-dropdown-placeholder-label",placeholder:`${i.placeholderValue}`,onInput:i.onInput},null,8,["value","placeholder","onInput"])])],2),e.toggled?(l.openBlock(),l.createBlock(s,l.mergeProps({key:0,value:o.selected},e.$attrs,{class:"vui-dropdown-list","group-id":e.componentGroupId,"disable-filtering":e.disableFiltering,disabled:e.disabled,items:e.items,"item-label":e.itemLabel,"item-value":e.itemValue,keyword:o.keyword,selectable:!0,title:i.listTitle,"onUpdate:modelValue":i.onToggle}),l.createSlots({_:2},[e.$slots.placeholder?{name:"placeholder",fn:l.withCtx(()=>[l.renderSlot(e.$slots,"placeholder")]),key:"0"}:void 0,e.$slots["group-item"]?{name:"group-item",fn:l.withCtx(()=>[l.renderSlot(e.$slots,"group-item")]),key:"1"}:void 0,e.$slots.item?{name:"item",fn:l.withCtx(()=>[l.renderSlot(e.$slots,"item")]),key:"2"}:void 0]),1040,["value","group-id","disable-filtering","disabled","items","item-label","item-value","keyword","title","onUpdate:modelValue"])):l.createCommentVNode("",!0),l.renderSlot(e.$slots,"append")],10,y)}const k=a._export_sfc(v,[["render",w]]);exports.default=k;
|