@ldmjs/ui 2.1.13 → 2.1.15

package/dist/scss/_checkbox.scss

@@ -1,9 +1,27 @@
+@use "sass:list";
+
 :root {
   --checkbox-s: 16px;
   --checkbox-m: 20px;
   --checkbox-l: 24px;
 }
 
+$colors: (
+  "primary": (
+    // default color
+    var(--primary),
+    // hover color
+    var(--primary-d-1),
+    // active color
+    var(--primary-d-2)
+  ),
+  "error": (
+    var(--error),
+    var(--error-d-1),
+    var(--error-d-2),
+  ),
+);
+
 body {
   .ld-checkbox {
     position: relative;
@@ -146,74 +164,48 @@ body {
       border-color: $color;
     }
 
-    // ---------- primary
-
-    &.text-primary {
-      input[type='checkbox']:checked + .ld-checkbox-icon {
-        @include checkboxiconcolor(var(--primary));
-        &:hover {
-          @include checkboxiconcolor(var(--primary-d-1));
-        }
-      }
-
-      input[type='checkbox']:checked:focus + .ld-checkbox-icon {
-        @include checkboxiconcolor(var(--focus));
-      }
-
-      input[type='checkbox']:checked:active + .ld-checkbox-icon {
-        @include checkboxiconcolor(var(--primary-d-2));
-      }
-
-      &.ld-checkbox--hovered {
+    @each $color, $values in $colors {
+      $d: list.nth($values, 1);
+      $h: list.nth($values, 2);
+      $a: list.nth($values, 3);
+      &.text-#{$color} {
         input[type='checkbox']:checked + .ld-checkbox-icon {
-          @include checkboxiconcolor(var(--primary-d-1));
+          @include checkboxiconcolor($d);
         }
-      }
 
-      &.ld-checkbox--focused {
-        label {
-          &:after {
-            border: 2px solid var(--focus);
+        &:not(.ld-checkbox--readonly) {
+          input[type='checkbox']:checked + .ld-checkbox-icon {
+            &:hover {
+              @include checkboxiconcolor($h);
+            }
           }
-        }
-      }
-    }
 
-    // ---------- error
+          input[type='checkbox']:checked:focus + .ld-checkbox-icon {
+            @include checkboxiconcolor(var(--focus));
+          }
 
-    &.text-error {
-      input[type='checkbox']:checked + .ld-checkbox-icon {
-        @include checkboxiconcolor(var(--error));
-        &:hover {
-          @include checkboxiconcolor(var(--error-d-1));
+          input[type='checkbox']:checked:active + .ld-checkbox-icon {
+            @include checkboxiconcolor($a);
+          }
         }
-      }
-
-      input[type='checkbox']:checked:focus + .ld-checkbox-icon {
-        @include checkboxiconcolor(var(--focus));
-      }
-
-      input[type='checkbox']:checked:active + .ld-checkbox-icon {
-        @include checkboxiconcolor(var(--error-d-2));
-      }
 
-      &.ld-checkbox--hovered {
-        input[type='checkbox']:checked + .ld-checkbox-icon {
-          @include checkboxiconcolor(var(--error-d-1));
+        &.ld-checkbox--hovered {
+          input[type='checkbox']:checked + .ld-checkbox-icon {
+            @include checkboxiconcolor($h);
+          }
         }
-      }
 
-      &.ld-checkbox--focused {
-        label {
-          &:after {
-            border: 2px solid var(--focus);
+        &.ld-checkbox--focused {
+          label {
+            &:after {
+              border: 2px solid var(--focus);
+            }
           }
         }
       }
     }
 
-    &.ld-checkbox--disabled,
-    &.ld-checkbox--readonly {
+    &.ld-checkbox--disabled {
       input[type='checkbox'] + .ld-checkbox-icon {
         @include checkboxiconcolor(var(--grey-l-5));
         svg {
@@ -230,15 +222,15 @@ body {
       }
     }
 
-    &.ld-checkbox--disabled {
+    &.ld-checkbox--readonly {
       .ld-label-content {
-        color: var(--grey-l-2);
+        color: var(--grey-d-3);
       }
     }
 
-    &.ld-checkbox--readonly {
+    &.ld-checkbox--disabled {
       .ld-label-content {
-        color: var(--grey-d-3);
+        color: var(--grey-l-2);
       }
     }
   }

package/dist/scss/_dialogs.scss

@@ -51,11 +51,6 @@ body {
       }
     }
 
-    &.ld-dialog--hidden {
-      visibility: hidden !important;
-      opacity: 0 !important;
-    }
-
     .ld-dialog-content.v-overlay__content {
       max-width: unset;
       max-height: unset;
@@ -134,8 +129,11 @@ body {
         }
       }
       &.ld-dialog-content--hidden {
-        visibility: hidden !important;
-        opacity: 0 !important;
+        position: absolute;
+        clip: rect(0 0 0 0);
+        width: 1px;
+        height: 1px;
+        margin: -1px;
       }
     }
   }

package/dist/scss/_fonts.scss

@@ -23,8 +23,8 @@
 $font-size: 12px !default; // основной шрифт приложения
 
 $regular: "Roboto Regular";
-$semibold: "Roboto Semi Bold";
 $medium: "Roboto Medium";
+$semibold: "Roboto Semi Bold";
 
 :root {
   --font-size: #{$font-size}; // 12px
@@ -43,8 +43,8 @@ $medium: "Roboto Medium";
   --heading-2: calc(#{$font-size} * 4 - 4px); // 44px
   --heading-1: calc(#{$font-size} * 4 + 2px); // 50px
   --regular: #{$regular};
-  --semibold: #{$semibold};
   --medium: #{$medium};
+  --semibold: #{$semibold};
 }
 
 html,
@@ -119,6 +119,18 @@ body {
     font-size: var(--text-body-x);
   }
 
+  .font-reqular {
+    font-family: var(--regular);
+  }
+
+  .font-semibold {
+    font-family: var(--semibold);
+  }
+
+  .font-medium {
+    font-family: var(--medium);
+  }
+
   .text-ellipsis {
     display: block;
     white-space: nowrap;

package/dist/scss/_inputs.scss

@@ -74,7 +74,7 @@ $colors: (
   $label-on-top: utils.getSelector($parent, '--label-on-top');
   @include utils.not-class(utils.getSelector($parent, '--label-on-top')) {
     .ld-label {
-      height: $size;
+      min-height: $size;
     }
   }
   &#{utils.getSelector($parent, '--label-on-top')} {
@@ -995,6 +995,12 @@ body {
     }
   }
 
+  .v-combobox {
+    .v-combobox__selection {
+      height: auto !important;
+    }
+  }
+
   .v-menu.ld-datepicker-menu {
     .ld-datepicker-dropdown {
       padding: 0 !important;

package/dist/types/dialogs.d.ts

@@ -16,6 +16,8 @@ export interface IInterativeDialogProps extends IDialogProps {
   fullHeight?: boolean;
   okTitle?: string;
   cancelTitle?: string;
+  okColor?: 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'grey';
+  cancelColor?: 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'grey';
   closable?: boolean;
   hideFooter?: boolean;
 }
@@ -68,6 +70,8 @@ export interface IModalInfo {
   selectAsOk?: boolean;
   okTitle?: string;
   cancelTitle?: string;
+  okColor?: 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'grey';
+  cancelColor?: 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'grey';
   okResult?: number | string | boolean | IModalResult<IViewModel<number | string>>;
   cancelResult?: number | string | boolean | IModalResult<IViewModel<number | string>>;
   settedResult?: boolean;

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={9347(e,l,u){Object.defineProperty(l,"__esModule",{value:!0}),l.validators=l.phoneRule=l.urlRule=l.numericRule=l.minValueRule=l.maxValueRule=l.macAddressRule=l.ipAddressRule=l.integerRule=l.emailRule=l.decimalRule=l.betweenRule=l.alphaNumRule=l.alphaRule=l.maxLengthRule=l.requiredRule=void 0;const n=u(887),requiredRule=(e,l)=>u=>{if(null==u||"string"===typeof u&&""===u)return e?`Поле ${e} обязательно`:l||"Это поле обязательно";const t=n.required.$validator(u,null,null);return!("boolean"!==typeof t||!t)||(e?`Поле ${e} обязательно`:l||"Это поле обязательно")};l.requiredRule=requiredRule;const maxLengthRule=e=>l=>{const u=(0,n.maxLength)(e).$validator(l,null,null);return!("boolean"!==typeof u||!u)||`Значение должно быть меньше ${e} символов`};l.maxLengthRule=maxLengthRule;const alphaRule=()=>e=>{const l=n.alpha.$validator(e,null,null);return!("boolean"!==typeof l||!l)||"Разрешены только латинские буквы"};l.alphaRule=alphaRule;const alphaNumRule=()=>e=>{const l=n.alphaNum.$validator(e,null,null);return!("boolean"!==typeof l||!l)||"Разрешены только латинские буквы и цифры"};l.alphaNumRule=alphaNumRule;const betweenRule=(e,l)=>u=>{const t=(0,n.between)(e,l).$validator(u,null,null);return!("boolean"!==typeof t||!t)||`Значение должно быть в диапазоне от ${e} до ${l}`};l.betweenRule=betweenRule;const decimalRule=()=>e=>{const l=n.decimal.$validator(e,null,null);return!("boolean"!==typeof l||!l)||"Значение должно быть целым или дробным числом"};l.decimalRule=decimalRule;const emailRule=()=>e=>{const l=n.email.$validator(e,null,null);return!("boolean"!==typeof l||!l)||"Неверный формат адреса эл.почты"};l.emailRule=emailRule;const integerRule=()=>e=>{const l=n.integer.$validator(e,null,null);return!("boolean"!==typeof l||!l)||"Значение должно быть целым числом"};l.integerRule=integerRule;const ipAddressRule=()=>e=>{const l=n.ipAddress.$validator(e,null,null);return!("boolean"!==typeof l||!l)||"Неправильный формат IP-адреса"};l.ipAddressRule=ipAddressRule;const macAddressRule=()=>e=>{const l=(0,n.macAddress)(":").$validator(e,null,null);return!("boolean"!==typeof l||!l)||"Неправильный формат mac-адреса"};l.macAddressRule=macAddressRule;const maxValueRule=e=>l=>{const u=(0,n.maxValue)(e).$validator(l,null,null);return!("boolean"!==typeof u||!u)||`Значение должно быть меньше ${e}`};l.maxValueRule=maxValueRule;const minValueRule=e=>l=>{const u=(0,n.minValue)(e).$validator(l,null,null);return!("boolean"!==typeof u||!u)||`Значение должно быть больше ${e}`};l.minValueRule=minValueRule;const numericRule=()=>e=>{const l=n.numeric.$validator(e,null,null);return!("boolean"!==typeof l||!l)||"Разрешены только цифры"};l.numericRule=numericRule;const urlRule=()=>e=>{const l=n.url.$validator(e,null,null);return!("boolean"!==typeof l||!l)||"Неправильный формат URI"};l.urlRule=urlRule;const phoneRule=()=>e=>{const l=/^[\d()+-]+$/;return l.test(e)||"Неправильный формат телефона"};l.phoneRule=phoneRule,l.validators={requiredRule:l.requiredRule,maxLengthRule:l.maxLengthRule,alphaRule:l.alphaRule,alphaNumRule:l.alphaNumRule,betweenRule:l.betweenRule,decimalRule:l.decimalRule,emailRule:l.emailRule,integerRule:l.integerRule,ipAddressRule:l.ipAddressRule,macAddressRule:l.macAddressRule,maxValueRule:l.maxValueRule,minValueRule:l.minValueRule,numericRule:l.numericRule,urlRule:l.urlRule,phoneRule:l.phoneRule},l["default"]={}},887(l){l.exports=e}},u={};function __webpack_require__(e){var n=u[e];if(void 0!==n)return n.exports;var t=u[e]={exports:{}};return l[e](t,t.exports,__webpack_require__),t.exports}var n=__webpack_require__(9347);return n})());

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ldmjs/ui",
-  "version": "2.1.13",
+  "version": "2.1.15",
   "description": "ldm ui",
   "main": "dist/index.js",
   "engines": {
@@ -32,7 +32,7 @@
     "@babel/plugin-transform-typescript": "7.28.0",
     "@babel/preset-env": "7.28.3",
     "@babel/preset-typescript": "7.27.1",
-    "@ldmjs/datatable": "2.0.5",
+    "@ldmjs/datatable": "2.0.7",
     "@ldmjs/editor": "2.0.0",
     "@ldmjs/treeview": "2.0.3",
     "@popperjs/core": "2.11.8",