@vcita/design-system 1.12.10 → 1.12.12

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

@@ -17073,7 +17073,8 @@ var __vue_render__$M = function () {
     }, [_c('VcIcon', {
       staticClass: "align-self-center handle",
       attrs: {
-        "size": "16"
+        "size": "16",
+        "color": "var(--gray-darken-3)"
       }
     }, [_vm._v("\n        $draggable\n      ")]), _vm._v(" "), _vm._t("default", function () {
       return [_vm._v("\n        " + _vm._s(item.text) + "\n      ")];
@@ -17088,8 +17089,8 @@ var __vue_staticRenderFns__$M = [];
 
 const __vue_inject_styles__$Q = function (inject) {
   if (!inject) return;
-  inject("data-v-b25547ee_0", {
-    source: ".list-group.onDragging[data-v-b25547ee]{cursor:grabbing!important}.list-group .v-icon[data-v-b25547ee]{margin:0 var(--size-value1)}@media screen and (min-width:960px){.list-group .v-icon[data-v-b25547ee]{visibility:hidden}}@media screen and (min-width:960px){.list-group .onHover[data-v-b25547ee]{background:var(--gray-lighten-3);border-radius:var(--border-radius)}.list-group .onHover .v-icon[data-v-b25547ee]{cursor:grab;visibility:visible}}.list-group .ghost[data-v-b25547ee]{background:var(--gray-lighten-2);border:1px solid var(--v-secondary-lighten1);border-radius:var(--border-radius);box-shadow:unset;opacity:.4}.list-group .ghost .v-icon[data-v-b25547ee]{visibility:visible}.list-group .drag[data-v-b25547ee]{background:#fff;opacity:1!important;border-left:3px solid var(--v-secondary-base);box-shadow:var(--shadow-6);border-radius:var(--size-value1)}",
+  inject("data-v-2fdce58e_0", {
+    source: ".list-group.onDragging[data-v-2fdce58e]{cursor:grabbing!important}.list-group .v-icon[data-v-2fdce58e]{margin:0 var(--size-value1)}@media screen and (min-width:960px){.list-group .v-icon[data-v-2fdce58e]{visibility:hidden}}@media screen and (min-width:960px){.list-group .onHover[data-v-2fdce58e]{background:var(--gray-lighten-3);border-radius:var(--border-radius)}.list-group .onHover .v-icon[data-v-2fdce58e]{cursor:grab;visibility:visible}}.list-group .ghost[data-v-2fdce58e]{background:var(--gray-lighten-2);border:1px solid var(--v-secondary-lighten1);border-radius:var(--border-radius);box-shadow:unset;opacity:.4}.list-group .ghost .v-icon[data-v-2fdce58e]{visibility:visible}.list-group .drag[data-v-2fdce58e]{background:#fff;opacity:1!important;border-left:3px solid var(--v-secondary-base);box-shadow:var(--shadow-6);border-radius:var(--size-value1)}",
     map: undefined,
     media: undefined
   });
@@ -17097,7 +17098,7 @@ const __vue_inject_styles__$Q = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$Q = "data-v-b25547ee";
+const __vue_scope_id__$Q = "data-v-2fdce58e";
 /* module identifier */
 
 const __vue_module_identifier__$Q = undefined;
@@ -17322,12 +17323,14 @@ var __vue_render__$L = function () {
         class: _vm.dragIconClasses,
         attrs: {
           "size": "16",
-          "color": "var(--gray-darken-4)"
+          "color": _vm.dragTooltip ? 'var(--gray)' : 'var(--gray-darken-4)'
         }
       }, [_vm._v("\n                $draggable\n              ")])], 1), _vm._v(" "), _c('div', {
         staticClass: "folder-label__info"
       }, [_vm._t("folder-label-info-" + index, function () {
-        return [_c('span', [_vm._v(_vm._s(item.label))])];
+        return [_c('span', {
+          staticClass: "label-text"
+        }, [_vm._v(_vm._s(item.label))])];
       }, {
         "item": item
       })], 2), _vm._v(" "), _c('VcTooltip', {
@@ -17417,8 +17420,8 @@ var __vue_staticRenderFns__$L = [];
 
 const __vue_inject_styles__$P = function (inject) {
   if (!inject) return;
-  inject("data-v-1d24c5fd_0", {
-    source: ".VcTabs--wrapper[data-v-1d24c5fd]{display:flex;flex-direction:column;height:100%}.VcTabs--wrapper .separatorShadow[data-v-1d24c5fd]{border-bottom:1px solid var(--gray-lighten-1);box-shadow:var(--shadow-1)}.VcTabs--wrapper .separatorDivider[data-v-1d24c5fd]{border-bottom:1px solid var(--gray-lighten-1)}.VcTabs--wrapper .folder[data-v-1d24c5fd]  .v-tabs-slider-wrapper{transition:none;bottom:auto}.VcTabs--wrapper .folder[data-v-1d24c5fd]  .v-ripple__container{display:none!important}.VcTabs--wrapper .folder[data-v-1d24c5fd]  .VcTab{padding:0;min-width:auto}.VcTabs--wrapper .full-height-tabs[data-v-1d24c5fd]{height:100%}.VcTabs--wrapper .full-height-tabs .v-window-item[data-v-1d24c5fd]{height:100%}.VcTabs--wrapper .draggable-tabs[data-v-1d24c5fd]{display:flex}.VcTabs--content[data-v-1d24c5fd]{flex:unset}.VcTab[data-v-1d24c5fd]: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-1d24c5fd]{color:var(--gray-darken-4)}.VcTab:focus.VcTabDisabled[data-v-1d24c5fd]{background:rgba(0,0,0,.04);color:var(--gray-darken-2)}.VcTabActive[data-v-1d24c5fd]{color:var(--gray-darken-5)}.VcTab-label[data-v-1d24c5fd]{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-1d24c5fd]{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-1d24c5fd]{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.VcTab .folder-label__close[data-v-1d24c5fd],.VcTab .folder-label__menu[data-v-1d24c5fd]{top:-3px;display:none}.VcTab .folder-label__close[data-v-1d24c5fd]{margin-inline-end:-4px}.VcTab .folder-label__drag[data-v-1d24c5fd]{cursor:grab}.VcTab .folder-label__drag--dragging[data-v-1d24c5fd]{cursor:grabbing}.VcTab .folder-label__drag--hidden[data-v-1d24c5fd]{visibility:hidden}.VcTab .folder-label:hover .folder-label__close[data-v-1d24c5fd],.VcTab .folder-label:hover .folder-label__menu[data-v-1d24c5fd]{display:flex}.VcTab .folder-label:hover .folder-label__drag[data-v-1d24c5fd]:not(.folder-label__drag--hidden){visibility:visible}.VcTab:not(.VcTabActive) .folder-label[data-v-1d24c5fd]{background-color:var(--gray-lighten-4);border-bottom:1px solid var(--gray)}.VcTab:not(.VcTabActive) .folder-label__drag[data-v-1d24c5fd]{visibility:hidden}.VcTab[data-v-1d24c5fd]:focus{color:unset!important;box-shadow:none}.VcTabsContent[data-v-1d24c5fd]{background-color:transparent;overflow-y:auto}[data-v-1d24c5fd] .v-slide-group__next,[data-v-1d24c5fd] .v-slide-group__prev{display:none!important}[data-v-1d24c5fd] .v-slide-group__wrapper{overflow-x:auto;overflow-y:hidden}",
+  inject("data-v-445d0354_0", {
+    source: ".VcTabs--wrapper[data-v-445d0354]{display:flex;flex-direction:column;height:100%}.VcTabs--wrapper .separatorShadow[data-v-445d0354]{border-bottom:1px solid var(--gray-lighten-1);box-shadow:var(--shadow-1)}.VcTabs--wrapper .separatorDivider[data-v-445d0354]{border-bottom:1px solid var(--gray-lighten-1)}.VcTabs--wrapper .folder[data-v-445d0354]  .v-tabs-slider-wrapper{transition:none;bottom:auto}.VcTabs--wrapper .folder[data-v-445d0354]  .v-ripple__container{display:none!important}.VcTabs--wrapper .folder[data-v-445d0354]  .VcTab{padding:0;min-width:auto}.VcTabs--wrapper .folder[data-v-445d0354]  .VcTabActive:hover::before{opacity:0}.VcTabs--wrapper .full-height-tabs[data-v-445d0354]{height:calc(100% - 1px)}.VcTabs--wrapper .full-height-tabs .v-window-item[data-v-445d0354]{height:100%}.VcTabs--wrapper .draggable-tabs[data-v-445d0354]{display:flex}.VcTabs--content[data-v-445d0354]{flex:unset}.VcTab[data-v-445d0354]: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-445d0354]{color:var(--gray-darken-4)}.VcTab:focus.VcTabDisabled[data-v-445d0354]{background:rgba(0,0,0,.04);color:var(--gray-darken-2)}.VcTabActive[data-v-445d0354]{color:var(--gray-darken-5)}.VcTab-label[data-v-445d0354]{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-445d0354]{display:flex;flex-direction:row;height:100%;width:216px;font-size:var(--font-size-xx-small);border-inline-end:1px solid var(--gray-lighten-2);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-445d0354]{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.VcTab .folder-label__info .label-text[data-v-445d0354]{line-height:var(--size-value5)}.VcTab .folder-label__close[data-v-445d0354],.VcTab .folder-label__menu[data-v-445d0354]{top:-3px;display:none}.VcTab .folder-label__close[data-v-445d0354]{margin-inline-end:-4px}.VcTab .folder-label__drag[data-v-445d0354]{cursor:grab}.VcTab .folder-label__drag--dragging[data-v-445d0354]{cursor:grabbing}.VcTab .folder-label__drag--hidden[data-v-445d0354]{visibility:hidden}.VcTab .folder-label:hover .folder-label__close[data-v-445d0354],.VcTab .folder-label:hover .folder-label__menu[data-v-445d0354]{display:flex;animation:fadeIn-data-v-445d0354 250ms}.VcTab .folder-label:hover .folder-label__drag[data-v-445d0354]:not(.folder-label__drag--hidden){visibility:visible}.VcTab:not(.VcTabActive) .folder-label[data-v-445d0354]{background-color:var(--gray-lighten-4);border-bottom:1px solid var(--gray-lighten-2)}.VcTab:not(.VcTabActive) .folder-label__drag[data-v-445d0354]{visibility:hidden}.VcTab:not(.VcTabActive) .folder-label:hover .folder-label__drag[data-v-445d0354]{visibility:visible;animation:fadeIn-data-v-445d0354 250ms}.VcTab[data-v-445d0354]:focus{color:unset!important;box-shadow:none}.VcTabsContent[data-v-445d0354]{background-color:transparent;overflow-y:auto}[data-v-445d0354] .v-slide-group__next,[data-v-445d0354] .v-slide-group__prev{display:none!important}[data-v-445d0354] .v-slide-group__wrapper{overflow-x:auto;overflow-y:hidden}@keyframes fadeIn-data-v-445d0354{from{opacity:0}to{opacity:1}}",
     map: undefined,
     media: undefined
   });
@@ -17426,7 +17429,7 @@ const __vue_inject_styles__$P = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$P = "data-v-1d24c5fd";
+const __vue_scope_id__$P = "data-v-445d0354";
 /* module identifier */
 
 const __vue_module_identifier__$P = undefined;
@@ -24491,6 +24494,7 @@ var __vue_render__$9 = function () {
       "label": _vm.searchBarLabel,
       "placeholder": _vm.searchBarPlaceholder,
       "value": _vm.searchValue,
+      "case-sensitive": true,
       "clearable": true
     },
     on: {
@@ -24513,8 +24517,8 @@ var __vue_staticRenderFns__$9 = [];
 
 const __vue_inject_styles__$9 = function (inject) {
   if (!inject) return;
-  inject("data-v-31ef2332_0", {
-    source: ".VcTableActionBar[data-v-31ef2332]{height:40px}.VcTableActionBar--summaryText[data-v-31ef2332]{font-size:11px;font-weight:var(--font-weight-medium2);color:var(--gray-darken-4)}.VcTableActionBar--summaryText--skeleton[data-v-31ef2332]{min-width:137px;padding-bottom:var(--size-value4)}.VcTableActionBar--searchBar[data-v-31ef2332]{max-width:400px;padding-bottom:var(--size-value4)}",
+  inject("data-v-745d07c3_0", {
+    source: ".VcTableActionBar[data-v-745d07c3]{height:40px}.VcTableActionBar--summaryText[data-v-745d07c3]{font-size:11px;font-weight:var(--font-weight-medium2);color:var(--gray-darken-5)}.VcTableActionBar--summaryText--skeleton[data-v-745d07c3]{min-width:137px;padding-bottom:var(--size-value4)}.VcTableActionBar--searchBar[data-v-745d07c3]{max-width:400px;padding-bottom:var(--size-value4)}",
     map: undefined,
     media: undefined
   });
@@ -24522,7 +24526,7 @@ const __vue_inject_styles__$9 = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$9 = "data-v-31ef2332";
+const __vue_scope_id__$9 = "data-v-745d07c3";
 /* module identifier */
 
 const __vue_module_identifier__$9 = undefined;
@@ -49059,9 +49063,13 @@ var script = {
       this.$emit('thumbnailsClicked', fileClicked);
     },
 
-    errorLoading() {
+    errorLoadingPreview() {
       this.isErrorLoading = true;
-      this.$emit('errorLoading', this.startIndex);
+      this.$emit('errorLoadingPreview', this.startIndex);
+    },
+
+    errorLoadingThumbnails(file) {
+      this.$emit('errorLoadingThumbnails', file);
     }
 
   }
@@ -49163,7 +49171,7 @@ var __vue_render__ = function () {
         "download": function ($event) {
           return _vm.$emit('download');
         },
-        "errorLoading": _vm.errorLoading
+        "errorLoading": _vm.errorLoadingPreview
       }
     })], 1)];
   }), _vm._v(" "), _vm._t("thumbnails", function () {
@@ -49192,6 +49200,11 @@ var __vue_render__ = function () {
           "inFocus": _vm.currentFile.name === file.name,
           "icon": file.icon,
           "fileLocation": file.thumbnails || file.icon
+        },
+        on: {
+          "errorLoading": function ($event) {
+            return _vm.errorLoadingThumbnails(file);
+          }
         }
       })], 1);
     }), 0)]) : _vm._e()];
