@vcita/design-system 1.17.4 → 1.17.5-beta.2

package/dist/{entry-d22b744e.js → entry-5051762e.js}

@@ -19291,6 +19291,7 @@ var __vue_component__$1c = /*#__PURE__*/normalizeComponent({
 var __vue_component__$1d = __vue_component__$1c;var script$L = {
   name: "VcAccordion",
   components: {
+    VcLayout: VcLayout,
     VcIcon: VcIcon,
     VcButton: VcButton,
     VExpansionPanelHeader: lib.VExpansionPanelHeader,
@@ -19338,6 +19339,21 @@ var __vue_component__$1d = __vue_component__$1c;var script$L = {
     disabled: {
       type: Boolean,
       default: false
+    },
+    headerSize: {
+      type: String,
+      default: 'md',
+      validator: function validator(size) {
+        return ['sm', 'md'].includes(size);
+      }
+    },
+
+    /**
+     * If true, the size margins will be removed
+     */
+    slim: {
+      type: Boolean,
+      default: false
     }
   },
   computed: {
@@ -19360,7 +19376,7 @@ var __vue_render__$H = function __vue_render__() {
 
   return _c('v-expansion-panels', {
     staticClass: "VcAccordion",
-    class: (_obj = {}, _obj["VcAccordion--gap-" + _vm.gap] = _vm.gap !== 'none', _obj),
+    class: (_obj = {}, _obj["VcAccordion--gap-" + _vm.gap] = _vm.gap !== 'none', _obj["VcAccordion--size-" + _vm.headerSize] = true, _obj['VcAccordion--slim'] = _vm.slim, _obj),
     attrs: {
       "accordion": "",
       "value": _vm.openPanels,
@@ -19392,8 +19408,16 @@ var __vue_render__$H = function __vue_render__() {
         "disable-icon-rotate": ""
       }
     }, [_vm._t("header-" + i, function () {
-      return [_c('div', {
-        staticClass: "d-flex align-center"
+      return [_c('VcLayout', {
+        attrs: {
+          "align-center": ""
+        }
+      }, [_c('div', {
+        staticClass: "flex-grow-1"
+      }, [_c('VcLayout', {
+        attrs: {
+          "align-center": ""
+        }
       }, [_c('VcIcon', {
         staticClass: "expend-icon flex-grow-0 ms-1 me-2",
         attrs: {
@@ -19401,27 +19425,31 @@ var __vue_render__$H = function __vue_render__() {
           "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")])];
+        staticClass: "VcAccordion__panel__title"
+      }, [_vm._v(_vm._s(item.name))])], 1), _vm._v(" "), _c('div', {
+        staticClass: "ml-5 font-weight-medium expand-subtitle"
+      }, [_vm._v(_vm._s(item.subtitle))])], 1), _vm._v(" "), _vm._t("header-" + i + "-append", function () {
+        return [item.button ? _c('VcButton', {
+          staticClass: "me-1",
+          attrs: {
+            "icon": "",
+            "x-small": ""
           },
-          proxy: true
-        }], null, true)
-      }) : _vm._e()], 1)];
+          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()];
+      })], 2)];
     })], 2), _vm._v(" "), _c('v-expansion-panel-content', {
       staticClass: "VcAccordion__panel__content"
     }, [_vm._t("content-" + i, null, {
@@ -19435,8 +19463,8 @@ var __vue_staticRenderFns__$H = [];
 
 var __vue_inject_styles__$L = 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}",
+  inject("data-v-1aab0a78_0", {
+    source: ".VcAccordion--gap-s[data-v-1aab0a78]{gap:var(--size-value1)}.VcAccordion--gap-m[data-v-1aab0a78]{gap:var(--size-value2)}.VcAccordion--gap-l[data-v-1aab0a78]{gap:var(--size-value4)}.VcAccordion--size-sm .VcAccordion__panel__title[data-v-1aab0a78]{font-size:var(--font-size-x-small)}.VcAccordion--slim .VcAccordion__panel__header[data-v-1aab0a78]{padding:var(--size-value2) 0!important}.VcAccordion__panel.v-expansion-panel[data-v-1aab0a78]{background-color:transparent}.VcAccordion__panel__header[data-v-1aab0a78]{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-1aab0a78]{transform:rotate(-90deg)}#app[dir=rtl] .VcAccordion__panel__header .v-icon.expend-icon[data-v-1aab0a78]{transform:rotate(90deg)}.VcAccordion__panel__header .v-icon[data-v-1aab0a78]:not(.expend-icon){transition:unset}.VcAccordion__panel__header .expand-subtitle[data-v-1aab0a78]{font-size:var(--font-size-x-small)}.VcAccordion__panel__header.v-expansion-panel-header--active .v-icon[data-v-1aab0a78]{transform:unset}#app[dir=rtl] .VcAccordion__panel__header.v-expansion-panel-header--active .v-icon[data-v-1aab0a78]{transform:rotate(0)}.VcAccordion__panel__header[data-v-1aab0a78]:not(.disabled){color:var(--gray-darken-5)}.VcAccordion__panel__header.disabled[data-v-1aab0a78]{color:var(--gray-darken-2)}.VcAccordion__panel__header[data-v-1aab0a78]:hover{transition:color .3s}.VcAccordion__panel__header[data-v-1aab0a78]:focus{z-index:2;background-color:unset;transition:box-shadow .3s;box-shadow:var(--shadow-focused-frame);border-radius:var(--border-radius)}.VcAccordion__panel__header[data-v-1aab0a78]:focus:before{opacity:0}.VcAccordion__panel__content[data-v-1aab0a78]  .v-expansion-panel-content__wrap{padding:var(--size-value0) var(--size-value4) var(--size-value2)}.VcAccordion__panel--flat[data-v-1aab0a78]{background-color:var(--gray-lighten-3)!important}",
     map: undefined,
     media: undefined
   });
@@ -19444,10 +19472,10 @@ var __vue_inject_styles__$L = function __vue_inject_styles__(inject) {
 /* scoped */
 
 
-var __vue_scope_id__$L = "data-v-c89d446c";
+var __vue_scope_id__$L = "data-v-1aab0a78";
 /* module identifier */
 
-var __vue_module_identifier__$L = "data-v-c89d446c";
+var __vue_module_identifier__$L = "data-v-1aab0a78";
 /* functional template */
 
 var __vue_is_functional_template__$L = false;
@@ -25361,7 +25389,7 @@ var ErrorWithServer = __vue_component__$i;var script$a = {
     ErrorWithServer: ErrorWithServer,
     VcLoader: VcLoader,
     VuePdfEmbed: function VuePdfEmbed() {
-      return Promise.resolve().then(function(){return require('./vue2-pdf-embed-c20bb2c1.js')}).then(function(n){return n.v});
+      return Promise.resolve().then(function(){return require('./vue2-pdf-embed-a4b0df5a.js')}).then(function(n){return n.v});
     },
     DocPreview: DocPreview,
     UnsupportedFile: UnsupportedFile,
@@ -26801,6 +26829,7 @@ var script$3 = {
         }) || this.countries.find(function (country) {
           return country.iso2 === "US";
         });
+        this.$emit('number-changed', this.fullNumber);
       }
 
       this.phoneNumber = this.initialPhoneNumber;
@@ -27000,8 +27029,8 @@ var __vue_staticRenderFns__$2 = [];
 
 var __vue_inject_styles__$3 = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-5bcfe04a_0", {
-    source: ".vc-phone-field-select-menu[data-v-5bcfe04a]{min-width:100%}.vc-phone-field[data-v-5bcfe04a]{max-height:54px}.vc-phone-field .menu-active[data-v-5bcfe04a]{transform:rotate(180deg)}.vc-phone-field.disabled[data-v-5bcfe04a]{pointer-events:none;opacity:62%}.vc-phone-field__number-prefix[data-v-5bcfe04a]{flex:1;margin:var(--size-value2);padding:0}.vc-phone-field__number-prefix__list-item[data-v-5bcfe04a]{min-width:100%}.vc-phone-field__number-prefix__list-item_country-name[data-v-5bcfe04a]{margin-inline-start:var(--size-value2)}.vc-phone-field__number-prefix__list-item_flag[data-v-5bcfe04a]{margin-inline-end:var(--size-value2)}.vc-phone-field__number-text[data-v-5bcfe04a]{max-height:52px;flex:10;margin-block-start:0}.vc-phone-field[data-v-5bcfe04a]{border:var(--border-frame);border-radius:var(--border-radius)}.vc-phone-field[data-v-5bcfe04a]:hover{border-color:var(--gray-darken-2)}.vc-phone-field[data-v-5bcfe04a]:active,.vc-phone-field[data-v-5bcfe04a]:focus,.vc-phone-field[data-v-5bcfe04a]:focus-within{border-color:var(--v-secondary-base);box-shadow:var(--shadow-focused-frame)}.vc-phone-field[data-v-5bcfe04a].required-error{border-color:var(--red);box-shadow:unset}.vc-phone-field[data-v-5bcfe04a] .vc-phone-field__number-text{border-inline-start:var(--border-frame)}.vc-phone-field[data-v-5bcfe04a] .vc-phone-field__number-text.required-error{border-color:var(--red)}.vc-phone-field[data-v-5bcfe04a] .vc-phone-field__number-text .v-input__slot{border:unset}.vc-phone-field[data-v-5bcfe04a] .vc-phone-field__number-text .v-input__slot:active,.vc-phone-field[data-v-5bcfe04a] .vc-phone-field__number-text .v-input__slot:focus,.vc-phone-field[data-v-5bcfe04a] .vc-phone-field__number-text .v-input__slot:focus-within{border:unset;box-shadow:unset}.vc-phone-field[data-v-5bcfe04a] .v-input__slot{margin-block-end:0}.vc-phone-field[data-v-5bcfe04a] .v-input__slot::before{border:unset}.vc-phone-field[data-v-5bcfe04a] .v-input__slot::after{border:unset}.vc-phone-field .v-messages__wrapper[data-v-5bcfe04a]{margin-block-start:var(--size-value1);margin-inline-start:var(--size-value1)}",
+  inject("data-v-59712f21_0", {
+    source: ".vc-phone-field-select-menu[data-v-59712f21]{min-width:100%}.vc-phone-field[data-v-59712f21]{max-height:54px}.vc-phone-field .menu-active[data-v-59712f21]{transform:rotate(180deg)}.vc-phone-field.disabled[data-v-59712f21]{pointer-events:none;opacity:62%}.vc-phone-field__number-prefix[data-v-59712f21]{flex:1;margin:var(--size-value2);padding:0}.vc-phone-field__number-prefix__list-item[data-v-59712f21]{min-width:100%}.vc-phone-field__number-prefix__list-item_country-name[data-v-59712f21]{margin-inline-start:var(--size-value2)}.vc-phone-field__number-prefix__list-item_flag[data-v-59712f21]{margin-inline-end:var(--size-value2)}.vc-phone-field__number-text[data-v-59712f21]{max-height:52px;flex:10;margin-block-start:0}.vc-phone-field[data-v-59712f21]{border:var(--border-frame);border-radius:var(--border-radius)}.vc-phone-field[data-v-59712f21]:hover{border-color:var(--gray-darken-2)}.vc-phone-field[data-v-59712f21]:active,.vc-phone-field[data-v-59712f21]:focus,.vc-phone-field[data-v-59712f21]:focus-within{border-color:var(--v-secondary-base);box-shadow:var(--shadow-focused-frame)}.vc-phone-field[data-v-59712f21].required-error{border-color:var(--red);box-shadow:unset}.vc-phone-field[data-v-59712f21] .vc-phone-field__number-text{border-inline-start:var(--border-frame)}.vc-phone-field[data-v-59712f21] .vc-phone-field__number-text.required-error{border-color:var(--red)}.vc-phone-field[data-v-59712f21] .vc-phone-field__number-text .v-input__slot{border:unset}.vc-phone-field[data-v-59712f21] .vc-phone-field__number-text .v-input__slot:active,.vc-phone-field[data-v-59712f21] .vc-phone-field__number-text .v-input__slot:focus,.vc-phone-field[data-v-59712f21] .vc-phone-field__number-text .v-input__slot:focus-within{border:unset;box-shadow:unset}.vc-phone-field[data-v-59712f21] .v-input__slot{margin-block-end:0}.vc-phone-field[data-v-59712f21] .v-input__slot::before{border:unset}.vc-phone-field[data-v-59712f21] .v-input__slot::after{border:unset}.vc-phone-field .v-messages__wrapper[data-v-59712f21]{margin-block-start:var(--size-value1);margin-inline-start:var(--size-value1)}",
     map: undefined,
     media: undefined
   });
@@ -27009,10 +27038,10 @@ var __vue_inject_styles__$3 = function __vue_inject_styles__(inject) {
 /* scoped */
 
 
-var __vue_scope_id__$3 = "data-v-5bcfe04a";
+var __vue_scope_id__$3 = "data-v-59712f21";
 /* module identifier */
 
-var __vue_module_identifier__$3 = "data-v-5bcfe04a";
+var __vue_module_identifier__$3 = "data-v-59712f21";
 /* functional template */
 
 var __vue_is_functional_template__$3 = false;
@@ -27200,8 +27229,8 @@ var __vue_staticRenderFns__$1 = [];
 
 var __vue_inject_styles__$2 = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-3825148c_0", {
-    source: ".VcInputGroup[data-v-3825148c]  div:first-child{border-start-start-radius:var(--border-radius);border-end-start-radius:var(--border-radius)}.VcInputGroup[data-v-3825148c]  div:last-child{border-start-end-radius:var(--border-radius);border-end-end-radius:var(--border-radius)}.VcInputGroup[data-v-3825148c]{border-radius:var(--border-radius);height:var(--size-value13)}.VcInputGroup.unify[data-v-3825148c]:hover{border-color:var(--gray-darken-3)}.VcInputGroup.unify[data-v-3825148c]:active,.VcInputGroup.unify[data-v-3825148c]:focus,.VcInputGroup.unify[data-v-3825148c]:focus-within{box-shadow:0 0 0 3px var(--v-secondary-lighten1)}.VcInputGroup.unify[data-v-3825148c]  .VcTextInput.v-text-field .v-input__slot:active,.VcInputGroup.unify[data-v-3825148c]  .VcTextInput.v-text-field .v-input__slot:focus,.VcInputGroup.unify[data-v-3825148c]  .VcTextInput.v-text-field .v-input__slot:focus-within,.VcInputGroup.unify[data-v-3825148c]  .VcTextInput.v-text-field .v-input__slot:hover{box-shadow:none}.VcInputGroup[data-v-3825148c] .split-even>*{flex-basis:50%}.VcInputGroup[data-v-3825148c] .split-start>:first-child{flex-basis:68px;flex-grow:0}.VcInputGroup[data-v-3825148c] .split-end>:last-child{flex-basis:100px;flex-grow:0}.VcInputGroup[data-v-3825148c] >*{margin:0;flex-grow:1;flex-shrink:0}.VcInputGroup[data-v-3825148c]  .VcTextInput:has(.v-input__slot):active,.VcInputGroup[data-v-3825148c]  .VcTextInput:has(.v-input__slot):focus,.VcInputGroup[data-v-3825148c]  .VcTextInput:has(.v-input__slot):focus-within,.VcInputGroup[data-v-3825148c]  .VcTextInput:has(.v-input__slot):hover{z-index:1}.errorDisplay[data-v-3825148c]{color:var(--v-error-base)!important;caret-color:var(--v-error-base)!important;text-align:start;font-size:12px}",
+  inject("data-v-57e669f0_0", {
+    source: ".VcInputGroup[data-v-57e669f0]  :first-child,.VcInputGroup[data-v-57e669f0] >div:first-child{border-start-start-radius:var(--border-radius);border-end-start-radius:var(--border-radius)}.VcInputGroup[data-v-57e669f0]  :last-child,.VcInputGroup[data-v-57e669f0] >div:last-child{border-start-end-radius:var(--border-radius);border-end-end-radius:var(--border-radius)}.VcInputGroup[data-v-57e669f0]{border-radius:var(--border-radius);height:var(--size-value13)}.VcInputGroup.unify[data-v-57e669f0]:hover{border-color:var(--gray-darken-3)}.VcInputGroup.unify[data-v-57e669f0]:active,.VcInputGroup.unify[data-v-57e669f0]:focus,.VcInputGroup.unify[data-v-57e669f0]:focus-within{box-shadow:0 0 0 3px var(--v-secondary-lighten1)}.VcInputGroup.unify[data-v-57e669f0]  .VcTextInput.v-text-field .v-input__slot:active,.VcInputGroup.unify[data-v-57e669f0]  .VcTextInput.v-text-field .v-input__slot:focus,.VcInputGroup.unify[data-v-57e669f0]  .VcTextInput.v-text-field .v-input__slot:focus-within,.VcInputGroup.unify[data-v-57e669f0]  .VcTextInput.v-text-field .v-input__slot:hover{box-shadow:none}.VcInputGroup.split-even[data-v-57e669f0] >*{flex-basis:50%}.VcInputGroup.split-start[data-v-57e669f0] >:first-child{flex-basis:68px;flex-grow:0}.VcInputGroup.split-end[data-v-57e669f0] >:last-child{flex-basis:100px;flex-grow:0}.VcInputGroup[data-v-57e669f0] >*{margin:0;flex-grow:1;flex-shrink:0}.VcInputGroup[data-v-57e669f0]  .VcButton{border-radius:unset}.VcInputGroup[data-v-57e669f0]  .VcButton:first-child{border-start-start-radius:var(--border-radius);border-end-start-radius:var(--border-radius)}.VcInputGroup[data-v-57e669f0]  .VcButton:last-child{border-start-end-radius:var(--border-radius);border-end-end-radius:var(--border-radius)}.VcInputGroup[data-v-57e669f0]  .VcTextInput.v-text-field .v-input__slot{border-radius:unset}.VcInputGroup[data-v-57e669f0]  .VcTextInput:first-child.v-text-field .v-input__slot{border-start-start-radius:var(--border-radius);border-end-start-radius:var(--border-radius)}.VcInputGroup[data-v-57e669f0]  .VcTextInput:last-child.v-text-field .v-input__slot{border-start-end-radius:var(--border-radius);border-end-end-radius:var(--border-radius)}.VcInputGroup[data-v-57e669f0]  .VcTextInput:has(.v-input__slot):active,.VcInputGroup[data-v-57e669f0]  .VcTextInput:has(.v-input__slot):focus,.VcInputGroup[data-v-57e669f0]  .VcTextInput:has(.v-input__slot):focus-within,.VcInputGroup[data-v-57e669f0]  .VcTextInput:has(.v-input__slot):hover{z-index:1}.errorDisplay[data-v-57e669f0]{color:var(--v-error-base)!important;caret-color:var(--v-error-base)!important;text-align:start;font-size:12px}",
     map: undefined,
     media: undefined
   });
@@ -27209,10 +27238,10 @@ var __vue_inject_styles__$2 = function __vue_inject_styles__(inject) {
 /* scoped */
 
 
-var __vue_scope_id__$2 = "data-v-3825148c";
+var __vue_scope_id__$2 = "data-v-57e669f0";
 /* module identifier */
 
-var __vue_module_identifier__$2 = "data-v-3825148c";
+var __vue_module_identifier__$2 = "data-v-57e669f0";
 /* functional template */
 
 var __vue_is_functional_template__$2 = false;
@@ -27557,7 +27586,7 @@ var install = function installdesignSystem(Vue, options) {
       loadFunc(componentName, component);
     });
   } else {
-    Promise.resolve().then(function(){return require('./index-f60896e3.js')}).then(function (module) {
+    Promise.resolve().then(function(){return require('./index-6d1686fc.js')}).then(function (module) {
       Object.entries(module).forEach( /*#__PURE__*/function () {
         var _ref4 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(_ref3) {
           var _ref5, componentName, component;

package/dist/{entry-48e8105b.js → entry-7f9febb4.js}

@@ -19573,6 +19573,7 @@ var __vue_component__$1d = __vue_component__$1c;
 var script$L = {
   name: "VcAccordion",
   components: {
+    VcLayout,
     VcIcon,
     VcButton,
     VExpansionPanelHeader: VExpansionPanelHeader,
@@ -19614,6 +19615,19 @@ var script$L = {
     disabled: {
       type: Boolean,
       default: false
+    },
+    headerSize: {
+      type: String,
+      default: 'md',
+      validator: size => ['sm', 'md'].includes(size)
+    },
+
+    /**
+     * If true, the size margins will be removed
+     */
+    slim: {
+      type: Boolean,
+      default: false
     }
   },
   computed: {
@@ -19639,7 +19653,7 @@ var __vue_render__$H = function () {
 
   return _c('v-expansion-panels', {
     staticClass: "VcAccordion",
-    class: (_obj = {}, _obj["VcAccordion--gap-" + _vm.gap] = _vm.gap !== 'none', _obj),
+    class: (_obj = {}, _obj["VcAccordion--gap-" + _vm.gap] = _vm.gap !== 'none', _obj["VcAccordion--size-" + _vm.headerSize] = true, _obj['VcAccordion--slim'] = _vm.slim, _obj),
     attrs: {
       "accordion": "",
       "value": _vm.openPanels,
@@ -19671,8 +19685,16 @@ var __vue_render__$H = function () {
         "disable-icon-rotate": ""
       }
     }, [_vm._t("header-" + i, function () {
-      return [_c('div', {
-        staticClass: "d-flex align-center"
+      return [_c('VcLayout', {
+        attrs: {
+          "align-center": ""
+        }
+      }, [_c('div', {
+        staticClass: "flex-grow-1"
+      }, [_c('VcLayout', {
+        attrs: {
+          "align-center": ""
+        }
       }, [_c('VcIcon', {
         staticClass: "expend-icon flex-grow-0 ms-1 me-2",
         attrs: {
@@ -19680,27 +19702,31 @@ var __vue_render__$H = function () {
           "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")])];
+        staticClass: "VcAccordion__panel__title"
+      }, [_vm._v(_vm._s(item.name))])], 1), _vm._v(" "), _c('div', {
+        staticClass: "ml-5 font-weight-medium expand-subtitle"
+      }, [_vm._v(_vm._s(item.subtitle))])], 1), _vm._v(" "), _vm._t("header-" + i + "-append", function () {
+        return [item.button ? _c('VcButton', {
+          staticClass: "me-1",
+          attrs: {
+            "icon": "",
+            "x-small": ""
           },
-          proxy: true
-        }], null, true)
-      }) : _vm._e()], 1)];
+          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()];
+      })], 2)];
     })], 2), _vm._v(" "), _c('v-expansion-panel-content', {
       staticClass: "VcAccordion__panel__content"
     }, [_vm._t("content-" + i, null, {
@@ -19714,8 +19740,8 @@ var __vue_staticRenderFns__$H = [];
 
 const __vue_inject_styles__$L = 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}",
+  inject("data-v-1aab0a78_0", {
+    source: ".VcAccordion--gap-s[data-v-1aab0a78]{gap:var(--size-value1)}.VcAccordion--gap-m[data-v-1aab0a78]{gap:var(--size-value2)}.VcAccordion--gap-l[data-v-1aab0a78]{gap:var(--size-value4)}.VcAccordion--size-sm .VcAccordion__panel__title[data-v-1aab0a78]{font-size:var(--font-size-x-small)}.VcAccordion--slim .VcAccordion__panel__header[data-v-1aab0a78]{padding:var(--size-value2) 0!important}.VcAccordion__panel.v-expansion-panel[data-v-1aab0a78]{background-color:transparent}.VcAccordion__panel__header[data-v-1aab0a78]{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-1aab0a78]{transform:rotate(-90deg)}#app[dir=rtl] .VcAccordion__panel__header .v-icon.expend-icon[data-v-1aab0a78]{transform:rotate(90deg)}.VcAccordion__panel__header .v-icon[data-v-1aab0a78]:not(.expend-icon){transition:unset}.VcAccordion__panel__header .expand-subtitle[data-v-1aab0a78]{font-size:var(--font-size-x-small)}.VcAccordion__panel__header.v-expansion-panel-header--active .v-icon[data-v-1aab0a78]{transform:unset}#app[dir=rtl] .VcAccordion__panel__header.v-expansion-panel-header--active .v-icon[data-v-1aab0a78]{transform:rotate(0)}.VcAccordion__panel__header[data-v-1aab0a78]:not(.disabled){color:var(--gray-darken-5)}.VcAccordion__panel__header.disabled[data-v-1aab0a78]{color:var(--gray-darken-2)}.VcAccordion__panel__header[data-v-1aab0a78]:hover{transition:color .3s}.VcAccordion__panel__header[data-v-1aab0a78]:focus{z-index:2;background-color:unset;transition:box-shadow .3s;box-shadow:var(--shadow-focused-frame);border-radius:var(--border-radius)}.VcAccordion__panel__header[data-v-1aab0a78]:focus:before{opacity:0}.VcAccordion__panel__content[data-v-1aab0a78]  .v-expansion-panel-content__wrap{padding:var(--size-value0) var(--size-value4) var(--size-value2)}.VcAccordion__panel--flat[data-v-1aab0a78]{background-color:var(--gray-lighten-3)!important}",
     map: undefined,
     media: undefined
   });
@@ -19723,7 +19749,7 @@ const __vue_inject_styles__$L = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$L = "data-v-c89d446c";
+const __vue_scope_id__$L = "data-v-1aab0a78";
 /* module identifier */
 
 const __vue_module_identifier__$L = undefined;
@@ -25803,7 +25829,7 @@ var script$a = {
   components: {
     ErrorWithServer,
     VcLoader,
-    VuePdfEmbed: () => import('./vue2-pdf-embed-f881828b.js').then(function (n) { return n.v; }),
+    VuePdfEmbed: () => import('./vue2-pdf-embed-1a1f491a.js').then(function (n) { return n.v; }),
     DocPreview,
     UnsupportedFile,
     VcIcon
@@ -27300,6 +27326,7 @@ var script$3 = {
 
           return country.iso2 === ((_this$initialCountryC = this.initialCountryCode) === null || _this$initialCountryC === void 0 ? void 0 : _this$initialCountryC.toUpperCase());
         }) || this.countries.find(country => country.iso2 === "US");
+        this.$emit('number-changed', this.fullNumber);
       }
 
       this.phoneNumber = this.initialPhoneNumber;
@@ -27507,8 +27534,8 @@ var __vue_staticRenderFns__$2 = [];
 
 const __vue_inject_styles__$3 = function (inject) {
   if (!inject) return;
-  inject("data-v-5bcfe04a_0", {
-    source: ".vc-phone-field-select-menu[data-v-5bcfe04a]{min-width:100%}.vc-phone-field[data-v-5bcfe04a]{max-height:54px}.vc-phone-field .menu-active[data-v-5bcfe04a]{transform:rotate(180deg)}.vc-phone-field.disabled[data-v-5bcfe04a]{pointer-events:none;opacity:62%}.vc-phone-field__number-prefix[data-v-5bcfe04a]{flex:1;margin:var(--size-value2);padding:0}.vc-phone-field__number-prefix__list-item[data-v-5bcfe04a]{min-width:100%}.vc-phone-field__number-prefix__list-item_country-name[data-v-5bcfe04a]{margin-inline-start:var(--size-value2)}.vc-phone-field__number-prefix__list-item_flag[data-v-5bcfe04a]{margin-inline-end:var(--size-value2)}.vc-phone-field__number-text[data-v-5bcfe04a]{max-height:52px;flex:10;margin-block-start:0}.vc-phone-field[data-v-5bcfe04a]{border:var(--border-frame);border-radius:var(--border-radius)}.vc-phone-field[data-v-5bcfe04a]:hover{border-color:var(--gray-darken-2)}.vc-phone-field[data-v-5bcfe04a]:active,.vc-phone-field[data-v-5bcfe04a]:focus,.vc-phone-field[data-v-5bcfe04a]:focus-within{border-color:var(--v-secondary-base);box-shadow:var(--shadow-focused-frame)}.vc-phone-field[data-v-5bcfe04a].required-error{border-color:var(--red);box-shadow:unset}.vc-phone-field[data-v-5bcfe04a] .vc-phone-field__number-text{border-inline-start:var(--border-frame)}.vc-phone-field[data-v-5bcfe04a] .vc-phone-field__number-text.required-error{border-color:var(--red)}.vc-phone-field[data-v-5bcfe04a] .vc-phone-field__number-text .v-input__slot{border:unset}.vc-phone-field[data-v-5bcfe04a] .vc-phone-field__number-text .v-input__slot:active,.vc-phone-field[data-v-5bcfe04a] .vc-phone-field__number-text .v-input__slot:focus,.vc-phone-field[data-v-5bcfe04a] .vc-phone-field__number-text .v-input__slot:focus-within{border:unset;box-shadow:unset}.vc-phone-field[data-v-5bcfe04a] .v-input__slot{margin-block-end:0}.vc-phone-field[data-v-5bcfe04a] .v-input__slot::before{border:unset}.vc-phone-field[data-v-5bcfe04a] .v-input__slot::after{border:unset}.vc-phone-field .v-messages__wrapper[data-v-5bcfe04a]{margin-block-start:var(--size-value1);margin-inline-start:var(--size-value1)}",
+  inject("data-v-59712f21_0", {
+    source: ".vc-phone-field-select-menu[data-v-59712f21]{min-width:100%}.vc-phone-field[data-v-59712f21]{max-height:54px}.vc-phone-field .menu-active[data-v-59712f21]{transform:rotate(180deg)}.vc-phone-field.disabled[data-v-59712f21]{pointer-events:none;opacity:62%}.vc-phone-field__number-prefix[data-v-59712f21]{flex:1;margin:var(--size-value2);padding:0}.vc-phone-field__number-prefix__list-item[data-v-59712f21]{min-width:100%}.vc-phone-field__number-prefix__list-item_country-name[data-v-59712f21]{margin-inline-start:var(--size-value2)}.vc-phone-field__number-prefix__list-item_flag[data-v-59712f21]{margin-inline-end:var(--size-value2)}.vc-phone-field__number-text[data-v-59712f21]{max-height:52px;flex:10;margin-block-start:0}.vc-phone-field[data-v-59712f21]{border:var(--border-frame);border-radius:var(--border-radius)}.vc-phone-field[data-v-59712f21]:hover{border-color:var(--gray-darken-2)}.vc-phone-field[data-v-59712f21]:active,.vc-phone-field[data-v-59712f21]:focus,.vc-phone-field[data-v-59712f21]:focus-within{border-color:var(--v-secondary-base);box-shadow:var(--shadow-focused-frame)}.vc-phone-field[data-v-59712f21].required-error{border-color:var(--red);box-shadow:unset}.vc-phone-field[data-v-59712f21] .vc-phone-field__number-text{border-inline-start:var(--border-frame)}.vc-phone-field[data-v-59712f21] .vc-phone-field__number-text.required-error{border-color:var(--red)}.vc-phone-field[data-v-59712f21] .vc-phone-field__number-text .v-input__slot{border:unset}.vc-phone-field[data-v-59712f21] .vc-phone-field__number-text .v-input__slot:active,.vc-phone-field[data-v-59712f21] .vc-phone-field__number-text .v-input__slot:focus,.vc-phone-field[data-v-59712f21] .vc-phone-field__number-text .v-input__slot:focus-within{border:unset;box-shadow:unset}.vc-phone-field[data-v-59712f21] .v-input__slot{margin-block-end:0}.vc-phone-field[data-v-59712f21] .v-input__slot::before{border:unset}.vc-phone-field[data-v-59712f21] .v-input__slot::after{border:unset}.vc-phone-field .v-messages__wrapper[data-v-59712f21]{margin-block-start:var(--size-value1);margin-inline-start:var(--size-value1)}",
     map: undefined,
     media: undefined
   });
@@ -27516,7 +27543,7 @@ const __vue_inject_styles__$3 = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$3 = "data-v-5bcfe04a";
+const __vue_scope_id__$3 = "data-v-59712f21";
 /* module identifier */
 
 const __vue_module_identifier__$3 = undefined;
@@ -27708,8 +27735,8 @@ var __vue_staticRenderFns__$1 = [];
 
 const __vue_inject_styles__$2 = function (inject) {
   if (!inject) return;
-  inject("data-v-3825148c_0", {
-    source: ".VcInputGroup[data-v-3825148c]  div:first-child{border-start-start-radius:var(--border-radius);border-end-start-radius:var(--border-radius)}.VcInputGroup[data-v-3825148c]  div:last-child{border-start-end-radius:var(--border-radius);border-end-end-radius:var(--border-radius)}.VcInputGroup[data-v-3825148c]{border-radius:var(--border-radius);height:var(--size-value13)}.VcInputGroup.unify[data-v-3825148c]:hover{border-color:var(--gray-darken-3)}.VcInputGroup.unify[data-v-3825148c]:active,.VcInputGroup.unify[data-v-3825148c]:focus,.VcInputGroup.unify[data-v-3825148c]:focus-within{box-shadow:0 0 0 3px var(--v-secondary-lighten1)}.VcInputGroup.unify[data-v-3825148c]  .VcTextInput.v-text-field .v-input__slot:active,.VcInputGroup.unify[data-v-3825148c]  .VcTextInput.v-text-field .v-input__slot:focus,.VcInputGroup.unify[data-v-3825148c]  .VcTextInput.v-text-field .v-input__slot:focus-within,.VcInputGroup.unify[data-v-3825148c]  .VcTextInput.v-text-field .v-input__slot:hover{box-shadow:none}.VcInputGroup[data-v-3825148c] .split-even>*{flex-basis:50%}.VcInputGroup[data-v-3825148c] .split-start>:first-child{flex-basis:68px;flex-grow:0}.VcInputGroup[data-v-3825148c] .split-end>:last-child{flex-basis:100px;flex-grow:0}.VcInputGroup[data-v-3825148c] >*{margin:0;flex-grow:1;flex-shrink:0}.VcInputGroup[data-v-3825148c]  .VcTextInput:has(.v-input__slot):active,.VcInputGroup[data-v-3825148c]  .VcTextInput:has(.v-input__slot):focus,.VcInputGroup[data-v-3825148c]  .VcTextInput:has(.v-input__slot):focus-within,.VcInputGroup[data-v-3825148c]  .VcTextInput:has(.v-input__slot):hover{z-index:1}.errorDisplay[data-v-3825148c]{color:var(--v-error-base)!important;caret-color:var(--v-error-base)!important;text-align:start;font-size:12px}",
+  inject("data-v-57e669f0_0", {
+    source: ".VcInputGroup[data-v-57e669f0]  :first-child,.VcInputGroup[data-v-57e669f0] >div:first-child{border-start-start-radius:var(--border-radius);border-end-start-radius:var(--border-radius)}.VcInputGroup[data-v-57e669f0]  :last-child,.VcInputGroup[data-v-57e669f0] >div:last-child{border-start-end-radius:var(--border-radius);border-end-end-radius:var(--border-radius)}.VcInputGroup[data-v-57e669f0]{border-radius:var(--border-radius);height:var(--size-value13)}.VcInputGroup.unify[data-v-57e669f0]:hover{border-color:var(--gray-darken-3)}.VcInputGroup.unify[data-v-57e669f0]:active,.VcInputGroup.unify[data-v-57e669f0]:focus,.VcInputGroup.unify[data-v-57e669f0]:focus-within{box-shadow:0 0 0 3px var(--v-secondary-lighten1)}.VcInputGroup.unify[data-v-57e669f0]  .VcTextInput.v-text-field .v-input__slot:active,.VcInputGroup.unify[data-v-57e669f0]  .VcTextInput.v-text-field .v-input__slot:focus,.VcInputGroup.unify[data-v-57e669f0]  .VcTextInput.v-text-field .v-input__slot:focus-within,.VcInputGroup.unify[data-v-57e669f0]  .VcTextInput.v-text-field .v-input__slot:hover{box-shadow:none}.VcInputGroup.split-even[data-v-57e669f0] >*{flex-basis:50%}.VcInputGroup.split-start[data-v-57e669f0] >:first-child{flex-basis:68px;flex-grow:0}.VcInputGroup.split-end[data-v-57e669f0] >:last-child{flex-basis:100px;flex-grow:0}.VcInputGroup[data-v-57e669f0] >*{margin:0;flex-grow:1;flex-shrink:0}.VcInputGroup[data-v-57e669f0]  .VcButton{border-radius:unset}.VcInputGroup[data-v-57e669f0]  .VcButton:first-child{border-start-start-radius:var(--border-radius);border-end-start-radius:var(--border-radius)}.VcInputGroup[data-v-57e669f0]  .VcButton:last-child{border-start-end-radius:var(--border-radius);border-end-end-radius:var(--border-radius)}.VcInputGroup[data-v-57e669f0]  .VcTextInput.v-text-field .v-input__slot{border-radius:unset}.VcInputGroup[data-v-57e669f0]  .VcTextInput:first-child.v-text-field .v-input__slot{border-start-start-radius:var(--border-radius);border-end-start-radius:var(--border-radius)}.VcInputGroup[data-v-57e669f0]  .VcTextInput:last-child.v-text-field .v-input__slot{border-start-end-radius:var(--border-radius);border-end-end-radius:var(--border-radius)}.VcInputGroup[data-v-57e669f0]  .VcTextInput:has(.v-input__slot):active,.VcInputGroup[data-v-57e669f0]  .VcTextInput:has(.v-input__slot):focus,.VcInputGroup[data-v-57e669f0]  .VcTextInput:has(.v-input__slot):focus-within,.VcInputGroup[data-v-57e669f0]  .VcTextInput:has(.v-input__slot):hover{z-index:1}.errorDisplay[data-v-57e669f0]{color:var(--v-error-base)!important;caret-color:var(--v-error-base)!important;text-align:start;font-size:12px}",
     map: undefined,
     media: undefined
   });
@@ -27717,7 +27744,7 @@ const __vue_inject_styles__$2 = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$2 = "data-v-3825148c";
+const __vue_scope_id__$2 = "data-v-57e669f0";
 /* module identifier */
 
 const __vue_module_identifier__$2 = undefined;
@@ -28098,7 +28125,7 @@ const install = function installdesignSystem(Vue, options) {
       loadFunc(componentName, component);
     });
   } else {
-    import('./index-23f11b6a.js').then(module => {
+    import('./index-7e3fb905.js').then(module => {
       Object.entries(module).forEach(async ([componentName, component]) => {
         if (typeof component === 'function') {
           // eslint-disable-next-line no-undef