@e-xode/vui 0.6.5 → 0.6.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- 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-CfN-KK4X.js → alert-kDXe81fs.js} +1 -1
- package/dist/doc/assets/{alert-BUCYz3vD.js → alert-xIfTKyZn.js} +1 -1
- package/dist/doc/assets/{button-CNMZ1GQO.js → button-2k6FVc0L.js} +1 -1
- package/dist/doc/assets/{button-C1U5-S3p.js → button-9ro2C_DO.js} +1 -1
- package/dist/doc/assets/{card-CwQ070ao.js → card-DiRo_ZxR.js} +1 -1
- package/dist/doc/assets/{card-CUtpnLFS.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-CXumWSlt.js → component-Cd0V3c30.js} +1 -1
- package/dist/doc/assets/{default-D8NjjGBi.css → default-DOpWYWAd.css} +1 -1
- package/dist/doc/assets/{default-DHoZWdtn.js → default-Ddw34XZA.js} +1 -1
- package/dist/doc/assets/{demonstrable-B5KAWPKX.js → demonstrable-Dv7XIPoL.js} +1 -1
- package/dist/doc/assets/{dropdown-D3hwsYWo.js → dropdown-C6Kafffe.js} +1 -1
- package/dist/doc/assets/dropdown-CWekPPzX.js +1 -0
- package/dist/doc/assets/{dropdown-BDltvOgD.css → dropdown-MxPEtcwI.css} +1 -1
- package/dist/doc/assets/{footer-BgsenAcP.js → footer-DEmxvZDO.js} +1 -1
- package/dist/doc/assets/{footer-Bm8ssenm.js → footer-DmvqVfCJ.js} +1 -1
- package/dist/doc/assets/{form-k50YoLDD.js → form-DLfAvscm.js} +1 -1
- package/dist/doc/assets/{form-DKLHmzJQ.js → form-DQoPnfc6.js} +1 -1
- package/dist/doc/assets/{grid-TeUBpTW_.js → grid-Byaifs5F.js} +1 -1
- package/dist/doc/assets/{grid-BqtXNrmN.js → grid-Dyb-qIv6.js} +1 -1
- package/dist/doc/assets/{header-BXnWOksC.js → header-C2DRVubg.js} +1 -1
- package/dist/doc/assets/{header-eITS5i2z.js → header-CW68DlQ3.js} +1 -1
- package/dist/doc/assets/{index-BQmFywQ4.js → index-BTCbAXEh.js} +15 -15
- package/dist/doc/assets/{index-wi3jjcqb.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-n45uFw2X.js → list-BYX5Hslw.js} +1 -1
- package/dist/doc/assets/{list-CGLoBn9q.js → list-n3xmt7CO.js} +1 -1
- package/dist/doc/assets/{loader-kFszqXxd.js → loader-C_KYFdY0.js} +1 -1
- package/dist/doc/assets/{loader-BV0MDdoZ.js → loader-hc6kqiqT.js} +1 -1
- package/dist/doc/assets/{modal-BQbrtOh6.js → modal-Ci7IYllg.js} +1 -1
- package/dist/doc/assets/{modal-DLTSg2Rm.js → modal-DprGtJnD.js} +1 -1
- package/dist/doc/assets/{nav-DQFqqSlk.js → nav--03mFDUT.js} +1 -1
- package/dist/doc/assets/{nav-DL_aupT5.js → nav-C9RI5Z6H.js} +1 -1
- package/dist/doc/assets/{page-5bIt8sIt.js → page-C85vct24.js} +1 -1
- package/dist/doc/assets/{page-HHRlPnpS.js → page-CMF9WylW.js} +1 -1
- package/dist/doc/assets/{pager-lLWSRkXq.js → pager-0bNXGtWQ.js} +1 -1
- package/dist/doc/assets/{pager-BJfdjd6d.js → pager-BuEhUbXw.js} +1 -1
- package/dist/doc/assets/{progress-BGFPfOOr.js → progress-B9G9PL1G.js} +1 -1
- package/dist/doc/assets/{progress-agXYCgzm.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-CqupTQKQ.js → start-Cpz5sHNq.js} +1 -1
- package/dist/doc/assets/{table-No82fyed.js → table-C_Rv3GlB.js} +1 -1
- package/dist/doc/assets/{table-CMUxQ9C6.js → table-D1jz3DKO.js} +1 -1
- package/dist/doc/assets/{tabs-uU4Onuid.js → tabs-CpDei3SM.js} +1 -1
- package/dist/doc/assets/{tabs-BO11EW27.js → tabs-DJI7K47M.js} +1 -1
- package/dist/doc/assets/{tag-COrA8kV9.js → tag-0ugBlzs4.js} +1 -1
- package/dist/doc/assets/{tag-Do20IKxB.js → tag-CgEGHygn.js} +1 -1
- package/dist/doc/assets/{toggle-BOUyuSz0.js → toggle-CsmmXJeS.js} +1 -1
- package/dist/doc/assets/{toggle-DazanQqx.js → toggle-Dxv9_B8u.js} +1 -1
- package/dist/doc/assets/{tooltip-CpdVg_-T.js → tooltip-BZOlKAkT.js} +1 -1
- package/dist/doc/assets/{tooltip-94laNPly.js → tooltip-CfuewoN3.js} +1 -1
- package/dist/doc/assets/{translatable-DbFxNJLL.js → translatable-eIyiPB31.js} +1 -1
- package/dist/doc/assets/{unit-CiQ7QHVC.js → unit-B5sbv-XJ.js} +1 -1
- package/dist/doc/assets/{unit-BBuvFoj-.js → unit-KaJ8YPkP.js} +1 -1
- package/dist/doc/index.html +1 -1
- package/dist/{dropdown-BwSLrIif.js → dropdown-DUUZsTpI.js} +1 -1
- package/dist/{dropdown-94Qb68fE.js → dropdown-UMn42uen.js} +40 -40
- 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-DUY-WF86.js +0 -1
- package/dist/doc/assets/checkbox-DrJf8HyQ.js +0 -14
- package/dist/doc/assets/checkbox-Dtjrzcei.css +0 -1
- package/dist/doc/assets/dropdown-EPlb5xOz.js +0 -1
- package/dist/doc/assets/input-BKMua51x.js +0 -1
- package/dist/doc/assets/input-BOPqansB.js +0 -15
- package/dist/doc/assets/input-D3l35AS9.css +0 -1
- package/dist/input-Dy5fCJhT.js +0 -103
- package/dist/input-WjGQ7q1J.js +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{d as b}from"./demonstrable-
|
|
1
|
+
import{d as b}from"./demonstrable-Dv7XIPoL.js";import{t as w}from"./translatable-eIyiPB31.js";import v from"./dropdown-CWekPPzX.js";import{_ as h,a as p,b as t,w as l,r as n,o as a,F as s,g as f,h as x,m as y,i as _,d,t as m}from"./index-BTCbAXEh.js";import"./input-hkS14TCT.js";import"./composable-CshUTKfl.js";import"./list-n3xmt7CO.js";import"./animable-S5zFcxd4.js";const L={"page.component.dropdown.text-1":"Dropdown with an array of strings or numbers","page.component.dropdown.text-2":"Dropdown with an array of objects","page.component.dropdown.text-3":"Dropdown with groups of array of objects","page.component.dropdown.doc.prop.disabled":"Binds the disabled state","page.component.dropdown.doc.prop.disable-filtering":"Disable the internal filtering when keyword input is provided, useful serverside filtering is needed","page.component.dropdown.doc.prop.icon":"Class name of the icon to prepend","page.component.dropdown.doc.prop.loading":"Binds the loading state","page.component.dropdown.doc.prop.item-label":"Label key foreach list item","page.component.dropdown.doc.prop.item-value":"Value key foreach list item","page.component.dropdown.doc.prop.items":"Array of values or objects of the dropdown items","page.component.dropdown.doc.prop.placeholder":"Set the placeholder of dropdown","page.component.dropdown.doc.prop.value":"Selected item in the dropdown","page.component.dropdown.doc.prop.v-model":"Binds the model value of dropdown","page.component.dropdown.doc.slot.group-item":"Slot to custom each items group of the list","page.component.dropdown.doc.slot.keyword":"Slot for the keyword input text keyword","page.component.dropdown.doc.slot.item":"Slot iterates over each item of the list","page.component.dropdown.doc.slot.placeholder":"Slot for the placeholder"},S={},k={en:L,fr:S},c={attrs:[],examples:[{markup:`
|
|
2
2
|
<vui-dropdown
|
|
3
3
|
id="example-dropdown-1",
|
|
4
4
|
:items="[-1, 0, 1, 2, 3, 4]"
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import c from"./input-hkS14TCT.js";import f from"./list-n3xmt7CO.js";import{a as b}from"./animable-S5zFcxd4.js";import{c as g}from"./composable-CshUTKfl.js";import{_ as v,a as w,j as s,d as y,n,p as k,h as V,q as C,w as d,m as I,f as $,r as u,o as p,b as B}from"./index-BTCbAXEh.js";import{t as L}from"./translatable-eIyiPB31.js";const S={"component.dropdown.placeholder":"Select a value ..."},F={},N={en:S,fr:F},A={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]}},T={name:"VuiDropdown",components:{VuiInput:c,VuiList:f},mixins:[b,g],props:A,emits:["input","update:model-value"],data(){return{keyword:null,selected:null}},computed:{listTitle(){return this.selected?this.placeholderLabel:null},placeholderValue(){const{itemValue:e,selected:l}=this,a=typeof(l==null?void 0:l[e])<"u"?l[e]:l;return a===null?this.placeholderLabel:this.labelFromItem(a)},placeholderLabel(){return this.placeholder?this.placeholder:this.$t("component.dropdown.placeholder")}},watch:{modelValue(e){this.selected=e},value(e){this.selected=e}},created(){L(N),this.hasModelValue?this.selected=this.modelValue:this.hasValue&&(this.selected=this.value)},methods:{labelFromChild(e,l,a){const{itemValue:i,itemLabel:t}=this;return e[i].reduce((o,r)=>r[i]===a?r[t]:o,l)},labelFromItem(e){const{itemValue:l,itemLabel:a}=this;return this.items.reduce((i,t)=>Array.isArray(t[l])?this.labelFromChild(t,i,e):t[l]===e?t[a]:i,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)}}},j=["id"];function q(e,l,a,i,t,o){const r=u("vui-input"),m=u("vui-list");return p(),w("div",{id:e.componentId,class:n(["vui-dropdown",e.$props.class])},[s(e.$slots,"prepend"),y("div",{class:n(["vui-dropdown-placeholder",{"vui-dropdown-placeholder--toggled":e.toggled},{"vui-dropdown-placeholder--animating":e.animating},{"vui-dropdown-placeholder--disabled":e.disabled}]),onClick:l[0]||(l[0]=k((...h)=>o.onClick&&o.onClick(...h),["stop"]))},[s(e.$slots,"keyword",{keyword:t.keyword},()=>[B(r,{"with-icon":!1,value:t.keyword,type:"text",class:"vui-dropdown-placeholder-label",placeholder:`${o.placeholderValue}`,onInput:o.onInput},null,8,["value","placeholder","onInput"])])],2),e.toggled?(p(),V(m,I({key:0,value:t.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:t.keyword,selectable:!0,title:o.listTitle,"onUpdate:modelValue":o.onToggle}),C({_:2},[e.$slots.placeholder?{name:"placeholder",fn:d(()=>[s(e.$slots,"placeholder")]),key:"0"}:void 0,e.$slots["group-item"]?{name:"group-item",fn:d(()=>[s(e.$slots,"group-item")]),key:"1"}:void 0,e.$slots.item?{name:"item",fn:d(()=>[s(e.$slots,"item")]),key:"2"}:void 0]),1040,["value","group-id","disable-filtering","disabled","items","item-label","item-value","keyword","title","onUpdate:modelValue"])):$("",!0),s(e.$slots,"append")],10,j)}const E=v(T,[["render",q]]);export{E 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-dropdown{position:relative;display:inline-flex;min-width:200px;border-radius:.25rem}.vui-dropdown .vui-dropdown-placeholder{background-color:#e6e9ea;background-repeat:no-repeat;background-size:0 0;background-position:50% 50%;transition:background-size .125s,color .125s;box-shadow:0 3px 1px -2px #0006,0 2px 2px #0003,0 1px 5px #0006;background-color:#fff;width:100%;cursor:pointer}.vui-dropdown .vui-dropdown-placeholder .vui-dropdown-placeholder-loader{position:absolute;bottom:-2px;left:0;width:30%;height:2px;background-color:transparent}.vui-dropdown .vui-dropdown-placeholder:hover,.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--toggled{background-color:#d9dcde}.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--animating{background-size:100% 100%;background-image:linear-gradient(#e6e9ea,#e6e9ea)}.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--loading .vui-dropdown-placeholder-loader{animation:linear infinite;animation-name:loading;animation-duration:.8s;background-color:#545e64}.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--error:hover,.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--error.vui-dropdown-placeholder--toggled{background-color:#f7acae}.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--error.vui-dropdown-placeholder--animating{background-image:linear-gradient(#f37d81,#f37d81)}.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--success:hover,.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--success.vui-dropdown-placeholder--toggled{background-color:#89e5b0}.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--success.vui-dropdown-placeholder--animating{background-image:linear-gradient(#60db94,#60db94)}.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--warning:hover,.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--warning.vui-dropdown-placeholder--toggled{background-color:#fad9a4}.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--warning.vui-dropdown-placeholder--animating{background-image:linear-gradient(#f8c573,#f8c573)}.vui-dropdown .vui-dropdown-placeholder: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;position:absolute;top:.5rem;right:1rem;content:"";color:#bdc3c7}.vui-dropdown .vui-dropdown-placeholder:hover:before{color:#869198}.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--toggled:before{content:"";top:.7rem;color:#869198}.vui-dropdown .vui-dropdown-placeholder .vui-input.vui-dropdown-placeholder-label{width:100%;padding:.25rem .5rem .25rem 1rem;margin:0;background-color:transparent}.vui-dropdown .vui-dropdown-placeholder .vui-input.vui-dropdown-placeholder-label input[type=text]{cursor:pointer;border:none;background-color:transparent}.vui-dropdown .vui-list.vui-dropdown-list{position:absolute;top:2.5rem;left:0;right:0;background-color:#fff;z-index:2}.vui-dropdown .vui-list.vui-dropdown-list .vui-list-items .vui-list-items-item{cursor:pointer}
|
|
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-dropdown{position:relative;display:inline-flex;min-width:200px;border-radius:.25rem}.vui-dropdown .vui-dropdown-placeholder{background-color:#e6e9ea;background-repeat:no-repeat;background-size:0 0;background-position:50% 50%;transition:background-size .125s,color .125s;box-shadow:0 3px 1px -2px #0006,0 2px 2px #0003,0 1px 5px #0006;background-color:#fff;width:100%;cursor:pointer}.vui-dropdown .vui-dropdown-placeholder .vui-dropdown-placeholder-loader{position:absolute;bottom:-2px;left:0;width:30%;height:2px;background-color:transparent}.vui-dropdown .vui-dropdown-placeholder:hover,.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--toggled{background-color:#d9dcde}.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--animating{background-size:100% 100%;background-image:linear-gradient(#e6e9ea,#e6e9ea)}.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--loading .vui-dropdown-placeholder-loader{animation:linear infinite;animation-name:loading;animation-duration:.8s;background-color:#545e64}.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--error:hover,.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--error.vui-dropdown-placeholder--toggled{background-color:#f7acae}.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--error.vui-dropdown-placeholder--animating{background-image:linear-gradient(#f37d81,#f37d81)}.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--success:hover,.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--success.vui-dropdown-placeholder--toggled{background-color:#89e5b0}.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--success.vui-dropdown-placeholder--animating{background-image:linear-gradient(#60db94,#60db94)}.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--warning:hover,.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--warning.vui-dropdown-placeholder--toggled{background-color:#fad9a4}.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--warning.vui-dropdown-placeholder--animating{background-image:linear-gradient(#f8c573,#f8c573)}.vui-dropdown .vui-dropdown-placeholder: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;position:absolute;top:.5rem;right:1rem;content:"";color:#bdc3c7}.vui-dropdown .vui-dropdown-placeholder:hover:before{color:#869198}.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--toggled:before{content:"";top:.7rem;color:#869198}.vui-dropdown .vui-dropdown-placeholder .vui-input.vui-dropdown-placeholder-label{width:100%;padding:.25rem .5rem .25rem 1rem;margin:0;background-color:transparent}.vui-dropdown .vui-dropdown-placeholder .vui-input.vui-dropdown-placeholder-label input[type=text]{cursor:pointer;border:none;background-color:transparent}.vui-dropdown .vui-dropdown-placeholder .vui-input.vui-dropdown-placeholder-label input[type=text]::placeholder{color:#000}.vui-dropdown .vui-list.vui-dropdown-list{position:absolute;top:2.5rem;left:0;right:0;background-color:#fff;z-index:2}.vui-dropdown .vui-list.vui-dropdown-list .vui-list-items .vui-list-items-item{cursor:pointer}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{c as e}from"./composable-CshUTKfl.js";import{t}from"./translatable-
|
|
1
|
+
import{c as e}from"./composable-CshUTKfl.js";import{t}from"./translatable-eIyiPB31.js";import{_ as a,a as r,j as s,n,o as p}from"./index-BTCbAXEh.js";const c={},l={},i={en:c,fr:l},d={name:"VuiFooter",mixins:[e],created(){t(i)}},m=["id"];function f(o,u,$,_,b,h){return p(),r("footer",{id:o.componentId,class:n(["vui-footer",o.$props.class])},[s(o.$slots,"prepend"),s(o.$slots,"default"),s(o.$slots,"append")],10,m)}const V=a(d,[["render",f]]);export{V as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{d as _}from"./demonstrable-
|
|
1
|
+
import{d as _}from"./demonstrable-Dv7XIPoL.js";import{t as h}from"./translatable-eIyiPB31.js";import v from"./footer-DEmxvZDO.js";import{_ as b,a as r,b as o,w as a,r as s,o as n,F as c,g as y,k as x,l as B,e as $,t as l,d as p}from"./index-BTCbAXEh.js";import"./composable-CshUTKfl.js";const m={attrs:[{name:"flat",text:"page.component.footer.doc.attr.flat"}],examples:[{markup:`
|
|
2
2
|
<vui-footer>
|
|
3
3
|
My footer content
|
|
4
4
|
</vui-footer>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{c as e}from"./composable-CshUTKfl.js";import{t as a}from"./translatable-
|
|
1
|
+
import{c as e}from"./composable-CshUTKfl.js";import{t as a}from"./translatable-eIyiPB31.js";import{_ as r,a as n,j as o,n as t,o as p}from"./index-BTCbAXEh.js";const c={},l={},m={en:c,fr:l},i={name:"VuiForm",mixins:[e],created(){a(m)}},d=["id"];function f(s,u,$,_,b,h){return p(),n("form",{id:s.componentId,class:t(["vui-form",s.$props.class])},[o(s.$slots,"prepend"),o(s.$slots,"default"),o(s.$slots,"append")],10,d)}const V=r(i,[["render",f]]);export{V as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{d as V}from"./demonstrable-
|
|
1
|
+
import{d as V}from"./demonstrable-Dv7XIPoL.js";import{t as y}from"./translatable-eIyiPB31.js";import q from"./form-DLfAvscm.js";import{_ as E,a as d,b as i,w as a,r as n,o as p,F as f,g as T,d as e,t as o,e as k}from"./index-BTCbAXEh.js";import"./composable-CshUTKfl.js";const F={"page.component.form.email":"Enter an email","page.component.form.email.v-model":"The current v-model value for email is","page.component.form.password":"Enter a password","page.component.form.password.v-model":"The current v-model value for password is","page.component.form.submit":"Submit"},B={},H={en:F,fr:B},v={attrs:[],examples:[{markup:`
|
|
2
2
|
<vui-form>
|
|
3
3
|
<section>
|
|
4
4
|
<fieldset>
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{d as f}from"./demonstrable-
|
|
1
|
+
import{d as f}from"./demonstrable-Dv7XIPoL.js";import{t as _}from"./translatable-eIyiPB31.js";import v from"./grid-Dyb-qIv6.js";import{_ as h,a as s,b as o,w as e,r as l,o as c,F as p,g as x,d as r,t as d}from"./index-BTCbAXEh.js";import"./composable-CshUTKfl.js";const b={"page.component.grid.left":"Col 1 content","page.component.grid.right":"Col 2 content","page.component.grid.doc.prop.col-xs":"Defines number of columns for xs class","page.component.grid.doc.prop.col-sm":"Defines number of columns for sm class","page.component.grid.doc.prop.col-md":"Defines number of columns for md class","page.component.grid.doc.prop.col-xl":"Defines number of columns for xl class"},$={},y={en:b,fr:$},m={attrs:[],examples:[{markup:`
|
|
2
2
|
<vui-grid
|
|
3
3
|
id="example-grid-1"
|
|
4
4
|
col-md="2"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{c as s}from"./composable-CshUTKfl.js";import{t as l}from"./translatable-
|
|
1
|
+
import{c as s}from"./composable-CshUTKfl.js";import{t as l}from"./translatable-eIyiPB31.js";import{_ as n,a as r,j as e,n as d,o as i}from"./index-BTCbAXEh.js";const a={},t={},c={en:a,fr:t},p={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]}},u={name:"VuiGrid",mixins:[s],props:p,created(){l(c)}},m=["id"];function f(o,$,g,S,b,v){return i(),r("div",{id:o.componentId,class:d(["vui-grid",{[`vui-grid--col-xs--${o.colXs}`]:o.colXs},{[`vui-grid--col-sm--${o.colSm}`]:o.colSm},{[`vui-grid--col-md--${o.colMd}`]:o.colMd},{[`vui-grid--col-xl--${o.colXl}`]:o.colXl},o.$props.class])},[e(o.$slots,"prepend"),e(o.$slots,"default"),e(o.$slots,"append")],10,m)}const M=n(u,[["render",f]]);export{M as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{c as o}from"./composable-CshUTKfl.js";import{t as a}from"./translatable-
|
|
1
|
+
import{c as o}from"./composable-CshUTKfl.js";import{t as a}from"./translatable-eIyiPB31.js";import{_ as r,a as n,j as s,n as t,o as p}from"./index-BTCbAXEh.js";const c={},d={},l={en:c,fr:d},i={name:"VuiHeader",mixins:[o],created(){a(l)}},m=["id"];function f(e,u,$,_,h,b){return p(),n("header",{id:e.componentId,class:t(["vui-header",e.$props.class])},[s(e.$slots,"prepend"),s(e.$slots,"default"),s(e.$slots,"append")],10,m)}const V=r(i,[["render",f]]);export{V as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{d as _}from"./demonstrable-
|
|
1
|
+
import{d as _}from"./demonstrable-Dv7XIPoL.js";import{t as f}from"./translatable-eIyiPB31.js";import v from"./header-C2DRVubg.js";import{_ as b,a as n,b as t,w as o,r as s,o as r,F as c,g as y,k as x,l as B,e as $,t as d,d as l}from"./index-BTCbAXEh.js";import"./composable-CshUTKfl.js";const m={attrs:[{name:"flat",text:"page.component.header.doc.attr.flat"}],examples:[{markup:`
|
|
2
2
|
<vui-header>
|
|
3
3
|
My header content
|
|
4
4
|
</vui-header>
|