@vcita/design-system 1.12.2 → 1.12.3

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

@@ -17115,61 +17115,19 @@ const __vue_component__$1g = /*#__PURE__*/normalizeComponent({
 
 var __vue_component__$1h = __vue_component__$1g;
 
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
 var script$P = {
+  name: "VcTabs",
   components: {
+    VcIcon,
     VTab: VTab,
     VTabs: VTabs,
     VTabItem: VTabItem,
     VTabsItems: VTabsItems
   },
-
-  name: "VcTabs",
-
   model: {
     prop: 'currentIndex',
     event: 'change'
   },
-
   props: {
     tabs: {
       type: Array,
@@ -17200,50 +17158,30 @@ var script$P = {
       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
+    type: {
+      type: String,
+      default: 'default',
+      validator: prop => ['default', 'folder'].includes(prop)
     },
     fullHeightTabs: {
       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;
+      return this.type === 'folder' ? 62 : 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
+        [this.type]: true
       };
     }
 
@@ -17297,7 +17235,37 @@ var __vue_render__$L = function () {
         "data-qa": _vm.dataQa + "-tab-" + index
       }
     }, [_vm._t("tab-" + index, function () {
-      return [_c('span', {
+      return [_vm.type === 'folder' ? _c('div', {
+        key: index,
+        staticClass: "folder-label"
+      }, [_c('VcIcon', {
+        staticClass: "folder-label__drag",
+        attrs: {
+          "size": "16",
+          "color": "var(--gray-darken-4)"
+        }
+      }, [_vm._v("\n            $draggable\n          ")]), _vm._v(" "), _vm._t("folder-label-info", function () {
+        return [_c('div', {
+          staticClass: "folder-label__info"
+        }, [_vm._v(_vm._s(item.label))])];
+      }), _vm._v(" "), _c('VcIcon', {
+        staticClass: "folder-label__close",
+        attrs: {
+          "size": "12",
+          "color": "var(--gray-darken-4)"
+        },
+        on: {
+          "click": function ($event) {
+            return _vm.$emit('closeButtonClicked', index);
+          }
+        }
+      }, [_vm._v("\n            $close_button\n          ")]), _vm._v(" "), _c('VcIcon', {
+        staticClass: "folder-label__menu",
+        attrs: {
+          "size": "14",
+          "color": "var(--gray-darken-4)"
+        }
+      }, [_vm._v("\n            $three_dots\n          ")])], 2) : _c('span', {
         staticClass: "VcTab-label"
       }, [_vm._v(_vm._s(item.label))])];
     }, {
@@ -17320,7 +17288,7 @@ var __vue_render__$L = function () {
     return _c('v-tab-item', {
       key: "tab-content-" + index,
       attrs: {
-        "transition": _vm.transition ? undefined : false,
+        "transition": _vm.type === 'folder' ? false : undefined,
         "data-qa": _vm.dataQa + "-tab-content-" + index
       }
     }, [_vm._t("tab-content-" + index, function () {
@@ -17336,8 +17304,8 @@ var __vue_staticRenderFns__$L = [];
 
 const __vue_inject_styles__$P = function (inject) {
   if (!inject) return;
-  inject("data-v-6f1773aa_0", {
-    source: ".VcTabs--wrapper[data-v-6f1773aa]{display:flex;flex-direction:column;height:100%}.VcTabs--wrapper .separatorShadow[data-v-6f1773aa]{border-bottom:1px solid var(--gray-lighten-1);box-shadow:var(--shadow-1)}.VcTabs--wrapper .separatorDivider[data-v-6f1773aa]{border-bottom:1px solid var(--gray-lighten-1)}.VcTabs--wrapper .no-transition[data-v-6f1773aa]  .v-tabs-slider-wrapper{transition:none}.VcTabs--wrapper .top-slider[data-v-6f1773aa]  .v-tabs-slider-wrapper{bottom:auto}.VcTabs--wrapper .no-ripple[data-v-6f1773aa]  .v-ripple__container{display:none!important}.VcTabs--wrapper .zero-tab-width[data-v-6f1773aa]  .VcTab{padding:0;min-width:auto}.VcTabs--wrapper .full-height-tabs[data-v-6f1773aa]{height:100%}.VcTabs--wrapper .full-height-tabs .v-window-item[data-v-6f1773aa]{height:100%}.VcTabs--content[data-v-6f1773aa]{flex:unset}.VcTab[data-v-6f1773aa]: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-6f1773aa]{color:var(--gray-darken-4)}.VcTab:focus.VcTabDisabled[data-v-6f1773aa]{background:rgba(0,0,0,.04);color:var(--gray-darken-2)}.VcTabActive[data-v-6f1773aa]{color:var(--gray-darken-5)}.VcTab-label[data-v-6f1773aa]{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-6f1773aa]{background-color:transparent;overflow-y:auto}[data-v-6f1773aa] .v-slide-group__next,[data-v-6f1773aa] .v-slide-group__prev{display:none!important}[data-v-6f1773aa] .v-slide-group__wrapper{overflow-x:auto;overflow-y:hidden}",
+  inject("data-v-3dc41cc0_0", {
+    source: ".VcTabs--wrapper[data-v-3dc41cc0]{display:flex;flex-direction:column;height:100%}.VcTabs--wrapper .separatorShadow[data-v-3dc41cc0]{border-bottom:1px solid var(--gray-lighten-1);box-shadow:var(--shadow-1)}.VcTabs--wrapper .separatorDivider[data-v-3dc41cc0]{border-bottom:1px solid var(--gray-lighten-1)}.VcTabs--wrapper .folder[data-v-3dc41cc0]  .v-tabs-slider-wrapper{transition:none;bottom:auto}.VcTabs--wrapper .folder[data-v-3dc41cc0]  .v-ripple__container{display:none!important}.VcTabs--wrapper .folder[data-v-3dc41cc0]  .VcTab{padding:0;min-width:auto}.VcTabs--wrapper .full-height-tabs[data-v-3dc41cc0]{height:100%}.VcTabs--wrapper .full-height-tabs .v-window-item[data-v-3dc41cc0]{height:100%}.VcTabs--content[data-v-3dc41cc0]{flex:unset}.VcTab[data-v-3dc41cc0]: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-3dc41cc0]{color:var(--gray-darken-4)}.VcTab:focus.VcTabDisabled[data-v-3dc41cc0]{background:rgba(0,0,0,.04);color:var(--gray-darken-2)}.VcTabActive[data-v-3dc41cc0]{color:var(--gray-darken-5)}.VcTab-label[data-v-3dc41cc0]{font-size:var(--font-size-x-small);font-weight:var(--font-weight-medium2);line-height:var(--size-value4);letter-spacing:0;text-transform:initial}.VcTab .folder-label[data-v-3dc41cc0]{display:flex;flex-direction:row;height:100%;width:216px;font-size:var(--font-size-xx-small);border-inline-end:1px solid var(--gray);text-transform:none;letter-spacing:normal;padding:var(--size-value3) var(--size-value1);gap:var(--size-value1);text-align:start}.VcTab .folder-label__info[data-v-3dc41cc0]{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.VcTab .folder-label__close[data-v-3dc41cc0]{line-height:20px;margin-inline-end:var(--size-value1);visibility:hidden}.VcTab .folder-label__menu[data-v-3dc41cc0]{visibility:hidden}.VcTab .folder-label:hover .folder-label__close[data-v-3dc41cc0],.VcTab .folder-label:hover .folder-label__drag[data-v-3dc41cc0],.VcTab .folder-label:hover .folder-label__menu[data-v-3dc41cc0]{visibility:visible}.VcTab:not(.VcTabActive) .folder-label[data-v-3dc41cc0]{background-color:var(--gray-lighten-4);border-bottom:1px solid var(--gray)}.VcTab:not(.VcTabActive) .folder-label__drag[data-v-3dc41cc0]{visibility:hidden}.VcTab[data-v-3dc41cc0]:focus{color:unset!important;box-shadow:none}.VcTabsContent[data-v-3dc41cc0]{background-color:transparent;overflow-y:auto}[data-v-3dc41cc0] .v-slide-group__next,[data-v-3dc41cc0] .v-slide-group__prev{display:none!important}[data-v-3dc41cc0] .v-slide-group__wrapper{overflow-x:auto;overflow-y:hidden}",
     map: undefined,
     media: undefined
   });
@@ -17345,7 +17313,7 @@ const __vue_inject_styles__$P = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$P = "data-v-6f1773aa";
+const __vue_scope_id__$P = "data-v-3dc41cc0";
 /* module identifier */
 
 const __vue_module_identifier__$P = undefined;
@@ -24786,6 +24754,11 @@ var script$7 = {
         display: '',
         class: 'scroll-indicator'
       });
+      updatedHeaders.push({
+        value: 'filler',
+        display: '',
+        class: 'table-filler'
+      });
       return updatedHeaders;
     },
 
@@ -25011,8 +24984,8 @@ var __vue_staticRenderFns__$7 = [];
 
 const __vue_inject_styles__$7 = function (inject) {
   if (!inject) return;
-  inject("data-v-1250e0dd_0", {
-    source: ".VcDataTable--wrapper[data-v-1250e0dd]{height:calc(100% - var(--size-value12))}.VcDataTable--wrapper.empty[data-v-1250e0dd]  table{height:100%}.VcDataTable[data-v-1250e0dd]{height:100%;overflow-y:hidden}.VcDataTable.isScrolling[data-v-1250e0dd]  table tbody td.sticky,.VcDataTable.isScrolling[data-v-1250e0dd]  table thead th.sticky{box-shadow:var(--table-sticky-column-shadow)}.VcDataTable--actionBar[data-v-1250e0dd]{min-height:var(--size-value19);position:sticky;padding:var(--size-value3) var(--size-value5);margin-bottom:var(--size-value3);margin-left:var(--size-value1)}.VcDataTable--header[data-v-1250e0dd]{border-inline-end:var(--gray-lighten-2) solid 1px}.VcDataTable[data-v-1250e0dd]  .v-data-table__wrapper{height:calc(100% - 88px)}.VcDataTable[data-v-1250e0dd]  table{table-layout:auto}.VcDataTable[data-v-1250e0dd]  thead{position:sticky;top:0;z-index:2}.VcDataTable[data-v-1250e0dd]  table thead th.scroll-indicator{position:absolute;height:100vh!important}.VcDataTable[data-v-1250e0dd]  table thead th.sticky{position:sticky;z-index:3}.VcDataTable[data-v-1250e0dd]  table thead th:nth-child(2){left:0}.VcDataTable[data-v-1250e0dd]  table tbody td.sticky:nth-child(3),.VcDataTable[data-v-1250e0dd]  table thead th.sticky:nth-child(3){left:49px}.VcDataTable[data-v-1250e0dd]  table tbody tr:not(:last-child) td{border-bottom:thin solid var(--gray-lighten-2)!important}.VcDataTable[data-v-1250e0dd]  table tbody td.sticky,.VcDataTable[data-v-1250e0dd]  table thead th.sticky{box-shadow:0 0 0 transparent;transition:box-shadow .1s ease-in-out}.VcDataTable[data-v-1250e0dd]  table tbody td.sticky{position:sticky;background:#fff;z-index:1}.VcDataTable[data-v-1250e0dd]  table tbody tr:hover td{background:var(--gray-lighten-3)}.VcDataTable[data-v-1250e0dd]  table tbody td.sticky:nth-child(2){left:0}.VcDataTable[data-v-1250e0dd]  tfoot{position:sticky;bottom:0;z-index:2}.VcDataTable[data-v-1250e0dd]  .v-data-table__wrapper>table>thead>tr>th{padding:0;height:auto}.VcDataTable[data-v-1250e0dd]  .v-data-table__wrapper>table>tbody>tr>td{padding:0}.VcDataTable[data-v-1250e0dd]  .v-data-table-header__icon{display:none}.VcDataTable[data-v-1250e0dd]  .VcDataTable--footer{position:sticky;bottom:0}",
+  inject("data-v-aa4aef38_0", {
+    source: ".VcDataTable--wrapper[data-v-aa4aef38]{height:calc(100% - var(--size-value12))}.VcDataTable--wrapper.empty[data-v-aa4aef38]  table{height:100%}.VcDataTable[data-v-aa4aef38]{height:100%;overflow-y:hidden}.VcDataTable.isScrolling[data-v-aa4aef38]  table tbody td.sticky,.VcDataTable.isScrolling[data-v-aa4aef38]  table thead th.sticky{box-shadow:var(--table-sticky-column-shadow)}.VcDataTable--actionBar[data-v-aa4aef38]{min-height:var(--size-value19);position:sticky;padding:var(--size-value3) var(--size-value5);margin-bottom:var(--size-value3);margin-left:var(--size-value1)}.VcDataTable--header[data-v-aa4aef38]{border-inline-end:var(--gray-lighten-2) solid 1px}.VcDataTable[data-v-aa4aef38]  .v-data-table__wrapper{height:calc(100% - 88px)}.VcDataTable[data-v-aa4aef38]  table{table-layout:auto}.VcDataTable[data-v-aa4aef38]  thead{position:sticky;top:0;z-index:2}.VcDataTable[data-v-aa4aef38]  table thead th.scroll-indicator{position:absolute;height:100vh!important}.VcDataTable[data-v-aa4aef38]  table thead th.table-filler{min-width:0;background-color:var(--gray-lighten-4)}.VcDataTable[data-v-aa4aef38]  table thead th.sticky{position:sticky;z-index:3}.VcDataTable[data-v-aa4aef38]  table thead th:nth-child(2){left:0}.VcDataTable[data-v-aa4aef38]  table tbody td.sticky:nth-child(3),.VcDataTable[data-v-aa4aef38]  table thead th.sticky:nth-child(3){left:49px}.VcDataTable[data-v-aa4aef38]  table tbody tr:not(:last-child) td{border-bottom:thin solid var(--gray-lighten-2)!important}.VcDataTable[data-v-aa4aef38]  table tbody td.sticky,.VcDataTable[data-v-aa4aef38]  table thead th.sticky{box-shadow:0 0 0 transparent;transition:box-shadow .1s ease-in-out}.VcDataTable[data-v-aa4aef38]  table tbody td.sticky{position:sticky;background:#fff;z-index:1}.VcDataTable[data-v-aa4aef38]  table tbody tr:hover td{background:var(--gray-lighten-3)}.VcDataTable[data-v-aa4aef38]  table tbody td.sticky:nth-child(2){left:0}.VcDataTable[data-v-aa4aef38]  table tbody td:first-child{width:0;max-width:0}.VcDataTable[data-v-aa4aef38]  tfoot{position:sticky;bottom:0;z-index:2}.VcDataTable[data-v-aa4aef38]  .v-data-table__wrapper>table>thead>tr>th{padding:0;height:auto}.VcDataTable[data-v-aa4aef38]  .v-data-table__wrapper>table>tbody>tr>td{padding:0}.VcDataTable[data-v-aa4aef38]  .v-data-table-header__icon{display:none}.VcDataTable[data-v-aa4aef38]  .VcDataTable--footer{position:sticky;bottom:0}",
     map: undefined,
     media: undefined
   });
@@ -25020,7 +24993,7 @@ const __vue_inject_styles__$7 = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$7 = "data-v-1250e0dd";
+const __vue_scope_id__$7 = "data-v-aa4aef38";
 /* module identifier */
 
 const __vue_module_identifier__$7 = undefined;