@vcita/design-system 1.15.3 → 1.15.5

package/config/locales/ds.en.yml

@@ -61,4 +61,6 @@ en:
         pages: "{from_page} of {total_pages} pages"
         rows_per_page: Rows per page
       item:
-        add_tag_button: '+ Click to add'
+        add_tag_button: '+ Click to add'
+    phone_field:
+      country_code: "+{country_code}"

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

@@ -1,2 +1,2 @@
-export { p as default } from '../entry-3e72c51d.js';
+export { p as default } from '../entry-6aa885be.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-bb8ca9b9.js');require('vuetify/lib');exports["default"]=entry.v;
+'use strict';Object.defineProperty(exports,'__esModule',{value:true});var entry=require('../entry-3992a9ca.js');require('vuetify/lib');exports["default"]=entry.v;

package/dist/VcAccordion-57e19593.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-6aa885be.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/VcAccordion-9d450548.js

@@ -0,0 +1,169 @@
+'use strict';var lib=require('vuetify/lib'),entry=require('./entry-3992a9ca.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-b4cae6b3.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-463e674f.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 };