@morozeckiy/dd-lib 0.8.1 → 0.8.3

package/assets/scss/mixins.scss

@@ -61,9 +61,16 @@
   );
 
   @each $ext in $exts {
-    $extmod: if(map-has-key($extmods, $ext), $ext + map-get($extmods, $ext), $ext);
-    $format: if(map-has-key($formats, $ext), map-get($formats, $ext), $ext);
-    $src: append($src, url(quote($path + '.' + $extmod)) format(quote($format)), comma);
+    @if map-has-key($extmods, $ext) {
+      $extmod: $ext + map-get($extmods, $ext);
+    } @else {
+      $extmod: $ext;
+    }
+    @if map-has-key($formats, $ext) {
+      $format: map-get($formats, $ext);
+    } @else {
+      $format: $ext;
+    }
   }
 
   @font-face {

package/fesm2022/morozeckiy-dd-lib.mjs

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
 import { EventEmitter, Output, ViewChild, Input, Component, Injectable, InjectionToken, inject, Inject, Pipe, Directive, HostListener, numberAttribute, TemplateRef, ChangeDetectionStrategy, Injector, CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA, forwardRef, Optional, ElementRef, Host, SkipSelf, signal, effect, input } from '@angular/core';
 import * as i1$4 from '@angular/forms';
-import { Validators, FormsModule, NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms';
+import { Validators, NG_VALIDATORS, FormsModule, NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms';
 import { BehaviorSubject, Subject, throwError, fromEvent, of, combineLatest } from 'rxjs';
 import { format, parse, isAfter, isBefore, isValid } from 'date-fns';
 import * as i1$5 from '@angular/common/http';
@@ -1546,6 +1546,70 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                 args: ['window:orientationchange', ['$event']]
             }] } });
 
