@e-xode/vui 0.6.6 → 0.6.8

package/dist/doc/assets/tabs-B3nfb47D.js

@@ -1,11 +0,0 @@
-import{d as h}from"./demonstrable-nGGBFHXw.js";import{t as _}from"./translatable-CVnAMpzi.js";import f from"./tabs-C3cihruc.js";import{_ as y,a as p,b as a,w as o,r as n,o as s,F as b,g as u,h as x,q as T,e as k,t as l,k as B,l as $,i as S,d as r}from"./index-Bxv-4tsQ.js";import"./composable-CshUTKfl.js";const V={"page.component.tabs.doc.prop.disabled":"Binds the disabled state","page.component.tabs.doc.prop.items":"List of tabs and label / value","page.component.tabs.doc.prop.item-label":"Label key name foreach tab","page.component.tabs.doc.prop.item-value":"Value key name foreach tab","page.component.tabs.doc.prop.vmodel":"Binds the active tab","page.component.tabs.doc.prop.value":"Define the active tab"},L={},w={en:V,fr:L},i={examples:[{markup:`
-                <vui-tabs
-                    items="[
-                        { 'label': 'Tab 1', 'value': 'tab1' },
-                        { 'label': 'Tab 2', 'value': 'tab2' },
-                    ]"
-                >
-                    <template #tab1>Tab 1</template>
-                    <template #tab2>Tab 2</template>
-                </vui-tabs>
-            `,props:{icon:"fa-solid fa-tags",id:"vui-tabs-1",items:[{label:"Tab 1",value:"tab1"},{label:"Tab 2",value:"tab2"}]},text:"page.component.tabs.default"}],props:[{tag:"items",type:"Array",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:"default",text:"page.component.card.doc.slot.default"}]},H={name:"ViewTabs",mixins:[h],setup(){return _(w),{}},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}}))})}}},P={class:"view-tabs"},C=["innerHTML"],D={class:"title"},N={class:"title"};function A(e,E,F,M,q,g){const c=n("vui-grid-unit"),d=n("vui-table"),v=n("vui-grid");return s(),p("div",P,[a(v,{"col-sm":"1","col-md":"2"},{default:o(()=>[a(c,{class:"examples"},{default:o(()=>[(s(!0),p(b,null,u(g.examples,t=>(s(),p(b,{key:`tag-${t.props.id}`},[(s(),x(S(t.component),B($(t.props)),T({_:2},[u(t.props.items,(m,z)=>({name:m.value,fn:o(()=>[k(l(m.label),1)])}))]),1040)),r("div",{class:"highlighted-code",innerHTML:t.highlighted},null,8,C)],64))),128))]),_:1}),a(c,{class:"api-options"},{default:o(()=>[r("h2",D,l(e.$t("page.component.h2.api")),1),a(d,{"item-label":"label","item-value":"value",headers:e.docPropsHeaders,items:e.docProps},null,8,["headers","items"]),r("h2",N,l(e.$t("page.component.h2.slots")),1),a(d,{"item-label":"label","item-value":"value",headers:e.docSlotsHeaders,items:e.docSlots},null,8,["headers","items"])]),_:1})]),_:1})])}const K=y(H,[["render",A]]);export{K as default};

package/dist/doc/assets/tabs-C3cihruc.js

@@ -1 +0,0 @@
-import{c as p}from"./composable-CshUTKfl.js";import{t as v}from"./translatable-CVnAMpzi.js";import{_ as b,a as s,j as i,d as l,F as o,g as c,n,o as a,f as m,t as f}from"./index-Bxv-4tsQ.js";const V={},g={},y={en:V,fr:g},$={icon:{type:String},items:{type:Array,required:!0},itemLabel:{type:String,default:"label"},itemValue:{type:String,default:"value"},modelValue:{type:String},value:{type:String}},k={name:"VuiTabs",mixins:[p],props:$,emits:["update:model-value"],data(){return{active:null}},computed:{tabs(){return this.items.map(e=>({...e,$$id:this.newId()}))}},watch:{modelValue(e){this.active=e},value(e){this.active=e}},created(){var e;if(v(y),this.hasModelValue)this.active=this.modelValue;else if(this.hasValue)this.active=this.value;else if((e=this.items)!=null&&e.length){const r=this.items[0];this.active=r[this.itemValue]}},methods:{toggle(e){this.disabled||(this.active=e,this.$emit("update:model-value",this.active))}}},S=["id"],_={class:"vui-tabs-tabs"},C=["onClick"],w={class:"label"},B={class:"vui-tabs-slots"};function L(e,r,F,I,u,d){return a(),s("div",{id:e.componentId,class:n(["vui-tabs",e.$props.class])},[i(e.$slots,"prepend"),l("div",_,[(a(!0),s(o,null,c(d.tabs,t=>(a(),s("div",{key:t.$$id,class:n(["vui-tabs-tabs-tab",{"vui-tabs-tabs-tab--with-icon":e.icon},{"vui-tabs-tabs-tab--active":t[e.itemValue]===u.active}]),onClick:()=>d.toggle(t[e.itemValue])},[e.icon?(a(),s("i",{key:0,class:n(["vui-tabs-tabs-tab-icon",e.icon])},null,2)):m("",!0),l("span",w,f(t[e.itemLabel]),1)],10,C))),128))]),l("div",B,[(a(!0),s(o,null,c(e.items,(t,h)=>(a(),s(o,{key:`slot-${t.$$id}`},[t[e.itemValue]===u.active?i(e.$slots,t[e.itemValue],{key:0,index:h}):m("",!0)],64))),128))]),i(e.$slots,"append")],10,S)}const q=b(k,[["render",L]]);export{q as default};