@@ -49203,8 +49216,8 @@ var __vue_staticRenderFns__ = [];
 
 const __vue_inject_styles__ = function (inject) {
   if (!inject) return;
-  inject("data-v-5aa7b452_0", {
-    source: ".gallery[data-v-5aa7b452]{height:100%;width:100%;display:flex;flex-direction:column;background-color:rgba(0,0,0,.8);position:relative;overflow:hidden}.gallery[data-v-5aa7b452]  ::-webkit-scrollbar{width:var(--size-value1);height:var(--size-value1);background-color:transparent}.gallery[data-v-5aa7b452]  ::-webkit-scrollbar-thumb{background:var(--gray-darken-3)}.gallery__navigation[data-v-5aa7b452]{width:100%;position:fixed;z-index:1;left:0;height:0;top:50%;transform:translateY(-50%);display:flex;justify-content:space-between;padding-inline:var(--size-value7)}.gallery__navigation[data-v-5aa7b452]  .v-btn{background-color:#fff}.gallery__viewer[data-v-5aa7b452]{position:relative;overflow:auto;flex:1}.gallery__controls[data-v-5aa7b452]{position:absolute;z-index:1;transform:translateX(-50%);left:50%;bottom:var(--size-value4)}.thumbnails-on .gallery__controls[data-v-5aa7b452]{bottom:128px}.gallery__thumbnails[data-v-5aa7b452]{display:flex;position:relative;height:116px;background-color:var(--gray-darken-5)}.gallery__thumbnails--scroll[data-v-5aa7b452]{display:flex;flex-wrap:nowrap;transition:.25s ease-in-out;position:absolute;left:50%;padding-block:var(--size-value2)}.gallery__thumbnails--item[data-v-5aa7b452]{flex-basis:100px;width:100px;height:100px;margin-inline:var(--size-value3);border-radius:var(--size-value1);overflow:hidden;cursor:pointer}",
+  inject("data-v-47dd5c94_0", {
+    source: ".gallery[data-v-47dd5c94]{height:100%;width:100%;display:flex;flex-direction:column;background-color:rgba(0,0,0,.8);position:relative;overflow:hidden}.gallery[data-v-47dd5c94]  ::-webkit-scrollbar{width:var(--size-value1);height:var(--size-value1);background-color:transparent}.gallery[data-v-47dd5c94]  ::-webkit-scrollbar-thumb{background:var(--gray-darken-3)}.gallery__navigation[data-v-47dd5c94]{width:100%;position:fixed;z-index:1;left:0;height:0;top:50%;transform:translateY(-50%);display:flex;justify-content:space-between;padding-inline:var(--size-value7)}.gallery__navigation[data-v-47dd5c94]  .v-btn{background-color:#fff}.gallery__viewer[data-v-47dd5c94]{position:relative;overflow:auto;flex:1}.gallery__controls[data-v-47dd5c94]{position:absolute;z-index:1;transform:translateX(-50%);left:50%;bottom:var(--size-value4)}.thumbnails-on .gallery__controls[data-v-47dd5c94]{bottom:128px}.gallery__thumbnails[data-v-47dd5c94]{display:flex;position:relative;height:116px;background-color:var(--gray-darken-5)}.gallery__thumbnails--scroll[data-v-47dd5c94]{display:flex;flex-wrap:nowrap;transition:.25s ease-in-out;position:absolute;left:50%;padding-block:var(--size-value2)}.gallery__thumbnails--item[data-v-47dd5c94]{flex-basis:100px;width:100px;height:100px;margin-inline:var(--size-value3);border-radius:var(--size-value1);overflow:hidden;cursor:pointer}",
     map: undefined,
     media: undefined
   });
@@ -49212,7 +49225,7 @@ const __vue_inject_styles__ = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__ = "data-v-5aa7b452";
+const __vue_scope_id__ = "data-v-47dd5c94";
 /* module identifier */
 
 const __vue_module_identifier__ = undefined;