@e-xode/vui 0.6.5

package/LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2015-present Evan You
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

package/README.md

@@ -0,0 +1,107 @@
+
+# Vui, Another Vuejs U.I Library
+
+  [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT) [![CircleCI](https://dl.circleci.com/status-badge/img/gh/e-xode/vui/tree/master.svg?style=svg&circle-token=d8353b320a36159da949b935eba5cbdb41502a60)](https://dl.circleci.com/status-badge/redirect/gh/e-xode/vui/tree/master) [![Coverage Status](https://coveralls.io/repos/github/e-xode/vui/badge.svg?branch=master)](https://coveralls.io/github/e-xode/vui?branch=master) ![NPM Version](https://img.shields.io/npm/v/%40e-xode%2Fvui?color=green)
+
+  VUI is an open source UI library providing customizable web components for Vue.js.
+
+## Features
+
+- 3 types of web components: Html, UI, and layout, written in a way to provide simple implementation and easy customization. **23 components are available** in the current release.
+
+- Styles and layouts allow easy CSS overriding (no inline definitions, no messy !importants, ...).
+- Compatible with server rendering ( [SSR](https://vuejs.org/guide/scaling-up/ssr.html) ).
+- Integrates fontawesome-free Icons library.
+- Provides documentation and tests.
+
+Online documentation and live demo are available [here](https://vui.e-xode.net/)
+
+Package and releases are available on [NPM](https://www.npmjs.com/package/@e-xode/vui)
+
+  ## Get started
+
+Install first the library:
+
+```sh
+npm  install -s  @e-xode/vui
+```
+
+  ### use vui in your vue app
+
+In your Vue application:
+
+```javascript
+import { createApp } from  'vue'
+import { createI18n } from  'vue-i18n'
+import App from  './App.vue'
+import vui from  '@e-xode/vui'
+
+const main =  createApp(App)
+main.use(vui)
+main.use(new  createI18n({
+    legacy: false,
+    locale: 'en',
+    messages: { en: [] }
+}))
+```
+
+Notes:
+- The current version of VUI works only with vue-i18n and option **legacy = false** (translations are components isolated)
+- Version of node currently supported: 21
+- Depending of your bundler, you may need to provide specific path of the module format:
+    - cjs: ```import vui from '@e-xode/vui/vui.cjs.js'```
+    - esm: ```import vui from '@e-xode/vui/vui.esm.js'```
+    - umd: ```import vui from '@e-xode/vui/vui.umd.js'```
+
+### load vui style
+
+```scss
+@import  "@e-xode/vui/dist/style.css";
+```
+
+### load @fontawesome icons
+
+```scss
+@import "@fortawesome/fontawesome-free/css/all.css";
+@font-face {
+    font-family: 'Font Awesome 5 Brands';
+    font-style: normal;
+    font-weight: 400;
+    src:
+    url('@fortawesome/fontawesome-free/webfonts/fa-brands-400.woff2') format('woff2'),
+    url('@fortawesome/fontawesome-free/webfonts/fa-brands-400.ttf') format('truetype')
+}
+@font-face {
+    font-family: 'Font Awesome 5 Regular';
+    font-style: normal;
+    font-weight: 400;
+    src:
+    url('@fortawesome/fontawesome-free/webfonts/fa-regular-400.woff2') format('woff2'),
+    url('@fortawesome/fontawesome-free/webfonts/fa-regular-400.ttf') format('truetype')
+}
+@font-face {
+    font-family: 'Font Awesome 5 Solid';
+    font-style: normal;
+    font-weight: 900;
+    src:
+    url('@fortawesome/fontawesome-free/webfonts/fa-solid-900.woff2') format('woff2'),
+    url('@fortawesome/fontawesome-free/webfonts/fa-solid-900.ttf') format('truetype')
+}
+```
+
+## Run & develop vui sources
+```sh
+copy  .env_sample  .env
+```
+Optional: edit .env file content and update values according to your config
+
+### with docker
+```sh
+docker-compose  up
+```
+
+### or local with Node / NPM
+```sh
+npm  install
+npm  run  dev
+```

package/dist/_plugin-vue_export-helper-BSl1dQT6.js

@@ -0,0 +1,83 @@
+import { useI18n as o } from "vue-i18n";
+const a = {
+  inject: ["$bus"],
+  props: {
+    class: {
+      type: String
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    id: {
+      type: String,
+      default: null
+    },
+    groupId: {
+      type: String,
+      default: null
+    },
+    layout: {
+      type: String,
+      default: "default"
+    },
+    loading: {
+      type: Boolean,
+      default: !1
+    },
+    name: {
+      type: String
+    }
+  },
+  deactivated() {
+    this.$bus.off("outclick");
+  },
+  created() {
+    this.uuid = this.newId();
+  },
+  data() {
+    return {
+      uuid: null
+    };
+  },
+  computed: {
+    componentId() {
+      return this.id ? this.id : this.uuid;
+    },
+    componentGroupId() {
+      return this.groupId ? this.groupId : this.uuid;
+    },
+    hasModelValue() {
+      return typeof this.modelValue < "u";
+    },
+    hasValue() {
+      return typeof this.value < "u";
+    }
+  },
+  methods: {
+    hasAttribute(t) {
+      return Object.keys(this.$attrs).find((e) => e === t);
+    },
+    hasProp(t) {
+      return typeof this[t] < "u";
+    },
+    newId() {
+      return Math.random().toString(36).slice(-6);
+    }
+  }
+}, d = (t) => {
+  const e = o();
+  return Object.keys(t).forEach((n) => {
+    e.mergeLocaleMessage(n, t[n]);
+  }), e;
+}, i = (t, e) => {
+  const n = t.__vccOpts || t;
+  for (const [r, u] of e)
+    n[r] = u;
+  return n;
+};
+export {
+  i as _,
+  a as c,
+  d as t
+};

package/dist/_plugin-vue_export-helper-DeDoBcDj.js

@@ -0,0 +1 @@
+"use strict";const s=require("vue-i18n"),o={inject:["$bus"],props:{class:{type:String},disabled:{type:Boolean,default:!1},id:{type:String,default:null},groupId:{type:String,default:null},layout:{type:String,default:"default"},loading:{type:Boolean,default:!1},name:{type:String}},deactivated(){this.$bus.off("outclick")},created(){this.uuid=this.newId()},data(){return{uuid:null}},computed:{componentId(){return this.id?this.id:this.uuid},componentGroupId(){return this.groupId?this.groupId:this.uuid},hasModelValue(){return typeof this.modelValue<"u"},hasValue(){return typeof this.value<"u"}},methods:{hasAttribute(t){return Object.keys(this.$attrs).find(e=>e===t)},hasProp(t){return typeof this[t]<"u"},newId(){return Math.random().toString(36).slice(-6)}}},a=t=>{const e=s.useI18n();return Object.keys(t).forEach(n=>{e.mergeLocaleMessage(n,t[n])}),e},i=(t,e)=>{const n=t.__vccOpts||t;for(const[u,r]of e)n[u]=r;return n};exports._export_sfc=i;exports.composable=o;exports.translatable=a;

package/dist/alert-CL20mS-E.js

@@ -0,0 +1,49 @@
+import { _ as r, c as a, t as i } from "./_plugin-vue_export-helper-BSl1dQT6.js";
+import { openBlock as t, createElementBlock as s, normalizeClass as n, renderSlot as o, createCommentVNode as l, createTextVNode as p, toDisplayString as c } from "vue";
+import "highlight.js";
+const d = {}, m = {}, u = {
+  en: d,
+  fr: m
+}, $ = {
+  icon: {
+    type: String
+  },
+  text: {
+    type: String
+  }
+}, f = {
+  name: "VuiAlert",
+  mixins: [
+    a
+  ],
+  props: $,
+  created() {
+    i(u);
+  }
+}, y = ["id"];
+function g(e, v, S, V, k, b) {
+  return t(), s("div", {
+    id: e.componentId,
+    class: n([
+      "vui-alert",
+      `vui-alert--${e.layout}`,
+      e.$props.class
+    ])
+  }, [
+    o(e.$slots, "prepend"),
+    o(e.$slots, "icon", {}, () => [
+      e.icon ? (t(), s("i", {
+        key: 0,
+        class: n(["vui-alert-icon", e.icon])
+      }, null, 2)) : l("", !0)
+    ]),
+    o(e.$slots, "default", {}, () => [
+      p(c(e.text), 1)
+    ]),
+    o(e.$slots, "append")
+  ], 10, y);
+}
+const C = /* @__PURE__ */ r(f, [["render", g]]);
+export {
+  C as default
+};

package/dist/alert-CbdNaLvd.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 r={},n={},s={en:r,fr:n},l={icon:{type:String},text:{type:String}},i={name:"VuiAlert",mixins:[o.composable],props:l,created(){o.translatable(s)}},a=["id"];function c(t,u,d,m,$,S){return e.openBlock(),e.createElementBlock("div",{id:t.componentId,class:e.normalizeClass(["vui-alert",`vui-alert--${t.layout}`,t.$props.class])},[e.renderSlot(t.$slots,"prepend"),e.renderSlot(t.$slots,"icon",{},()=>[t.icon?(e.openBlock(),e.createElementBlock("i",{key:0,class:e.normalizeClass(["vui-alert-icon",t.icon])},null,2)):e.createCommentVNode("",!0)]),e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.text),1)]),e.renderSlot(t.$slots,"append")],10,a)}const p=o._export_sfc(i,[["render",c]]);exports.default=p;

package/dist/animable-ChJEXlsE.js

@@ -0,0 +1 @@
+"use strict";const i={duration:125},s={data(){return{toggled:!1,animating:!1}},created(){this.$bus.on("outclick",t=>{this.toggled&&this.componentGroupId!==t&&this.blur()})},methods:{animate(){this.animating||(this.animating=!0,setTimeout(()=>{this.animating=!1},i.duration))},blur(){this.toggled=!1},focus(){this.toggled=!0,this.$bus.emit("outclick",this.componentGroupId)},onAnimate(t=null){this.animate(),t||t===null&&!this.toggled?this.focus():this.blur()}}};exports.animable=s;

package/dist/animable-DnFaMPYA.js

@@ -0,0 +1,34 @@
+const i = {
+  duration: 125
+}, s = {
+  data() {
+    return {
+      toggled: !1,
+      animating: !1
+    };
+  },
+  created() {
+    this.$bus.on("outclick", (t) => {
+      this.toggled && this.componentGroupId !== t && this.blur();
+    });
+  },
+  methods: {
+    animate() {
+      this.animating || (this.animating = !0, setTimeout(() => {
+        this.animating = !1;
+      }, i.duration));
+    },
+    blur() {
+      this.toggled = !1;
+    },
+    focus() {
+      this.toggled = !0, this.$bus.emit("outclick", this.componentGroupId);
+    },
+    onAnimate(t = null) {
+      this.animate(), t || t === null && !this.toggled ? this.focus() : this.blur();
+    }
+  }
+};
+export {
+  s as a
+};

package/dist/button-D5bD4vAv.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./animable-ChJEXlsE.js"),n=require("./_plugin-vue_export-helper-DeDoBcDj.js"),t=require("vue");require("highlight.js");const a={},u={},r={en:a,fr:u},d={icon:{type:String},route:{type:Object},text:{type:String},type:{type:String,default:"button"}},b={name:"VuiButton",mixins:[l.animable,n.composable],props:d,computed:{hasLabel(){var e;return((e=this.text)==null?void 0:e.length)>0||this.$slots.default}},created(){n.translatable(r)},methods:{onClick(){this.disabled||(this.onAnimate(),this.route&&this.$router.push(this.route))}}},p=["id"],c=["disabled","type"],m=t.createElementVNode("div",{class:"vui-button-loader"},null,-1);function h(e,i,v,f,y,o){return t.openBlock(),t.createElementBlock("div",{id:e.componentId,class:t.normalizeClass(["vui-button",`vui-button--${e.layout}`,{"vui-button--flat":e.hasAttribute("flat")},{"vui-button--with-label":o.hasLabel},{"vui-button--with-icon":e.icon},{"vui-button--toggled":e.toggled},{"vui-button--animating":!e.disabled&&e.animating},{"vui-button--loading":!e.disabled&&e.loading},{"vui-button--disabled":e.disabled},e.$props.class]),onClick:i[0]||(i[0]=t.withModifiers((...s)=>o.onClick&&o.onClick(...s),["stop"]))},[t.renderSlot(e.$slots,"prepend"),t.createElementVNode("button",{class:"vui-button-holder",disabled:e.disabled,type:e.type},[e.icon?(t.openBlock(),t.createElementBlock("i",{key:0,class:t.normalizeClass(["vui-button-icon",e.icon])},null,2)):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"default",{},()=>[t.createTextVNode(t.toDisplayString(e.text),1)])],8,c),m,t.renderSlot(e.$slots,"append")],10,p)}const g=n._export_sfc(b,[["render",h]]);exports.default=g;

package/dist/button-Dall4PZ6.js

@@ -0,0 +1,82 @@
+import { a as d } from "./animable-DnFaMPYA.js";
+import { _ as r, c as b, t as p } from "./_plugin-vue_export-helper-BSl1dQT6.js";
+import { openBlock as n, createElementBlock as s, normalizeClass as a, withModifiers as m, renderSlot as o, createElementVNode as l, createCommentVNode as c, createTextVNode as h, toDisplayString as f } from "vue";
+import "highlight.js";
+const g = {}, v = {}, y = {
+  en: g,
+  fr: v
+}, $ = {
+  icon: {
+    type: String
+  },
+  route: {
+    type: Object
+  },
+  text: {
+    type: String
+  },
+  type: {
+    type: String,
+    default: "button"
+  }
+}, k = {
+  name: "VuiButton",
+  mixins: [
+    d,
+    b
+  ],
+  props: $,
+  computed: {
+    hasLabel() {
+      var t;
+      return ((t = this.text) == null ? void 0 : t.length) > 0 || this.$slots.default;
+    }
+  },
+  created() {
+    p(y);
+  },
+  methods: {
+    onClick() {
+      this.disabled || (this.onAnimate(), this.route && this.$router.push(this.route));
+    }
+  }
+}, C = ["id"], S = ["disabled", "type"], V = /* @__PURE__ */ l("div", { class: "vui-button-loader" }, null, -1);
+function B(t, i, w, N, A, e) {
+  return n(), s("div", {
+    id: t.componentId,
+    class: a([
+      "vui-button",
+      `vui-button--${t.layout}`,
+      { "vui-button--flat": t.hasAttribute("flat") },
+      { "vui-button--with-label": e.hasLabel },
+      { "vui-button--with-icon": t.icon },
+      { "vui-button--toggled": t.toggled },
+      { "vui-button--animating": !t.disabled && t.animating },
+      { "vui-button--loading": !t.disabled && t.loading },
+      { "vui-button--disabled": t.disabled },
+      t.$props.class
+    ]),
+    onClick: i[0] || (i[0] = m((...u) => e.onClick && e.onClick(...u), ["stop"]))
+  }, [
+    o(t.$slots, "prepend"),
+    l("button", {
+      class: "vui-button-holder",
+      disabled: t.disabled,
+      type: t.type
+    }, [
+      t.icon ? (n(), s("i", {
+        key: 0,
+        class: a(["vui-button-icon", t.icon])
+      }, null, 2)) : c("", !0),
+      o(t.$slots, "default", {}, () => [
+        h(f(t.text), 1)
+      ])
+    ], 8, S),
+    V,
+    o(t.$slots, "append")
+  ], 10, C);
+}
+const D = /* @__PURE__ */ r(k, [["render", B]]);
+export {
+  D as default
+};

package/dist/card-DK0Uhh_6.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-CIHzWz8S.js"),r=require("./_plugin-vue_export-helper-DeDoBcDj.js"),e=require("vue");require("highlight.js");const s={name:"VuiCard",mixins:[r.composable],created(){r.translatable(t.langs)}},l=["id"],a={key:0,class:"vui-card-header"},d={key:1,class:"vui-card-body"},n={key:2,class:"vui-card-footer"};function c(o,u,p,m,$,f){return e.openBlock(),e.createElementBlock("div",{id:o.componentId,class:e.normalizeClass(["vui-card",`vui-card--${o.layout}`,{"vui-card--flat":o.hasAttribute("flat")},o.$props.class])},[e.renderSlot(o.$slots,"prepend"),o.$slots.header?(e.openBlock(),e.createElementBlock("div",a,[e.renderSlot(o.$slots,"header")])):e.createCommentVNode("",!0),o.$slots.body||o.$slots.default?(e.openBlock(),e.createElementBlock("div",d,[e.renderSlot(o.$slots,"body"),e.renderSlot(o.$slots,"default")])):e.createCommentVNode("",!0),o.$slots.footer?(e.openBlock(),e.createElementBlock("div",n,[e.renderSlot(o.$slots,"footer")])):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"append")],10,l)}const i=r._export_sfc(s,[["render",c]]);exports.default=i;

package/dist/card-ouJTJOLK.js

@@ -0,0 +1,50 @@
+import { l as t } from "./index-BYlXFZ1a.js";
+import { _ as d, c as l, t as i } from "./_plugin-vue_export-helper-BSl1dQT6.js";
+import { openBlock as e, createElementBlock as a, normalizeClass as n, renderSlot as o, createCommentVNode as r } from "vue";
+import "highlight.js";
+const c = {
+  name: "VuiCard",
+  mixins: [
+    l
+  ],
+  created() {
+    i(t);
+  }
+}, p = ["id"], u = {
+  key: 0,
+  class: "vui-card-header"
+}, m = {
+  key: 1,
+  class: "vui-card-body"
+}, $ = {
+  key: 2,
+  class: "vui-card-footer"
+};
+function f(s, v, h, y, b, k) {
+  return e(), a("div", {
+    id: s.componentId,
+    class: n([
+      "vui-card",
+      `vui-card--${s.layout}`,
+      { "vui-card--flat": s.hasAttribute("flat") },
+      s.$props.class
+    ])
+  }, [
+    o(s.$slots, "prepend"),
+    s.$slots.header ? (e(), a("div", u, [
+      o(s.$slots, "header")
+    ])) : r("", !0),
+    s.$slots.body || s.$slots.default ? (e(), a("div", m, [
+      o(s.$slots, "body"),
+      o(s.$slots, "default")
+    ])) : r("", !0),
+    s.$slots.footer ? (e(), a("div", $, [
+      o(s.$slots, "footer")
+    ])) : r("", !0),
+    o(s.$slots, "append")
+  ], 10, p);
+}
+const g = /* @__PURE__ */ d(c, [["render", f]]);
+export {
+  g as default
+};

package/dist/checkbox-B9yl-GCS.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./_plugin-vue_export-helper-DeDoBcDj.js"),t=require("vue");require("highlight.js");const n={},i={},a={en:n,fr:i},u={checked:{default:void 0,type:Boolean},checkedValue:{default:void 0,types:[Boolean,String,Number,null]},modelValue:{default:void 0,types:[Boolean,String,Number,null]},name:{default:void 0,type:String},uncheckedValue:{default:void 0,types:[Boolean,String,Number,null]},value:{default:void 0,types:[Boolean,String,Number,null]}},r={name:"VuiCheckbox",mixins:[d.composable],props:u,emits:["update:model-value"],data(){return{toggled:!1}},computed:{isChecked(){return this.hasProp("checked")?this.checked:this.hasProp("checkedValue")?this.toggled===this.checkedValue:this.toggled}},watch:{modelValue(e){this.toggled=e},value(e){this.toggled=e}},created(){d.translatable(a),this.hasModelValue?this.toggled=this.modelValue:this.hasValue&&(this.toggled=this.value)},methods:{onToggle(){this.disabled||(this.hasProp("checkedValue")?this.toggled=this.isChecked?this.uncheckedValue:this.checkedValue:this.toggled=!this.isChecked,this.$emit("update:model-value",this.toggled))}}},c=["id"],h=["name","disabled","required"],g=["for"];function p(e,o,m,k,b,l){return t.openBlock(),t.createElementBlock("div",{id:e.componentId,class:t.normalizeClass(["vui-checkbox",{"vui-checkbox--checked":l.isChecked},{"vui-checkbox--disabled":e.disabled},e.$props.class]),onClick:o[0]||(o[0]=(...s)=>l.onToggle&&l.onToggle(...s))},[t.renderSlot(e.$slots,"prepend"),t.createElementVNode("input",{name:e.name,disabled:e.disabled,required:e.hasAttribute("required"),type:"checkbox"},null,8,h),e.$slots.default?(t.openBlock(),t.createElementBlock("label",{key:0,for:e.componentId},[t.renderSlot(e.$slots,"default")],8,g)):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"append")],10,c)}const f=d._export_sfc(r,[["render",p]]);exports.default=f;

package/dist/checkbox-C0XHmyOW.js

@@ -0,0 +1,116 @@
+import { _ as i, c as n, t as u } from "./_plugin-vue_export-helper-BSl1dQT6.js";
+import { openBlock as s, createElementBlock as o, normalizeClass as r, renderSlot as d, createElementVNode as h, createCommentVNode as c } from "vue";
+import "highlight.js";
+const m = {}, g = {}, p = {
+  en: m,
+  fr: g
+}, f = {
+  checked: {
+    default: void 0,
+    type: Boolean
+  },
+  checkedValue: {
+    default: void 0,
+    types: [
+      Boolean,
+      String,
+      Number,
+      null
+    ]
+  },
+  modelValue: {
+    default: void 0,
+    types: [
+      Boolean,
+      String,
+      Number,
+      null
+    ]
+  },
+  name: {
+    default: void 0,
+    type: String
+  },
+  uncheckedValue: {
+    default: void 0,
+    types: [
+      Boolean,
+      String,
+      Number,
+      null
+    ]
+  },
+  value: {
+    default: void 0,
+    types: [
+      Boolean,
+      String,
+      Number,
+      null
+    ]
+  }
+}, k = {
+  name: "VuiCheckbox",
+  mixins: [
+    n
+  ],
+  props: f,
+  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() {
+    u(p), this.hasModelValue ? this.toggled = this.modelValue : this.hasValue && (this.toggled = this.value);
+  },
+  methods: {
+    onToggle() {
+      this.disabled || (this.hasProp("checkedValue") ? this.toggled = this.isChecked ? this.uncheckedValue : this.checkedValue : this.toggled = !this.isChecked, this.$emit("update:model-value", this.toggled));
+    }
+  }
+}, b = ["id"], V = ["name", "disabled", "required"], v = ["for"];
+function y(e, l, C, B, $, t) {
+  return s(), o("div", {
+    id: e.componentId,
+    class: r([
+      "vui-checkbox",
+      { "vui-checkbox--checked": t.isChecked },
+      { "vui-checkbox--disabled": e.disabled },
+      e.$props.class
+    ]),
+    onClick: l[0] || (l[0] = (...a) => t.onToggle && t.onToggle(...a))
+  }, [
+    d(e.$slots, "prepend"),
+    h("input", {
+      name: e.name,
+      disabled: e.disabled,
+      required: e.hasAttribute("required"),
+      type: "checkbox"
+    }, null, 8, V),
+    e.$slots.default ? (s(), o("label", {
+      key: 0,
+      for: e.componentId
+    }, [
+      d(e.$slots, "default")
+    ], 8, v)) : c("", !0),
+    d(e.$slots, "append")
+  ], 10, b);
+}
+const P = /* @__PURE__ */ i(k, [["render", y]]);
+export {
+  P as default
+};

package/dist/doc/assets/alert-BUCYz3vD.js

@@ -0,0 +1,25 @@
+import{d as f}from"./demonstrable-B5KAWPKX.js";import{t as h}from"./translatable-DbFxNJLL.js";import v from"./alert-CfN-KK4X.js";import{_,a as r,b as o,w as n,r as s,o as a,F as l,g as x,h as y,e as b,t as p,f as w,k,l as B,i as S,d as c}from"./index-BQmFywQ4.js";import"./composable-CshUTKfl.js";const $={"page.component.alert.default":"Default alert","page.component.alert.error":"Error custom alert","page.component.alert.success":"Success custom alert","page.component.alert.warning":"Warning custom alert","page.component.alert.text-2":"Advanced alert","page.component.alert.doc.prop.disabled":"Binds the disabled state","page.component.alert.doc.prop.icon":"Class name of the icon to prepend","page.component.alert.doc.prop.loading":"Binds the loading state","page.component.alert.doc.prop.text":"Text content of the alert","page.component.alert.doc.prop.layout":"The alert layout: [error, success, warning]","page.component.card.doc.slot.default":"Default slot content"},V={},C={en:$,fr:V},i={examples:[{markup:`
+                <vui-alert
+                    icon="fa-solid fa-warning"
+                >
+                    Default alert
+                </vui-alert>
+            `,props:{id:"vui-alert-1",icon:"fa-solid fa-warning"},text:"page.component.alert.default"},{markup:`
+                <vui-alert
+                    icon="fa-solid fa-bug"
+                    text="Error custom alert"
+                    layout="error"
+                />
+            `,props:{id:"vui-alert-2",icon:"fa-solid fa-bug",layout:"error",text:"page.component.alert.error"}},{markup:`
+                <vui-alert
+                    icon="fa-solid fa-check"
+                    text="Success custom alert"
+                    layout="success"
+                />
+            `,props:{id:"vui-alert-2",icon:"fa-solid fa-check",layout:"success",text:"page.component.alert.success"}},{markup:`
+                <vui-alert
+                    icon="fa-solid fa-warning"
+                    text="Warning custom alert"
+                    layout="warning"
+                />
+            `,props:{id:"vui-alert-2",icon:"fa-solid fa-warning",layout:"warning",text:"page.component.alert.warning"}}],props:[{tag:"disabled",type:"Boolean",text:"page.component.alert.doc.prop.disabled"},{tag:"icon",type:"String",text:"page.component.alert.doc.prop.icon"},{tag:"loading",type:"Boolean",text:"page.component.alert.doc.prop.loading"},{tag:"text",type:"String",text:"page.component.alert.doc.prop.text"},{tag:"layout",type:"String",text:"page.component.alert.doc.prop.layout"}],slots:[{name:"default",text:"page.component.alert.doc.slot.default"}]},D={name:"ViewAlert",mixins:[f],setup(){return h(C),{}},computed:{doc(){return i},examples(){return this.docExamples(v,{attrs:i.attrs,examples:i.examples.map(e=>({...e,props:{...e.props,text:e.props.text?this.$t(e.props.text):null}}))})}}},T={class:"view-alert"},E=["innerHTML"],H={class:"title"},N={class:"title"};function P(e,A,L,F,M,m){const d=s("vui-grid-unit"),u=s("vui-table"),g=s("vui-grid");return a(),r("div",T,[o(g,{"col-sm":"1","col-md":"2"},{default:n(()=>[o(d,{class:"examples"},{default:n(()=>[(a(!0),r(l,null,x(m.examples,t=>(a(),r(l,{key:`card-${t.props.id}`},[(a(),y(S(t.component),k(B(t.props)),{default:n(()=>[t.text?(a(),r(l,{key:0},[b(p(e.$t(t.text)),1)],64)):w("",!0)]),_:2},1040)),c("div",{class:"highlighted-code",innerHTML:t.highlighted},null,8,E)],64))),128))]),_:1}),o(d,{class:"api-options"},{default:n(()=>[c("h2",H,p(e.$t("page.component.h2.api")),1),o(u,{"item-label":"label","item-value":"value",headers:e.docPropsHeaders,items:e.docProps},null,8,["headers","items"]),c("h2",N,p(e.$t("page.component.h2.slots")),1),o(u,{"item-label":"label","item-value":"value",headers:e.docSlotsHeaders,items:e.docSlots},null,8,["headers","items"])]),_:1})]),_:1})])}const G=_(D,[["render",P]]);export{G as default};

package/dist/doc/assets/alert-CMx1jzV3.css

@@ -0,0 +1 @@
+.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes loading{0%{left:0;opacity:1}50%{left:70%;opacity:0}to{left:0;opacity:1}}.vui-alert{display:inline-flex;color:#545e64;background-color:#d9dcde;border:1px solid rgb(189,195,199);border-radius:.25rem;position:relative;width:100%;padding:.75rem}.vui-alert.vui-alert--default{color:#000;background-color:#fff;border:1px solid rgb(189,195,199)}.vui-alert.vui-alert--default .vui-alert-icon:before{color:#000}.vui-alert.vui-alert--default.vui-alert--loading .vui-alert-loader{background-color:#000}.vui-alert.vui-alert--error{color:#960e13;background-color:#f37d81;border:1px solid rgb(234,32,39)}.vui-alert.vui-alert--error .vui-alert-icon:before{color:#960e13}.vui-alert.vui-alert--error.vui-alert--loading .vui-alert-loader{background-color:#960e13}.vui-alert.vui-alert--success{color:#145b32;background-color:#60db94;border:1px solid rgb(39,174,96)}.vui-alert.vui-alert--success .vui-alert-icon:before{color:#145b32}.vui-alert.vui-alert--warning{color:#976008;background-color:#f8c573;border:1px solid rgb(243,156,18)}.vui-alert.vui-alert--warning .vui-alert-icon:before{color:#976008}.vui-alert .vui-alert-icon{font-size:1rem;margin-right:.75rem}.vui-alert .vui-alert-icon:before{color:#869198}

package/dist/doc/assets/alert-CfN-KK4X.js

@@ -0,0 +1 @@
+import{c as n}from"./composable-CshUTKfl.js";import{t as r}from"./translatable-DbFxNJLL.js";import{_ as i,a as o,j as s,n as t,o as a,f as l,e as p,t as c}from"./index-BQmFywQ4.js";const d={},m={},u={en:d,fr:m},f={icon:{type:String},text:{type:String}},$={name:"VuiAlert",mixins:[n],props:f,created(){r(u)}},y=["id"];function g(e,v,S,V,k,b){return a(),o("div",{id:e.componentId,class:t(["vui-alert",`vui-alert--${e.layout}`,e.$props.class])},[s(e.$slots,"prepend"),s(e.$slots,"icon",{},()=>[e.icon?(a(),o("i",{key:0,class:t(["vui-alert-icon",e.icon])},null,2)):l("",!0)]),s(e.$slots,"default",{},()=>[p(c(e.text),1)]),s(e.$slots,"append")],10,y)}const C=i($,[["render",g]]);export{C as default};

package/dist/doc/assets/animable-S5zFcxd4.js

@@ -0,0 +1 @@
+const i={duration:125},s={data(){return{toggled:!1,animating:!1}},created(){this.$bus.on("outclick",t=>{this.toggled&&this.componentGroupId!==t&&this.blur()})},methods:{animate(){this.animating||(this.animating=!0,setTimeout(()=>{this.animating=!1},i.duration))},blur(){this.toggled=!1},focus(){this.toggled=!0,this.$bus.emit("outclick",this.componentGroupId)},onAnimate(t=null){this.animate(),t||t===null&&!this.toggled?this.focus():this.blur()}}};export{s as a};

package/dist/doc/assets/button-B8AvTEGk.css

@@ -0,0 +1 @@
+.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes loading{0%{left:0;opacity:1}50%{left:70%;opacity:0}to{left:0;opacity:1}}

package/dist/doc/assets/button-C1U5-S3p.js

@@ -0,0 +1 @@
+import{a as d}from"./animable-S5zFcxd4.js";import{c as r}from"./composable-CshUTKfl.js";import{_ as p,a as i,j as o,d as l,n,f as b,p as m,o as a,e as c,t as f}from"./index-BQmFywQ4.js";import{t as h}from"./translatable-DbFxNJLL.js";const g={},v={},y={en:g,fr:v},$={icon:{type:String},route:{type:Object},text:{type:String},type:{type:String,default:"button"}},k={name:"VuiButton",mixins:[d,r],props:$,computed:{hasLabel(){var t;return((t=this.text)==null?void 0:t.length)>0||this.$slots.default}},created(){h(y)},methods:{onClick(){this.disabled||(this.onAnimate(),this.route&&this.$router.push(this.route))}}},C=["id"],B=["disabled","type"],S=l("div",{class:"vui-button-loader"},null,-1);function V(t,s,w,N,j,e){return a(),i("div",{id:t.componentId,class:n(["vui-button",`vui-button--${t.layout}`,{"vui-button--flat":t.hasAttribute("flat")},{"vui-button--with-label":e.hasLabel},{"vui-button--with-icon":t.icon},{"vui-button--toggled":t.toggled},{"vui-button--animating":!t.disabled&&t.animating},{"vui-button--loading":!t.disabled&&t.loading},{"vui-button--disabled":t.disabled},t.$props.class]),onClick:s[0]||(s[0]=m((...u)=>e.onClick&&e.onClick(...u),["stop"]))},[o(t.$slots,"prepend"),l("button",{class:"vui-button-holder",disabled:t.disabled,type:t.type},[t.icon?(a(),i("i",{key:0,class:n(["vui-button-icon",t.icon])},null,2)):b("",!0),o(t.$slots,"default",{},()=>[c(f(t.text),1)])],8,B),S,o(t.$slots,"append")],10,C)}const E=p(k,[["render",V]]);export{E as default};