@ldmjs/ui 2.0.0-beta.2 → 2.0.0

package/dist/scss/_inputs.scss

@@ -51,10 +51,13 @@ $input-border-color-hover: var(--grey);
 $input-disabled-color: var(--grey-l-2);
 $input-disabled-background-color: var(--grey-l-6);
 
+$input-border-color-readonly: var(--grey-l-6);
+$input-readonly-color: var(--grey-d-3);
+
 $colors: (
   "grey": ("default": $input-border-color-default, "hover": $input-border-color-hover),
-  "success": ("default": var(--success-d-1), "hover": var(--success-d-1)),
-  "error": ("default": var(--error), "hover": var(--error)),
+  "success": ("default": var(--success-d-1), "hover": var(--success-d-2)),
+  "error": ("default": var(--error), "hover": var(--error-d-1)),
 );
 
 :root {
@@ -67,6 +70,46 @@ $colors: (
   --input-disabled-background-color: #{$input-disabled-background-color};
 }
 
+@mixin inputlabel($parent, $size) {
+  $label-on-top: utils.getSelector($parent, '--label-on-top');
+  @include utils.not-class(utils.getSelector($parent, '--label-on-top')) {
+    .ld-label {
+      height: $size;
+    }
+  }
+  &#{utils.getSelector($parent, '--label-on-top')} {
+    .ld-label {
+      margin-bottom: 4px;
+    }
+  }
+
+  .ld-label {
+    font-size: var(--text-body-s);
+    &-content {
+      color: var(--grey-d-1);
+    }
+  }
+}
+
+@mixin inputdetails() {
+  .v-input__details {
+    position: relative;
+    padding: 0 !important;
+    margin: 6px 0 0 0 !important;
+    z-index: 1;
+    height: 20px;
+    min-height: 20px;
+    align-items: center;
+
+    .v-messages {
+      color: var(--grey-d-1);
+      font-family: var(--regular);
+      font-size: var(--font-size);
+      line-height: calc(var(--font-size) + 6px);
+    }
+  }
+}
+
 @mixin inputsize() {
   $parent: utils.getParent(&);
 
@@ -100,19 +143,9 @@ $colors: (
           }
         }
 
-        .ld-label {
-          height: $size;
-          &-content {
-            font-size: $font;
-          }
-        }
+        @include inputlabel($parent, $size);
 
-        .v-input__details {
-          .v-messages {
-            font-size: calc($font - 2px);
-            line-height: calc($font - 2px + 6px);
-          }
-        }
+        @include inputdetails();
 
         #{utils.getSelector($parent, '-help')} {
           display: flex;
@@ -248,29 +281,37 @@ $colors: (
             }
           }
 