+class ToUpperCaseDirective {
+    constructor(el) {
+        this.el = el;
+    }
+    onInput(event) {
+        const inputElement = event.target;
+        const startPos = inputElement.selectionStart;
+        const endPos = inputElement.selectionEnd;
+        inputElement.value = inputElement.value?.toUpperCase() || '';
+        inputElement.setSelectionRange(startPos, endPos);
+        inputElement.dispatchEvent(new Event('input'));
+    }
+    onBlur() {
+        this.el.nativeElement.value = this.el.nativeElement?.value?.toUpperCase() || '';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ToUpperCaseDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: ToUpperCaseDirective, isStandalone: true, selector: "[ddToUpperCase]", host: { listeners: { "input": "onInput($event)", "blur": "onBlur()" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ToUpperCaseDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ddToUpperCase]'
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { onInput: [{
+                type: HostListener,
+                args: ['input', ['$event']]
+            }], onBlur: [{
+                type: HostListener,
+                args: ['blur']
+            }] } });
+
+class BusNumberPatternDirective {
+    validate(control) {
+        const normalCarNumberPattern = new RegExp('^[ABEKMHOPCTYXАВЕКМНОРСТУХ]{1}[0-9]{3}[ABEKMHOPCTYXАВЕКМНОРСТУХ]{2}[0-9]{2,3}$');
+        const taxiCarNumberPattern = new RegExp('^[ABEKMHOPCTYXАВЕКМНОРСТУХ]{2}[0-9]{3}[0-9]{2,3}$');
+        const microBusNumberPattern = new RegExp('^[ABEKMHOPCTYXАВЕКМНОРСТУХ]{2}[0-9]{3}[ABEKMHOPCTYXАВЕКМНОРСТУХ]{1}[0-9]{2,3}$');
+        const busCarNumberPattern = new RegExp('^[ABEKMHOPCTYXАВЕКМНОРСТУХ]{2}[0-9]{4}[0-9]{2,3}$');
+        const electroBus = new RegExp('^[0-9]{4}');
+        if (!control.value || electroBus.test(control.value) || normalCarNumberPattern.test(control.value) || taxiCarNumberPattern.test(control.value) || microBusNumberPattern.test(control.value) || busCarNumberPattern.test(control.value)) {
+            return null;
+        }
+        else {
+            return { busNum: 'X000XX123 XX000123 XX000X123 XX0000123' };
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: BusNumberPatternDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: BusNumberPatternDirective, isStandalone: true, selector: "[ddBusNumberPattern]", providers: [{
+                provide: NG_VALIDATORS,
+                useExisting: BusNumberPatternDirective,
+                multi: true
+            }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: BusNumberPatternDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ddBusNumberPattern]',
+                    providers: [{
+                            provide: NG_VALIDATORS,
+                            useExisting: BusNumberPatternDirective,
+                            multi: true
+                        }]
+                }]
+        }] });
+
 class ToastTypeData {
 }
 class ToastData extends ToastTypeData {
@@ -2845,19 +2909,12 @@ class LibCalendarComponent {
     selectDay(day) {
         if (!this.checkHideDay(day)) {
             if (!this.rangeMode) {
-                //   if (!this.dateStart) {
-                //     this.dateStart = new Date(this.year, this.month, day);
-                //   } else {
-                //     const eDate = new Date(this.year, this.month, day);
-                //     if (this.dateStart > eDate) {
-                //       this.dateEnd = undefined;
-                //       this.dateStart = eDate;
-                //     } else {
-                //       this.dateEnd = eDate;
-                //     }
-                //   }
-                // } else {
-                this.dateValue = new Date(this.year, this.month, day);
+                const newDate = new Date(this.year, this.month, day);
+                // Если время уже было установлено в полях ввода, применяем его
+                if (this.hours && this.minutes) {
+                    newDate.setHours(+this.hours, +this.minutes);
+                }
+                this.dateValue = newDate;
             }
         }
         this.immediatelyEmitDate.emit(new Date(this.year, this.month, day));
@@ -3439,7 +3496,6 @@ class LibSearchInputComponent extends LibCommonInputTextComponent {
         super.handleBlur();
         this.errorText = ValidatorsService.getErrorText(this.control?.errors);
         this.changeDetection.detectChanges();
-        console.log(this.control);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: LibSearchInputComponent, deps: [{ token: i0.DestroyRef }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1$4.ControlContainer, host: true, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: LibSearchInputComponent, isStandalone: true, selector: "dd-lib-search-input", inputs: { splitTitle: "splitTitle", keyTitle: "keyTitle", keyDesc: "keyDesc", keyValue: "keyValue", styleInput: "styleInput", inputStyle: "inputStyle", searchData: "searchData", debounceTime: "debounceTime", delay: "delay", idClose: "idClose", loaded$: "loaded$" }, outputs: { keyupEvent: "keyupEvent", selectedItem: "selectedItem" }, host: { listeners: { "window:resize": "onWindowScroll()", "window:scroll": "onWindowScroll()" } }, providers: [
@@ -4961,12 +5017,16 @@ class LibDateInputComponent {
     setPeriod($event) {
         this.isShownCalendar = false;
         if ($event) {
-            this.selectedDateStr = `${format($event, 'dd.MM.yyyy')}`;
+            this.selectedDateStr = `${format($event, (this.needTime ? 'dd.MM.yyyy HH:mm' : 'dd.MM.yyyy'))}`;
         }
         else {
             this.selectedDate = undefined;
             this.selectedDateStr = undefined;
         }
+        console.log('ПЕРЕД propagateChange:');
+        console.log('1. $event =', $event, 'время =', $event?.getHours?.() + ':' + $event?.getMinutes?.());
+        console.log('2. this.selectedDate =', this.selectedDate, 'время =', this.selectedDate?.getHours?.() + ':' + this.selectedDate?.getMinutes?.());
+        console.log('3. this ===', this);
         this.propagateChange(this.selectedDate);
     }
     changeStrDate($event) {
@@ -4990,7 +5050,7 @@ class LibDateInputComponent {
     writeValue($event) {
         this.selectedDate = $event;
         if ($event) {
-            this.selectedDateStr = `${format($event, 'dd.MM.yyyy')}`;
+            this.selectedDateStr = `${format($event, (this.needTime ? 'dd.MM.yyyy HH:mm' : 'dd.MM.yyyy'))}`;
         }
         this.cdr.detectChanges();
     }
@@ -5002,7 +5062,7 @@ class LibDateInputComponent {
                 useExisting: forwardRef(() => LibDateInputComponent),
                 multi: true,
             },
-        ], ngImport: i0, template: "<div class=\"lib-date\" id=\"lib-date-{{ dateId }}\">\r\n  @if (label) {\r\n    <label [for]=\"dateId\" class=\"lib-date__title\">\r\n      {{ label }}\r\n      @if (required) {\r\n        <dd-lib-svg-icon icon=\"error_hint\"></dd-lib-svg-icon>\r\n      }\r\n    </label>\r\n  }\r\n  <div class=\"pos-relative\">\r\n    <input\r\n      [attr.id]=\"dateId\"\r\n      [attr.placeholder]=\"placeholder\"\r\n      (click)=\"openCalendar()\"\r\n      [(ngModel)]=\"selectedDateStr\"\r\n      [mask]=\"'d0.M0.0000'\"\r\n      (ngModelChange)=\"changeStrDate($event)\"\r\n      [leadZeroDateTime]=\"true\"\r\n      class=\"text-select\"/>\r\n    @if (!selectedDateStr) {\r\n      <dd-lib-svg-icon [class.gray-svg]=\"!isShownCalendar\"\r\n                       (click)=\"openCalendar()\"\r\n                       id=\"calendar-{{ dateId }}\"\r\n                       class=\"calendar\" icon=\"calendar\"></dd-lib-svg-icon>\r\n\r\n\r\n    } @else {\r\n      <dd-lib-svg-icon\r\n        (click)=\"setPeriod(undefined)\"\r\n        class=\"clear\"\r\n        icon=\"clear\"></dd-lib-svg-icon>\r\n\r\n    }\r\n  </div>\r\n  @if (isShownCalendar) {\r\n    <div\r\n      (ddClickOutside)=\"closeCalendar()\"\r\n      [elements]=\"['lib-date-' + dateId, 'calendar' + dateId]\"\r\n      class=\"calendar-wrapper\" [ngClass]=\"{top: topSide}\">\r\n      <dd-lib-calendar [(ngModel)]=\"selectedDate\"\r\n                       [needTime]=\"needTime\"\r\n                       (emitDate)=\"setPeriod($event)\"></dd-lib-calendar>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [".lib-date{min-width:340px;position:relative}.lib-date input{width:100%;height:48px;padding:15px 28px 15px 16px;overflow:hidden;text-overflow:ellipsis;border-radius:8px;border:1px solid var(--input-border-color);background-color:transparent;position:relative}.lib-date input:hover{border-color:var(--input-active-border-colort)}.lib-date input:focus{border-color:var(--input-active-border-colort);box-shadow:var(--input-active-border-shadow)}.lib-date input:disabled{border:none;background-color:var(--input-disable-input);color:var(--input-disable-text);pointer-events:none}.lib-date input:disabled::placeholder{color:var(--input-placeholder)}.lib-date input.invalid,.lib-date input.invalid:hover{border-color:var(--input-error-border-color)}.lib-date input.invalid:focus{border-color:var(--input-error-border-color);box-shadow:var(--input-error-border-shadow)}.lib-date .clear{cursor:pointer;position:absolute;right:8px;top:12px}.lib-date .calendar{cursor:pointer;position:absolute;right:16px;top:10px}.lib-date .calendar.up{transform:rotate(180deg)}.lib-date__title{margin-bottom:4px;font-size:14px;line-height:24px;display:flex;align-items:flex-start}.lib-date__error{color:var(--primary-red-color);font-size:12px;font-weight:400;line-height:10px;margin-top:2px;position:absolute}.lib-date .calendar-wrapper{max-width:350px;position:absolute;display:block;z-index:100;width:100%;overflow:auto;border-radius:8px;box-shadow:var(--main-card-shadow);background-color:var(--main-card-color)}.lib-date .calendar-wrapper.top{bottom:48px}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: LibSvgIconComponent, selector: "dd-lib-svg-icon", inputs: ["width", "height", "color", "icon"] }, { kind: "directive", type: ClickOutsideDirective, selector: "[ddClickOutside]", inputs: ["elements", "ignoreOnDrag"], outputs: ["ddClickOutside"] }, { kind: "component", type: LibCalendarComponent, selector: "dd-lib-calendar", inputs: ["type", "formatDate", "formatTime", "rangeMode", "rangeModeFullPeriod", "maxHours", "maxMinutes", "needTime", "mode", "dateStart", "dateEnd", "maxDate", "minDate"], outputs: ["emitDate", "immediatelyEmitDate", "emitPeriod"] }, { kind: "directive", type: NgxMaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime", "leadZero", "triggerOnMaskChange", "apm", "inputTransformFn", "outputTransformFn", "keepCharacterPositions", "instantPrefix", "value", "errors", "disabled", "touched", "dirty", "invalid", "pending", "readonly", "required", "name"], outputs: ["valueChange", "touchedChange", "maskFilled"], exportAs: ["mask", "ngxMask"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], ngImport: i0, template: "<div class=\"lib-date\" id=\"lib-date-{{ dateId }}\">\r\n  @if (label) {\r\n    <label [for]=\"dateId\" class=\"lib-date__title\">\r\n      {{ label }}\r\n      @if (required) {\r\n        <dd-lib-svg-icon icon=\"error_hint\"></dd-lib-svg-icon>\r\n      }\r\n    </label>\r\n  }\r\n  <div class=\"pos-relative\">\r\n    <input\r\n      [attr.id]=\"dateId\"\r\n      [attr.placeholder]=\"placeholder\"\r\n      (click)=\"openCalendar()\"\r\n      [(ngModel)]=\"selectedDateStr\"\r\n      [mask]=\"needTime ? 'd0.M0.0000 Hh:m0' : 'd0.M0.0000'\"\r\n      (ngModelChange)=\"changeStrDate($event)\"\r\n      [leadZeroDateTime]=\"!needTime\"\r\n      class=\"text-select\"/>\r\n    @if (!selectedDateStr) {\r\n      <dd-lib-svg-icon [class.gray-svg]=\"!isShownCalendar\"\r\n                       (click)=\"openCalendar()\"\r\n                       id=\"calendar-{{ dateId }}\"\r\n                       class=\"calendar\" icon=\"calendar\"></dd-lib-svg-icon>\r\n\r\n\r\n    } @else {\r\n      <dd-lib-svg-icon\r\n        (click)=\"setPeriod(undefined)\"\r\n        class=\"clear\"\r\n        icon=\"clear\"></dd-lib-svg-icon>\r\n\r\n    }\r\n  </div>\r\n  @if (isShownCalendar) {\r\n    <div\r\n      (ddClickOutside)=\"closeCalendar()\"\r\n      [elements]=\"['lib-date-' + dateId, 'calendar' + dateId]\"\r\n      class=\"calendar-wrapper\" [ngClass]=\"{top: topSide}\">\r\n      <dd-lib-calendar [(ngModel)]=\"selectedDate\"\r\n                       [needTime]=\"needTime\"\r\n                       (emitDate)=\"setPeriod($event)\"></dd-lib-calendar>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [".lib-date{min-width:340px;position:relative}.lib-date input{width:100%;height:48px;padding:15px 28px 15px 16px;overflow:hidden;text-overflow:ellipsis;border-radius:8px;border:1px solid var(--input-border-color);background-color:transparent;position:relative}.lib-date input:hover{border-color:var(--input-active-border-colort)}.lib-date input:focus{border-color:var(--input-active-border-colort);box-shadow:var(--input-active-border-shadow)}.lib-date input:disabled{border:none;background-color:var(--input-disable-input);color:var(--input-disable-text);pointer-events:none}.lib-date input:disabled::placeholder{color:var(--input-placeholder)}.lib-date input.invalid,.lib-date input.invalid:hover{border-color:var(--input-error-border-color)}.lib-date input.invalid:focus{border-color:var(--input-error-border-color);box-shadow:var(--input-error-border-shadow)}.lib-date .clear{cursor:pointer;position:absolute;right:8px;top:12px}.lib-date .calendar{cursor:pointer;position:absolute;right:16px;top:10px}.lib-date .calendar.up{transform:rotate(180deg)}.lib-date__title{margin-bottom:4px;font-size:14px;line-height:24px;display:flex;align-items:flex-start}.lib-date__error{color:var(--primary-red-color);font-size:12px;font-weight:400;line-height:10px;margin-top:2px;position:absolute}.lib-date .calendar-wrapper{max-width:350px;position:absolute;display:block;z-index:100;width:100%;overflow:auto;border-radius:8px;box-shadow:var(--main-card-shadow);background-color:var(--main-card-color)}.lib-date .calendar-wrapper.top{bottom:48px}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: LibSvgIconComponent, selector: "dd-lib-svg-icon", inputs: ["width", "height", "color", "icon"] }, { kind: "directive", type: ClickOutsideDirective, selector: "[ddClickOutside]", inputs: ["elements", "ignoreOnDrag"], outputs: ["ddClickOutside"] }, { kind: "component", type: LibCalendarComponent, selector: "dd-lib-calendar", inputs: ["type", "formatDate", "formatTime", "rangeMode", "rangeModeFullPeriod", "maxHours", "maxMinutes", "needTime", "mode", "dateStart", "dateEnd", "maxDate", "minDate"], outputs: ["emitDate", "immediatelyEmitDate", "emitPeriod"] }, { kind: "directive", type: NgxMaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime", "leadZero", "triggerOnMaskChange", "apm", "inputTransformFn", "outputTransformFn", "keepCharacterPositions", "instantPrefix", "value", "errors", "disabled", "touched", "dirty", "invalid", "pending", "readonly", "required", "name"], outputs: ["valueChange", "touchedChange", "maskFilled"], exportAs: ["mask", "ngxMask"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: LibDateInputComponent, decorators: [{
             type: Component,
@@ -5020,7 +5080,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                             useExisting: forwardRef(() => LibDateInputComponent),
                             multi: true,
                         },
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"lib-date\" id=\"lib-date-{{ dateId }}\">\r\n  @if (label) {\r\n    <label [for]=\"dateId\" class=\"lib-date__title\">\r\n      {{ label }}\r\n      @if (required) {\r\n        <dd-lib-svg-icon icon=\"error_hint\"></dd-lib-svg-icon>\r\n      }\r\n    </label>\r\n  }\r\n  <div class=\"pos-relative\">\r\n    <input\r\n      [attr.id]=\"dateId\"\r\n      [attr.placeholder]=\"placeholder\"\r\n      (click)=\"openCalendar()\"\r\n      [(ngModel)]=\"selectedDateStr\"\r\n      [mask]=\"'d0.M0.0000'\"\r\n      (ngModelChange)=\"changeStrDate($event)\"\r\n      [leadZeroDateTime]=\"true\"\r\n      class=\"text-select\"/>\r\n    @if (!selectedDateStr) {\r\n      <dd-lib-svg-icon [class.gray-svg]=\"!isShownCalendar\"\r\n                       (click)=\"openCalendar()\"\r\n                       id=\"calendar-{{ dateId }}\"\r\n                       class=\"calendar\" icon=\"calendar\"></dd-lib-svg-icon>\r\n\r\n\r\n    } @else {\r\n      <dd-lib-svg-icon\r\n        (click)=\"setPeriod(undefined)\"\r\n        class=\"clear\"\r\n        icon=\"clear\"></dd-lib-svg-icon>\r\n\r\n    }\r\n  </div>\r\n  @if (isShownCalendar) {\r\n    <div\r\n      (ddClickOutside)=\"closeCalendar()\"\r\n      [elements]=\"['lib-date-' + dateId, 'calendar' + dateId]\"\r\n      class=\"calendar-wrapper\" [ngClass]=\"{top: topSide}\">\r\n      <dd-lib-calendar [(ngModel)]=\"selectedDate\"\r\n                       [needTime]=\"needTime\"\r\n                       (emitDate)=\"setPeriod($event)\"></dd-lib-calendar>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [".lib-date{min-width:340px;position:relative}.lib-date input{width:100%;height:48px;padding:15px 28px 15px 16px;overflow:hidden;text-overflow:ellipsis;border-radius:8px;border:1px solid var(--input-border-color);background-color:transparent;position:relative}.lib-date input:hover{border-color:var(--input-active-border-colort)}.lib-date input:focus{border-color:var(--input-active-border-colort);box-shadow:var(--input-active-border-shadow)}.lib-date input:disabled{border:none;background-color:var(--input-disable-input);color:var(--input-disable-text);pointer-events:none}.lib-date input:disabled::placeholder{color:var(--input-placeholder)}.lib-date input.invalid,.lib-date input.invalid:hover{border-color:var(--input-error-border-color)}.lib-date input.invalid:focus{border-color:var(--input-error-border-color);box-shadow:var(--input-error-border-shadow)}.lib-date .clear{cursor:pointer;position:absolute;right:8px;top:12px}.lib-date .calendar{cursor:pointer;position:absolute;right:16px;top:10px}.lib-date .calendar.up{transform:rotate(180deg)}.lib-date__title{margin-bottom:4px;font-size:14px;line-height:24px;display:flex;align-items:flex-start}.lib-date__error{color:var(--primary-red-color);font-size:12px;font-weight:400;line-height:10px;margin-top:2px;position:absolute}.lib-date .calendar-wrapper{max-width:350px;position:absolute;display:block;z-index:100;width:100%;overflow:auto;border-radius:8px;box-shadow:var(--main-card-shadow);background-color:var(--main-card-color)}.lib-date .calendar-wrapper.top{bottom:48px}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"lib-date\" id=\"lib-date-{{ dateId }}\">\r\n  @if (label) {\r\n    <label [for]=\"dateId\" class=\"lib-date__title\">\r\n      {{ label }}\r\n      @if (required) {\r\n        <dd-lib-svg-icon icon=\"error_hint\"></dd-lib-svg-icon>\r\n      }\r\n    </label>\r\n  }\r\n  <div class=\"pos-relative\">\r\n    <input\r\n      [attr.id]=\"dateId\"\r\n      [attr.placeholder]=\"placeholder\"\r\n      (click)=\"openCalendar()\"\r\n      [(ngModel)]=\"selectedDateStr\"\r\n      [mask]=\"needTime ? 'd0.M0.0000 Hh:m0' : 'd0.M0.0000'\"\r\n      (ngModelChange)=\"changeStrDate($event)\"\r\n      [leadZeroDateTime]=\"!needTime\"\r\n      class=\"text-select\"/>\r\n    @if (!selectedDateStr) {\r\n      <dd-lib-svg-icon [class.gray-svg]=\"!isShownCalendar\"\r\n                       (click)=\"openCalendar()\"\r\n                       id=\"calendar-{{ dateId }}\"\r\n                       class=\"calendar\" icon=\"calendar\"></dd-lib-svg-icon>\r\n\r\n\r\n    } @else {\r\n      <dd-lib-svg-icon\r\n        (click)=\"setPeriod(undefined)\"\r\n        class=\"clear\"\r\n        icon=\"clear\"></dd-lib-svg-icon>\r\n\r\n    }\r\n  </div>\r\n  @if (isShownCalendar) {\r\n    <div\r\n      (ddClickOutside)=\"closeCalendar()\"\r\n      [elements]=\"['lib-date-' + dateId, 'calendar' + dateId]\"\r\n      class=\"calendar-wrapper\" [ngClass]=\"{top: topSide}\">\r\n      <dd-lib-calendar [(ngModel)]=\"selectedDate\"\r\n                       [needTime]=\"needTime\"\r\n                       (emitDate)=\"setPeriod($event)\"></dd-lib-calendar>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [".lib-date{min-width:340px;position:relative}.lib-date input{width:100%;height:48px;padding:15px 28px 15px 16px;overflow:hidden;text-overflow:ellipsis;border-radius:8px;border:1px solid var(--input-border-color);background-color:transparent;position:relative}.lib-date input:hover{border-color:var(--input-active-border-colort)}.lib-date input:focus{border-color:var(--input-active-border-colort);box-shadow:var(--input-active-border-shadow)}.lib-date input:disabled{border:none;background-color:var(--input-disable-input);color:var(--input-disable-text);pointer-events:none}.lib-date input:disabled::placeholder{color:var(--input-placeholder)}.lib-date input.invalid,.lib-date input.invalid:hover{border-color:var(--input-error-border-color)}.lib-date input.invalid:focus{border-color:var(--input-error-border-color);box-shadow:var(--input-error-border-shadow)}.lib-date .clear{cursor:pointer;position:absolute;right:8px;top:12px}.lib-date .calendar{cursor:pointer;position:absolute;right:16px;top:10px}.lib-date .calendar.up{transform:rotate(180deg)}.lib-date__title{margin-bottom:4px;font-size:14px;line-height:24px;display:flex;align-items:flex-start}.lib-date__error{color:var(--primary-red-color);font-size:12px;font-weight:400;line-height:10px;margin-top:2px;position:absolute}.lib-date .calendar-wrapper{max-width:350px;position:absolute;display:block;z-index:100;width:100%;overflow:auto;border-radius:8px;box-shadow:var(--main-card-shadow);background-color:var(--main-card-color)}.lib-date .calendar-wrapper.top{bottom:48px}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { topSide: [{
                 type: Input
             }], dateId: [{
@@ -5923,5 +5983,5 @@ const t = true;
  * Generated bundle index. Do not edit.
  */
 
-export { API_URL, AutoHeightDirective, ClickOutsideDirective, CounterDirective, DDDialogRef, DEFAULT_FORMAT, DIALOG_CONFIG, DataEmptyComponent, DateService, Debounce, DeclensionDirective, DestroyService, DialogConfig, DialogService, DisableAfterNCall, Disabled, DropDownPositionDirective, ErrorPageComponent, FetcherService, FilterByKeyPipe, FilterPipe, FixedPositionDirective, FooterComponent, FooterLinkComponent, FooterLinksBlockComponent, HighlightPipe, IDatePeriod, ITab, InterceptorsService, LibAccordionComponent, LibBackButtonComponent, LibButtonComponent, LibCalendarComponent, LibCardComponent, LibCheckboxComponent, LibCommentInputComponent, LibCommonButtonComponent, LibCommonInputTextComponent, LibDateInputComponent, LibDateRangeComponent, LibDisclaimerComponent, LibFileLoaderComponent, LibFileUploadComponent, LibFilterButtonComponent, LibFilterComponent, LibHorizontalScrollComponent, LibImageLoaderComponent, LibInfoCardComponent, LibInputComponent, LibLoaderComponent, LibRadioComponent, LibSearchInputComponent, LibSelectComponent, LibSkeletonComponent, LibSortComponent, LibStepComponent, LibSvgComponent, LibSvgIconComponent, LibSvgViewerComponent, LibTabsFragmentComponent, LibTextareaComponent, ListKeyboardNavigationDirective, MainSharedComponent, ModalBaseComponent, ModalCommonComponent, ModalQuestionComponent, NotFoundComponent, PhoneMaskDirective, ResizeTextareaDirective, ReversePipe, SafePipe, SelectableItemDirective, SortByValPipe, SvgIconsService, TOAST_CONFIG_TOKEN, TOOLTIP_DATA, TechWorksComponent, ThemeConfigurator, ThemeConstructorService, Throttle, ToastComponent, ToastConfig, ToastData, ToastRef, ToastService, ToastTypeData, TooltipComponent, TooltipDirective, TriangleDirective, ValidatorsService, VhHeightDirective, completeIconSet, defaultToastConfig, provideToast, svgIconActogoneAccept, svgIconAll, svgIconAppgalery, svgIconAppstore, svgIconArrowDownRed, svgIconArrowUpGreen, svgIconBackArrow, svgIconBurger, svgIconCalendar, svgIconCheckGreen, svgIconCheckWhite, svgIconCircleNo, svgIconClear, svgIconClose, svgIconDangerT, svgIconDd, svgIconDdM, svgIconDobrodel, svgIconDownChevron, svgIconDownload, svgIconEds, svgIconEds2, svgIconEds2M, svgIconEdsM, svgIconEntry, svgIconErrorHint, svgIconEsia, svgIconEye, svgIconEyeOff, svgIconFile, svgIconFilter, svgIconGoogleapp, svgIconGrid, svgIconHealth, svgIconHealthM, svgIconInfoCircle, svgIconInfoT, svgIconLeftChevron, svgIconListSearch, svgIconLogout, svgIconMailExclamation, svgIconMaxFilter, svgIconMoon, svgIconMy, svgIconMyM, svgIconNews, svgIconNext, svgIconPaperclip, svgIconPenEdit, svgIconPguMo, svgIconPguMoM, svgIconPlug, svgIconPlugD, svgIconPlus, svgIconPreset, svgIconPrev, svgIconPrint, svgIconPrinter, svgIconQuestion, svgIconQuestionWhiteG, svgIconRedClose, svgIconReload, svgIconRightChevron, svgIconRustore, svgIconSearch, svgIconSend, svgIconSetAvatar, svgIconSharedLogo, svgIconSmallRoundLoader, svgIconSort, svgIconStar, svgIconSuccessT, svgIconSun, svgIconTg, svgIconToggleArrowLeft, svgIconToggleArrowRight, svgIconTrash, svgIconTrophy, svgIconUser, svgIconUserEmpty, svgIconUserEmptyD, svgIconVk, svgIconWarningT, t };
+export { API_URL, AutoHeightDirective, BusNumberPatternDirective, ClickOutsideDirective, CounterDirective, DDDialogRef, DEFAULT_FORMAT, DIALOG_CONFIG, DataEmptyComponent, DateService, Debounce, DeclensionDirective, DestroyService, DialogConfig, DialogService, DisableAfterNCall, Disabled, DropDownPositionDirective, ErrorPageComponent, FetcherService, FilterByKeyPipe, FilterPipe, FixedPositionDirective, FooterComponent, FooterLinkComponent, FooterLinksBlockComponent, HighlightPipe, IDatePeriod, ITab, InterceptorsService, LibAccordionComponent, LibBackButtonComponent, LibButtonComponent, LibCalendarComponent, LibCardComponent, LibCheckboxComponent, LibCommentInputComponent, LibCommonButtonComponent, LibCommonInputTextComponent, LibDateInputComponent, LibDateRangeComponent, LibDisclaimerComponent, LibFileLoaderComponent, LibFileUploadComponent, LibFilterButtonComponent, LibFilterComponent, LibHorizontalScrollComponent, LibImageLoaderComponent, LibInfoCardComponent, LibInputComponent, LibLoaderComponent, LibRadioComponent, LibSearchInputComponent, LibSelectComponent, LibSkeletonComponent, LibSortComponent, LibStepComponent, LibSvgComponent, LibSvgIconComponent, LibSvgViewerComponent, LibTabsFragmentComponent, LibTextareaComponent, ListKeyboardNavigationDirective, MainSharedComponent, ModalBaseComponent, ModalCommonComponent, ModalQuestionComponent, NotFoundComponent, PhoneMaskDirective, ResizeTextareaDirective, ReversePipe, SafePipe, SelectableItemDirective, SortByValPipe, SvgIconsService, TOAST_CONFIG_TOKEN, TOOLTIP_DATA, TechWorksComponent, ThemeConfigurator, ThemeConstructorService, Throttle, ToUpperCaseDirective, ToastComponent, ToastConfig, ToastData, ToastRef, ToastService, ToastTypeData, TooltipComponent, TooltipDirective, TriangleDirective, ValidatorsService, VhHeightDirective, completeIconSet, defaultToastConfig, provideToast, svgIconActogoneAccept, svgIconAll, svgIconAppgalery, svgIconAppstore, svgIconArrowDownRed, svgIconArrowUpGreen, svgIconBackArrow, svgIconBurger, svgIconCalendar, svgIconCheckGreen, svgIconCheckWhite, svgIconCircleNo, svgIconClear, svgIconClose, svgIconDangerT, svgIconDd, svgIconDdM, svgIconDobrodel, svgIconDownChevron, svgIconDownload, svgIconEds, svgIconEds2, svgIconEds2M, svgIconEdsM, svgIconEntry, svgIconErrorHint, svgIconEsia, svgIconEye, svgIconEyeOff, svgIconFile, svgIconFilter, svgIconGoogleapp, svgIconGrid, svgIconHealth, svgIconHealthM, svgIconInfoCircle, svgIconInfoT, svgIconLeftChevron, svgIconListSearch, svgIconLogout, svgIconMailExclamation, svgIconMaxFilter, svgIconMoon, svgIconMy, svgIconMyM, svgIconNews, svgIconNext, svgIconPaperclip, svgIconPenEdit, svgIconPguMo, svgIconPguMoM, svgIconPlug, svgIconPlugD, svgIconPlus, svgIconPreset, svgIconPrev, svgIconPrint, svgIconPrinter, svgIconQuestion, svgIconQuestionWhiteG, svgIconRedClose, svgIconReload, svgIconRightChevron, svgIconRustore, svgIconSearch, svgIconSend, svgIconSetAvatar, svgIconSharedLogo, svgIconSmallRoundLoader, svgIconSort, svgIconStar, svgIconSuccessT, svgIconSun, svgIconTg, svgIconToggleArrowLeft, svgIconToggleArrowRight, svgIconTrash, svgIconTrophy, svgIconUser, svgIconUserEmpty, svgIconUserEmptyD, svgIconVk, svgIconWarningT, t };
 //# sourceMappingURL=morozeckiy-dd-lib.mjs.map