@wizishop/img-manager 15.2.12 → 15.2.14

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wizishop/img-manager",
-  "version": "15.2.12",
+  "version": "15.2.14",
   "description": "The best and the most beautiful image manager.",
   "repository": {
     "type": "git",

package/public-api.d.ts

@@ -4,6 +4,7 @@ export { ImgSelectionService } from './lib/services/img-selection.service';
 export { ImgManagerService } from './lib/services/img-manager.service';
 export { RenamePictureService } from './lib/services/rename-picture.service';
 export { ApiService } from './lib/services/api.service';
+export { ImageNotFoundService } from './lib/services/image-not-found.service';
 export { CanvaService } from './lib/services/canva.service';
 export * from './lib/dto/ImgManagerDisplayConfig.dto';
 export * from './lib/dto/export-dtos.api';

package/wz-img-manager.scss

@@ -966,17 +966,12 @@ $tag-radius: rem(20px)!default;
         &--hide {
             &--mosaic {
                 min-height: 100px !important;
-                height: auto;
-                &--small {
-                    min-height: unset !important;
-                    height: auto;
-                }
+                height: 0px;
             }
             &--table {
                 min-height: 170px !important;
-                height: auto;
+                height: 0px;
             }
-
         }
 
         .ng-scroll-content {
@@ -1125,6 +1120,12 @@ $tag-radius: rem(20px)!default;
             margin-bottom: 30px;
 
         }
+
+        &__total {
+            &--hide {
+                visibility: hidden;
+            }
+        }
     }
 
     &--pexels {
@@ -2729,6 +2730,115 @@ $green-color: #2ecc71;
     line-height: rem(25);
   }
 }
