@vcita/design-system 1.11.26 → 1.11.27

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

@@ -17136,6 +17136,7 @@ var __vue_component__$1g = __vue_component__$1f;
 //
 //
 //
+//
 var script$O = {
   components: {
     VTab: VTab,
@@ -17180,12 +17181,48 @@ var script$O = {
     dataQa: {
       type: String,
       default: 'VcTabs'
+    },
+    transition: {
+      type: Boolean,
+      default: true
+    },
+    ripple: {
+      type: Boolean,
+      default: true
+    },
+    customTabHeight: {
+      type: Number,
+      required: false
+    },
+    topSlider: {
+      type: Boolean,
+      default: false
+    },
+    // use for complex custom tab header content
+    zeroTabWidth: {
+      type: Boolean,
+      default: false
     }
   },
 
   computed: {
     safeCurrentIndex() {
       return Math.max(0, Math.min(this.currentIndex, this.tabs.length - 1));
+    },
+
+    tabHeight() {
+      return this.customTabHeight ? this.customTabHeight : this.tabSize === 'M' ? 48 : 60;
+    },
+
+    customClasses() {
+      return {
+        'separatorShadow': this.separatorStyle === 'shadow',
+        'separatorDivider': this.separatorStyle === 'divider',
+        'no-transition': !this.transition,
+        'no-ripple': !this.ripple,
+        'top-slider': this.topSlider,
+        'zero-tab-width': this.zeroTabWidth
+      };
     }
 
   }
@@ -17210,16 +17247,13 @@ var __vue_render__$K = function () {
   }, [_c('v-tabs', {
     ref: "tabsArea",
     staticClass: "VcTabs--content",
-    class: {
-      'separatorShadow': _vm.separatorStyle === 'shadow',
-      'separatorDivider': _vm.separatorStyle === 'divider'
-    },
+    class: _vm.customClasses,
     attrs: {
       "value": _vm.safeCurrentIndex,
       "background-color": "transparent",
       "slider-color": "secondary",
       "slider-size": "4",
-      "height": _vm.tabSize === 'M' ? 48 : 60,
+      "height": _vm.tabHeight,
       "grow": _vm.distribution === 'grow',
       "fixed-tabs": _vm.distribution === 'equal'
     },
@@ -17261,6 +17295,7 @@ var __vue_render__$K = function () {
     return _c('v-tab-item', {
       key: "tab-content-" + index,
       attrs: {
+        "transition": _vm.transition ? undefined : false,
         "data-qa": _vm.dataQa + "-tab-content-" + index
       }
     }, [_vm._t("tab-content-" + index, function () {
@@ -17276,8 +17311,8 @@ var __vue_staticRenderFns__$K = [];
 
 const __vue_inject_styles__$O = function (inject) {
   if (!inject) return;
-  inject("data-v-3128ff38_0", {
-    source: ".VcTabs--wrapper[data-v-3128ff38]{display:flex;flex-direction:column;height:100%}.VcTabs--wrapper .separatorShadow[data-v-3128ff38]{border-bottom:1px solid var(--gray-lighten-1);box-shadow:var(--shadow-1)}.VcTabs--wrapper .separatorDivider[data-v-3128ff38]{border-bottom:1px solid var(--gray-lighten-1)}.VcTabs--content[data-v-3128ff38]{flex:unset}.VcTab[data-v-3128ff38]:focus{color:rgba(255,255,255,0)!important;box-shadow:inset 0 0 0 3px var(--v-secondary-lighten1);border-radius:2px}.VcTab:focus .VcTab-label[data-v-3128ff38]{color:var(--gray-darken-4)}.VcTab:focus.VcTabDisabled[data-v-3128ff38]{background:rgba(0,0,0,.04);color:var(--gray-darken-2)}.VcTabActive[data-v-3128ff38]{color:var(--gray-darken-5)}.VcTab-label[data-v-3128ff38]{font-size:var(--font-size-x-small);font-weight:var(--font-weight-medium2);line-height:var(--size-value4);letter-spacing:0;text-transform:initial}.VcTabsContent[data-v-3128ff38]{background-color:transparent;overflow-y:auto}[data-v-3128ff38] .v-slide-group__next,[data-v-3128ff38] .v-slide-group__prev{display:none!important}[data-v-3128ff38] .v-slide-group__wrapper{overflow-x:auto;overflow-y:hidden}",
+  inject("data-v-4947bcbc_0", {
+    source: ".VcTabs--wrapper[data-v-4947bcbc]{display:flex;flex-direction:column;height:100%}.VcTabs--wrapper .separatorShadow[data-v-4947bcbc]{border-bottom:1px solid var(--gray-lighten-1);box-shadow:var(--shadow-1)}.VcTabs--wrapper .separatorDivider[data-v-4947bcbc]{border-bottom:1px solid var(--gray-lighten-1)}.VcTabs--wrapper .no-transition[data-v-4947bcbc]  .v-tabs-slider-wrapper{transition:none}.VcTabs--wrapper .top-slider[data-v-4947bcbc]  .v-tabs-slider-wrapper{bottom:auto}.VcTabs--wrapper .no-ripple[data-v-4947bcbc]  .v-ripple__container{display:none!important}.VcTabs--wrapper .zero-tab-width[data-v-4947bcbc]  .VcTab{padding:0;min-width:auto}.VcTabs--content[data-v-4947bcbc]{flex:unset}.VcTab[data-v-4947bcbc]:focus{color:rgba(255,255,255,0)!important;box-shadow:inset 0 0 0 3px var(--v-secondary-lighten1);border-radius:2px}.VcTab:focus .VcTab-label[data-v-4947bcbc]{color:var(--gray-darken-4)}.VcTab:focus.VcTabDisabled[data-v-4947bcbc]{background:rgba(0,0,0,.04);color:var(--gray-darken-2)}.VcTabActive[data-v-4947bcbc]{color:var(--gray-darken-5)}.VcTab-label[data-v-4947bcbc]{font-size:var(--font-size-x-small);font-weight:var(--font-weight-medium2);line-height:var(--size-value4);letter-spacing:0;text-transform:initial}.VcTabsContent[data-v-4947bcbc]{background-color:transparent;overflow-y:auto}[data-v-4947bcbc] .v-slide-group__next,[data-v-4947bcbc] .v-slide-group__prev{display:none!important}[data-v-4947bcbc] .v-slide-group__wrapper{overflow-x:auto;overflow-y:hidden}",
     map: undefined,
     media: undefined
   });
@@ -17285,7 +17320,7 @@ const __vue_inject_styles__$O = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$O = "data-v-3128ff38";
+const __vue_scope_id__$O = "data-v-4947bcbc";
 /* module identifier */
 
 const __vue_module_identifier__$O = undefined;