@e-xode/vui 0.6.5

package/dist/dropdown-94Qb68fE.js

@@ -0,0 +1,188 @@
+import c from "./input-Dy5fCJhT.js";
+import b from "./list-BH719nj8.js";
+import { a as f } from "./animable-DnFaMPYA.js";
+import { _ as g, c as y, t as v } from "./_plugin-vue_export-helper-BSl1dQT6.js";
+import { resolveComponent as u, openBlock as p, createElementBlock as w, normalizeClass as m, renderSlot as d, createElementVNode as V, withModifiers as k, createVNode as C, createBlock as I, mergeProps as L, createSlots as S, withCtx as n, createCommentVNode as B } from "vue";
+import "highlight.js";
+const $ = {
+  "component.dropdown.placeholder": "Select a value ..."
+}, F = {}, N = {
+  en: $,
+  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: b
+  },
+  mixins: [
+    f,
+    y
+  ],
+  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, i = typeof (l == null ? void 0 : l[e]) < "u" ? l[e] : l;
+      return i === null ? this.placeholderLabel : this.labelFromItem(i);
+    },
+    placeholderLabel() {
+      return this.placeholder ? this.placeholder : this.$t("component.dropdown.placeholder");
+    }
+  },
+  watch: {
+    modelValue(e) {
+      this.selected = e;
+    },
+    value(e) {
+      this.selected = e;
+    }
+  },
+  created() {
+    v(N), this.hasModelValue ? this.selected = this.modelValue : this.hasValue && (this.selected = this.value);
+  },
+  methods: {
+    labelFromChild(e, l, i) {
+      const { itemValue: r, itemLabel: t } = this;
+      return e[r].reduce((o, a) => a[r] === i ? a[t] : o, l);
+    },
+    labelFromItem(e) {
+      const { itemValue: l, itemLabel: i } = this;
+      return this.items.reduce((r, t) => Array.isArray(t[l]) ? this.labelFromChild(t, r, e) : t[l] === e ? t[i] : r, 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);
+    }
+  }
+}, U = ["id"];
+function j(e, l, i, r, t, o) {
+  const a = u("vui-input"), h = u("vui-list");
+  return p(), w("div", {
+    id: e.componentId,
+    class: m(["vui-dropdown", e.$props.class])
+  }, [
+    d(e.$slots, "prepend"),
+    V("div", {
+      class: m([
+        "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((...s) => o.onClick && o.onClick(...s), ["stop"]))
+    }, [
+      d(e.$slots, "keyword", { keyword: t.keyword }, () => [
+        C(a, {
+          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(), I(h, L({
+      key: 0,
+      modelValue: t.selected,
+      "onUpdate:modelValue": l[1] || (l[1] = (s) => t.selected = s)
+    }, e.$attrs, {
+      class: "vui-dropdown-list",
+      "group-id": e.componentGroupId,
+      "disable-filtering": e.disableFiltering,
+      disabled: e.disabled,
+      items: e.items,
+      "item-label": e.itemLabel,
+      "item-value": e.itemValue,
+      keyword: t.keyword,
+      selectable: !0,
+      title: o.listTitle,
+      "onUpdate:modelValue": o.onToggle
+    }), S({ _: 2 }, [
+      e.$slots.placeholder ? {
+        name: "placeholder",
+        fn: n(() => [
+          d(e.$slots, "placeholder")
+        ]),
+        key: "0"
+      } : void 0,
+      e.$slots["group-item"] ? {
+        name: "group-item",
+        fn: n(() => [
+          d(e.$slots, "group-item")
+        ]),
+        key: "1"
+      } : void 0,
+      e.$slots.item ? {
+        name: "item",
+        fn: n(() => [
+          d(e.$slots, "item")
+        ]),
+        key: "2"
+      } : void 0
+    ]), 1040, ["modelValue", "group-id", "disable-filtering", "disabled", "items", "item-label", "item-value", "keyword", "title", "onUpdate:modelValue"])) : B("", !0),
+    d(e.$slots, "append")
+  ], 10, U);
+}
+const D = /* @__PURE__ */ g(T, [["render", j]]);
+export {
+  D as default
+};

package/dist/dropdown-BwSLrIif.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("./input-WjGQ7q1J.js"),m=require("./list-BkZK3xVW.js"),c=require("./animable-ChJEXlsE.js"),a=require("./_plugin-vue_export-helper-DeDoBcDj.js"),l=require("vue");require("highlight.js");const h={"component.dropdown.placeholder":"Select a value ..."},b={},f={en:h,fr:b},g={disableFiltering:{type:Boolean,default:!1},items:{type:Array,required:!0},itemLabel:{type:String,default:"label"},itemValue:{type:String,default:"value"},modelValue:{default:void 0,types:[Boolean,Number,Object,String,null]},placeholder:{types:[Boolean,Number,String]},value:{default:void 0,types:[Boolean,Object,Number,String,null]}},v={name:"VuiDropdown",components:{VuiInput:p.default,VuiList:m.default},mixins:[c.animable,a.composable],props:g,emits:["input","update:model-value"],data(){return{keyword:null,selected:null}},computed:{listTitle(){return this.selected?this.placeholderLabel:null},placeholderValue(){const{itemValue:e,selected:t}=this,r=typeof(t==null?void 0:t[e])<"u"?t[e]:t;return r===null?this.placeholderLabel:this.labelFromItem(r)},placeholderLabel(){return this.placeholder?this.placeholder:this.$t("component.dropdown.placeholder")}},watch:{modelValue(e){this.selected=e},value(e){this.selected=e}},created(){a.translatable(f),this.hasModelValue?this.selected=this.modelValue:this.hasValue&&(this.selected=this.value)},methods:{labelFromChild(e,t,r){const{itemValue:n,itemLabel:o}=this;return e[n].reduce((i,d)=>d[n]===r?d[o]:i,t)},labelFromItem(e){const{itemValue:t,itemLabel:r}=this;return this.items.reduce((n,o)=>Array.isArray(o[t])?this.labelFromChild(o,n,e):o[t]===e?o[r]:n,e)},onClick(){this.disabled||this.onAnimate()},onInput(e){this.$emit("input",e),this.onAnimate(!0),this.keyword=e.target.value?e.target.value:null},onToggle(e){this.keyword=null,this.blur(),this.hasProp("value")||(this.selected=e),this.$emit("update:model-value",e)}}},y=["id"];function w(e,t,r,n,o,i){const d=l.resolveComponent("vui-input"),u=l.resolveComponent("vui-list");return l.openBlock(),l.createElementBlock("div",{id:e.componentId,class:l.normalizeClass(["vui-dropdown",e.$props.class])},[l.renderSlot(e.$slots,"prepend"),l.createElementVNode("div",{class:l.normalizeClass(["vui-dropdown-placeholder",{"vui-dropdown-placeholder--toggled":e.toggled},{"vui-dropdown-placeholder--animating":e.animating},{"vui-dropdown-placeholder--disabled":e.disabled}]),onClick:t[0]||(t[0]=l.withModifiers((...s)=>i.onClick&&i.onClick(...s),["stop"]))},[l.renderSlot(e.$slots,"keyword",{keyword:o.keyword},()=>[l.createVNode(d,{value:o.keyword,type:"text",class:"vui-dropdown-placeholder-label",placeholder:i.placeholderValue,onInput:i.onInput},null,8,["value","placeholder","onInput"])])],2),e.toggled?(l.openBlock(),l.createBlock(u,l.mergeProps({key:0,modelValue:o.selected,"onUpdate:modelValue":t[1]||(t[1]=s=>o.selected=s)},e.$attrs,{class:"vui-dropdown-list","group-id":e.componentGroupId,"disable-filtering":e.disableFiltering,disabled:e.disabled,items:e.items,"item-label":e.itemLabel,"item-value":e.itemValue,keyword:o.keyword,selectable:!0,title:i.listTitle,"onUpdate:modelValue":i.onToggle}),l.createSlots({_:2},[e.$slots.placeholder?{name:"placeholder",fn:l.withCtx(()=>[l.renderSlot(e.$slots,"placeholder")]),key:"0"}:void 0,e.$slots["group-item"]?{name:"group-item",fn:l.withCtx(()=>[l.renderSlot(e.$slots,"group-item")]),key:"1"}:void 0,e.$slots.item?{name:"item",fn:l.withCtx(()=>[l.renderSlot(e.$slots,"item")]),key:"2"}:void 0]),1040,["modelValue","group-id","disable-filtering","disabled","items","item-label","item-value","keyword","title","onUpdate:modelValue"])):l.createCommentVNode("",!0),l.renderSlot(e.$slots,"append")],10,y)}const V=a._export_sfc(v,[["render",w]]);exports.default=V;

package/dist/footer-51s_zdw3.js

@@ -0,0 +1,29 @@
+import { _ as s, c as t, t as r } from "./_plugin-vue_export-helper-BSl1dQT6.js";
+import { openBlock as n, createElementBlock as a, normalizeClass as p, renderSlot as e } from "vue";
+import "highlight.js";
+const c = {}, l = {}, i = {
+  en: c,
+  fr: l
+}, d = {
+  name: "VuiFooter",
+  mixins: [
+    t
+  ],
+  created() {
+    r(i);
+  }
+}, f = ["id"];
+function m(o, $, u, _, b, h) {
+  return n(), a("footer", {
+    id: o.componentId,
+    class: p(["vui-footer", o.$props.class])
+  }, [
+    e(o.$slots, "prepend"),
+    e(o.$slots, "default"),
+    e(o.$slots, "append")
+  ], 10, f);
+}
+const v = /* @__PURE__ */ s(d, [["render", m]]);
+export {
+  v as default
+};

package/dist/footer-BsenaW5N.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./_plugin-vue_export-helper-DeDoBcDj.js"),e=require("vue");require("highlight.js");const t={},s={},n={en:t,fr:s},l={name:"VuiFooter",mixins:[r.composable],created(){r.translatable(n)}},a=["id"];function c(o,p,d,u,f,m){return e.openBlock(),e.createElementBlock("footer",{id:o.componentId,class:e.normalizeClass(["vui-footer",o.$props.class])},[e.renderSlot(o.$slots,"prepend"),e.renderSlot(o.$slots,"default"),e.renderSlot(o.$slots,"append")],10,a)}const i=r._export_sfc(l,[["render",c]]);exports.default=i;

package/dist/form-BZpgCWGA.js

@@ -0,0 +1,29 @@
+import { _ as e, c as r, t as n } from "./_plugin-vue_export-helper-BSl1dQT6.js";
+import { openBlock as t, createElementBlock as a, normalizeClass as p, renderSlot as s } from "vue";
+import "highlight.js";
+const c = {}, l = {}, m = {
+  en: c,
+  fr: l
+}, i = {
+  name: "VuiForm",
+  mixins: [
+    r
+  ],
+  created() {
+    n(m);
+  }
+}, d = ["id"];
+function f(o, $, u, _, b, h) {
+  return t(), a("form", {
+    id: o.componentId,
+    class: p(["vui-form", o.$props.class])
+  }, [
+    s(o.$slots, "prepend"),
+    s(o.$slots, "default"),
+    s(o.$slots, "append")
+  ], 10, d);
+}
+const v = /* @__PURE__ */ e(i, [["render", f]]);
+export {
+  v as default
+};

package/dist/form-ZUVvCZyS.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./_plugin-vue_export-helper-DeDoBcDj.js"),e=require("vue");require("highlight.js");const s={},n={},t={en:s,fr:n},l={name:"VuiForm",mixins:[r.composable],created(){r.translatable(t)}},a=["id"];function c(o,p,d,u,m,f){return e.openBlock(),e.createElementBlock("form",{id:o.componentId,class:e.normalizeClass(["vui-form",o.$props.class])},[e.renderSlot(o.$slots,"prepend"),e.renderSlot(o.$slots,"default"),e.renderSlot(o.$slots,"append")],10,a)}const i=r._export_sfc(l,[["render",c]]);exports.default=i;

package/dist/grid-CurHW85o.js

@@ -0,0 +1,66 @@
+import { _ as s, c as l, t as n } from "./_plugin-vue_export-helper-BSl1dQT6.js";
+import { openBlock as r, createElementBlock as d, normalizeClass as i, renderSlot as o } from "vue";
+import "highlight.js";
+const t = {}, a = {}, c = {
+  en: t,
+  fr: a
+}, 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: [
+    l
+  ],
+  props: p,
+  created() {
+    n(c);
+  }
+}, m = ["id"];
+function f(e, $, g, S, b, v) {
+  return r(), d("div", {
+    id: e.componentId,
+    class: i([
+      "vui-grid",
+      { [`vui-grid--col-xs--${e.colXs}`]: e.colXs },
+      { [`vui-grid--col-sm--${e.colSm}`]: e.colSm },
+      { [`vui-grid--col-md--${e.colMd}`]: e.colMd },
+      { [`vui-grid--col-xl--${e.colXl}`]: e.colXl },
+      e.$props.class
+    ])
+  }, [
+    o(e.$slots, "prepend"),
+    o(e.$slots, "default"),
+    o(e.$slots, "append")
+  ], 10, m);
+}
+const M = /* @__PURE__ */ s(u, [["render", f]]);
+export {
+  M as default
+};

package/dist/grid-DWWix5rK.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./_plugin-vue_export-helper-DeDoBcDj.js"),o=require("vue");require("highlight.js");const l={},n={},s={en:l,fr:n},d={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]}},i={name:"VuiGrid",mixins:[r.composable],props:d,created(){r.translatable(s)}},t=["id"];function u(e,a,p,m,f,g){return o.openBlock(),o.createElementBlock("div",{id:e.componentId,class:o.normalizeClass(["vui-grid",{[`vui-grid--col-xs--${e.colXs}`]:e.colXs},{[`vui-grid--col-sm--${e.colSm}`]:e.colSm},{[`vui-grid--col-md--${e.colMd}`]:e.colMd},{[`vui-grid--col-xl--${e.colXl}`]:e.colXl},e.$props.class])},[o.renderSlot(e.$slots,"prepend"),o.renderSlot(e.$slots,"default"),o.renderSlot(e.$slots,"append")],10,t)}const c=r._export_sfc(i,[["render",u]]);exports.default=c;

package/dist/header-DcGPzeye.js

@@ -0,0 +1,29 @@
+import { _ as o, c as a, t as r } from "./_plugin-vue_export-helper-BSl1dQT6.js";
+import { openBlock as n, createElementBlock as t, normalizeClass as p, renderSlot as s } from "vue";
+import "highlight.js";
+const c = {}, d = {}, l = {
+  en: c,
+  fr: d
+}, i = {
+  name: "VuiHeader",
+  mixins: [
+    a
+  ],
+  created() {
+    r(l);
+  }
+}, m = ["id"];
+function f(e, $, u, _, h, b) {
+  return n(), t("header", {
+    id: e.componentId,
+    class: p(["vui-header", e.$props.class])
+  }, [
+    s(e.$slots, "prepend"),
+    s(e.$slots, "default"),
+    s(e.$slots, "append")
+  ], 10, m);
+}
+const v = /* @__PURE__ */ o(i, [["render", f]]);
+export {
+  v as default
+};

package/dist/header-ZYcWwRkh.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./_plugin-vue_export-helper-DeDoBcDj.js"),e=require("vue");require("highlight.js");const s={},n={},t={en:s,fr:n},a={name:"VuiHeader",mixins:[o.composable],created(){o.translatable(t)}},l=["id"];function d(r,i,p,u,f,m){return e.openBlock(),e.createElementBlock("header",{id:r.componentId,class:e.normalizeClass(["vui-header",r.$props.class])},[e.renderSlot(r.$slots,"prepend"),e.renderSlot(r.$slots,"default"),e.renderSlot(r.$slots,"append")],10,l)}const c=o._export_sfc(a,[["render",d]]);exports.default=c;

package/dist/index-BYlXFZ1a.js

@@ -0,0 +1,7 @@
+const n = {}, s = {}, o = {
+  en: n,
+  fr: s
+};
+export {
+  o as l
+};

package/dist/index-CIHzWz8S.js

@@ -0,0 +1 @@
+"use strict";const s={},n={},t={en:s,fr:n};exports.langs=t;

package/dist/input-Dy5fCJhT.js

@@ -0,0 +1,103 @@
+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

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