@tetacom/ng-components 1.0.40 → 1.0.41

package/esm2020/component/accordion/accordion-head/accordion-head.component.mjs

@@ -1,8 +1,8 @@
 import { ChangeDetectionStrategy, Component, Host, HostBinding, HostListener, Inject, Input, } from '@angular/core';
 import { AccordionItemComponent } from '../accordion-item/accordion-item.component';
 import * as i0 from "@angular/core";
-import * as i1 from "../../icon/icon/icon.component";
-import * as i2 from "@angular/common";
+import * as i1 from "@angular/common";
+import * as i2 from "../../icon/icon/icon.component";
 import * as i3 from "../accordion-item/accordion-item.component";
 export class AccordionHeadComponent {
     constructor(accordionItem) {
@@ -24,11 +24,11 @@ export class AccordionHeadComponent {
     }
     ngOnInit() { }
 }
-AccordionHeadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: AccordionHeadComponent, deps: [{ token: AccordionItemComponent, host: true }], target: i0.ɵɵFactoryTarget.Component });
-AccordionHeadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: AccordionHeadComponent, selector: "teta-accordion-head", inputs: { showToggle: "showToggle" }, host: { listeners: { "click": "toggle()" }, properties: { "class.accordion-head": "this.accordionHeadClass", "class.accordion-head_open": "this.open", "class.accordion-head_disabled": "this.disabled" } }, ngImport: i0, template: "<ng-content></ng-content>\n<div *ngIf=\"showToggle\" class=\"accordion-toggle\">\n  <teta-icon [name]=\"open ? 'arrowUpKey' : 'arrowDownKey'\"\n             [palette]=\"'text'\"></teta-icon>\n</div>\n\n", styles: [""], components: [{ type: i1.IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: AccordionHeadComponent, decorators: [{
+AccordionHeadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: AccordionHeadComponent, deps: [{ token: AccordionItemComponent, host: true }], target: i0.ɵɵFactoryTarget.Component });
+AccordionHeadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.0", type: AccordionHeadComponent, selector: "teta-accordion-head", inputs: { showToggle: "showToggle" }, host: { listeners: { "click": "toggle()" }, properties: { "class.accordion-head": "this.accordionHeadClass", "class.accordion-head_open": "this.open", "class.accordion-head_disabled": "this.disabled" } }, ngImport: i0, template: "<ng-content></ng-content>\n<div *ngIf=\"showToggle\" class=\"accordion-toggle\">\n  <teta-icon [name]=\"open ? 'arrowUpKey' : 'arrowDownKey'\"\n             [palette]=\"'text'\"></teta-icon>\n</div>\n\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: AccordionHeadComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'teta-accordion-head', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n<div *ngIf=\"showToggle\" class=\"accordion-toggle\">\n  <teta-icon [name]=\"open ? 'arrowUpKey' : 'arrowDownKey'\"\n             [palette]=\"'text'\"></teta-icon>\n</div>\n\n", styles: [""] }]
+            args: [{ selector: 'teta-accordion-head', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n<div *ngIf=\"showToggle\" class=\"accordion-toggle\">\n  <teta-icon [name]=\"open ? 'arrowUpKey' : 'arrowDownKey'\"\n             [palette]=\"'text'\"></teta-icon>\n</div>\n\n" }]
         }], ctorParameters: function () { return [{ type: i3.AccordionItemComponent, decorators: [{
                     type: Host
                 }, {

package/esm2020/component/accordion/accordion-item/accordion-item.component.mjs

@@ -16,11 +16,11 @@ export class AccordionItemComponent {
     }
     ngOnInit() { }
 }
-AccordionItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: AccordionItemComponent, deps: [{ token: AccordionComponent, optional: true }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-AccordionItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: AccordionItemComponent, selector: "teta-accordion-item", inputs: { open: "open", disabled: "disabled" }, host: { properties: { "class.accordion-item_active": "this.open", "class.accordion-item": "this.accordionItemClass" } }, queries: [{ propertyName: "content", first: true, predicate: AccordionContentDirective, descendants: true }], ngImport: i0, template: "<ng-content select=\"teta-accordion-head\"></ng-content>\n<div class=\"accordion-content\" *ngIf=\"open\">\n  <ng-container *ngTemplateOutlet=\"content.template\"></ng-container>\n</div>\n", styles: [""], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: AccordionItemComponent, decorators: [{
+AccordionItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: AccordionItemComponent, deps: [{ token: AccordionComponent, optional: true }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+AccordionItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.0", type: AccordionItemComponent, selector: "teta-accordion-item", inputs: { open: "open", disabled: "disabled" }, host: { properties: { "class.accordion-item_active": "this.open", "class.accordion-item": "this.accordionItemClass" } }, queries: [{ propertyName: "content", first: true, predicate: AccordionContentDirective, descendants: true }], ngImport: i0, template: "<ng-content select=\"teta-accordion-head\"></ng-content>\n<div class=\"accordion-content\" *ngIf=\"open\">\n  <ng-container *ngTemplateOutlet=\"content.template\"></ng-container>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: AccordionItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'teta-accordion-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"teta-accordion-head\"></ng-content>\n<div class=\"accordion-content\" *ngIf=\"open\">\n  <ng-container *ngTemplateOutlet=\"content.template\"></ng-container>\n</div>\n", styles: [""] }]
+            args: [{ selector: 'teta-accordion-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"teta-accordion-head\"></ng-content>\n<div class=\"accordion-content\" *ngIf=\"open\">\n  <ng-container *ngTemplateOutlet=\"content.template\"></ng-container>\n</div>\n" }]
         }], ctorParameters: function () { return [{ type: i2.AccordionComponent, decorators: [{
                     type: Optional
                 }, {

package/esm2020/component/accordion/accordion.module.mjs

@@ -8,14 +8,12 @@ import { AccordionItemComponent } from './accordion-item/accordion-item.componen
 import * as i0 from "@angular/core";
 export class AccordionModule {
 }
-AccordionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: AccordionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AccordionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: AccordionModule, declarations: [AccordionComponent, AccordionHeadComponent, AccordionContentDirective, AccordionItemComponent], imports: [CommonModule,
+AccordionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: AccordionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+AccordionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.0", ngImport: i0, type: AccordionModule, declarations: [AccordionComponent, AccordionHeadComponent, AccordionContentDirective, AccordionItemComponent], imports: [CommonModule,
         IconModule], exports: [AccordionComponent, AccordionHeadComponent, AccordionContentDirective, AccordionItemComponent] });
-AccordionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: AccordionModule, imports: [[
-            CommonModule,
-            IconModule
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: AccordionModule, decorators: [{
+AccordionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: AccordionModule, imports: [CommonModule,
+        IconModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: AccordionModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [AccordionComponent, AccordionHeadComponent, AccordionContentDirective, AccordionItemComponent],
@@ -26,4 +24,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
                     ]
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjb3JkaW9uLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnQvYWNjb3JkaW9uL2FjY29yZGlvbi5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFFBQVEsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN2QyxPQUFPLEVBQUMsWUFBWSxFQUFDLE1BQU0saUJBQWlCLENBQUM7QUFDN0MsT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0saUNBQWlDLENBQUM7QUFDbkUsT0FBTyxFQUFDLHNCQUFzQixFQUFDLE1BQU0sMkNBQTJDLENBQUM7QUFDakYsT0FBTyxFQUFDLHlCQUF5QixFQUFDLE1BQU0sK0JBQStCLENBQUM7QUFDeEUsT0FBTyxFQUFDLFVBQVUsRUFBQyxNQUFNLHFCQUFxQixDQUFDO0FBQy9DLE9BQU8sRUFBQyxzQkFBc0IsRUFBQyxNQUFNLDJDQUEyQyxDQUFDOztBQVVqRixNQUFNLE9BQU8sZUFBZTs7NEdBQWYsZUFBZTs2R0FBZixlQUFlLGlCQVBYLGtCQUFrQixFQUFFLHNCQUFzQixFQUFFLHlCQUF5QixFQUFFLHNCQUFzQixhQUcxRyxZQUFZO1FBQ1osVUFBVSxhQUhGLGtCQUFrQixFQUFFLHNCQUFzQixFQUFFLHlCQUF5QixFQUFFLHNCQUFzQjs2R0FNNUYsZUFBZSxZQUxqQjtZQUNQLFlBQVk7WUFDWixVQUFVO1NBQ1g7MkZBRVUsZUFBZTtrQkFSM0IsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxrQkFBa0IsRUFBRSxzQkFBc0IsRUFBRSx5QkFBeUIsRUFBRSxzQkFBc0IsQ0FBQztvQkFDN0csT0FBTyxFQUFFLENBQUMsa0JBQWtCLEVBQUUsc0JBQXNCLEVBQUUseUJBQXlCLEVBQUUsc0JBQXNCLENBQUM7b0JBQ3hHLE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLFVBQVU7cUJBQ1g7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge05nTW9kdWxlfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7Q29tbW9uTW9kdWxlfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtBY2NvcmRpb25Db21wb25lbnR9IGZyb20gJy4vYWNjb3JkaW9uL2FjY29yZGlvbi5jb21wb25lbnQnO1xuaW1wb3J0IHtBY2NvcmRpb25IZWFkQ29tcG9uZW50fSBmcm9tICcuL2FjY29yZGlvbi1oZWFkL2FjY29yZGlvbi1oZWFkLmNvbXBvbmVudCc7XG5pbXBvcnQge0FjY29yZGlvbkNvbnRlbnREaXJlY3RpdmV9IGZyb20gJy4vYWNjb3JkaW9uLWNvbnRlbnQuZGlyZWN0aXZlJztcbmltcG9ydCB7SWNvbk1vZHVsZX0gZnJvbSAnLi4vaWNvbi9pY29uLm1vZHVsZSc7XG5pbXBvcnQge0FjY29yZGlvbkl0ZW1Db21wb25lbnR9IGZyb20gJy4vYWNjb3JkaW9uLWl0ZW0vYWNjb3JkaW9uLWl0ZW0uY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbQWNjb3JkaW9uQ29tcG9uZW50LCBBY2NvcmRpb25IZWFkQ29tcG9uZW50LCBBY2NvcmRpb25Db250ZW50RGlyZWN0aXZlLCBBY2NvcmRpb25JdGVtQ29tcG9uZW50XSxcbiAgZXhwb3J0czogW0FjY29yZGlvbkNvbXBvbmVudCwgQWNjb3JkaW9uSGVhZENvbXBvbmVudCwgQWNjb3JkaW9uQ29udGVudERpcmVjdGl2ZSwgQWNjb3JkaW9uSXRlbUNvbXBvbmVudF0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgSWNvbk1vZHVsZVxuICBdXG59KVxuZXhwb3J0IGNsYXNzIEFjY29yZGlvbk1vZHVsZSB7XG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjb3JkaW9uLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnQvYWNjb3JkaW9uL2FjY29yZGlvbi5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFFBQVEsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN2QyxPQUFPLEVBQUMsWUFBWSxFQUFDLE1BQU0saUJBQWlCLENBQUM7QUFDN0MsT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0saUNBQWlDLENBQUM7QUFDbkUsT0FBTyxFQUFDLHNCQUFzQixFQUFDLE1BQU0sMkNBQTJDLENBQUM7QUFDakYsT0FBTyxFQUFDLHlCQUF5QixFQUFDLE1BQU0sK0JBQStCLENBQUM7QUFDeEUsT0FBTyxFQUFDLFVBQVUsRUFBQyxNQUFNLHFCQUFxQixDQUFDO0FBQy9DLE9BQU8sRUFBQyxzQkFBc0IsRUFBQyxNQUFNLDJDQUEyQyxDQUFDOztBQVVqRixNQUFNLE9BQU8sZUFBZTs7NEdBQWYsZUFBZTs2R0FBZixlQUFlLGlCQVBYLGtCQUFrQixFQUFFLHNCQUFzQixFQUFFLHlCQUF5QixFQUFFLHNCQUFzQixhQUcxRyxZQUFZO1FBQ1osVUFBVSxhQUhGLGtCQUFrQixFQUFFLHNCQUFzQixFQUFFLHlCQUF5QixFQUFFLHNCQUFzQjs2R0FNNUYsZUFBZSxZQUp4QixZQUFZO1FBQ1osVUFBVTsyRkFHRCxlQUFlO2tCQVIzQixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLGtCQUFrQixFQUFFLHNCQUFzQixFQUFFLHlCQUF5QixFQUFFLHNCQUFzQixDQUFDO29CQUM3RyxPQUFPLEVBQUUsQ0FBQyxrQkFBa0IsRUFBRSxzQkFBc0IsRUFBRSx5QkFBeUIsRUFBRSxzQkFBc0IsQ0FBQztvQkFDeEcsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osVUFBVTtxQkFDWDtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7TmdNb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtDb21tb25Nb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge0FjY29yZGlvbkNvbXBvbmVudH0gZnJvbSAnLi9hY2NvcmRpb24vYWNjb3JkaW9uLmNvbXBvbmVudCc7XG5pbXBvcnQge0FjY29yZGlvbkhlYWRDb21wb25lbnR9IGZyb20gJy4vYWNjb3JkaW9uLWhlYWQvYWNjb3JkaW9uLWhlYWQuY29tcG9uZW50JztcbmltcG9ydCB7QWNjb3JkaW9uQ29udGVudERpcmVjdGl2ZX0gZnJvbSAnLi9hY2NvcmRpb24tY29udGVudC5kaXJlY3RpdmUnO1xuaW1wb3J0IHtJY29uTW9kdWxlfSBmcm9tICcuLi9pY29uL2ljb24ubW9kdWxlJztcbmltcG9ydCB7QWNjb3JkaW9uSXRlbUNvbXBvbmVudH0gZnJvbSAnLi9hY2NvcmRpb24taXRlbS9hY2NvcmRpb24taXRlbS5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtBY2NvcmRpb25Db21wb25lbnQsIEFjY29yZGlvbkhlYWRDb21wb25lbnQsIEFjY29yZGlvbkNvbnRlbnREaXJlY3RpdmUsIEFjY29yZGlvbkl0ZW1Db21wb25lbnRdLFxuICBleHBvcnRzOiBbQWNjb3JkaW9uQ29tcG9uZW50LCBBY2NvcmRpb25IZWFkQ29tcG9uZW50LCBBY2NvcmRpb25Db250ZW50RGlyZWN0aXZlLCBBY2NvcmRpb25JdGVtQ29tcG9uZW50XSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBJY29uTW9kdWxlXG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgQWNjb3JkaW9uTW9kdWxlIHtcbn1cbiJdfQ==

package/esm2020/component/button/button/button.component.mjs

@@ -20,11 +20,11 @@ export class ButtonComponent {
     }
     ngOnInit() { }
 }
-ButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: ButtonComponent, selector: "button[teta-button], teta-button", inputs: { palette: "palette", class: "class", view: "view", square: "square" }, host: { properties: { "class": "this.getClass" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: ButtonComponent, decorators: [{
+ButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.0", type: ButtonComponent, selector: "button[teta-button], teta-button", inputs: { palette: "palette", class: "class", view: "view", square: "square" }, host: { properties: { "class": "this.getClass" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: ButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'button[teta-button], teta-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n", styles: [""] }]
+            args: [{ selector: 'button[teta-button], teta-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n" }]
         }], ctorParameters: function () { return []; }, propDecorators: { palette: [{
                 type: Input
             }], class: [{

package/esm2020/component/button/button.module.mjs

@@ -4,12 +4,10 @@ import { ButtonComponent } from './button/button.component';
 import * as i0 from "@angular/core";
 export class ButtonModule {
 }
-ButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: ButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: ButtonModule, declarations: [ButtonComponent], imports: [CommonModule], exports: [ButtonComponent] });
-ButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: ButtonModule, imports: [[
-            CommonModule
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: ButtonModule, decorators: [{
+ButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: ButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.0", ngImport: i0, type: ButtonModule, declarations: [ButtonComponent], imports: [CommonModule], exports: [ButtonComponent] });
+ButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: ButtonModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: ButtonModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [ButtonComponent],
@@ -21,4 +19,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
                     ]
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnQvYnV0dG9uL2J1dHRvbi5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFFBQVEsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN2QyxPQUFPLEVBQUMsWUFBWSxFQUFDLE1BQU0saUJBQWlCLENBQUM7QUFDN0MsT0FBTyxFQUFDLGVBQWUsRUFBQyxNQUFNLDJCQUEyQixDQUFDOztBQVkxRCxNQUFNLE9BQU8sWUFBWTs7eUdBQVosWUFBWTswR0FBWixZQUFZLGlCQVJSLGVBQWUsYUFFNUIsWUFBWSxhQUdaLGVBQWU7MEdBR04sWUFBWSxZQVBkO1lBQ1AsWUFBWTtTQUNiOzJGQUtVLFlBQVk7a0JBVHhCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsZUFBZSxDQUFDO29CQUMvQixPQUFPLEVBQUU7d0JBQ1AsWUFBWTtxQkFDYjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsZUFBZTtxQkFDaEI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge05nTW9kdWxlfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7Q29tbW9uTW9kdWxlfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtCdXR0b25Db21wb25lbnR9IGZyb20gJy4vYnV0dG9uL2J1dHRvbi5jb21wb25lbnQnO1xuXG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW0J1dHRvbkNvbXBvbmVudF0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGVcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIEJ1dHRvbkNvbXBvbmVudFxuICBdXG59KVxuZXhwb3J0IGNsYXNzIEJ1dHRvbk1vZHVsZSB7XG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnQvYnV0dG9uL2J1dHRvbi5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFFBQVEsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN2QyxPQUFPLEVBQUMsWUFBWSxFQUFDLE1BQU0saUJBQWlCLENBQUM7QUFDN0MsT0FBTyxFQUFDLGVBQWUsRUFBQyxNQUFNLDJCQUEyQixDQUFDOztBQVkxRCxNQUFNLE9BQU8sWUFBWTs7eUdBQVosWUFBWTswR0FBWixZQUFZLGlCQVJSLGVBQWUsYUFFNUIsWUFBWSxhQUdaLGVBQWU7MEdBR04sWUFBWSxZQU5yQixZQUFZOzJGQU1ILFlBQVk7a0JBVHhCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsZUFBZSxDQUFDO29CQUMvQixPQUFPLEVBQUU7d0JBQ1AsWUFBWTtxQkFDYjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsZUFBZTtxQkFDaEI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge05nTW9kdWxlfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7Q29tbW9uTW9kdWxlfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtCdXR0b25Db21wb25lbnR9IGZyb20gJy4vYnV0dG9uL2J1dHRvbi5jb21wb25lbnQnO1xuXG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW0J1dHRvbkNvbXBvbmVudF0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGVcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIEJ1dHRvbkNvbXBvbmVudFxuICBdXG59KVxuZXhwb3J0IGNsYXNzIEJ1dHRvbk1vZHVsZSB7XG59XG4iXX0=

package/esm2020/component/chart-3d/chart-3d.module.mjs

@@ -4,10 +4,10 @@ import { Chart3dComponent } from './chart3d/chart3d.component';
 import * as i0 from "@angular/core";
 export class Chart3dModule {
 }
-Chart3dModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: Chart3dModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-Chart3dModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: Chart3dModule, declarations: [Chart3dComponent], imports: [CommonModule], exports: [Chart3dComponent] });
-Chart3dModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: Chart3dModule, imports: [[CommonModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: Chart3dModule, decorators: [{
+Chart3dModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: Chart3dModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+Chart3dModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.0", ngImport: i0, type: Chart3dModule, declarations: [Chart3dComponent], imports: [CommonModule], exports: [Chart3dComponent] });
+Chart3dModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: Chart3dModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: Chart3dModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [Chart3dComponent],
@@ -15,4 +15,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
                     imports: [CommonModule],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hhcnQtM2QubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudC9jaGFydC0zZC9jaGFydC0zZC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sNkJBQTZCLENBQUM7O0FBTy9ELE1BQU0sT0FBTyxhQUFhOzswR0FBYixhQUFhOzJHQUFiLGFBQWEsaUJBSlQsZ0JBQWdCLGFBRXJCLFlBQVksYUFEWixnQkFBZ0I7MkdBR2YsYUFBYSxZQUZmLENBQUMsWUFBWSxDQUFDOzJGQUVaLGFBQWE7a0JBTHpCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsZ0JBQWdCLENBQUM7b0JBQ2hDLE9BQU8sRUFBRSxDQUFDLGdCQUFnQixDQUFDO29CQUMzQixPQUFPLEVBQUUsQ0FBQyxZQUFZLENBQUM7aUJBQ3hCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDaGFydDNkQ29tcG9uZW50IH0gZnJvbSAnLi9jaGFydDNkL2NoYXJ0M2QuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbQ2hhcnQzZENvbXBvbmVudF0sXG4gIGV4cG9ydHM6IFtDaGFydDNkQ29tcG9uZW50XSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG59KVxuZXhwb3J0IGNsYXNzIENoYXJ0M2RNb2R1bGUge31cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hhcnQtM2QubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudC9jaGFydC0zZC9jaGFydC0zZC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sNkJBQTZCLENBQUM7O0FBTy9ELE1BQU0sT0FBTyxhQUFhOzswR0FBYixhQUFhOzJHQUFiLGFBQWEsaUJBSlQsZ0JBQWdCLGFBRXJCLFlBQVksYUFEWixnQkFBZ0I7MkdBR2YsYUFBYSxZQUZkLFlBQVk7MkZBRVgsYUFBYTtrQkFMekIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxnQkFBZ0IsQ0FBQztvQkFDaEMsT0FBTyxFQUFFLENBQUMsZ0JBQWdCLENBQUM7b0JBQzNCLE9BQU8sRUFBRSxDQUFDLFlBQVksQ0FBQztpQkFDeEIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENoYXJ0M2RDb21wb25lbnQgfSBmcm9tICcuL2NoYXJ0M2QvY2hhcnQzZC5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtDaGFydDNkQ29tcG9uZW50XSxcbiAgZXhwb3J0czogW0NoYXJ0M2RDb21wb25lbnRdLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcbn0pXG5leHBvcnQgY2xhc3MgQ2hhcnQzZE1vZHVsZSB7fVxuIl19

package/esm2020/component/chart-3d/chart3d/chart3d.component.mjs

@@ -225,9 +225,9 @@ export class Chart3dComponent {
         return { x, y, z };
     }
 }
-Chart3dComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: Chart3dComponent, deps: [{ token: i0.ElementRef }, { token: i1.ThemeSwitchService }], target: i0.ɵɵFactoryTarget.Component });
-Chart3dComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: Chart3dComponent, selector: "teta-chart3d", inputs: { config: "config" }, viewQueries: [{ propertyName: "canvasRef", first: true, predicate: ["canvas"], descendants: true }], ngImport: i0, template: "<canvas #canvas></canvas>\n", styles: [":host{display:flex;width:100%;height:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: Chart3dComponent, decorators: [{
+Chart3dComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: Chart3dComponent, deps: [{ token: i0.ElementRef }, { token: i1.ThemeSwitchService }], target: i0.ɵɵFactoryTarget.Component });
+Chart3dComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.0", type: Chart3dComponent, selector: "teta-chart3d", inputs: { config: "config" }, viewQueries: [{ propertyName: "canvasRef", first: true, predicate: ["canvas"], descendants: true }], ngImport: i0, template: "<canvas #canvas></canvas>\n", styles: [":host{display:flex;width:100%;height:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: Chart3dComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-chart3d', changeDetection: ChangeDetectionStrategy.OnPush, template: "<canvas #canvas></canvas>\n", styles: [":host{display:flex;width:100%;height:100%}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.ThemeSwitchService }]; }, propDecorators: { canvasRef: [{

package/esm2020/component/checkbox/checkbox/checkbox.component.mjs

@@ -1,8 +1,8 @@
 import { ChangeDetectionStrategy, Component, forwardRef, HostBinding, HostListener, Input, } from '@angular/core';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
 import * as i0 from "@angular/core";
-import * as i1 from "../../icon/icon/icon.component";
-import * as i2 from "@angular/common";
+import * as i1 from "@angular/common";
+import * as i2 from "../../icon/icon/icon.component";
 export const CHECKBOX_CONTROL_VALUE_ACCESSOR = {
     provide: NG_VALUE_ACCESSOR,
     useExisting: forwardRef(() => CheckboxComponent),
@@ -99,11 +99,11 @@ export class CheckboxComponent {
         this.cdr.detectChanges();
     }
 }
-CheckboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: CheckboxComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-CheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: CheckboxComponent, selector: "teta-checkbox", inputs: { class: "class", palette: "palette", noLabel: "noLabel", disabled: "disabled", value: "value", binary: "binary", allowNull: "allowNull" }, host: { listeners: { "click": "changeValue()" }, properties: { "attr.tabindex": "this.tabindex", "class": "this.getClass", "class.checkbox_disabled": "this.disabled" } }, providers: [CHECKBOX_CONTROL_VALUE_ACCESSOR], ngImport: i0, template: "<div class=\"checkbox__tick\" [class.checkbox__tick_active]=\"checked != false\">\n  <teta-icon [name]=\"checked ? 'tick' : checked === false ? '' : 'dash'\"></teta-icon>\n</div>\n<span class=\"font-body-3\" *ngIf=\"!noLabel\">\n  <ng-content></ng-content>\n</span>\n", styles: [""], components: [{ type: i1.IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: CheckboxComponent, decorators: [{
+CheckboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: CheckboxComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+CheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.0", type: CheckboxComponent, selector: "teta-checkbox", inputs: { class: "class", palette: "palette", noLabel: "noLabel", disabled: "disabled", value: "value", binary: "binary", allowNull: "allowNull" }, host: { listeners: { "click": "changeValue()" }, properties: { "attr.tabindex": "this.tabindex", "class": "this.getClass", "class.checkbox_disabled": "this.disabled" } }, providers: [CHECKBOX_CONTROL_VALUE_ACCESSOR], ngImport: i0, template: "<div class=\"checkbox__tick\" [class.checkbox__tick_active]=\"checked != false\">\n  <teta-icon [name]=\"checked ? 'tick' : checked === false ? '' : 'dash'\"></teta-icon>\n</div>\n<span class=\"font-body-3\" *ngIf=\"!noLabel\">\n  <ng-content></ng-content>\n</span>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: CheckboxComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'teta-checkbox', providers: [CHECKBOX_CONTROL_VALUE_ACCESSOR], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"checkbox__tick\" [class.checkbox__tick_active]=\"checked != false\">\n  <teta-icon [name]=\"checked ? 'tick' : checked === false ? '' : 'dash'\"></teta-icon>\n</div>\n<span class=\"font-body-3\" *ngIf=\"!noLabel\">\n  <ng-content></ng-content>\n</span>\n", styles: [""] }]
+            args: [{ selector: 'teta-checkbox', providers: [CHECKBOX_CONTROL_VALUE_ACCESSOR], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"checkbox__tick\" [class.checkbox__tick_active]=\"checked != false\">\n  <teta-icon [name]=\"checked ? 'tick' : checked === false ? '' : 'dash'\"></teta-icon>\n</div>\n<span class=\"font-body-3\" *ngIf=\"!noLabel\">\n  <ng-content></ng-content>\n</span>\n" }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { tabindex: [{
                 type: HostBinding,
                 args: ['attr.tabindex']

package/esm2020/component/checkbox/checkbox.module.mjs

@@ -5,14 +5,12 @@ import { IconModule } from '../icon/icon.module';
 import * as i0 from "@angular/core";
 export class CheckboxModule {
 }
-CheckboxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: CheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-CheckboxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: CheckboxModule, declarations: [CheckboxComponent], imports: [CommonModule,
+CheckboxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: CheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+CheckboxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.0", ngImport: i0, type: CheckboxModule, declarations: [CheckboxComponent], imports: [CommonModule,
         IconModule], exports: [CheckboxComponent] });
-CheckboxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: CheckboxModule, imports: [[
-            CommonModule,
-            IconModule
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: CheckboxModule, decorators: [{
+CheckboxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: CheckboxModule, imports: [CommonModule,
+        IconModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: CheckboxModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [CheckboxComponent],
@@ -25,4 +23,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
                     ]
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3gubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudC9jaGVja2JveC9jaGVja2JveC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFFBQVEsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN2QyxPQUFPLEVBQUMsWUFBWSxFQUFDLE1BQU0saUJBQWlCLENBQUM7QUFDN0MsT0FBTyxFQUFDLGlCQUFpQixFQUFDLE1BQU0sK0JBQStCLENBQUM7QUFDaEUsT0FBTyxFQUFDLFVBQVUsRUFBQyxNQUFNLHFCQUFxQixDQUFDOztBQVkvQyxNQUFNLE9BQU8sY0FBYzs7MkdBQWQsY0FBYzs0R0FBZCxjQUFjLGlCQVRWLGlCQUFpQixhQUU5QixZQUFZO1FBQ1osVUFBVSxhQUdWLGlCQUFpQjs0R0FHUixjQUFjLFlBUmhCO1lBQ1AsWUFBWTtZQUNaLFVBQVU7U0FDWDsyRkFLVSxjQUFjO2tCQVYxQixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLGlCQUFpQixDQUFDO29CQUNqQyxPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixVQUFVO3FCQUNYO29CQUNELE9BQU8sRUFBRTt3QkFDUCxpQkFBaUI7cUJBQ2xCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtOZ01vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0NvbW1vbk1vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7Q2hlY2tib3hDb21wb25lbnR9IGZyb20gJy4vY2hlY2tib3gvY2hlY2tib3guY29tcG9uZW50JztcbmltcG9ydCB7SWNvbk1vZHVsZX0gZnJvbSAnLi4vaWNvbi9pY29uLm1vZHVsZSc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW0NoZWNrYm94Q29tcG9uZW50XSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBJY29uTW9kdWxlXG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBDaGVja2JveENvbXBvbmVudFxuICBdXG59KVxuZXhwb3J0IGNsYXNzIENoZWNrYm94TW9kdWxlIHtcbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3gubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudC9jaGVja2JveC9jaGVja2JveC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFFBQVEsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN2QyxPQUFPLEVBQUMsWUFBWSxFQUFDLE1BQU0saUJBQWlCLENBQUM7QUFDN0MsT0FBTyxFQUFDLGlCQUFpQixFQUFDLE1BQU0sK0JBQStCLENBQUM7QUFDaEUsT0FBTyxFQUFDLFVBQVUsRUFBQyxNQUFNLHFCQUFxQixDQUFDOztBQVkvQyxNQUFNLE9BQU8sY0FBYzs7MkdBQWQsY0FBYzs0R0FBZCxjQUFjLGlCQVRWLGlCQUFpQixhQUU5QixZQUFZO1FBQ1osVUFBVSxhQUdWLGlCQUFpQjs0R0FHUixjQUFjLFlBUHZCLFlBQVk7UUFDWixVQUFVOzJGQU1ELGNBQWM7a0JBVjFCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsaUJBQWlCLENBQUM7b0JBQ2pDLE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLFVBQVU7cUJBQ1g7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLGlCQUFpQjtxQkFDbEI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge05nTW9kdWxlfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7Q29tbW9uTW9kdWxlfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtDaGVja2JveENvbXBvbmVudH0gZnJvbSAnLi9jaGVja2JveC9jaGVja2JveC5jb21wb25lbnQnO1xuaW1wb3J0IHtJY29uTW9kdWxlfSBmcm9tICcuLi9pY29uL2ljb24ubW9kdWxlJztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbQ2hlY2tib3hDb21wb25lbnRdLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIEljb25Nb2R1bGVcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIENoZWNrYm94Q29tcG9uZW50XG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgQ2hlY2tib3hNb2R1bGUge1xufVxuIl19

package/esm2020/component/date-picker/date-picker/date-picker.component.mjs

@@ -8,17 +8,17 @@ import { Align } from '../../../common/enum/align.enum';
 import { VerticalAlign } from '../../../common/enum/vertical-align.enum';
 import * as i0 from "@angular/core";
 import * as i1 from "../../../locale/teta-config.service";
-import * as i2 from "../../dropdown/dropdown/dropdown.component";
-import * as i3 from "../../icon/icon/icon.component";
-import * as i4 from "../../button/button/button.component";
-import * as i5 from "../year-select/year-select.component";
-import * as i6 from "../month-select/month-select.component";
-import * as i7 from "../day-select/day-select.component";
-import * as i8 from "../time-part-control/time-part-control.component";
-import * as i9 from "../../dropdown/dropdown-head.directive";
-import * as i10 from "@angular/common";
-import * as i11 from "../../dropdown/dropdown-content.directive";
-import * as i12 from "@angular/forms";
+import * as i2 from "@angular/common";
+import * as i3 from "../../dropdown/dropdown/dropdown.component";
+import * as i4 from "../../dropdown/dropdown-head.directive";
+import * as i5 from "../../dropdown/dropdown-content.directive";
+import * as i6 from "@angular/forms";
+import * as i7 from "../../icon/icon/icon.component";
+import * as i8 from "../../button/button/button.component";
+import * as i9 from "../day-select/day-select.component";
+import * as i10 from "../year-select/year-select.component";
+import * as i11 from "../month-select/month-select.component";
+import * as i12 from "../time-part-control/time-part-control.component";
 export const DATE_PICKER_CONTROL_VALUE_ACCESSOR = {
     provide: NG_VALUE_ACCESSOR,
     useExisting: forwardRef(() => DatePickerComponent),
@@ -230,11 +230,11 @@ export class DatePickerComponent {
         return DateUtil.truncateToDay(new Date());
     }
 }
-DatePickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: DatePickerComponent, deps: [{ token: i1.TetaConfigService }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-DatePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: DatePickerComponent, selector: "teta-date-picker", inputs: { disabled: "disabled", invalid: "invalid", firstDayOfWeek: "firstDayOfWeek", disabledDates: "disabledDates", disabledPeriods: "disabledPeriods", disabledDays: "disabledDays", minDate: "minDate", maxDate: "maxDate", minYearDate: "minYearDate", maxYearDate: "maxYearDate", align: "align", verticalAlign: "verticalAlign", appendToBody: "appendToBody", allowNull: "allowNull", backdrop: "backdrop", showTime: "showTime", format: "format" }, host: { listeners: { "window:keyup": "keyUp($event)" }, properties: { "class.datepicker-wide": "this.showTime", "class.datepicker_open": "this.open", "class.datepicker": "this.classDatepicker", "tabindex": "this.tabindex" } }, providers: [DATE_PICKER_CONTROL_VALUE_ACCESSOR], ngImport: i0, template: "<teta-dropdown\n  class=\"row row_auto\"\n  [disabled]=\"disabled\"\n  [open]=\"open\"\n  [autoCloseIgnore]=\"['esc', 'inside']\"\n  (openChange)=\"openPicker($event)\"\n  [align]=\"align\"\n  [verticalAlign]=\"verticalAlign\"\n  [appendToBody]=\"appendToBody\"\n  [backdrop]=\"backdrop\">\n  <div tetaDropdownHead\n       class=\"datepicker-head font-body-3\"\n       [class.datepicker-head_disabled]=\"disabled\"\n       [class.datepicker-head_invalid]=\"invalid\">\n    <teta-icon [name]=\"'calendar'\" class=\"margin-right-1\"></teta-icon>\n    <div class=\"row_auto nowrap\">\n      {{currentValue !== null && currentValue !== undefined ? (currentValue | date : format) : ''}}\n    </div>\n    <teta-icon *ngIf=\"allowNull\"\n               [name]=\"'closeBig'\"\n               (click)=\"clearPicker($event);\"\n               class=\"margin-left-1\"></teta-icon>\n  </div>\n  <div tetaDropdownContent class=\"scrollable\" (click)=\"$event.preventDefault()\">\n    <div class=\"padding-3\">\n      <div class=\"row align-center justify-content-between\">\n        <div>\n          <button teta-button\n                  [palette]=\"'text'\"\n                  [view]=\"displayMode===datePickerModeEnum.month ? 'primary' : 'ghost'\"\n                  (click)=\"setMode(datePickerModeEnum.month)\"\n                  (wheel)=\"scrollMonth($event);\">\n            {{locale.months[internalValue?.getMonth()]}}\n          </button>\n          <button teta-button\n                  class=\"margin-left-2\"\n                  [palette]=\"'text'\"\n                  [view]=\"displayMode===datePickerModeEnum.year ? 'primary' : 'ghost'\"\n                  (click)=\"setMode(datePickerModeEnum.year)\"\n                  (wheel)=\"scrollYear($event);\">\n            {{internalValue?.getFullYear()}}\n          </button>\n        </div>\n        <button teta-button\n                [palette]=\"'text'\"\n                [view]=\"'ghost'\"\n                (click)=\"setToday()\">\n          <teta-icon [name]=\"'calendar'\"></teta-icon>\n        </button>\n      </div>\n      <div class=\"datepicker-content\">\n        <teta-year-select\n          *ngIf=\"displayMode === datePickerModeEnum.year\"\n          [currentYear]=\"internalValue?.getFullYear()\"\n          [today]=\"today\"\n          [minDate]=\"minDate\"\n          [maxDate]=\"maxDate\"\n          (yearSelected)=\"setYear($event)\">\n        </teta-year-select>\n        <teta-month-select\n          *ngIf=\"displayMode === datePickerModeEnum.month\"\n          [currentMonth]=\"internalValue?.getMonth()\"\n          [currentYear]=\"internalValue?.getFullYear()\"\n          [locale]=\"locale\"\n          [minDate]=\"minDate\"\n          [maxDate]=\"maxDate\"\n          (monthSelected)=\"setMonth($event)\">\n        </teta-month-select>\n        <teta-day-select\n          *ngIf=\"displayMode === datePickerModeEnum.date\"\n          [ngModel]=\"currentValue\"\n          (ngModelChange)=\"applyValue($event)\"\n          (dateSelected)=\"setDate($event)\"\n          (yearSelected)=\"setYear($event)\"\n          (monthSelected)=\"setMonth($event)\"\n          [minDate]=\"minDate\"\n          [maxDate]=\"maxDate\"\n          [firstDayOfWeek]=\"firstDayOfWeek\"\n          [disabledDays]=\"disabledDays\"\n          [disabledDates]=\"disabledDates\"\n          [disabledPeriods]=\"disabledPeriods\"></teta-day-select>\n      </div>\n    </div>\n    <div *ngIf=\"showTime\" class=\"datepicker-time padding-v-1 border-top border-text-10 font-body-3 color-text-90\">\n      <teta-time-part-control [max]=\"23\" [ngModel]=\"internalValue?.getHours()\"\n                              (ngModelChange)=\"setHour($event)\"></teta-time-part-control>\n      :\n      <teta-time-part-control [ngModel]=\"internalValue?.getMinutes()\"\n                              (ngModelChange)=\"setMinute($event)\"></teta-time-part-control>\n      :\n      <teta-time-part-control [ngModel]=\"internalValue?.getSeconds()\"\n                              (ngModelChange)=\"setSecond($event)\"></teta-time-part-control>\n    </div>\n  </div>\n</teta-dropdown>\n", styles: [""], components: [{ type: i2.DropdownComponent, selector: "teta-dropdown", exportAs: ["dropdown"] }, { type: i3.IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }, { type: i4.ButtonComponent, selector: "button[teta-button], teta-button", inputs: ["palette", "class", "view", "square"] }, { type: i5.YearSelectComponent, selector: "teta-year-select", inputs: ["currentYear", "today", "size", "minDate", "maxDate", "allowableRange"], outputs: ["yearSelected", "yearApplied"] }, { type: i6.MonthSelectComponent, selector: "teta-month-select", inputs: ["locale", "minDate", "maxDate", "size", "currentMonth", "currentYear"], outputs: ["monthSelected", "monthApplied"] }, { type: i7.DaySelectComponent, selector: "teta-day-select", inputs: ["firstDayOfWeek", "disabledDates", "disabledPeriods", "disabledDays", "minDate", "maxDate", "disabled"], outputs: ["dateSelected", "monthSelected", "yearSelected"] }, { type: i8.TimePartControlComponent, selector: "teta-time-part-control", inputs: ["min", "max", "disabled"] }], directives: [{ type: i9.DropdownHeadDirective, selector: "[tetaDropdownHead]" }, { type: i10.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i11.DropdownContentDirective, selector: "[tetaDropdownContent]" }, { type: i12.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i12.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "date": i10.DatePipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: DatePickerComponent, decorators: [{
+DatePickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: DatePickerComponent, deps: [{ token: i1.TetaConfigService }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+DatePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.0", type: DatePickerComponent, selector: "teta-date-picker", inputs: { disabled: "disabled", invalid: "invalid", firstDayOfWeek: "firstDayOfWeek", disabledDates: "disabledDates", disabledPeriods: "disabledPeriods", disabledDays: "disabledDays", minDate: "minDate", maxDate: "maxDate", minYearDate: "minYearDate", maxYearDate: "maxYearDate", align: "align", verticalAlign: "verticalAlign", appendToBody: "appendToBody", allowNull: "allowNull", backdrop: "backdrop", showTime: "showTime", format: "format" }, host: { listeners: { "window:keyup": "keyUp($event)" }, properties: { "class.datepicker-wide": "this.showTime", "class.datepicker_open": "this.open", "class.datepicker": "this.classDatepicker", "tabindex": "this.tabindex" } }, providers: [DATE_PICKER_CONTROL_VALUE_ACCESSOR], ngImport: i0, template: "<teta-dropdown\n  class=\"row row_auto\"\n  [disabled]=\"disabled\"\n  [open]=\"open\"\n  [autoCloseIgnore]=\"['esc', 'inside']\"\n  (openChange)=\"openPicker($event)\"\n  [align]=\"align\"\n  [verticalAlign]=\"verticalAlign\"\n  [appendToBody]=\"appendToBody\"\n  [backdrop]=\"backdrop\">\n  <div tetaDropdownHead\n       class=\"datepicker-head font-body-3\"\n       [class.datepicker-head_disabled]=\"disabled\"\n       [class.datepicker-head_invalid]=\"invalid\">\n    <teta-icon [name]=\"'calendar'\" class=\"margin-right-1\"></teta-icon>\n    <div class=\"row_auto nowrap\">\n      {{currentValue !== null && currentValue !== undefined ? (currentValue | date : format) : ''}}\n    </div>\n    <teta-icon *ngIf=\"allowNull\"\n               [name]=\"'closeBig'\"\n               (click)=\"clearPicker($event);\"\n               class=\"margin-left-1\"></teta-icon>\n  </div>\n  <div tetaDropdownContent class=\"scrollable\" (click)=\"$event.preventDefault()\">\n    <div class=\"padding-3\">\n      <div class=\"row align-center justify-content-between\">\n        <div>\n          <button teta-button\n                  [palette]=\"'text'\"\n                  [view]=\"displayMode===datePickerModeEnum.month ? 'primary' : 'ghost'\"\n                  (click)=\"setMode(datePickerModeEnum.month)\"\n                  (wheel)=\"scrollMonth($event);\">\n            {{locale.months[internalValue?.getMonth()]}}\n          </button>\n          <button teta-button\n                  class=\"margin-left-2\"\n                  [palette]=\"'text'\"\n                  [view]=\"displayMode===datePickerModeEnum.year ? 'primary' : 'ghost'\"\n                  (click)=\"setMode(datePickerModeEnum.year)\"\n                  (wheel)=\"scrollYear($event);\">\n            {{internalValue?.getFullYear()}}\n          </button>\n        </div>\n        <button teta-button\n                [palette]=\"'text'\"\n                [view]=\"'ghost'\"\n                (click)=\"setToday()\">\n          <teta-icon [name]=\"'calendar'\"></teta-icon>\n        </button>\n      </div>\n      <div class=\"datepicker-content\">\n        <teta-year-select\n          *ngIf=\"displayMode === datePickerModeEnum.year\"\n          [currentYear]=\"internalValue?.getFullYear()\"\n          [today]=\"today\"\n          [minDate]=\"minDate\"\n          [maxDate]=\"maxDate\"\n          (yearSelected)=\"setYear($event)\">\n        </teta-year-select>\n        <teta-month-select\n          *ngIf=\"displayMode === datePickerModeEnum.month\"\n          [currentMonth]=\"internalValue?.getMonth()\"\n          [currentYear]=\"internalValue?.getFullYear()\"\n          [locale]=\"locale\"\n          [minDate]=\"minDate\"\n          [maxDate]=\"maxDate\"\n          (monthSelected)=\"setMonth($event)\">\n        </teta-month-select>\n        <teta-day-select\n          *ngIf=\"displayMode === datePickerModeEnum.date\"\n          [ngModel]=\"currentValue\"\n          (ngModelChange)=\"applyValue($event)\"\n          (dateSelected)=\"setDate($event)\"\n          (yearSelected)=\"setYear($event)\"\n          (monthSelected)=\"setMonth($event)\"\n          [minDate]=\"minDate\"\n          [maxDate]=\"maxDate\"\n          [firstDayOfWeek]=\"firstDayOfWeek\"\n          [disabledDays]=\"disabledDays\"\n          [disabledDates]=\"disabledDates\"\n          [disabledPeriods]=\"disabledPeriods\"></teta-day-select>\n      </div>\n    </div>\n    <div *ngIf=\"showTime\" class=\"datepicker-time padding-v-1 border-top border-text-10 font-body-3 color-text-90\">\n      <teta-time-part-control [max]=\"23\" [ngModel]=\"internalValue?.getHours()\"\n                              (ngModelChange)=\"setHour($event)\"></teta-time-part-control>\n      :\n      <teta-time-part-control [ngModel]=\"internalValue?.getMinutes()\"\n                              (ngModelChange)=\"setMinute($event)\"></teta-time-part-control>\n      :\n      <teta-time-part-control [ngModel]=\"internalValue?.getSeconds()\"\n                              (ngModelChange)=\"setSecond($event)\"></teta-time-part-control>\n    </div>\n  </div>\n</teta-dropdown>\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.DropdownComponent, selector: "teta-dropdown", exportAs: ["dropdown"] }, { kind: "directive", type: i4.DropdownHeadDirective, selector: "[tetaDropdownHead]" }, { kind: "directive", type: i5.DropdownContentDirective, selector: "[tetaDropdownContent]" }, { kind: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i7.IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }, { kind: "component", type: i8.ButtonComponent, selector: "button[teta-button], teta-button", inputs: ["palette", "class", "view", "square"] }, { kind: "component", type: i9.DaySelectComponent, selector: "teta-day-select", inputs: ["firstDayOfWeek", "disabledDates", "disabledPeriods", "disabledDays", "minDate", "maxDate", "disabled"], outputs: ["dateSelected", "monthSelected", "yearSelected"] }, { kind: "component", type: i10.YearSelectComponent, selector: "teta-year-select", inputs: ["currentYear", "today", "size", "minDate", "maxDate", "allowableRange"], outputs: ["yearSelected", "yearApplied"] }, { kind: "component", type: i11.MonthSelectComponent, selector: "teta-month-select", inputs: ["locale", "minDate", "maxDate", "size", "currentMonth", "currentYear"], outputs: ["monthSelected", "monthApplied"] }, { kind: "component", type: i12.TimePartControlComponent, selector: "teta-time-part-control", inputs: ["min", "max", "disabled"] }, { kind: "pipe", type: i2.DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: DatePickerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'teta-date-picker', providers: [DATE_PICKER_CONTROL_VALUE_ACCESSOR], changeDetection: ChangeDetectionStrategy.OnPush, template: "<teta-dropdown\n  class=\"row row_auto\"\n  [disabled]=\"disabled\"\n  [open]=\"open\"\n  [autoCloseIgnore]=\"['esc', 'inside']\"\n  (openChange)=\"openPicker($event)\"\n  [align]=\"align\"\n  [verticalAlign]=\"verticalAlign\"\n  [appendToBody]=\"appendToBody\"\n  [backdrop]=\"backdrop\">\n  <div tetaDropdownHead\n       class=\"datepicker-head font-body-3\"\n       [class.datepicker-head_disabled]=\"disabled\"\n       [class.datepicker-head_invalid]=\"invalid\">\n    <teta-icon [name]=\"'calendar'\" class=\"margin-right-1\"></teta-icon>\n    <div class=\"row_auto nowrap\">\n      {{currentValue !== null && currentValue !== undefined ? (currentValue | date : format) : ''}}\n    </div>\n    <teta-icon *ngIf=\"allowNull\"\n               [name]=\"'closeBig'\"\n               (click)=\"clearPicker($event);\"\n               class=\"margin-left-1\"></teta-icon>\n  </div>\n  <div tetaDropdownContent class=\"scrollable\" (click)=\"$event.preventDefault()\">\n    <div class=\"padding-3\">\n      <div class=\"row align-center justify-content-between\">\n        <div>\n          <button teta-button\n                  [palette]=\"'text'\"\n                  [view]=\"displayMode===datePickerModeEnum.month ? 'primary' : 'ghost'\"\n                  (click)=\"setMode(datePickerModeEnum.month)\"\n                  (wheel)=\"scrollMonth($event);\">\n            {{locale.months[internalValue?.getMonth()]}}\n          </button>\n          <button teta-button\n                  class=\"margin-left-2\"\n                  [palette]=\"'text'\"\n                  [view]=\"displayMode===datePickerModeEnum.year ? 'primary' : 'ghost'\"\n                  (click)=\"setMode(datePickerModeEnum.year)\"\n                  (wheel)=\"scrollYear($event);\">\n            {{internalValue?.getFullYear()}}\n          </button>\n        </div>\n        <button teta-button\n                [palette]=\"'text'\"\n                [view]=\"'ghost'\"\n                (click)=\"setToday()\">\n          <teta-icon [name]=\"'calendar'\"></teta-icon>\n        </button>\n      </div>\n      <div class=\"datepicker-content\">\n        <teta-year-select\n          *ngIf=\"displayMode === datePickerModeEnum.year\"\n          [currentYear]=\"internalValue?.getFullYear()\"\n          [today]=\"today\"\n          [minDate]=\"minDate\"\n          [maxDate]=\"maxDate\"\n          (yearSelected)=\"setYear($event)\">\n        </teta-year-select>\n        <teta-month-select\n          *ngIf=\"displayMode === datePickerModeEnum.month\"\n          [currentMonth]=\"internalValue?.getMonth()\"\n          [currentYear]=\"internalValue?.getFullYear()\"\n          [locale]=\"locale\"\n          [minDate]=\"minDate\"\n          [maxDate]=\"maxDate\"\n          (monthSelected)=\"setMonth($event)\">\n        </teta-month-select>\n        <teta-day-select\n          *ngIf=\"displayMode === datePickerModeEnum.date\"\n          [ngModel]=\"currentValue\"\n          (ngModelChange)=\"applyValue($event)\"\n          (dateSelected)=\"setDate($event)\"\n          (yearSelected)=\"setYear($event)\"\n          (monthSelected)=\"setMonth($event)\"\n          [minDate]=\"minDate\"\n          [maxDate]=\"maxDate\"\n          [firstDayOfWeek]=\"firstDayOfWeek\"\n          [disabledDays]=\"disabledDays\"\n          [disabledDates]=\"disabledDates\"\n          [disabledPeriods]=\"disabledPeriods\"></teta-day-select>\n      </div>\n    </div>\n    <div *ngIf=\"showTime\" class=\"datepicker-time padding-v-1 border-top border-text-10 font-body-3 color-text-90\">\n      <teta-time-part-control [max]=\"23\" [ngModel]=\"internalValue?.getHours()\"\n                              (ngModelChange)=\"setHour($event)\"></teta-time-part-control>\n      :\n      <teta-time-part-control [ngModel]=\"internalValue?.getMinutes()\"\n                              (ngModelChange)=\"setMinute($event)\"></teta-time-part-control>\n      :\n      <teta-time-part-control [ngModel]=\"internalValue?.getSeconds()\"\n                              (ngModelChange)=\"setSecond($event)\"></teta-time-part-control>\n    </div>\n  </div>\n</teta-dropdown>\n", styles: [""] }]
+            args: [{ selector: 'teta-date-picker', providers: [DATE_PICKER_CONTROL_VALUE_ACCESSOR], changeDetection: ChangeDetectionStrategy.OnPush, template: "<teta-dropdown\n  class=\"row row_auto\"\n  [disabled]=\"disabled\"\n  [open]=\"open\"\n  [autoCloseIgnore]=\"['esc', 'inside']\"\n  (openChange)=\"openPicker($event)\"\n  [align]=\"align\"\n  [verticalAlign]=\"verticalAlign\"\n  [appendToBody]=\"appendToBody\"\n  [backdrop]=\"backdrop\">\n  <div tetaDropdownHead\n       class=\"datepicker-head font-body-3\"\n       [class.datepicker-head_disabled]=\"disabled\"\n       [class.datepicker-head_invalid]=\"invalid\">\n    <teta-icon [name]=\"'calendar'\" class=\"margin-right-1\"></teta-icon>\n    <div class=\"row_auto nowrap\">\n      {{currentValue !== null && currentValue !== undefined ? (currentValue | date : format) : ''}}\n    </div>\n    <teta-icon *ngIf=\"allowNull\"\n               [name]=\"'closeBig'\"\n               (click)=\"clearPicker($event);\"\n               class=\"margin-left-1\"></teta-icon>\n  </div>\n  <div tetaDropdownContent class=\"scrollable\" (click)=\"$event.preventDefault()\">\n    <div class=\"padding-3\">\n      <div class=\"row align-center justify-content-between\">\n        <div>\n          <button teta-button\n                  [palette]=\"'text'\"\n                  [view]=\"displayMode===datePickerModeEnum.month ? 'primary' : 'ghost'\"\n                  (click)=\"setMode(datePickerModeEnum.month)\"\n                  (wheel)=\"scrollMonth($event);\">\n            {{locale.months[internalValue?.getMonth()]}}\n          </button>\n          <button teta-button\n                  class=\"margin-left-2\"\n                  [palette]=\"'text'\"\n                  [view]=\"displayMode===datePickerModeEnum.year ? 'primary' : 'ghost'\"\n                  (click)=\"setMode(datePickerModeEnum.year)\"\n                  (wheel)=\"scrollYear($event);\">\n            {{internalValue?.getFullYear()}}\n          </button>\n        </div>\n        <button teta-button\n                [palette]=\"'text'\"\n                [view]=\"'ghost'\"\n                (click)=\"setToday()\">\n          <teta-icon [name]=\"'calendar'\"></teta-icon>\n        </button>\n      </div>\n      <div class=\"datepicker-content\">\n        <teta-year-select\n          *ngIf=\"displayMode === datePickerModeEnum.year\"\n          [currentYear]=\"internalValue?.getFullYear()\"\n          [today]=\"today\"\n          [minDate]=\"minDate\"\n          [maxDate]=\"maxDate\"\n          (yearSelected)=\"setYear($event)\">\n        </teta-year-select>\n        <teta-month-select\n          *ngIf=\"displayMode === datePickerModeEnum.month\"\n          [currentMonth]=\"internalValue?.getMonth()\"\n          [currentYear]=\"internalValue?.getFullYear()\"\n          [locale]=\"locale\"\n          [minDate]=\"minDate\"\n          [maxDate]=\"maxDate\"\n          (monthSelected)=\"setMonth($event)\">\n        </teta-month-select>\n        <teta-day-select\n          *ngIf=\"displayMode === datePickerModeEnum.date\"\n          [ngModel]=\"currentValue\"\n          (ngModelChange)=\"applyValue($event)\"\n          (dateSelected)=\"setDate($event)\"\n          (yearSelected)=\"setYear($event)\"\n          (monthSelected)=\"setMonth($event)\"\n          [minDate]=\"minDate\"\n          [maxDate]=\"maxDate\"\n          [firstDayOfWeek]=\"firstDayOfWeek\"\n          [disabledDays]=\"disabledDays\"\n          [disabledDates]=\"disabledDates\"\n          [disabledPeriods]=\"disabledPeriods\"></teta-day-select>\n      </div>\n    </div>\n    <div *ngIf=\"showTime\" class=\"datepicker-time padding-v-1 border-top border-text-10 font-body-3 color-text-90\">\n      <teta-time-part-control [max]=\"23\" [ngModel]=\"internalValue?.getHours()\"\n                              (ngModelChange)=\"setHour($event)\"></teta-time-part-control>\n      :\n      <teta-time-part-control [ngModel]=\"internalValue?.getMinutes()\"\n                              (ngModelChange)=\"setMinute($event)\"></teta-time-part-control>\n      :\n      <teta-time-part-control [ngModel]=\"internalValue?.getSeconds()\"\n                              (ngModelChange)=\"setSecond($event)\"></teta-time-part-control>\n    </div>\n  </div>\n</teta-dropdown>\n" }]
         }], ctorParameters: function () { return [{ type: i1.TetaConfigService }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }]; }, propDecorators: { disabled: [{
                 type: Input
             }], invalid: [{

package/esm2020/component/date-picker/date-picker.module.mjs

@@ -16,8 +16,8 @@ import { TimePartControlComponent } from './time-part-control/time-part-control.
 import * as i0 from "@angular/core";
 export class DatePickerModule {
 }
-DatePickerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: DatePickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DatePickerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: DatePickerModule, declarations: [DatePickerComponent,
+DatePickerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: DatePickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DatePickerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.0", ngImport: i0, type: DatePickerModule, declarations: [DatePickerComponent,
         MonthPickerComponent,
         DaySelectComponent,
         YearSelectComponent,
@@ -30,17 +30,15 @@ DatePickerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", versio
         PrependZeroModule,
         ButtonModule,
         OnlyNumberModule], exports: [DatePickerComponent, MonthPickerComponent] });
-DatePickerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: DatePickerModule, imports: [[
-            CommonModule,
-            DropdownModule,
-            ClickOutsideModule,
-            FormsModule,
-            IconModule,
-            PrependZeroModule,
-            ButtonModule,
-            OnlyNumberModule,
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: DatePickerModule, decorators: [{
+DatePickerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: DatePickerModule, imports: [CommonModule,
+        DropdownModule,
+        ClickOutsideModule,
+        FormsModule,
+        IconModule,
+        PrependZeroModule,
+        ButtonModule,
+        OnlyNumberModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: DatePickerModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -64,4 +62,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
                     ],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZS1waWNrZXIubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudC9kYXRlLXBpY2tlci9kYXRlLXBpY2tlci5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFDMUUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDN0UsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQzdELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLG9EQUFvRCxDQUFDO0FBQ3hGLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNqRCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUN2RSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUMxRSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUM3RSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSw2Q0FBNkMsQ0FBQztBQUNoRixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDdkQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sZ0RBQWdELENBQUM7QUFDbEYsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzdDLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLGlEQUFpRCxDQUFDOztBQXVCM0YsTUFBTSxPQUFPLGdCQUFnQjs7NkdBQWhCLGdCQUFnQjs4R0FBaEIsZ0JBQWdCLGlCQW5CekIsbUJBQW1CO1FBQ25CLG9CQUFvQjtRQUNwQixrQkFBa0I7UUFDbEIsbUJBQW1CO1FBQ25CLG9CQUFvQjtRQUNwQix3QkFBd0IsYUFJeEIsWUFBWTtRQUNaLGNBQWM7UUFDZCxrQkFBa0I7UUFDbEIsV0FBVztRQUNYLFVBQVU7UUFDVixpQkFBaUI7UUFDakIsWUFBWTtRQUNaLGdCQUFnQixhQVRSLG1CQUFtQixFQUFFLG9CQUFvQjs4R0FZeEMsZ0JBQWdCLFlBWGxCO1lBQ1AsWUFBWTtZQUNaLGNBQWM7WUFDZCxrQkFBa0I7WUFDbEIsV0FBVztZQUNYLFVBQVU7WUFDVixpQkFBaUI7WUFDakIsWUFBWTtZQUNaLGdCQUFnQjtTQUNqQjsyRkFFVSxnQkFBZ0I7a0JBckI1QixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWixtQkFBbUI7d0JBQ25CLG9CQUFvQjt3QkFDcEIsa0JBQWtCO3dCQUNsQixtQkFBbUI7d0JBQ25CLG9CQUFvQjt3QkFDcEIsd0JBQXdCO3FCQUN6QjtvQkFDRCxPQUFPLEVBQUUsQ0FBQyxtQkFBbUIsRUFBRSxvQkFBb0IsQ0FBQztvQkFDcEQsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osY0FBYzt3QkFDZCxrQkFBa0I7d0JBQ2xCLFdBQVc7d0JBQ1gsVUFBVTt3QkFDVixpQkFBaUI7d0JBQ2pCLFlBQVk7d0JBQ1osZ0JBQWdCO3FCQUNqQjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgRGF0ZVBpY2tlckNvbXBvbmVudCB9IGZyb20gJy4vZGF0ZS1waWNrZXIvZGF0ZS1waWNrZXIuY29tcG9uZW50JztcbmltcG9ydCB7IE1vbnRoUGlja2VyQ29tcG9uZW50IH0gZnJvbSAnLi9tb250aC1waWNrZXIvbW9udGgtcGlja2VyLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBEcm9wZG93bk1vZHVsZSB9IGZyb20gJy4uL2Ryb3Bkb3duL2Ryb3Bkb3duLm1vZHVsZSc7XG5pbXBvcnQgeyBDbGlja091dHNpZGVNb2R1bGUgfSBmcm9tICcuLi8uLi9kaXJlY3RpdmUvY2xpY2stb3V0c2lkZS9jbGljay1vdXRzaWRlLm1vZHVsZSc7XG5pbXBvcnQgeyBJY29uTW9kdWxlIH0gZnJvbSAnLi4vaWNvbi9pY29uLm1vZHVsZSc7XG5pbXBvcnQgeyBEYXlTZWxlY3RDb21wb25lbnQgfSBmcm9tICcuL2RheS1zZWxlY3QvZGF5LXNlbGVjdC5jb21wb25lbnQnO1xuaW1wb3J0IHsgWWVhclNlbGVjdENvbXBvbmVudCB9IGZyb20gJy4veWVhci1zZWxlY3QveWVhci1zZWxlY3QuY29tcG9uZW50JztcbmltcG9ydCB7IE1vbnRoU2VsZWN0Q29tcG9uZW50IH0gZnJvbSAnLi9tb250aC1zZWxlY3QvbW9udGgtc2VsZWN0LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBQcmVwZW5kWmVyb01vZHVsZSB9IGZyb20gJy4uLy4uL3BpcGUvcHJlcGVuZC16ZXJvL3ByZXBlbmQtemVyby5tb2R1bGUnO1xuaW1wb3J0IHsgQnV0dG9uTW9kdWxlIH0gZnJvbSAnLi4vYnV0dG9uL2J1dHRvbi5tb2R1bGUnO1xuaW1wb3J0IHsgT25seU51bWJlck1vZHVsZSB9IGZyb20gJy4uLy4uL2RpcmVjdGl2ZS9vbmx5LW51bWJlci9vbmx5LW51bWJlci5tb2R1bGUnO1xuaW1wb3J0IHsgRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBUaW1lUGFydENvbnRyb2xDb21wb25lbnQgfSBmcm9tICcuL3RpbWUtcGFydC1jb250cm9sL3RpbWUtcGFydC1jb250cm9sLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1xuICAgIERhdGVQaWNrZXJDb21wb25lbnQsXG4gICAgTW9udGhQaWNrZXJDb21wb25lbnQsXG4gICAgRGF5U2VsZWN0Q29tcG9uZW50LFxuICAgIFllYXJTZWxlY3RDb21wb25lbnQsXG4gICAgTW9udGhTZWxlY3RDb21wb25lbnQsXG4gICAgVGltZVBhcnRDb250cm9sQ29tcG9uZW50LFxuICBdLFxuICBleHBvcnRzOiBbRGF0ZVBpY2tlckNvbXBvbmVudCwgTW9udGhQaWNrZXJDb21wb25lbnRdLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIERyb3Bkb3duTW9kdWxlLFxuICAgIENsaWNrT3V0c2lkZU1vZHVsZSxcbiAgICBGb3Jtc01vZHVsZSxcbiAgICBJY29uTW9kdWxlLFxuICAgIFByZXBlbmRaZXJvTW9kdWxlLFxuICAgIEJ1dHRvbk1vZHVsZSxcbiAgICBPbmx5TnVtYmVyTW9kdWxlLFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBEYXRlUGlja2VyTW9kdWxlIHt9XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZS1waWNrZXIubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudC9kYXRlLXBpY2tlci9kYXRlLXBpY2tlci5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFDMUUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDN0UsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQzdELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLG9EQUFvRCxDQUFDO0FBQ3hGLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNqRCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUN2RSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUMxRSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUM3RSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSw2Q0FBNkMsQ0FBQztBQUNoRixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDdkQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sZ0RBQWdELENBQUM7QUFDbEYsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzdDLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLGlEQUFpRCxDQUFDOztBQXVCM0YsTUFBTSxPQUFPLGdCQUFnQjs7NkdBQWhCLGdCQUFnQjs4R0FBaEIsZ0JBQWdCLGlCQW5CekIsbUJBQW1CO1FBQ25CLG9CQUFvQjtRQUNwQixrQkFBa0I7UUFDbEIsbUJBQW1CO1FBQ25CLG9CQUFvQjtRQUNwQix3QkFBd0IsYUFJeEIsWUFBWTtRQUNaLGNBQWM7UUFDZCxrQkFBa0I7UUFDbEIsV0FBVztRQUNYLFVBQVU7UUFDVixpQkFBaUI7UUFDakIsWUFBWTtRQUNaLGdCQUFnQixhQVRSLG1CQUFtQixFQUFFLG9CQUFvQjs4R0FZeEMsZ0JBQWdCLFlBVnpCLFlBQVk7UUFDWixjQUFjO1FBQ2Qsa0JBQWtCO1FBQ2xCLFdBQVc7UUFDWCxVQUFVO1FBQ1YsaUJBQWlCO1FBQ2pCLFlBQVk7UUFDWixnQkFBZ0I7MkZBR1AsZ0JBQWdCO2tCQXJCNUIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUU7d0JBQ1osbUJBQW1CO3dCQUNuQixvQkFBb0I7d0JBQ3BCLGtCQUFrQjt3QkFDbEIsbUJBQW1CO3dCQUNuQixvQkFBb0I7d0JBQ3BCLHdCQUF3QjtxQkFDekI7b0JBQ0QsT0FBTyxFQUFFLENBQUMsbUJBQW1CLEVBQUUsb0JBQW9CLENBQUM7b0JBQ3BELE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLGNBQWM7d0JBQ2Qsa0JBQWtCO3dCQUNsQixXQUFXO3dCQUNYLFVBQVU7d0JBQ1YsaUJBQWlCO3dCQUNqQixZQUFZO3dCQUNaLGdCQUFnQjtxQkFDakI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IERhdGVQaWNrZXJDb21wb25lbnQgfSBmcm9tICcuL2RhdGUtcGlja2VyL2RhdGUtcGlja2VyLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBNb250aFBpY2tlckNvbXBvbmVudCB9IGZyb20gJy4vbW9udGgtcGlja2VyL21vbnRoLXBpY2tlci5jb21wb25lbnQnO1xuaW1wb3J0IHsgRHJvcGRvd25Nb2R1bGUgfSBmcm9tICcuLi9kcm9wZG93bi9kcm9wZG93bi5tb2R1bGUnO1xuaW1wb3J0IHsgQ2xpY2tPdXRzaWRlTW9kdWxlIH0gZnJvbSAnLi4vLi4vZGlyZWN0aXZlL2NsaWNrLW91dHNpZGUvY2xpY2stb3V0c2lkZS5tb2R1bGUnO1xuaW1wb3J0IHsgSWNvbk1vZHVsZSB9IGZyb20gJy4uL2ljb24vaWNvbi5tb2R1bGUnO1xuaW1wb3J0IHsgRGF5U2VsZWN0Q29tcG9uZW50IH0gZnJvbSAnLi9kYXktc2VsZWN0L2RheS1zZWxlY3QuY29tcG9uZW50JztcbmltcG9ydCB7IFllYXJTZWxlY3RDb21wb25lbnQgfSBmcm9tICcuL3llYXItc2VsZWN0L3llYXItc2VsZWN0LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBNb250aFNlbGVjdENvbXBvbmVudCB9IGZyb20gJy4vbW9udGgtc2VsZWN0L21vbnRoLXNlbGVjdC5jb21wb25lbnQnO1xuaW1wb3J0IHsgUHJlcGVuZFplcm9Nb2R1bGUgfSBmcm9tICcuLi8uLi9waXBlL3ByZXBlbmQtemVyby9wcmVwZW5kLXplcm8ubW9kdWxlJztcbmltcG9ydCB7IEJ1dHRvbk1vZHVsZSB9IGZyb20gJy4uL2J1dHRvbi9idXR0b24ubW9kdWxlJztcbmltcG9ydCB7IE9ubHlOdW1iZXJNb2R1bGUgfSBmcm9tICcuLi8uLi9kaXJlY3RpdmUvb25seS1udW1iZXIvb25seS1udW1iZXIubW9kdWxlJztcbmltcG9ydCB7IEZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgVGltZVBhcnRDb250cm9sQ29tcG9uZW50IH0gZnJvbSAnLi90aW1lLXBhcnQtY29udHJvbC90aW1lLXBhcnQtY29udHJvbC5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBEYXRlUGlja2VyQ29tcG9uZW50LFxuICAgIE1vbnRoUGlja2VyQ29tcG9uZW50LFxuICAgIERheVNlbGVjdENvbXBvbmVudCxcbiAgICBZZWFyU2VsZWN0Q29tcG9uZW50LFxuICAgIE1vbnRoU2VsZWN0Q29tcG9uZW50LFxuICAgIFRpbWVQYXJ0Q29udHJvbENvbXBvbmVudCxcbiAgXSxcbiAgZXhwb3J0czogW0RhdGVQaWNrZXJDb21wb25lbnQsIE1vbnRoUGlja2VyQ29tcG9uZW50XSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBEcm9wZG93bk1vZHVsZSxcbiAgICBDbGlja091dHNpZGVNb2R1bGUsXG4gICAgRm9ybXNNb2R1bGUsXG4gICAgSWNvbk1vZHVsZSxcbiAgICBQcmVwZW5kWmVyb01vZHVsZSxcbiAgICBCdXR0b25Nb2R1bGUsXG4gICAgT25seU51bWJlck1vZHVsZSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgRGF0ZVBpY2tlck1vZHVsZSB7fVxuIl19

package/esm2020/component/date-picker/day-select/day-select.component.mjs

@@ -139,11 +139,11 @@ export class DaySelectComponent {
         return false;
     }
 }
-DaySelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: DaySelectComponent, deps: [{ token: i1.TetaConfigService }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-DaySelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: DaySelectComponent, selector: "teta-day-select", inputs: { firstDayOfWeek: "firstDayOfWeek", disabledDates: "disabledDates", disabledPeriods: "disabledPeriods", disabledDays: "disabledDays", minDate: "minDate", maxDate: "maxDate", disabled: "disabled" }, outputs: { dateSelected: "dateSelected", monthSelected: "monthSelected", yearSelected: "yearSelected" }, providers: [DAY_SELECT_CONTROL_VALUE_ACCESSOR], ngImport: i0, template: "<div class=\"datepicker-week font-caption color-text-80\">\n  <div class=\"datepicker-day\"\n       [class.font-caption-bold]=\"day === 0 || day === 6\"\n       *ngFor=\"let day of weekDays\">\n    {{locale.daysShort[day]}}\n  </div>\n</div>\n<div class=\"datepicker-picker color-text-90 font-body-3\"\n     (wheel)=\"scrollMonth($event)\">\n  <div *ngFor=\"let day of days\"\n       class=\"datepicker-date\"\n       (click)=\"setDate(day, $event);\"\n       (dblclick)=\"applyValue(day, $event);\"\n       [class.datepicker-date_active]=\"day.selected\"\n       [class.datepicker-date_disabled]=\"day.disabled || !day.isCurrentMonth\"\n       [class.datepicker-date_weekend]=\"day.weekend\"\n       [class.datepicker-date_today]=\"day.today\">\n    <ng-container *ngIf=\"day !== null && day !== undefined\">\n      {{day.date.getDate()}}\n    </ng-container>\n  </div>\n</div>\n", styles: [""], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: DaySelectComponent, decorators: [{
+DaySelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: DaySelectComponent, deps: [{ token: i1.TetaConfigService }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+DaySelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.0", type: DaySelectComponent, selector: "teta-day-select", inputs: { firstDayOfWeek: "firstDayOfWeek", disabledDates: "disabledDates", disabledPeriods: "disabledPeriods", disabledDays: "disabledDays", minDate: "minDate", maxDate: "maxDate", disabled: "disabled" }, outputs: { dateSelected: "dateSelected", monthSelected: "monthSelected", yearSelected: "yearSelected" }, providers: [DAY_SELECT_CONTROL_VALUE_ACCESSOR], ngImport: i0, template: "<div class=\"datepicker-week font-caption color-text-80\">\n  <div class=\"datepicker-day\"\n       [class.font-caption-bold]=\"day === 0 || day === 6\"\n       *ngFor=\"let day of weekDays\">\n    {{locale.daysShort[day]}}\n  </div>\n</div>\n<div class=\"datepicker-picker color-text-90 font-body-3\"\n     (wheel)=\"scrollMonth($event)\">\n  <div *ngFor=\"let day of days\"\n       class=\"datepicker-date\"\n       (click)=\"setDate(day, $event);\"\n       (dblclick)=\"applyValue(day, $event);\"\n       [class.datepicker-date_active]=\"day.selected\"\n       [class.datepicker-date_disabled]=\"day.disabled || !day.isCurrentMonth\"\n       [class.datepicker-date_weekend]=\"day.weekend\"\n       [class.datepicker-date_today]=\"day.today\">\n    <ng-container *ngIf=\"day !== null && day !== undefined\">\n      {{day.date.getDate()}}\n    </ng-container>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: DaySelectComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'teta-day-select', providers: [DAY_SELECT_CONTROL_VALUE_ACCESSOR], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"datepicker-week font-caption color-text-80\">\n  <div class=\"datepicker-day\"\n       [class.font-caption-bold]=\"day === 0 || day === 6\"\n       *ngFor=\"let day of weekDays\">\n    {{locale.daysShort[day]}}\n  </div>\n</div>\n<div class=\"datepicker-picker color-text-90 font-body-3\"\n     (wheel)=\"scrollMonth($event)\">\n  <div *ngFor=\"let day of days\"\n       class=\"datepicker-date\"\n       (click)=\"setDate(day, $event);\"\n       (dblclick)=\"applyValue(day, $event);\"\n       [class.datepicker-date_active]=\"day.selected\"\n       [class.datepicker-date_disabled]=\"day.disabled || !day.isCurrentMonth\"\n       [class.datepicker-date_weekend]=\"day.weekend\"\n       [class.datepicker-date_today]=\"day.today\">\n    <ng-container *ngIf=\"day !== null && day !== undefined\">\n      {{day.date.getDate()}}\n    </ng-container>\n  </div>\n</div>\n", styles: [""] }]
+            args: [{ selector: 'teta-day-select', providers: [DAY_SELECT_CONTROL_VALUE_ACCESSOR], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"datepicker-week font-caption color-text-80\">\n  <div class=\"datepicker-day\"\n       [class.font-caption-bold]=\"day === 0 || day === 6\"\n       *ngFor=\"let day of weekDays\">\n    {{locale.daysShort[day]}}\n  </div>\n</div>\n<div class=\"datepicker-picker color-text-90 font-body-3\"\n     (wheel)=\"scrollMonth($event)\">\n  <div *ngFor=\"let day of days\"\n       class=\"datepicker-date\"\n       (click)=\"setDate(day, $event);\"\n       (dblclick)=\"applyValue(day, $event);\"\n       [class.datepicker-date_active]=\"day.selected\"\n       [class.datepicker-date_disabled]=\"day.disabled || !day.isCurrentMonth\"\n       [class.datepicker-date_weekend]=\"day.weekend\"\n       [class.datepicker-date_today]=\"day.today\">\n    <ng-container *ngIf=\"day !== null && day !== undefined\">\n      {{day.date.getDate()}}\n    </ng-container>\n  </div>\n</div>\n" }]
         }], ctorParameters: function () { return [{ type: i1.TetaConfigService }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }]; }, propDecorators: { firstDayOfWeek: [{
                 type: Input
             }], disabledDates: [{

package/esm2020/component/date-picker/month-picker/month-picker.component.mjs

@@ -4,14 +4,14 @@ import { takeWhile } from 'rxjs/operators';
 import { DatePickerMode } from '../model/date-picker-mode.enum';
 import * as i0 from "@angular/core";
 import * as i1 from "../../../locale/teta-config.service";
-import * as i2 from "../../dropdown/dropdown/dropdown.component";
-import * as i3 from "../../icon/icon/icon.component";
-import * as i4 from "../../button/button/button.component";
-import * as i5 from "../year-select/year-select.component";
-import * as i6 from "../month-select/month-select.component";
-import * as i7 from "../../dropdown/dropdown-head.directive";
-import * as i8 from "@angular/common";
-import * as i9 from "../../dropdown/dropdown-content.directive";
+import * as i2 from "@angular/common";
+import * as i3 from "../../dropdown/dropdown/dropdown.component";
+import * as i4 from "../../dropdown/dropdown-head.directive";
+import * as i5 from "../../dropdown/dropdown-content.directive";
+import * as i6 from "../../icon/icon/icon.component";
+import * as i7 from "../../button/button/button.component";
+import * as i8 from "../year-select/year-select.component";
+import * as i9 from "../month-select/month-select.component";
 export const MONTH_PICKER_CONTROL_VALUE_ACCESSOR = {
     provide: NG_VALUE_ACCESSOR,
     useExisting: forwardRef(() => MonthPickerComponent),
@@ -224,11 +224,11 @@ export class MonthPickerComponent {
         this.displayMode = result;
     }
 }
-MonthPickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: MonthPickerComponent, deps: [{ token: i1.TetaConfigService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-MonthPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: MonthPickerComponent, selector: "teta-month-picker", inputs: { disabled: "disabled", minDate: "minDate", maxDate: "maxDate", showToday: "showToday", appendToBody: "appendToBody" }, host: { properties: { "class.datepicker_open": "this.showPicker", "class.datepicker": "this.classDatepicker", "tabindex": "this.tabindex" } }, providers: [MONTH_PICKER_CONTROL_VALUE_ACCESSOR], ngImport: i0, template: "<teta-dropdown\n  class=\"row row_auto\"\n  [appendToBody]=\"appendToBody\"\n  [autoCloseIgnore]=\"['esc', 'inside']\"\n  [(open)]=\"showPicker\"\n  [disabled]=\"disabled\">\n  <div tetaDropdownHead\n       (wheel)=\"scrollMonth($event)\"\n       class=\"datepicker-head font-body-3\">\n    <teta-icon [name]=\"'calendar'\" class=\"margin-right-2\"></teta-icon>\n    <div class=\"row_auto\">\n      <ng-container *ngIf=\"_value !==null && _value!==undefined\">\n        {{locale.months[_value.getMonth()]}} {{_value.getFullYear()}}\n      </ng-container>\n    </div>\n    <teta-icon [name]=\"'closeBig'\" (click)=\"clearPicker()\" class=\"margin-left-2\"></teta-icon>\n  </div>\n  <div tetaDropdownContent class=\"scrollable padding-3\">\n    <div class=\"row align-center justify-content-between\">\n      <div>\n        <button teta-button\n                [palette]=\"'text'\"\n                [view]=\"displayMode===datePickerModeEnum.month ? 'primary' : 'ghost'\"\n                (click)=\"setMode(datePickerModeEnum.month)\"\n                (wheel)=\"scrollMonth($event);\">\n          {{locale.months[_currentMonth || today.getMonth()]}}\n        </button>\n        <button teta-button\n                class=\"margin-left-2\"\n                [palette]=\"'text'\"\n                [view]=\"displayMode===datePickerModeEnum.year ? 'primary' : 'ghost'\"\n                (click)=\"setMode(datePickerModeEnum.year)\"\n                (wheel)=\"scrollYear($event);\">\n          {{_currentYear || today.getFullYear()}}\n        </button>\n      </div>\n      <button teta-button\n              [palette]=\"'text'\"\n              [view]=\"'ghost'\"\n              (click)=\"setToday()\">\n        <teta-icon [name]=\"'calendar'\"></teta-icon>\n      </button>\n    </div>\n    <div class=\"datepicker-content\">\n      <teta-year-select\n        *ngIf=\"displayMode === datePickerModeEnum.year\"\n        [currentYear]=\"_currentYear\"\n        [today]=\"today\"\n        [size]=\"8\"\n        [minDate]=\"minDate\"\n        [maxDate]=\"maxDate\"\n        (yearSelected)=\"setYear($event)\">\n      </teta-year-select>\n      <teta-month-select\n        *ngIf=\"displayMode === datePickerModeEnum.month\"\n        [currentMonth]=\"_currentMonth\"\n        [locale]=\"locale\"\n        [currentYear]=\"_currentYear\"\n        [minDate]=\"minDate\"\n        [maxDate]=\"maxDate\"\n        (monthSelected)=\"setMonth($event)\">\n      </teta-month-select>\n    </div>\n  </div>\n</teta-dropdown>\n", styles: [""], components: [{ type: i2.DropdownComponent, selector: "teta-dropdown", exportAs: ["dropdown"] }, { type: i3.IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }, { type: i4.ButtonComponent, selector: "button[teta-button], teta-button", inputs: ["palette", "class", "view", "square"] }, { type: i5.YearSelectComponent, selector: "teta-year-select", inputs: ["currentYear", "today", "size", "minDate", "maxDate", "allowableRange"], outputs: ["yearSelected", "yearApplied"] }, { type: i6.MonthSelectComponent, selector: "teta-month-select", inputs: ["locale", "minDate", "maxDate", "size", "currentMonth", "currentYear"], outputs: ["monthSelected", "monthApplied"] }], directives: [{ type: i7.DropdownHeadDirective, selector: "[tetaDropdownHead]" }, { type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i9.DropdownContentDirective, selector: "[tetaDropdownContent]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: MonthPickerComponent, decorators: [{
+MonthPickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: MonthPickerComponent, deps: [{ token: i1.TetaConfigService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+MonthPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.0", type: MonthPickerComponent, selector: "teta-month-picker", inputs: { disabled: "disabled", minDate: "minDate", maxDate: "maxDate", showToday: "showToday", appendToBody: "appendToBody" }, host: { properties: { "class.datepicker_open": "this.showPicker", "class.datepicker": "this.classDatepicker", "tabindex": "this.tabindex" } }, providers: [MONTH_PICKER_CONTROL_VALUE_ACCESSOR], ngImport: i0, template: "<teta-dropdown\n  class=\"row row_auto\"\n  [appendToBody]=\"appendToBody\"\n  [autoCloseIgnore]=\"['esc', 'inside']\"\n  [(open)]=\"showPicker\"\n  [disabled]=\"disabled\">\n  <div tetaDropdownHead\n       (wheel)=\"scrollMonth($event)\"\n       class=\"datepicker-head font-body-3\">\n    <teta-icon [name]=\"'calendar'\" class=\"margin-right-2\"></teta-icon>\n    <div class=\"row_auto\">\n      <ng-container *ngIf=\"_value !==null && _value!==undefined\">\n        {{locale.months[_value.getMonth()]}} {{_value.getFullYear()}}\n      </ng-container>\n    </div>\n    <teta-icon [name]=\"'closeBig'\" (click)=\"clearPicker()\" class=\"margin-left-2\"></teta-icon>\n  </div>\n  <div tetaDropdownContent class=\"scrollable padding-3\">\n    <div class=\"row align-center justify-content-between\">\n      <div>\n        <button teta-button\n                [palette]=\"'text'\"\n                [view]=\"displayMode===datePickerModeEnum.month ? 'primary' : 'ghost'\"\n                (click)=\"setMode(datePickerModeEnum.month)\"\n                (wheel)=\"scrollMonth($event);\">\n          {{locale.months[_currentMonth || today.getMonth()]}}\n        </button>\n        <button teta-button\n                class=\"margin-left-2\"\n                [palette]=\"'text'\"\n                [view]=\"displayMode===datePickerModeEnum.year ? 'primary' : 'ghost'\"\n                (click)=\"setMode(datePickerModeEnum.year)\"\n                (wheel)=\"scrollYear($event);\">\n          {{_currentYear || today.getFullYear()}}\n        </button>\n      </div>\n      <button teta-button\n              [palette]=\"'text'\"\n              [view]=\"'ghost'\"\n              (click)=\"setToday()\">\n        <teta-icon [name]=\"'calendar'\"></teta-icon>\n      </button>\n    </div>\n    <div class=\"datepicker-content\">\n      <teta-year-select\n        *ngIf=\"displayMode === datePickerModeEnum.year\"\n        [currentYear]=\"_currentYear\"\n        [today]=\"today\"\n        [size]=\"8\"\n        [minDate]=\"minDate\"\n        [maxDate]=\"maxDate\"\n        (yearSelected)=\"setYear($event)\">\n      </teta-year-select>\n      <teta-month-select\n        *ngIf=\"displayMode === datePickerModeEnum.month\"\n        [currentMonth]=\"_currentMonth\"\n        [locale]=\"locale\"\n        [currentYear]=\"_currentYear\"\n        [minDate]=\"minDate\"\n        [maxDate]=\"maxDate\"\n        (monthSelected)=\"setMonth($event)\">\n      </teta-month-select>\n    </div>\n  </div>\n</teta-dropdown>\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.DropdownComponent, selector: "teta-dropdown", exportAs: ["dropdown"] }, { kind: "directive", type: i4.DropdownHeadDirective, selector: "[tetaDropdownHead]" }, { kind: "directive", type: i5.DropdownContentDirective, selector: "[tetaDropdownContent]" }, { kind: "component", type: i6.IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }, { kind: "component", type: i7.ButtonComponent, selector: "button[teta-button], teta-button", inputs: ["palette", "class", "view", "square"] }, { kind: "component", type: i8.YearSelectComponent, selector: "teta-year-select", inputs: ["currentYear", "today", "size", "minDate", "maxDate", "allowableRange"], outputs: ["yearSelected", "yearApplied"] }, { kind: "component", type: i9.MonthSelectComponent, selector: "teta-month-select", inputs: ["locale", "minDate", "maxDate", "size", "currentMonth", "currentYear"], outputs: ["monthSelected", "monthApplied"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: MonthPickerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'teta-month-picker', providers: [MONTH_PICKER_CONTROL_VALUE_ACCESSOR], changeDetection: ChangeDetectionStrategy.OnPush, template: "<teta-dropdown\n  class=\"row row_auto\"\n  [appendToBody]=\"appendToBody\"\n  [autoCloseIgnore]=\"['esc', 'inside']\"\n  [(open)]=\"showPicker\"\n  [disabled]=\"disabled\">\n  <div tetaDropdownHead\n       (wheel)=\"scrollMonth($event)\"\n       class=\"datepicker-head font-body-3\">\n    <teta-icon [name]=\"'calendar'\" class=\"margin-right-2\"></teta-icon>\n    <div class=\"row_auto\">\n      <ng-container *ngIf=\"_value !==null && _value!==undefined\">\n        {{locale.months[_value.getMonth()]}} {{_value.getFullYear()}}\n      </ng-container>\n    </div>\n    <teta-icon [name]=\"'closeBig'\" (click)=\"clearPicker()\" class=\"margin-left-2\"></teta-icon>\n  </div>\n  <div tetaDropdownContent class=\"scrollable padding-3\">\n    <div class=\"row align-center justify-content-between\">\n      <div>\n        <button teta-button\n                [palette]=\"'text'\"\n                [view]=\"displayMode===datePickerModeEnum.month ? 'primary' : 'ghost'\"\n                (click)=\"setMode(datePickerModeEnum.month)\"\n                (wheel)=\"scrollMonth($event);\">\n          {{locale.months[_currentMonth || today.getMonth()]}}\n        </button>\n        <button teta-button\n                class=\"margin-left-2\"\n                [palette]=\"'text'\"\n                [view]=\"displayMode===datePickerModeEnum.year ? 'primary' : 'ghost'\"\n                (click)=\"setMode(datePickerModeEnum.year)\"\n                (wheel)=\"scrollYear($event);\">\n          {{_currentYear || today.getFullYear()}}\n        </button>\n      </div>\n      <button teta-button\n              [palette]=\"'text'\"\n              [view]=\"'ghost'\"\n              (click)=\"setToday()\">\n        <teta-icon [name]=\"'calendar'\"></teta-icon>\n      </button>\n    </div>\n    <div class=\"datepicker-content\">\n      <teta-year-select\n        *ngIf=\"displayMode === datePickerModeEnum.year\"\n        [currentYear]=\"_currentYear\"\n        [today]=\"today\"\n        [size]=\"8\"\n        [minDate]=\"minDate\"\n        [maxDate]=\"maxDate\"\n        (yearSelected)=\"setYear($event)\">\n      </teta-year-select>\n      <teta-month-select\n        *ngIf=\"displayMode === datePickerModeEnum.month\"\n        [currentMonth]=\"_currentMonth\"\n        [locale]=\"locale\"\n        [currentYear]=\"_currentYear\"\n        [minDate]=\"minDate\"\n        [maxDate]=\"maxDate\"\n        (monthSelected)=\"setMonth($event)\">\n      </teta-month-select>\n    </div>\n  </div>\n</teta-dropdown>\n", styles: [""] }]
+            args: [{ selector: 'teta-month-picker', providers: [MONTH_PICKER_CONTROL_VALUE_ACCESSOR], changeDetection: ChangeDetectionStrategy.OnPush, template: "<teta-dropdown\n  class=\"row row_auto\"\n  [appendToBody]=\"appendToBody\"\n  [autoCloseIgnore]=\"['esc', 'inside']\"\n  [(open)]=\"showPicker\"\n  [disabled]=\"disabled\">\n  <div tetaDropdownHead\n       (wheel)=\"scrollMonth($event)\"\n       class=\"datepicker-head font-body-3\">\n    <teta-icon [name]=\"'calendar'\" class=\"margin-right-2\"></teta-icon>\n    <div class=\"row_auto\">\n      <ng-container *ngIf=\"_value !==null && _value!==undefined\">\n        {{locale.months[_value.getMonth()]}} {{_value.getFullYear()}}\n      </ng-container>\n    </div>\n    <teta-icon [name]=\"'closeBig'\" (click)=\"clearPicker()\" class=\"margin-left-2\"></teta-icon>\n  </div>\n  <div tetaDropdownContent class=\"scrollable padding-3\">\n    <div class=\"row align-center justify-content-between\">\n      <div>\n        <button teta-button\n                [palette]=\"'text'\"\n                [view]=\"displayMode===datePickerModeEnum.month ? 'primary' : 'ghost'\"\n                (click)=\"setMode(datePickerModeEnum.month)\"\n                (wheel)=\"scrollMonth($event);\">\n          {{locale.months[_currentMonth || today.getMonth()]}}\n        </button>\n        <button teta-button\n                class=\"margin-left-2\"\n                [palette]=\"'text'\"\n                [view]=\"displayMode===datePickerModeEnum.year ? 'primary' : 'ghost'\"\n                (click)=\"setMode(datePickerModeEnum.year)\"\n                (wheel)=\"scrollYear($event);\">\n          {{_currentYear || today.getFullYear()}}\n        </button>\n      </div>\n      <button teta-button\n              [palette]=\"'text'\"\n              [view]=\"'ghost'\"\n              (click)=\"setToday()\">\n        <teta-icon [name]=\"'calendar'\"></teta-icon>\n      </button>\n    </div>\n    <div class=\"datepicker-content\">\n      <teta-year-select\n        *ngIf=\"displayMode === datePickerModeEnum.year\"\n        [currentYear]=\"_currentYear\"\n        [today]=\"today\"\n        [size]=\"8\"\n        [minDate]=\"minDate\"\n        [maxDate]=\"maxDate\"\n        (yearSelected)=\"setYear($event)\">\n      </teta-year-select>\n      <teta-month-select\n        *ngIf=\"displayMode === datePickerModeEnum.month\"\n        [currentMonth]=\"_currentMonth\"\n        [locale]=\"locale\"\n        [currentYear]=\"_currentYear\"\n        [minDate]=\"minDate\"\n        [maxDate]=\"maxDate\"\n        (monthSelected)=\"setMonth($event)\">\n      </teta-month-select>\n    </div>\n  </div>\n</teta-dropdown>\n" }]
         }], ctorParameters: function () { return [{ type: i1.TetaConfigService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { disabled: [{
                 type: Input
             }], minDate: [{

package/esm2020/component/date-picker/month-select/month-select.component.mjs

@@ -123,9 +123,9 @@ export class MonthSelectComponent {
         }
     }
 }
-MonthSelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: MonthSelectComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.PickerTouchService }], target: i0.ɵɵFactoryTarget.Component });
-MonthSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: MonthSelectComponent, selector: "teta-month-select", inputs: { locale: "locale", minDate: "minDate", maxDate: "maxDate", size: "size", currentMonth: "currentMonth", currentYear: "currentYear" }, outputs: { monthSelected: "monthSelected", monthApplied: "monthApplied" }, ngImport: i0, template: "<div class=\"list row_auto margin-top-2\"\n     (wheel)=\"scrollMonthSelector($event);\">\n  <div *ngFor=\"let month of months\"\n       class=\"list-item list-item_interactive\"\n       [class.list-item_active]=\"month === _currentMonth\"\n       [class.list-item_disabled]=\"isMonthDisabled(month)\"\n       [class.datepicker__month__item_current]=\"month === today?.getMonth() && currentYear === today?.getFullYear()\"\n       (click)=\"setMonth($event, month)\"\n       (dblclick)=\"applyMonth($event, month)\">\n    <span class=\"color-text-20 margin-right-2\">\n      {{month + 1 | tetaPrependZero: 2}}\n    </span>\n    {{locale.months[month]}}\n  </div>\n</div>\n", styles: [":host{display:flex}\n"], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "tetaPrependZero": i3.PrependZeroPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: MonthSelectComponent, decorators: [{
+MonthSelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: MonthSelectComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.PickerTouchService }], target: i0.ɵɵFactoryTarget.Component });
+MonthSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.0", type: MonthSelectComponent, selector: "teta-month-select", inputs: { locale: "locale", minDate: "minDate", maxDate: "maxDate", size: "size", currentMonth: "currentMonth", currentYear: "currentYear" }, outputs: { monthSelected: "monthSelected", monthApplied: "monthApplied" }, ngImport: i0, template: "<div class=\"list row_auto margin-top-2\"\n     (wheel)=\"scrollMonthSelector($event);\">\n  <div *ngFor=\"let month of months\"\n       class=\"list-item list-item_interactive\"\n       [class.list-item_active]=\"month === _currentMonth\"\n       [class.list-item_disabled]=\"isMonthDisabled(month)\"\n       [class.datepicker__month__item_current]=\"month === today?.getMonth() && currentYear === today?.getFullYear()\"\n       (click)=\"setMonth($event, month)\"\n       (dblclick)=\"applyMonth($event, month)\">\n    <span class=\"color-text-20 margin-right-2\">\n      {{month + 1 | tetaPrependZero: 2}}\n    </span>\n    {{locale.months[month]}}\n  </div>\n</div>\n", styles: [":host{display:flex}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: i3.PrependZeroPipe, name: "tetaPrependZero" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: MonthSelectComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-month-select', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"list row_auto margin-top-2\"\n     (wheel)=\"scrollMonthSelector($event);\">\n  <div *ngFor=\"let month of months\"\n       class=\"list-item list-item_interactive\"\n       [class.list-item_active]=\"month === _currentMonth\"\n       [class.list-item_disabled]=\"isMonthDisabled(month)\"\n       [class.datepicker__month__item_current]=\"month === today?.getMonth() && currentYear === today?.getFullYear()\"\n       (click)=\"setMonth($event, month)\"\n       (dblclick)=\"applyMonth($event, month)\">\n    <span class=\"color-text-20 margin-right-2\">\n      {{month + 1 | tetaPrependZero: 2}}\n    </span>\n    {{locale.months[month]}}\n  </div>\n</div>\n", styles: [":host{display:flex}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.PickerTouchService }]; }, propDecorators: { locale: [{