+.wz-img-manager .is-checkradio[type='checkbox'] {
+  outline: 0 !important;
+  & + label {
+    font-size: rem(14);
+    line-height: rem(24);
+    color: $input-radio-color-label;
+    padding-left: 26px;
+    outline: 0 !important;
+    &:before {
+      width: 16px;
+      height: 16px;
+      border: 1px solid $border-color;
+      top: 4px;
+      transition: all 0.3s ease-in-out;
+    }
+    &:after {
+      top: 6.3px !important;
+      left: 3px !important;
+      width: 10px;
+      height: 12px;
+      border: none !important;
+      background: transparent
+        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' data-prefix='fas' data-icon='check' viewBox='0 0 512 512' class='svg-inline--fa fa-check fa-w-16 fa-5x'%3E%3Cpath fill='%23ffffff' d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'/%3E%3C/svg%3E")
+        center center / 8px 8px no-repeat;
+      transform: scale(1) translateY(0px) translateX(0px) rotate(0deg) !important;
+      transition: all 0.3s ease-in-out;
+    }
+    &:hover,
+    &:focus {
+      &:before {
+        border-color: $input-active-color !important;
+      }
+    }
+    &:before,
+    &:after {
+      outline: 0 !important;
+    }
+  }
+  &:hover {
+    & + label {
+      color: $input-radio-color-active-label;
+      &:before {
+        border-color: $input-active-color !important;
+      }
+      &:after {
+        border-color: $white !important;
+      }
+    }
+    &:not([disabled]) {
+      & + label {
+        &:before {
+          border-color: $input-active-color !important;
+        }
+      }
+    }
+  }
+  &:checked + label {
+    color: $input-radio-color-active-label;
+    &:before {
+      border: 1px solid $input-active-color;
+      background-color: $input-active-color;
+      transition: all 0.3s ease-in-out;
+    }
+    &:after {
+      left: 7px;
+      top: 8px;
+      transition: all 0.3s ease-in-out;
+    }
+  }
+}
+
+.wz-img-manager .field {
+  &__row {
+    min-width: 100%;
+    margin: 0 0 10px;
+  }
+  &--nowrap {
+    display: inline-block;
+    width: auto;
+    min-width: 0;
+    margin: 0 10px 10px 0;
+    .field {
+      &__row {
+        width: auto;
+        display: inline-block;
+        margin: 0;
+      }
+    }
+  }
+  &.alone {
+    .is-checkradio[type='checkbox'] {
+      & + label {
+        padding: 0;
+        &:before {
+          border-width: 1px;
+          width: 16px;
+          height: 16px;
+          border-radius: 2px;
+        }
+      }
+      &:checked + label {
+        &:after {
+          top: 7px;
+          transform: scale(1.1) translateY(1px) translateX(6px) rotate(45deg);
+        }
+      }
+    }
+  }
+}
 .wz-img-manager .dropdownWizi {
     padding: 10px;
 
@@ -2843,116 +2953,7 @@ $green-color: #2ecc71;
 
 .dropdownWizi:not(.is-hoverable) {
     cursor: not-allowed;
-}.wz-img-manager .is-checkradio[type='checkbox'] {
-  outline: 0 !important;
-  & + label {
-    font-size: rem(14);
-    line-height: rem(24);
-    color: $input-radio-color-label;
-    padding-left: 26px;
-    outline: 0 !important;
-    &:before {
-      width: 16px;
-      height: 16px;
-      border: 1px solid $border-color;
-      top: 4px;
-      transition: all 0.3s ease-in-out;
-    }
-    &:after {
-      top: 6.3px !important;
-      left: 3px !important;
-      width: 10px;
-      height: 12px;
-      border: none !important;
-      background: transparent
-        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' data-prefix='fas' data-icon='check' viewBox='0 0 512 512' class='svg-inline--fa fa-check fa-w-16 fa-5x'%3E%3Cpath fill='%23ffffff' d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'/%3E%3C/svg%3E")
-        center center / 8px 8px no-repeat;
-      transform: scale(1) translateY(0px) translateX(0px) rotate(0deg) !important;
-      transition: all 0.3s ease-in-out;
-    }
-    &:hover,
-    &:focus {
-      &:before {
-        border-color: $input-active-color !important;
-      }
-    }
-    &:before,
-    &:after {
-      outline: 0 !important;
-    }
-  }
-  &:hover {
-    & + label {
-      color: $input-radio-color-active-label;
-      &:before {
-        border-color: $input-active-color !important;
-      }
-      &:after {
-        border-color: $white !important;
-      }
-    }
-    &:not([disabled]) {
-      & + label {
-        &:before {
-          border-color: $input-active-color !important;
-        }
-      }
-    }
-  }
-  &:checked + label {
-    color: $input-radio-color-active-label;
-    &:before {
-      border: 1px solid $input-active-color;
-      background-color: $input-active-color;
-      transition: all 0.3s ease-in-out;
-    }
-    &:after {
-      left: 7px;
-      top: 8px;
-      transition: all 0.3s ease-in-out;
-    }
-  }
-}
-
-.wz-img-manager .field {
-  &__row {
-    min-width: 100%;
-    margin: 0 0 10px;
-  }
-  &--nowrap {
-    display: inline-block;
-    width: auto;
-    min-width: 0;
-    margin: 0 10px 10px 0;
-    .field {
-      &__row {
-        width: auto;
-        display: inline-block;
-        margin: 0;
-      }
-    }
-  }
-  &.alone {
-    .is-checkradio[type='checkbox'] {
-      & + label {
-        padding: 0;
-        &:before {
-          border-width: 1px;
-          width: 16px;
-          height: 16px;
-          border-radius: 2px;
-        }
-      }
-      &:checked + label {
-        &:after {
-          top: 7px;
-          transform: scale(1.1) translateY(1px) translateX(6px) rotate(45deg);
-        }
-      }
-    }
-  }
-}
-.wz-img-manager  .input-search.field {
+}.wz-img-manager  .input-search.field {
   padding: 10px 20px;
   background-color: $gray-background;
   @include media('<tablet') {