@vcita/design-system 1.15.5 → 1.15.6

package/dist/@vcita/design-system.esm.js

@@ -1,2 +1,2 @@
-export { p as default } from '../entry-6aa885be.js';
+export { p as default } from '../entry-8ee45b78.js';
 import 'vuetify/lib';

package/dist/@vcita/design-system.ssr.js

@@ -1 +1 @@
-'use strict';Object.defineProperty(exports,'__esModule',{value:true});var entry=require('../entry-3992a9ca.js');require('vuetify/lib');exports["default"]=entry.v;
+'use strict';Object.defineProperty(exports,'__esModule',{value:true});var entry=require('../entry-344c6088.js');require('vuetify/lib');exports["default"]=entry.v;

package/dist/VcAccordion-14247d78.js

@@ -0,0 +1,169 @@
+'use strict';var lib=require('vuetify/lib'),entry=require('./entry-344c6088.js');var script = {
+  name: "VcAccordion",
+  components: {
+    VcIcon: entry.d,
+    VcButton: entry.c,
+    VExpansionPanelHeader: lib.VExpansionPanelHeader,
+    VExpansionPanelContent: lib.VExpansionPanelContent,
+    VExpansionPanel: lib.VExpansionPanel,
+    VExpansionPanels: lib.VExpansionPanels
+  },
+  props: {
+    items: {
+      type: Array,
+      required: true,
+      validator: function validator(items) {
+        return items.every(function (item) {
+          return item.name;
+        });
+      }
+    },
+    dataQa: {
+      type: String,
+      default: 'VcAccordion'
+    },
+    multiple: {
+      type: Boolean,
+      default: true
+    },
+    focusArea: {
+      type: Boolean,
+      default: false
+    },
+    gap: {
+      type: String,
+      validator: function validator(size) {
+        return ['none', 's', 'm', 'l'].includes(size);
+      },
+      default: 'none'
+    },
+
+    /**
+    * if multiple true pass here array of the panels index to open.
+    * if multiple false pass here the panels index to open
+    * */
+    openPanels: {
+      type: [Array, Number]
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  computed: {
+    iconColor: function iconColor() {
+      return this.disabled ? 'var(--gray-darken-1)' : 'var(--gray-darken-5)';
+    }
+  }
+};/* script */
+var __vue_script__ = script;
+/* template */
+
+var __vue_render__ = function __vue_render__() {
+  var _obj;
+
+  var _vm = this;
+
+  var _h = _vm.$createElement;
+
+  var _c = _vm._self._c || _h;
+
+  return _c('v-expansion-panels', {
+    staticClass: "VcAccordion",
+    class: (_obj = {}, _obj["VcAccordion--gap-" + _vm.gap] = _vm.gap !== 'none', _obj),
+    attrs: {
+      "accordion": "",
+      "value": _vm.openPanels,
+      "flat": "",
+      "data-qa": _vm.dataQa,
+      "disabled": _vm.disabled,
+      "multiple": _vm.multiple
+    },
+    on: {
+      "change": function change(data) {
+        return _vm.$emit('change', data);
+      }
+    }
+  }, _vm._l(_vm.items, function (item, i) {
+    return _c('v-expansion-panel', {
+      key: i,
+      staticClass: "VcAccordion__panel",
+      class: {
+        'VcAccordion__panel--flat': _vm.focusArea
+      }
+    }, [_c('v-expansion-panel-header', {
+      staticClass: "VcAccordion__panel__header pa-3",
+      class: {
+        'disabled': _vm.disabled
+      },
+      attrs: {
+        "data-qa": _vm.dataQa + "_header_" + i,
+        "hide-actions": "",
+        "disable-icon-rotate": ""
+      }
+    }, [_vm._t("header-" + i, function () {
+      return [_c('div', {
+        staticClass: "d-flex align-center"
+      }, [_c('VcIcon', {
+        staticClass: "expend-icon flex-grow-0 ms-1 me-2",
+        attrs: {
+          "size": "8",
+          "color": _vm.iconColor
+        }
+      }, [_vm._v("$caret_down")]), _vm._v(" "), _c('span', {
+        staticClass: "flex-grow-1"
+      }, [_vm._v(_vm._s(item.name))]), _vm._v(" "), item.button ? _c('VcButton', {
+        staticClass: "me-1",
+        attrs: {
+          "icon": "",
+          "small": ""
+        },
+        scopedSlots: _vm._u([{
+          key: "prepend",
+          fn: function fn() {
+            return [_c('VcIcon', {
+              attrs: {
+                "data-qa": _vm.dataQa + "_expendIcon_" + i,
+                "size": "12",
+                "color": "var(--gray-darken-2)"
+              }
+            }, [_vm._v("$plus")])];
+          },
+          proxy: true
+        }], null, true)
+      }) : _vm._e()], 1)];
+    })], 2), _vm._v(" "), _c('v-expansion-panel-content', {
+      staticClass: "VcAccordion__panel__content"
+    }, [_vm._t("content-" + i, null, {
+      "item": item
+    })], 2)], 1);
+  }), 1);
+};
+
+var __vue_staticRenderFns__ = [];
+/* style */
+
+var __vue_inject_styles__ = function __vue_inject_styles__(inject) {
+  if (!inject) return;
+  inject("data-v-c89d446c_0", {
+    source: ".VcAccordion--gap-s[data-v-c89d446c]{gap:var(--size-value1)}.VcAccordion--gap-m[data-v-c89d446c]{gap:var(--size-value2)}.VcAccordion--gap-l[data-v-c89d446c]{gap:var(--size-value4)}.VcAccordion__panel.v-expansion-panel[data-v-c89d446c]{background-color:transparent}.VcAccordion__panel__header[data-v-c89d446c]{font-weight:var(--font-weight-large);padding:var(--size-value2) var(--size-value4)!important;min-height:unset}.VcAccordion__panel__header .v-icon.expend-icon[data-v-c89d446c]{transform:rotate(-90deg)}#app[dir=rtl] .VcAccordion__panel__header .v-icon.expend-icon[data-v-c89d446c]{transform:rotate(90deg)}.VcAccordion__panel__header .v-icon[data-v-c89d446c]:not(.expend-icon){transition:unset}.VcAccordion__panel__header.v-expansion-panel-header--active .v-icon[data-v-c89d446c]{transform:unset}#app[dir=rtl] .VcAccordion__panel__header.v-expansion-panel-header--active .v-icon[data-v-c89d446c]{transform:rotate(0)}.VcAccordion__panel__header[data-v-c89d446c]:not(.disabled){color:var(--gray-darken-5)}.VcAccordion__panel__header.disabled[data-v-c89d446c]{color:var(--gray-darken-2)}.VcAccordion__panel__header[data-v-c89d446c]:hover{transition:color .3s;color:var(--v-secondary-base)}.VcAccordion__panel__header[data-v-c89d446c]:focus{z-index:2;color:var(--v-secondary-base);background-color:unset;transition:box-shadow .3s;box-shadow:var(--shadow-focused-frame);border-radius:var(--border-radius)}.VcAccordion__panel__header[data-v-c89d446c]:focus:before{opacity:0}.VcAccordion__panel__content[data-v-c89d446c]  .v-expansion-panel-content__wrap{padding:var(--size-value0) var(--size-value4) var(--size-value2)}.VcAccordion__panel--flat[data-v-c89d446c]{background-color:var(--gray-lighten-3)!important}",
+    map: undefined,
+    media: undefined
+  });
+};
+/* scoped */
+
+
+var __vue_scope_id__ = "data-v-c89d446c";
+/* module identifier */
+
+var __vue_module_identifier__ = "data-v-c89d446c";
+/* functional template */
+
+var __vue_is_functional_template__ = false;
+/* style inject shadow dom */
+
+var __vue_component__ = /*#__PURE__*/entry.n({
+  render: __vue_render__,
+  staticRenderFns: __vue_staticRenderFns__
+}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, entry.j, undefined);exports["default"]=__vue_component__;

package/dist/VcAccordion-b62360e6.js

@@ -0,0 +1,173 @@
+import { VExpansionPanelHeader, VExpansionPanelContent, VExpansionPanel, VExpansionPanels } from 'vuetify/lib';
+import { d as VcIcon, c as VcButton, n as normalizeComponent, j as createInjector } from './entry-8ee45b78.js';
+
+var script = {
+  name: "VcAccordion",
+  components: {
+    VcIcon,
+    VcButton,
+    VExpansionPanelHeader: VExpansionPanelHeader,
+    VExpansionPanelContent: VExpansionPanelContent,
+    VExpansionPanel: VExpansionPanel,
+    VExpansionPanels: VExpansionPanels
+  },
+  props: {
+    items: {
+      type: Array,
+      required: true,
+      validator: items => items.every(item => item.name)
+    },
+    dataQa: {
+      type: String,
+      default: 'VcAccordion'
+    },
+    multiple: {
+      type: Boolean,
+      default: true
+    },
+    focusArea: {
+      type: Boolean,
+      default: false
+    },
+    gap: {
+      type: String,
+      validator: size => ['none', 's', 'm', 'l'].includes(size),
+      default: 'none'
+    },
+
+    /**
+    * if multiple true pass here array of the panels index to open.
+    * if multiple false pass here the panels index to open
+    * */
+    openPanels: {
+      type: [Array, Number]
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  computed: {
+    iconColor() {
+      return this.disabled ? 'var(--gray-darken-1)' : 'var(--gray-darken-5)';
+    }
+
+  }
+};
+
+/* script */
+const __vue_script__ = script;
+/* template */
+
+var __vue_render__ = function () {
+  var _obj;
+
+  var _vm = this;
+
+  var _h = _vm.$createElement;
+
+  var _c = _vm._self._c || _h;
+
+  return _c('v-expansion-panels', {
+    staticClass: "VcAccordion",
+    class: (_obj = {}, _obj["VcAccordion--gap-" + _vm.gap] = _vm.gap !== 'none', _obj),
+    attrs: {
+      "accordion": "",
+      "value": _vm.openPanels,
+      "flat": "",
+      "data-qa": _vm.dataQa,
+      "disabled": _vm.disabled,
+      "multiple": _vm.multiple
+    },
+    on: {
+      "change": function (data) {
+        return _vm.$emit('change', data);
+      }
+    }
+  }, _vm._l(_vm.items, function (item, i) {
+    return _c('v-expansion-panel', {
+      key: i,
+      staticClass: "VcAccordion__panel",
+      class: {
+        'VcAccordion__panel--flat': _vm.focusArea
+      }
+    }, [_c('v-expansion-panel-header', {
+      staticClass: "VcAccordion__panel__header pa-3",
+      class: {
+        'disabled': _vm.disabled
+      },
+      attrs: {
+        "data-qa": _vm.dataQa + "_header_" + i,
+        "hide-actions": "",
+        "disable-icon-rotate": ""
+      }
+    }, [_vm._t("header-" + i, function () {
+      return [_c('div', {
+        staticClass: "d-flex align-center"
+      }, [_c('VcIcon', {
+        staticClass: "expend-icon flex-grow-0 ms-1 me-2",
+        attrs: {
+          "size": "8",
+          "color": _vm.iconColor
+        }
+      }, [_vm._v("$caret_down")]), _vm._v(" "), _c('span', {
+        staticClass: "flex-grow-1"
+      }, [_vm._v(_vm._s(item.name))]), _vm._v(" "), item.button ? _c('VcButton', {
+        staticClass: "me-1",
+        attrs: {
+          "icon": "",
+          "small": ""
+        },
+        scopedSlots: _vm._u([{
+          key: "prepend",
+          fn: function () {
+            return [_c('VcIcon', {
+              attrs: {
+                "data-qa": _vm.dataQa + "_expendIcon_" + i,
+                "size": "12",
+                "color": "var(--gray-darken-2)"
+              }
+            }, [_vm._v("$plus")])];
+          },
+          proxy: true
+        }], null, true)
+      }) : _vm._e()], 1)];
+    })], 2), _vm._v(" "), _c('v-expansion-panel-content', {
+      staticClass: "VcAccordion__panel__content"
+    }, [_vm._t("content-" + i, null, {
+      "item": item
+    })], 2)], 1);
+  }), 1);
+};
+
+var __vue_staticRenderFns__ = [];
+/* style */
+
+const __vue_inject_styles__ = function (inject) {
+  if (!inject) return;
+  inject("data-v-c89d446c_0", {
+    source: ".VcAccordion--gap-s[data-v-c89d446c]{gap:var(--size-value1)}.VcAccordion--gap-m[data-v-c89d446c]{gap:var(--size-value2)}.VcAccordion--gap-l[data-v-c89d446c]{gap:var(--size-value4)}.VcAccordion__panel.v-expansion-panel[data-v-c89d446c]{background-color:transparent}.VcAccordion__panel__header[data-v-c89d446c]{font-weight:var(--font-weight-large);padding:var(--size-value2) var(--size-value4)!important;min-height:unset}.VcAccordion__panel__header .v-icon.expend-icon[data-v-c89d446c]{transform:rotate(-90deg)}#app[dir=rtl] .VcAccordion__panel__header .v-icon.expend-icon[data-v-c89d446c]{transform:rotate(90deg)}.VcAccordion__panel__header .v-icon[data-v-c89d446c]:not(.expend-icon){transition:unset}.VcAccordion__panel__header.v-expansion-panel-header--active .v-icon[data-v-c89d446c]{transform:unset}#app[dir=rtl] .VcAccordion__panel__header.v-expansion-panel-header--active .v-icon[data-v-c89d446c]{transform:rotate(0)}.VcAccordion__panel__header[data-v-c89d446c]:not(.disabled){color:var(--gray-darken-5)}.VcAccordion__panel__header.disabled[data-v-c89d446c]{color:var(--gray-darken-2)}.VcAccordion__panel__header[data-v-c89d446c]:hover{transition:color .3s;color:var(--v-secondary-base)}.VcAccordion__panel__header[data-v-c89d446c]:focus{z-index:2;color:var(--v-secondary-base);background-color:unset;transition:box-shadow .3s;box-shadow:var(--shadow-focused-frame);border-radius:var(--border-radius)}.VcAccordion__panel__header[data-v-c89d446c]:focus:before{opacity:0}.VcAccordion__panel__content[data-v-c89d446c]  .v-expansion-panel-content__wrap{padding:var(--size-value0) var(--size-value4) var(--size-value2)}.VcAccordion__panel--flat[data-v-c89d446c]{background-color:var(--gray-lighten-3)!important}",
+    map: undefined,
+    media: undefined
+  });
+};
+/* scoped */
+
+
+const __vue_scope_id__ = "data-v-c89d446c";
+/* module identifier */
+
+const __vue_module_identifier__ = undefined;
+/* functional template */
+
+const __vue_is_functional_template__ = false;
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+const __vue_component__ = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__,
+  staticRenderFns: __vue_staticRenderFns__
+}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, createInjector, undefined, undefined);
+
+export { __vue_component__ as default };

package/dist/VcAccountMenu-eba364f7.js

@@ -0,0 +1,172 @@
+'use strict';require('vuetify/lib');var entry=require('./entry-344c6088.js'),VcAvatar=require('./VcAvatar-2c39da80.js'),VcDivider=require('./VcDivider-9e744be6.js'),VcMenuItem=require('./VcMenuItem-ceb448c1.js');var script = {
+  name: 'VcAccountMenu',
+  components: {
+    VcLayout: entry.V,
+    VcAvatar: VcAvatar["default"],
+    VcDropdown: entry.f,
+    VcDivider: VcDivider["default"],
+    VcMenuItem: VcMenuItem["default"]
+  },
+  props: {
+    name: {
+      type: String,
+      required: true
+    },
+    email: {
+      type: String,
+      required: true
+    },
+    colorId: {
+      type: Number,
+      required: true
+    },
+    imagePath: {
+      type: [String, Object]
+    },
+    value: {
+      type: Boolean,
+      default: false
+    },
+    items: {
+      type: Array,
+      required: true
+    },
+    logoutLabel: {
+      type: String
+    },
+    logoutIcon: {
+      type: String
+    },
+    showLogout: {
+      type: Boolean,
+      default: true
+    },
+    dataQa: {
+      type: String,
+      default: 'VcAccountMenu'
+    }
+  },
+  computed: {
+    computedLogoutLabel: function computedLogoutLabel() {
+      return this.logoutLabel || this.$dst('ds.account.logout');
+    },
+    maxHeight: function maxHeight() {
+      return this.$vuetify.breakpoint.mdAndUp ? 500 : 368;
+    }
+  }
+};/* script */
+var __vue_script__ = script;
+/* template */
+
+var __vue_render__ = function __vue_render__() {
+  var _vm = this;
+
+  var _h = _vm.$createElement;
+
+  var _c = _vm._self._c || _h;
+
+  return _c('VcDropdown', {
+    attrs: {
+      "dataQa": _vm.dataQa,
+      "value": _vm.value,
+      "max-height": _vm.maxHeight
+    },
+    on: {
+      "input": function input(data) {
+        return _vm.$emit('input', data);
+      }
+    },
+    scopedSlots: _vm._u([{
+      key: "activator",
+      fn: function fn(activatorObj) {
+        return [_vm._t("activator", null, null, activatorObj)];
+      }
+    }], null, true)
+  }, [_vm._v(" "), _c('VcLayout', {
+    attrs: {
+      "column": ""
+    }
+  }, [_c('VcLayout', {
+    staticClass: "account-container",
+    attrs: {
+      "column": "",
+      "align-center": "",
+      "data-qa": _vm.dataQa + "-container"
+    }
+  }, [_c('VcAvatar', {
+    attrs: {
+      "name": _vm.name,
+      "color-id": _vm.colorId,
+      "image-path": _vm.imagePath,
+      "size": "lg"
+    }
+  }), _vm._v(" "), _c('div', {
+    staticClass: "account-name"
+  }, [_vm._v(_vm._s(_vm.name))]), _vm._v(" "), _c('div', {
+    staticClass: "account-email"
+  }, [_vm._v(_vm._s(_vm.email))])], 1), _vm._v(" "), _vm.items.length ? _c('VcDivider') : _vm._e(), _vm._v(" "), _vm.items.length ? _c('VcLayout', {
+    staticClass: "account-items",
+    attrs: {
+      "column": "",
+      "align-start": ""
+    }
+  }, _vm._l(_vm.items, function (item) {
+    return _c('VcMenuItem', _vm._b({
+      staticClass: "account-item",
+      attrs: {
+        "size": "sm",
+        "data-qa": _vm.dataQa + "-" + item.event
+      },
+      on: {
+        "click": function click($event) {
+          return _vm.$emit('click', item.event);
+        }
+      }
+    }, 'VcMenuItem', item, false));
+  }), 1) : _vm._e(), _vm._v(" "), _vm.showLogout ? _c('VcLayout', {
+    attrs: {
+      "column": ""
+    }
+  }, [_c('VcDivider'), _vm._v(" "), _c('VcMenuItem', {
+    staticClass: "account-item logout-item",
+    attrs: {
+      "label": _vm.computedLogoutLabel,
+      "icon": _vm.logoutIcon,
+      "size": "sm",
+      "data-qa": _vm.dataQa + "-logout"
+    },
+    on: {
+      "click": function click($event) {
+        return _vm.$emit('click', 'logout');
+      }
+    }
+  })], 1) : _vm._e()], 1)], 1);
+};
+
+var __vue_staticRenderFns__ = [];
+/* style */
+
+var __vue_inject_styles__ = function __vue_inject_styles__(inject) {
+  if (!inject) return;
+  inject("data-v-425f56d6_0", {
+    source: ".account-container[data-v-425f56d6]{min-width:264px;padding:var(--size-value5) var(--size-value3);overflow:hidden}.account-name[data-v-425f56d6]{font-size:var(--font-size-small2);font-weight:var(--font-weight-large);line-height:var(--size-value5);max-width:264px;text-align:center;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.account-email[data-v-425f56d6]{font-size:var(--font-size-xx-small);font-weight:var(--font-weight-medium)}.account-items[data-v-425f56d6]{padding:var(--size-value2) 0}.account-item[data-v-425f56d6]{width:100%}.account-item[data-v-425f56d6]:hover{cursor:pointer}.logout-item[data-v-425f56d6]{min-height:50px}",
+    map: undefined,
+    media: undefined
+  });
+};
+/* scoped */
+
+
+var __vue_scope_id__ = "data-v-425f56d6";
+/* module identifier */
+
+var __vue_module_identifier__ = "data-v-425f56d6";
+/* functional template */
+
+var __vue_is_functional_template__ = false;
+/* style inject shadow dom */
+
+var __vue_component__ = /*#__PURE__*/entry.n({
+  render: __vue_render__,
+  staticRenderFns: __vue_staticRenderFns__
+}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, entry.j, undefined);exports["default"]=__vue_component__;