package/dist/input-Dy5fCJhT.js

@@ -1,103 +0,0 @@
-import { _ as u, c as s, t as o } from "./_plugin-vue_export-helper-BSl1dQT6.js";
-import { openBlock as d, createElementBlock as r, normalizeClass as i, renderSlot as a, createElementVNode as m } from "vue";
-import "highlight.js";
-const h = {
-  "component.input.placeholder": "Type a value ..."
-}, c = {}, y = {
-  en: h,
-  fr: c
-}, f = {
-  modelValue: {
-    default: void 0,
-    types: [
-      Boolean,
-      String,
-      Number,
-      null
-    ]
-  },
-  maxlength: {
-    type: Number
-  },
-  name: {
-    type: String
-  },
-  placeholder: {
-    default: null,
-    types: [
-      Boolean,
-      String,
-      Number,
-      null
-    ]
-  },
-  type: {
-    type: String,
-    default: "text"
-  },
-  value: {
-    default: void 0,
-    types: [
-      Boolean,
-      Number,
-      String,
-      null
-    ]
-  }
-}, b = {
-  name: "VuiInput",
-  mixins: [
-    s
-  ],
-  props: f,
-  emits: ["input", "update:model-value"],
-  data() {
-    return {
-      typed: null
-    };
-  },
-  computed: {
-    placeholderValue() {
-      return this.placeholder ? this.placeholder : this.$t("component.input.placeholder");
-    }
-  },
-  watch: {
-    value(e) {
-      this.typed = e;
-    },
-    modelValue(e) {
-      this.typed = e;
-    }
-  },
-  created() {
-    o(y), this.hasModelValue ? this.typed = this.modelValue : this.hasValue && (this.typed = this.value);
-  },
-  methods: {
-    onInput(e) {
-      this.typed = this.type === "number" ? e.target.valueAsNumber : e.target.value, this.$emit("input", e), this.$emit("update:model-value", this.typed);
-    }
-  }
-}, g = ["id"], v = ["value", "disabled", "maxlength", "name", "placeholder", "required", "type"];
-function V(e, l, I, N, n, t) {
-  return d(), r("div", {
-    id: e.componentId,
-    class: i(["vui-input", e.$props.class])
-  }, [
-    a(e.$slots, "prepend"),
-    m("input", {
-      value: n.typed,
-      disabled: e.disabled,
-      maxlength: e.maxlength,
-      name: e.name,
-      placeholder: t.placeholderValue,
-      required: e.hasAttribute("required"),
-      type: e.type,
-      onInput: l[0] || (l[0] = (...p) => t.onInput && t.onInput(...p))
-    }, null, 40, v),
-    a(e.$slots, "append")
-  ], 10, g);
-}
-const q = /* @__PURE__ */ u(b, [["render", V]]);
-export {
-  q as default
-};