-          &:hover {
-            .v-field.v-field--variant-outlined {
-              @include vfieldoutline($hover);
+          &:not(.v-input--readonly) {
+            &:hover {
+              .v-field.v-field--variant-outlined {
+                @include vfieldoutline($hover);
+              }
+
+              .v-input__append {
+                &:after {
+                  border-color: $hover;
+                  border-width: 1px;
+                }
+              }
             }
 
-            .v-input__append {
-              &:after {
-                border-color: $hover;
-                border-width: 1px;
+            &.v-input--focused {
+              .v-field.v-field--variant-outlined {
+                @include vfieldoutline(var(--focus));
+              }
+
+              .v-input__append {
+                &:after {
+                  border-color: var(--focus);
+                  border-width: 2px;
+                }
               }
             }
           }
 
-          &.v-input--focused {
+          &.v-input--readonly {
             .v-field.v-field--variant-outlined {
-              @include vfieldoutline(var(--focus));
-            }
-
-            .v-input__append {
-              &:after {
-                border-color: var(--focus);
-                border-width: 2px;
-              }
+              @include vfieldoutline($input-border-color-readonly);
             }
           }
         }
@@ -302,22 +343,6 @@ $colors: (
   }
 }
 
-@mixin inputdetails() {
-  .v-input__details {
-    position: relative;
-    padding: 0 !important;
-    margin: 6px 0 0 0 !important;
-    z-index: 1;
-    height: 20px;
-    min-height: 20px;
-    align-items: center;
-
-    .v-messages {
-      color: var(--grey-d-1);
-    }
-  }
-}
-
 @mixin inputloader() {
   $parent: utils.getParent(&);
   $selector: utils.getSelector($parent, '-loader');
@@ -448,9 +473,17 @@ body {
   }
 
   .v-input {
-    .v-input__details {
-      .v-messages {
-        font-family: var(--regular);
+    &.v-input--readonly {
+      &.v-input--focused {
+        .v-field.v-field--variant-outlined {
+          .v-field__outline {
+            --v-field-border-width: 1px;
+          }
+        }
+      }
+
+      .v-field__input {
+        color: $input-readonly-color !important;
       }
     }
   }
@@ -587,7 +620,34 @@ body {
 
     @include vfield();
 
-    @include vfieldborder();
+    &:not(.ld-edit-list-box--readonly) {
+      .v-autocomplete {
+        & > .v-input__control > .v-field.v-field--variant-outlined {
+          @include vfieldoutline($input-border-color-default);
+        }
+
+        &:hover {
+          & > .v-input__control > .v-field.v-field--variant-outlined {
+            @include vfieldoutline($input-border-color-hover);
+          }
+
+          & > .v-input__append {
+            &:after {
+              border-color: $input-border-color-hover;
+              border-width: 1px;
+            }
+          }
+        }
+      }
+    }
+
+    &.ld-edit-list-box--readonly {
+      .v-autocomplete {
+        & > .v-input__control > .v-field.v-field--variant-outlined {
+          @include vfieldoutline($input-border-color-readonly);
+        }
+      }
+    }
 
     @include vfielddisabled();
 
@@ -679,6 +739,12 @@ body {
   .ld-textarea {
     @extend %custom-edit;
 
+    ::-webkit-resizer{
+      background-image: -webkit-repeating-radial-gradient(center center, hsla(220, 5%, 56%, 1), hsla(220, 5%, 56%, 1) 1px, transparent 1px, transparent 100%);
+      background-size: 3px 3px;
+      border-bottom-right-radius: var(--border-radius);
+    }
+
     $parent: '.ld-textarea';
 
     $props: (
@@ -713,14 +779,14 @@ body {
             line-height: calc($font + 6px);
             padding: $p;;
           }
-        }
-
-        .ld-label {
-          &-content {
-            font-size: $font;
+          .v-field__clearable {
+            top: 4px;
+            right: 4px;
           }
         }
 
+        @include inputlabel($parent, $size);
+
         .ld-textarea-help {
           height: $size;
           display: flex;
@@ -728,12 +794,6 @@ body {
           margin-left: 8px;
         }
 
-        &.ld-textarea--label-on-top {
-          .ld-label {
-            height: $size;
-          }
-        }
-
         &.ld-textarea--clearable {
           .v-field {
             .v-field__input {
@@ -743,12 +803,7 @@ body {
           }
         }
 
-        .v-input__details {
-          .v-messages {
-            font-size: calc($font - 2px);
-            line-height: calc($font - 2px + 6px);
-          }
-        }
+        @include inputdetails();
       }
     }
 
@@ -773,12 +828,6 @@ body {
   .ld-text-markup {
     @extend %custom-edit;
 
-    .ld-label {
-      &-content {
-        font-size: var(--text-body-s);
-      }
-    }
-
     &--focused {
       .md-editor-content {
         &:after {
@@ -835,13 +884,6 @@ body {
     }
 
     @include inputdetails();
-
-    .v-input__details {
-      .v-messages {
-        font-size: var(--font-size);
-        line-height: calc(var(--font-size) + 6px);
-      }
-    }
   }
 
   .v-select__content,

package/dist/scss/_tabs.scss

@@ -182,9 +182,6 @@ body {
 
   .v-window {
     background-color: var(--white);
-    box-shadow:
-      1px 0 var(--grey-l-5),
-      -1px 0 0 var(--grey-l-5);
     overflow-y: auto;
     height: 100%;
     width: 100%;
@@ -201,118 +198,117 @@ body {
     }
   }
 
-  :deep() {
-    .ld-tabs {
-      .v-tabs {
-        &--vertical {
-          background: var(--grey-l-6);
-
-          .v-tab {
-            justify-content: flex-start;
-            border: 1px solid var(--grey-l-5);
-            border-bottom: none;
-            border-radius: 0 !important;
-            text-transform: none !important;
-            width: 100%;
-            min-width: auto !important;
-
-            &--selected {
-              background-color: var(--white);
-              border-right-color: transparent;
-            }
-          }
-
-          .v-tab:last-child {
-            border-bottom: 1px solid var(--grey-l-5) !important;
-          }
-
-          .v-slide-group__content {
-            flex-flow: column nowrap;
-            height: 100% !important;
-            width: 100% !important;
-
-            .v-btn__content {
-              text-overflow: ellipsis;
-              display: inline-flex;
-              justify-content: flex-start;
-              gap: 4px;
-              white-space: nowrap;
-              overflow: hidden;
-            }
-          }
-        }
-      }
-
-      .v-tabs.v-tabs--vertical.no-header {
-        .v-tab:first-child {
-          border-top: none;
-        }
-      }
-
-
-    }
-    .v-window {
-      &.mobile {
-        .tg-field {
-          & > .v-row {
-            & > .v-col {
-              flex: 1 0 0 !important;
-            }
-          }
-          .text-viewer-wrapper {
-            .v-col {
-              flex: 1 0 0 !important;
-            }
-          }
-        }
-      }
-    }
-
-    .v-slide-group--vertical {
-      border-color: var(--grey-l-5);
-      border: 1px;
-    }
-
-    .v-slide-group--vertical .v-tab__slider {
-      width: 0px;
-    }
-
-
-    .v-tabs-bar {
-      flex: none;
-      height: fit-content;
-      height: -moz-max-content;
-      max-height: fit-content;
-      max-height: -moz-max-content;
-      z-index: 1;
-    }
-
-    .v-window-item {
-      height: 100%;
-    }
-
-    .ld-tabs-mobile {
-      &.hide-tabs {
-        .v-tab {
-          display: none !important;
-        }
-      }
-
-      &.hide-body {
-        .v-slide-group {
-          width: 100% !important;
-        }
-        .v-window {
-          display: none !important;
-        }
-      }
-    }
-    .v-tabs-mobile {
-      .v-slide-group__content {
-        .v-btn__content {
-          display: block !important;
-        }
-      }
-    }
-  }
+  // :deep() {
+  //   .ld-tabs {
+  //     .v-tabs {
+  //       &--vertical {
+  //         background: var(--grey-l-6);
+
+  //         .v-tab {
+  //           justify-content: flex-start;
+  //           border: 1px solid var(--grey-l-5);
+  //           border-bottom: none;
+  //           border-radius: 0 !important;
+  //           text-transform: none !important;
+  //           width: 100%;
+  //           min-width: auto !important;
+
+  //           &--selected {
+  //             background-color: var(--white);
+  //             border-right-color: transparent;
+  //           }
+  //         }
+
+  //         .v-tab:last-child {
+  //           border-bottom: 1px solid var(--grey-l-5) !important;
+  //         }
+
+  //         .v-slide-group__content {
+  //           flex-flow: column nowrap;
+  //           height: 100% !important;
+  //           width: 100% !important;
+
+  //           .v-btn__content {
+  //             text-overflow: ellipsis;
+  //             display: inline-flex;
+  //             justify-content: flex-start;
+  //             gap: 4px;
+  //             white-space: nowrap;
+  //             overflow: hidden;
+  //           }
+  //         }
+  //       }
+  //     }
+
+  //     .v-tabs.v-tabs--vertical.no-header {
+  //       .v-tab:first-child {
+  //         border-top: none;
+  //       }
+  //     }
+
+
+  //   }
+  //   .v-window {
+  //     &.mobile {
+  //       .tg-field {
+  //         & > .v-row {
+  //           & > .v-col {
+  //             flex: 1 0 0 !important;
+  //           }
+  //         }
+  //         .text-viewer-wrapper {
+  //           .v-col {
+  //             flex: 1 0 0 !important;
+  //           }
+  //         }
+  //       }
+  //     }
+  //   }
+
+  //   .v-slide-group--vertical {
+  //     border-color: var(--grey-l-5);
+  //     border: 1px;
+  //   }
+
+  //   .v-slide-group--vertical .v-tab__slider {
+  //     width: 0px;
+  //   }
+
+  //   .v-tabs-bar {
+  //     flex: none;
+  //     height: fit-content;
+  //     height: -moz-max-content;
+  //     max-height: fit-content;
+  //     max-height: -moz-max-content;
+  //     z-index: 1;
+  //   }
+
+  //   .v-window-item {
+  //     height: 100%;
+  //   }
+
+  //   .ld-tabs-mobile {
+  //     &.hide-tabs {
+  //       .v-tab {
+  //         display: none !important;
+  //       }
+  //     }
+
+  //     &.hide-body {
+  //       .v-slide-group {
+  //         width: 100% !important;
+  //       }
+  //       .v-window {
+  //         display: none !important;
+  //       }
+  //     }
+  //   }
+  //   .v-tabs-mobile {
+  //     .v-slide-group__content {
+  //       .v-btn__content {
+  //         display: block !important;
+  //       }
+  //     }
+  //   }
+  // }
 }

package/dist/scss/index.scss

@@ -134,7 +134,6 @@ body {
     display: flex;
     flex-direction: column;
     justify-content: center;
-    min-height: var(--input-height);
 
     .ld-label-content {
       color: var(--text);

package/dist/scss/utils.scss

@@ -15,3 +15,9 @@
 @function getSelector($class, $prefix) {
   @return selector.append($class, $prefix);
 }
+
+@mixin not-class($className) {
+  &:not(#{$className}) {
+    @content;
+  }
+}

package/dist/types/options.d.ts

@@ -49,7 +49,7 @@ export interface ldmuiOptions {
   language?: string;
   LdIcon?: {
     path: string;
-    map: {
+    map?: {
       icons: Array<[string, string]>;
     };
   };

package/dist/utils/validators.js

@@ -1 +1 @@
-(function webpackUniversalModuleDefinition(e,l){"object"===typeof exports&&"object"===typeof module?module.exports=l(require("@vuelidate/validators")):"function"===typeof define&&define.amd?define(["@vuelidate/validators"],l):"object"===typeof exports?exports["ldmui"]=l(require("@vuelidate/validators")):e["ldmui"]=l(e["@vuelidate/validators"])})(self,e=>(()=>{"use strict";var l={887:l=>{l.exports=e}},r={};function __webpack_require__(e){var u=r[e];if(void 0!==u)return u.exports;var t=r[e]={exports:{}};return l[e](t,t.exports,__webpack_require__),t.exports}(()=>{__webpack_require__.n=e=>{var l=e&&e.__esModule?()=>e["default"]:()=>e;return __webpack_require__.d(l,{a:l}),l}})(),(()=>{__webpack_require__.d=(e,l)=>{for(var r in l)__webpack_require__.o(l,r)&&!__webpack_require__.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:l[r]})}})(),(()=>{__webpack_require__.o=(e,l)=>Object.prototype.hasOwnProperty.call(e,l)})(),(()=>{__webpack_require__.r=e=>{"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}})();var u={};__webpack_require__.r(u),__webpack_require__.d(u,{alphaNumRule:()=>alphaNumRule,alphaRule:()=>alphaRule,betweenRule:()=>betweenRule,decimalRule:()=>decimalRule,default:()=>a,emailRule:()=>emailRule,integerRule:()=>integerRule,ipAddressRule:()=>ipAddressRule,macAddressRule:()=>macAddressRule,maxLengthRule:()=>maxLengthRule,maxValueRule:()=>maxValueRule,minValueRule:()=>minValueRule,numericRule:()=>numericRule,phoneRule:()=>phoneRule,requiredRule:()=>requiredRule,urlRule:()=>urlRule,validators:()=>o});var t=__webpack_require__(887);const requiredRule=(e,l)=>r=>{if(null==r||"string"===typeof r&&""===r)return e?`Поле ${e} обязательно`:l||"Это поле обязательно";const u=t.required.$validator(r,null,null);return!("boolean"!==typeof u||!u)||(e?`Поле ${e} обязательно`:l||"Это поле обязательно")},maxLengthRule=e=>l=>{const r=(0,t.maxLength)(e).$validator(l,null,null);return!("boolean"!==typeof r||!r)||`Значение должно быть меньше ${e} символов`},alphaRule=()=>e=>{const l=t.alpha.$validator(e,null,null);return!("boolean"!==typeof l||!l)||"Разрешены только латинские буквы"},alphaNumRule=()=>e=>{const l=t.alphaNum.$validator(e,null,null);return!("boolean"!==typeof l||!l)||"Разрешены только латинские буквы и цифры"},betweenRule=(e,l)=>r=>{const u=(0,t.between)(e,l).$validator(r,null,null);return!("boolean"!==typeof u||!u)||`Значение должно быть в диапазоне от ${e} до ${l}`},decimalRule=()=>e=>{const l=t.decimal.$validator(e,null,null);return!("boolean"!==typeof l||!l)||"Значение должно быть целым или дробным числом"},emailRule=()=>e=>{const l=t.email.$validator(e,null,null);return!("boolean"!==typeof l||!l)||"Неверный формат адреса эл.почты"},integerRule=()=>e=>{const l=t.integer.$validator(e,null,null);return!("boolean"!==typeof l||!l)||"Значение должно быть целым числом"},ipAddressRule=()=>e=>{const l=t.ipAddress.$validator(e,null,null);return!("boolean"!==typeof l||!l)||"Неправильный формат IP-адреса"},macAddressRule=()=>e=>{const l=(0,t.macAddress)(":").$validator(e,null,null);return!("boolean"!==typeof l||!l)||"Неправильный формат mac-адреса"},maxValueRule=e=>l=>{const r=(0,t.maxValue)(e).$validator(l,null,null);return!("boolean"!==typeof r||!r)||`Значение должно быть меньше ${e}`},minValueRule=e=>l=>{const r=(0,t.minValue)(e).$validator(l,null,null);return!("boolean"!==typeof r||!r)||`Значение должно быть больше ${e}`},numericRule=()=>e=>{const l=t.numeric.$validator(e,null,null);return!("boolean"!==typeof l||!l)||"Разрешены только цифры"},urlRule=()=>e=>{const l=t.url.$validator(e,null,null);return!("boolean"!==typeof l||!l)||"Неправильный формат URI"},phoneRule=()=>e=>{const l=/^[\d()+-]+$/;return l.test(e)||"Неправильный формат телефона"},o={requiredRule,maxLengthRule,alphaRule,alphaNumRule,betweenRule,decimalRule,emailRule,integerRule,ipAddressRule,macAddressRule,maxValueRule,minValueRule,numericRule,urlRule,phoneRule},a={};return u})());
+(function webpackUniversalModuleDefinition(e,l){"object"===typeof exports&&"object"===typeof module?module.exports=l(require("@vuelidate/validators")):"function"===typeof define&&define.amd?define(["@vuelidate/validators"],l):"object"===typeof exports?exports["ldmui"]=l(require("@vuelidate/validators")):e["ldmui"]=l(e["@vuelidate/validators"])})(self,e=>(()=>{"use strict";var l={887(l){l.exports=e}},r={};function __webpack_require__(e){var u=r[e];if(void 0!==u)return u.exports;var t=r[e]={exports:{}};return l[e](t,t.exports,__webpack_require__),t.exports}(()=>{__webpack_require__.n=e=>{var l=e&&e.__esModule?()=>e["default"]:()=>e;return __webpack_require__.d(l,{a:l}),l}})(),(()=>{__webpack_require__.d=(e,l)=>{for(var r in l)__webpack_require__.o(l,r)&&!__webpack_require__.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:l[r]})}})(),(()=>{__webpack_require__.o=(e,l)=>Object.prototype.hasOwnProperty.call(e,l)})(),(()=>{__webpack_require__.r=e=>{"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}})();var u={};__webpack_require__.r(u),__webpack_require__.d(u,{alphaNumRule:()=>alphaNumRule,alphaRule:()=>alphaRule,betweenRule:()=>betweenRule,decimalRule:()=>decimalRule,default:()=>a,emailRule:()=>emailRule,integerRule:()=>integerRule,ipAddressRule:()=>ipAddressRule,macAddressRule:()=>macAddressRule,maxLengthRule:()=>maxLengthRule,maxValueRule:()=>maxValueRule,minValueRule:()=>minValueRule,numericRule:()=>numericRule,phoneRule:()=>phoneRule,requiredRule:()=>requiredRule,urlRule:()=>urlRule,validators:()=>o});var t=__webpack_require__(887);const requiredRule=(e,l)=>r=>{if(null==r||"string"===typeof r&&""===r)return e?`Поле ${e} обязательно`:l||"Это поле обязательно";const u=t.required.$validator(r,null,null);return!("boolean"!==typeof u||!u)||(e?`Поле ${e} обязательно`:l||"Это поле обязательно")},maxLengthRule=e=>l=>{const r=(0,t.maxLength)(e).$validator(l,null,null);return!("boolean"!==typeof r||!r)||`Значение должно быть меньше ${e} символов`},alphaRule=()=>e=>{const l=t.alpha.$validator(e,null,null);return!("boolean"!==typeof l||!l)||"Разрешены только латинские буквы"},alphaNumRule=()=>e=>{const l=t.alphaNum.$validator(e,null,null);return!("boolean"!==typeof l||!l)||"Разрешены только латинские буквы и цифры"},betweenRule=(e,l)=>r=>{const u=(0,t.between)(e,l).$validator(r,null,null);return!("boolean"!==typeof u||!u)||`Значение должно быть в диапазоне от ${e} до ${l}`},decimalRule=()=>e=>{const l=t.decimal.$validator(e,null,null);return!("boolean"!==typeof l||!l)||"Значение должно быть целым или дробным числом"},emailRule=()=>e=>{const l=t.email.$validator(e,null,null);return!("boolean"!==typeof l||!l)||"Неверный формат адреса эл.почты"},integerRule=()=>e=>{const l=t.integer.$validator(e,null,null);return!("boolean"!==typeof l||!l)||"Значение должно быть целым числом"},ipAddressRule=()=>e=>{const l=t.ipAddress.$validator(e,null,null);return!("boolean"!==typeof l||!l)||"Неправильный формат IP-адреса"},macAddressRule=()=>e=>{const l=(0,t.macAddress)(":").$validator(e,null,null);return!("boolean"!==typeof l||!l)||"Неправильный формат mac-адреса"},maxValueRule=e=>l=>{const r=(0,t.maxValue)(e).$validator(l,null,null);return!("boolean"!==typeof r||!r)||`Значение должно быть меньше ${e}`},minValueRule=e=>l=>{const r=(0,t.minValue)(e).$validator(l,null,null);return!("boolean"!==typeof r||!r)||`Значение должно быть больше ${e}`},numericRule=()=>e=>{const l=t.numeric.$validator(e,null,null);return!("boolean"!==typeof l||!l)||"Разрешены только цифры"},urlRule=()=>e=>{const l=t.url.$validator(e,null,null);return!("boolean"!==typeof l||!l)||"Неправильный формат URI"},phoneRule=()=>e=>{const l=/^[\d()+-]+$/;return l.test(e)||"Неправильный формат телефона"},o={requiredRule,maxLengthRule,alphaRule,alphaNumRule,betweenRule,decimalRule,emailRule,integerRule,ipAddressRule,macAddressRule,maxValueRule,minValueRule,numericRule,urlRule,phoneRule},a={};return u})());

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ldmjs/ui",
-  "version": "2.0.0-beta.2",
+  "version": "2.0.0",
   "description": "ldm ui",
   "main": "dist/index.js",
   "engines": {
@@ -16,7 +16,8 @@
     "build:box:stage1": "cross-env NODE_ENV=production webpack --config config/webpack.config.box.js --progress --profile",
     "build:box:stage2": "node config/index.js",
     "build:box": "npm run build:box:stage1 && npm run build:box:stage2",
-    "test": "jest --runInBand --no-cache",
+    "test": "npm run clear && jest --runInBand --no-cache",
+    "clear": "node config/clear.js",
     "lint": "npx eslint --cache --ext .ts src",
     "version": "node -v",
     "pub": "node config/publish.js && npm publish --access=public"
@@ -86,12 +87,12 @@
     "jest-transform-stub": "2.0.0",
     "lodash-es": "4.17.21",
     "markdown-it": "14.1.0",
-    "material-design-icons-iconfont": "6.7.0",
     "md-editor-v3": "6.3.1",
     "mini-css-extract-plugin": "2.9.4",
     "mol_time_all": "1.1.1504",
     "postcss-loader": "8.2.0",
     "prettier": "3.6.2",
+    "prettier-eslint": "16.4.2",
     "sass": "1.93.2",
     "sass-loader": "16.0.3",
     "string-replace-loader": "3.1.0",
@@ -108,7 +109,7 @@
     "vue-loader": "17.4.2",
     "vue-property-decorator": "10.0.0-rc.3",
     "vue-screen-utils": "1.0.0-beta.13",
-    "vuetify": "3.11.7",
+    "vuetify": "3.12.2",
     "webpack": "5.105.2",
     "webpack-cli": "6.0.1",
     "webpack-dev-server": "5.2.2",