package/dist/input-WjGQ7q1J.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./_plugin-vue_export-helper-DeDoBcDj.js"),t=require("vue");require("highlight.js");const p={"component.input.placeholder":"Type a value ..."},d={},o={en:p,fr:d},s={modelValue:{default:void 0,types:[Boolean,String,Number,null]},maxlength:{type:Number},name:{type:String},placeholder:{default:null,types:[Boolean,String,Number,null]},type:{type:String,default:"text"},value:{default:void 0,types:[Boolean,Number,String,null]}},i={name:"VuiInput",mixins:[n.composable],props:s,emits:["input","update:model-value"],data(){return{typed:null}},computed:{placeholderValue(){return this.placeholder?this.placeholder:this.$t("component.input.placeholder")}},watch:{value(e){this.typed=e},modelValue(e){this.typed=e}},created(){n.translatable(o),this.hasModelValue?this.typed=this.modelValue:this.hasValue&&(this.typed=this.value)},methods:{onInput(e){this.typed=this.type==="number"?e.target.valueAsNumber:e.target.value,this.$emit("input",e),this.$emit("update:model-value",this.typed)}}},h=["id"],m=["value","disabled","maxlength","name","placeholder","required","type"];function c(e,a,f,g,u,l){return t.openBlock(),t.createElementBlock("div",{id:e.componentId,class:t.normalizeClass(["vui-input",e.$props.class])},[t.renderSlot(e.$slots,"prepend"),t.createElementVNode("input",{value:u.typed,disabled:e.disabled,maxlength:e.maxlength,name:e.name,placeholder:l.placeholderValue,required:e.hasAttribute("required"),type:e.type,onInput:a[0]||(a[0]=(...r)=>l.onInput&&l.onInput(...r))},null,40,m),t.renderSlot(e.$slots,"append")],10,h)}const y=n._export_sfc(i,[["render",c]]);exports.default=y;

package/dist/table-8qXMDkjH.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./animable-ChJEXlsE.js"),s=require("./_plugin-vue_export-helper-DeDoBcDj.js"),e=require("vue");require("highlight.js");const p={headers:{type:Array,default:()=>[]},itemLabel:{type:String,default:"label"},itemValue:{type:String,default:"value"},items:{type:Array,default:()=>[],required:!0}},c={},b={},V={en:c,fr:b},$={name:"VuiTable",mixins:[d.animable,s.composable],props:p,created(){s.translatable(V)},methods:{leaf(l,i){return i.split(".").reduce((r,o)=>r&&r[o]?r[o]:null,l)}}},f=["id"],y=["data-label"];function g(l,i,r,o,E,u){return e.openBlock(),e.createElementBlock("div",{id:l.componentId,class:e.normalizeClass(["vui-table",l.$props.class])},[e.renderSlot(l.$slots,"prepend"),e.createElementVNode("table",null,[e.createElementVNode("thead",null,[e.createElementVNode("tr",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.headers,(t,a)=>e.renderSlot(l.$slots,`header.${t[l.itemValue]}`,{key:`table-${l.componentId}-header--${a}`,item:t,itemLabel:l.itemLabel,itemValue:l.itemValue,index:a},()=>[e.createElementVNode("th",{class:e.normalizeClass(t.class)},e.toDisplayString(t[l.itemLabel]),3)])),128))])]),e.createElementVNode("tbody",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.items,(t,a)=>e.renderSlot(l.$slots,"default",{key:`table-${l.componentId}-item--${a}`,index:a,item:t,itemLabel:l.itemLabel,itemValue:l.itemValue},()=>[e.createElementVNode("tr",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.headers,(n,m)=>e.renderSlot(l.$slots,`item.${n[l.itemValue]}`,{key:`table-${l.componentId}-item-td--${m}`,index:m,item:t,itemLabel:l.itemLabel,itemValue:l.itemValue},()=>[e.createElementVNode("td",{"data-label":n.label,class:e.normalizeClass(n.class)},e.toDisplayString(u.leaf(t,n.value)),11,y)])),128))])])),128))])]),e.renderSlot(l.$slots,"append")],10,f)}const k=s._export_sfc($,[["render",g]]);exports.default=k;

package/dist/table-DuvV-g2p.js

@@ -1,95 +0,0 @@
-import { a as y } from "./animable-DnFaMPYA.js";
-import { _ as V, c as L, t as g } from "./_plugin-vue_export-helper-BSl1dQT6.js";
-import { openBlock as i, createElementBlock as o, normalizeClass as u, renderSlot as s, createElementVNode as t, Fragment as d, renderList as p, toDisplayString as f } from "vue";
-import "highlight.js";
-const h = {
-  headers: {
-    type: Array,
-    default: () => []
-  },
-  itemLabel: {
-    type: String,
-    default: "label"
-  },
-  itemValue: {
-    type: String,
-    default: "value"
-  },
-  items: {
-    type: Array,
-    default: () => [],
-    required: !0
-  }
-}, k = {}, I = {}, S = {
-  en: k,
-  fr: I
-}, v = {
-  name: "VuiTable",
-  mixins: [
-    y,
-    L
-  ],
-  props: h,
-  created() {
-    g(S);
-  },
-  methods: {
-    leaf(e, b) {
-      return b.split(".").reduce((n, m) => n && n[m] ? n[m] : null, e);
-    }
-  }
-}, A = ["id"], B = ["data-label"];
-function E(e, b, n, m, q, c) {
-  return i(), o("div", {
-    id: e.componentId,
-    class: u(["vui-table", e.$props.class])
-  }, [
-    s(e.$slots, "prepend"),
-    t("table", null, [
-      t("thead", null, [
-        t("tr", null, [
-          (i(!0), o(d, null, p(e.headers, (l, a) => s(e.$slots, `header.${l[e.itemValue]}`, {
-            key: `table-${e.componentId}-header--${a}`,
-            item: l,
-            itemLabel: e.itemLabel,
-            itemValue: e.itemValue,
-            index: a
-          }, () => [
-            t("th", {
-              class: u(l.class)
-            }, f(l[e.itemLabel]), 3)
-          ])), 128))
-        ])
-      ]),
-      t("tbody", null, [
-        (i(!0), o(d, null, p(e.items, (l, a) => s(e.$slots, "default", {
-          key: `table-${e.componentId}-item--${a}`,
-          index: a,
-          item: l,
-          itemLabel: e.itemLabel,
-          itemValue: e.itemValue
-        }, () => [
-          t("tr", null, [
-            (i(!0), o(d, null, p(e.headers, (r, $) => s(e.$slots, `item.${r[e.itemValue]}`, {
-              key: `table-${e.componentId}-item-td--${$}`,
-              index: $,
-              item: l,
-              itemLabel: e.itemLabel,
-              itemValue: e.itemValue
-            }, () => [
-              t("td", {
-                "data-label": r.label,
-                class: u(r.class)
-              }, f(c.leaf(l, r.value)), 11, B)
-            ])), 128))
-          ])
-        ])), 128))
-      ])
-    ]),
-    s(e.$slots, "append")
-  ], 10, A);
-}
-const N = /* @__PURE__ */ V(v, [["render", E]]);
-export {
-  N as default
-};

package/dist/tabs-CHwXPZS8.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./_plugin-vue_export-helper-DeDoBcDj.js"),e=require("vue");require("highlight.js");const r={},c={},u={en:r,fr:c},d={icon:{type:String},items:{type:Array,required:!0},itemLabel:{type:String,default:"label"},itemValue:{type:String,default:"value"},modelValue:{type:String},value:{type:String}},m={name:"VuiTabs",mixins:[i.composable],props:d,emits:["update:model-value"],data(){return{active:null}},computed:{tabs(){return this.items.map(t=>({...t,$$id:this.newId()}))}},watch:{modelValue(t){this.active=t},value(t){this.active=t}},created(){var t;if(i.translatable(u),this.hasModelValue)this.active=this.modelValue;else if(this.hasValue)this.active=this.value;else if((t=this.items)!=null&&t.length){const a=this.items[0];this.active=a[this.itemValue]}},methods:{toggle(t){this.disabled||(this.active=t,this.$emit("update:model-value",this.active))}}},p=["id"],h={class:"vui-tabs-tabs"},v=["onClick"],b={class:"label"},g={class:"vui-tabs-slots"};function k(t,a,y,f,l,o){return e.openBlock(),e.createElementBlock("div",{id:t.componentId,class:e.normalizeClass(["vui-tabs",t.$props.class])},[e.renderSlot(t.$slots,"prepend"),e.createElementVNode("div",h,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.tabs,s=>(e.openBlock(),e.createElementBlock("div",{key:s.$$id,class:e.normalizeClass(["vui-tabs-tabs-tab",{"vui-tabs-tabs-tab--with-icon":t.icon},{"vui-tabs-tabs-tab--active":s[t.itemValue]===l.active}]),onClick:()=>o.toggle(s[t.itemValue])},[t.icon?(e.openBlock(),e.createElementBlock("i",{key:0,class:e.normalizeClass(["vui-tabs-tabs-tab-icon",t.icon])},null,2)):e.createCommentVNode("",!0),e.createElementVNode("span",b,e.toDisplayString(s[t.itemLabel]),1)],10,v))),128))]),e.createElementVNode("div",g,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(s,n)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:`slot-${s.$$id}`},[s[t.itemValue]===l.active?e.renderSlot(t.$slots,s[t.itemValue],{key:0,index:n}):e.createCommentVNode("",!0)],64))),128))]),e.renderSlot(t.$slots,"append")],10,p)}const V=i._export_sfc(m,[["render",k]]);exports.default=V;