@tetacom/ng-components 1.0.40 → 1.0.43

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: [{

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

@@ -23,9 +23,9 @@ export class PickerTouchService {
         this.touchMove$.next(event);
     }
 }
-PickerTouchService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: PickerTouchService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-PickerTouchService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: PickerTouchService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: PickerTouchService, decorators: [{
+PickerTouchService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: PickerTouchService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+PickerTouchService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: PickerTouchService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: PickerTouchService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',

package/esm2020/component/date-picker/time-part-control/time-part-control.component.mjs

@@ -1,8 +1,8 @@
 import { ChangeDetectionStrategy, Component, forwardRef, Input, } from '@angular/core';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
 import * as i0 from "@angular/core";
-import * as i1 from "../../button/button/button.component";
-import * as i2 from "../../icon/icon/icon.component";
+import * as i1 from "../../icon/icon/icon.component";
+import * as i2 from "../../button/button/button.component";
 import * as i3 from "../../../pipe/prepend-zero/prepend-zero.pipe";
 export const TIME_PART_CONTROL_VALUE_ACCESSOR = {
     provide: NG_VALUE_ACCESSOR,
@@ -58,9 +58,9 @@ export class TimePartControlComponent {
         this._cdr.markForCheck();
     }
 }
-TimePartControlComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: TimePartControlComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-TimePartControlComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: TimePartControlComponent, selector: "teta-time-part-control", inputs: { min: "min", max: "max", disabled: "disabled" }, providers: [TIME_PART_CONTROL_VALUE_ACCESSOR], ngImport: i0, template: "<button teta-button [square]=\"true\" (click)=\"up()\" [palette]=\"'text'\" [view]=\"'ghost'\">\n  <teta-icon [name]=\"'arrowUpKey'\"></teta-icon>\n</button>\n<div (wheel)=\"scroll($event);\" class=\"row row_auto font-body-3 height-6 width-6 align-center justify-content-center\">\n  {{value | tetaPrependZero: 2}}\n</div>\n<button teta-button [square]=\"true\" (click)=\"down()\" [palette]=\"'text'\" [view]=\"'ghost'\">\n  <teta-icon [name]=\"'arrowDownKey'\"></teta-icon>\n</button>\n", styles: [":host{display:flex;flex-direction:column}\n"], components: [{ type: i1.ButtonComponent, selector: "button[teta-button], teta-button", inputs: ["palette", "class", "view", "square"] }, { type: i2.IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }], pipes: { "tetaPrependZero": i3.PrependZeroPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: TimePartControlComponent, decorators: [{
+TimePartControlComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: TimePartControlComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+TimePartControlComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.0", type: TimePartControlComponent, selector: "teta-time-part-control", inputs: { min: "min", max: "max", disabled: "disabled" }, providers: [TIME_PART_CONTROL_VALUE_ACCESSOR], ngImport: i0, template: "<button teta-button [square]=\"true\" (click)=\"up()\" [palette]=\"'text'\" [view]=\"'ghost'\">\n  <teta-icon [name]=\"'arrowUpKey'\"></teta-icon>\n</button>\n<div (wheel)=\"scroll($event);\" class=\"row row_auto font-body-3 height-6 width-6 align-center justify-content-center\">\n  {{value | tetaPrependZero: 2}}\n</div>\n<button teta-button [square]=\"true\" (click)=\"down()\" [palette]=\"'text'\" [view]=\"'ghost'\">\n  <teta-icon [name]=\"'arrowDownKey'\"></teta-icon>\n</button>\n", styles: [":host{display:flex;flex-direction:column}\n"], dependencies: [{ kind: "component", type: i1.IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }, { kind: "component", type: i2.ButtonComponent, selector: "button[teta-button], teta-button", inputs: ["palette", "class", "view", "square"] }, { kind: "pipe", type: i3.PrependZeroPipe, name: "tetaPrependZero" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: TimePartControlComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-time-part-control', providers: [TIME_PART_CONTROL_VALUE_ACCESSOR], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button teta-button [square]=\"true\" (click)=\"up()\" [palette]=\"'text'\" [view]=\"'ghost'\">\n  <teta-icon [name]=\"'arrowUpKey'\"></teta-icon>\n</button>\n<div (wheel)=\"scroll($event);\" class=\"row row_auto font-body-3 height-6 width-6 align-center justify-content-center\">\n  {{value | tetaPrependZero: 2}}\n</div>\n<button teta-button [square]=\"true\" (click)=\"down()\" [palette]=\"'text'\" [view]=\"'ghost'\">\n  <teta-icon [name]=\"'arrowDownKey'\"></teta-icon>\n</button>\n", styles: [":host{display:flex;flex-direction:column}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { min: [{

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

@@ -164,9 +164,9 @@ export class YearSelectComponent {
         this._alive = false;
     }
 }
-YearSelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: YearSelectComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.PickerTouchService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-YearSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: YearSelectComponent, selector: "teta-year-select", inputs: { currentYear: "currentYear", today: "today", size: "size", minDate: "minDate", maxDate: "maxDate", allowableRange: "allowableRange" }, outputs: { yearSelected: "yearSelected", yearApplied: "yearApplied" }, ngImport: i0, template: "<div class=\"list row_auto margin-top-2\"\n     (wheel)=\"scrollYearSelector($event);\">\n  <div class=\"list-item list-item_interactive\"\n       [class.list-item_active]=\"year === currentYear\"\n       [class.list-item_disabled]=\"isYearDisabled(year)\"\n       (click)=\"setYear($event, year)\"\n       (dblclick)=\"applyYear($event, year)\"\n       *ngFor=\"let year of years\">\n    {{year}}\n  </div>\n</div>\n", styles: [":host{display:flex}\n"], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: YearSelectComponent, decorators: [{
+YearSelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: YearSelectComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.PickerTouchService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+YearSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.0", type: YearSelectComponent, selector: "teta-year-select", inputs: { currentYear: "currentYear", today: "today", size: "size", minDate: "minDate", maxDate: "maxDate", allowableRange: "allowableRange" }, outputs: { yearSelected: "yearSelected", yearApplied: "yearApplied" }, ngImport: i0, template: "<div class=\"list row_auto margin-top-2\"\n     (wheel)=\"scrollYearSelector($event);\">\n  <div class=\"list-item list-item_interactive\"\n       [class.list-item_active]=\"year === currentYear\"\n       [class.list-item_disabled]=\"isYearDisabled(year)\"\n       (click)=\"setYear($event, year)\"\n       (dblclick)=\"applyYear($event, year)\"\n       *ngFor=\"let year of years\">\n    {{year}}\n  </div>\n</div>\n", styles: [":host{display:flex}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: YearSelectComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-year-select', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"list row_auto margin-top-2\"\n     (wheel)=\"scrollYearSelector($event);\">\n  <div class=\"list-item list-item_interactive\"\n       [class.list-item_active]=\"year === currentYear\"\n       [class.list-item_disabled]=\"isYearDisabled(year)\"\n       (click)=\"setYear($event, year)\"\n       (dblclick)=\"applyYear($event, year)\"\n       *ngFor=\"let year of years\">\n    {{year}}\n  </div>\n</div>\n", styles: [":host{display:flex}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.PickerTouchService }, { type: i0.ElementRef }]; }, propDecorators: { currentYear: [{

package/esm2020/component/delimiter/delimiter/delimiter.component.mjs

@@ -30,9 +30,9 @@ export class DelimiterComponent {
     }
     ngOnInit() { }
 }
-DelimiterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: DelimiterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DelimiterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: DelimiterComponent, selector: "teta-delimiter", inputs: { direction: "direction", palette: "palette", height: "height", verticalMargin: "verticalMargin", horizontalMargin: "horizontalMargin", class: "class" }, host: { properties: { "class": "this.getClass", "style.height": "this.getHeight", "style.width": "this.getWidth", "style.margin": "this.getMargin" } }, ngImport: i0, template: "", styles: [":host.delimiter{flex-shrink:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: DelimiterComponent, decorators: [{
+DelimiterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: DelimiterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DelimiterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.0", type: DelimiterComponent, selector: "teta-delimiter", inputs: { direction: "direction", palette: "palette", height: "height", verticalMargin: "verticalMargin", horizontalMargin: "horizontalMargin", class: "class" }, host: { properties: { "class": "this.getClass", "style.height": "this.getHeight", "style.width": "this.getWidth", "style.margin": "this.getMargin" } }, ngImport: i0, template: "", styles: [":host.delimiter{flex-shrink:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: DelimiterComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-delimiter', changeDetection: ChangeDetectionStrategy.OnPush, template: "", styles: [":host.delimiter{flex-shrink:0}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { direction: [{

package/esm2020/component/delimiter/delimiter.module.mjs

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

package/esm2020/component/dropdown/dropdown/dropdown.component.mjs

@@ -17,11 +17,11 @@ export class DropdownComponent extends DropdownBase {
         this._alive = false;
     }
 }
-DropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: DropdownComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: DOCUMENT }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-DropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: DropdownComponent, selector: "teta-dropdown", exportAs: ["dropdown"], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"[tetaDropdownHead]\"></ng-content>\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: DropdownComponent, decorators: [{
+DropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: DropdownComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: DOCUMENT }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+DropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.0", type: DropdownComponent, selector: "teta-dropdown", exportAs: ["dropdown"], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"[tetaDropdownHead]\"></ng-content>\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: DropdownComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'teta-dropdown', changeDetection: ChangeDetectionStrategy.OnPush, exportAs: 'dropdown', template: "<ng-content select=\"[tetaDropdownHead]\"></ng-content>\n", styles: [""] }]
+            args: [{ selector: 'teta-dropdown', changeDetection: ChangeDetectionStrategy.OnPush, exportAs: 'dropdown', template: "<ng-content select=\"[tetaDropdownHead]\"></ng-content>\n" }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [DOCUMENT]

package/esm2020/component/dropdown/dropdown-base.mjs

@@ -165,9 +165,9 @@ export class DropdownBase {
         PositionUtil.setElementPosition(target, position);
     }
 }
-DropdownBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: DropdownBase, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
-DropdownBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: DropdownBase, inputs: { align: "align", verticalAlign: "verticalAlign", appendToBody: "appendToBody", disabled: "disabled", backdrop: "backdrop", className: "className", open: "open", autoClose: "autoClose", autoCloseIgnore: "autoCloseIgnore" }, outputs: { openChange: "openChange" }, host: { listeners: { "click": "click($event)", "document:click": "documentClick($event)", "window:keyup": "keyUp($event)" } }, queries: [{ propertyName: "_head", first: true, predicate: DropdownHeadDirective, descendants: true, read: ElementRef }, { propertyName: "_content", first: true, predicate: DropdownContentDirective, descendants: true }], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: DropdownBase, decorators: [{
+DropdownBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: DropdownBase, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
+DropdownBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.0", type: DropdownBase, inputs: { align: "align", verticalAlign: "verticalAlign", appendToBody: "appendToBody", disabled: "disabled", backdrop: "backdrop", className: "className", open: "open", autoClose: "autoClose", autoCloseIgnore: "autoCloseIgnore" }, outputs: { openChange: "openChange" }, host: { listeners: { "click": "click($event)", "document:click": "documentClick($event)", "window:keyup": "keyUp($event)" } }, queries: [{ propertyName: "_head", first: true, predicate: DropdownHeadDirective, descendants: true, read: ElementRef }, { propertyName: "_content", first: true, predicate: DropdownContentDirective, descendants: true }], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: DropdownBase, decorators: [{
             type: Directive
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: undefined }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Renderer2 }]; }, propDecorators: { align: [{
                 type: Input

package/esm2020/component/dropdown/dropdown-content.directive.mjs

@@ -6,9 +6,9 @@ export class DropdownContentDirective {
         this.nativeElement = _elementRef.nativeElement;
     }
 }
-DropdownContentDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: DropdownContentDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-DropdownContentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: DropdownContentDirective, selector: "[tetaDropdownContent]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: DropdownContentDirective, decorators: [{
+DropdownContentDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: DropdownContentDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+DropdownContentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.0", type: DropdownContentDirective, selector: "[tetaDropdownContent]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: DropdownContentDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[tetaDropdownContent]'

package/esm2020/component/dropdown/dropdown-head.directive.mjs

@@ -5,9 +5,9 @@ export class DropdownHeadDirective {
         this.template = template;
     }
 }
-DropdownHeadDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: DropdownHeadDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-DropdownHeadDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: DropdownHeadDirective, selector: "[tetaDropdownHead]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: DropdownHeadDirective, decorators: [{
+DropdownHeadDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: DropdownHeadDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+DropdownHeadDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.0", type: DropdownHeadDirective, selector: "[tetaDropdownHead]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: DropdownHeadDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[tetaDropdownHead]'

package/esm2020/component/dropdown/dropdown.directive.mjs

@@ -23,9 +23,9 @@ export class DropdownDirective extends DropdownBase {
         }
     }
 }
-DropdownDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: DropdownDirective, deps: [{ token: i0.ChangeDetectorRef }, { token: DOCUMENT }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
-DropdownDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: DropdownDirective, selector: "[tetaDropdown]", usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: DropdownDirective, decorators: [{
+DropdownDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: DropdownDirective, deps: [{ token: i0.ChangeDetectorRef }, { token: DOCUMENT }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
+DropdownDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.0", type: DropdownDirective, selector: "[tetaDropdown]", usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: DropdownDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[tetaDropdown]'

package/esm2020/component/dropdown/dropdown.module.mjs

@@ -7,18 +7,16 @@ import { DropdownDirective } from './dropdown.directive';
 import * as i0 from "@angular/core";
 export class DropdownModule {
 }
-DropdownModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: DropdownModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DropdownModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: DropdownModule, declarations: [DropdownComponent,
+DropdownModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: DropdownModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DropdownModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.0", ngImport: i0, type: DropdownModule, declarations: [DropdownComponent,
         DropdownHeadDirective,
         DropdownContentDirective,
         DropdownDirective], imports: [CommonModule], exports: [DropdownComponent,
         DropdownHeadDirective,
         DropdownContentDirective,
         DropdownDirective] });
-DropdownModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: DropdownModule, imports: [[
-            CommonModule
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: DropdownModule, decorators: [{
+DropdownModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: DropdownModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: DropdownModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -38,4 +36,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
                     ]
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcGRvd24ubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudC9kcm9wZG93bi9kcm9wZG93bi5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFFBQVEsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN2QyxPQUFPLEVBQUMsWUFBWSxFQUFDLE1BQU0saUJBQWlCLENBQUM7QUFDN0MsT0FBTyxFQUFDLGlCQUFpQixFQUFDLE1BQU0sK0JBQStCLENBQUM7QUFDaEUsT0FBTyxFQUFDLHFCQUFxQixFQUFDLE1BQU0sMkJBQTJCLENBQUM7QUFDaEUsT0FBTyxFQUFDLHdCQUF3QixFQUFDLE1BQU0sOEJBQThCLENBQUM7QUFDdEUsT0FBTyxFQUFDLGlCQUFpQixFQUFDLE1BQU0sc0JBQXNCLENBQUM7O0FBbUJ2RCxNQUFNLE9BQU8sY0FBYzs7MkdBQWQsY0FBYzs0R0FBZCxjQUFjLGlCQWZ2QixpQkFBaUI7UUFDakIscUJBQXFCO1FBQ3JCLHdCQUF3QjtRQUN4QixpQkFBaUIsYUFTakIsWUFBWSxhQU5aLGlCQUFpQjtRQUNqQixxQkFBcUI7UUFDckIsd0JBQXdCO1FBQ3hCLGlCQUFpQjs0R0FNUixjQUFjLFlBSmhCO1lBQ1AsWUFBWTtTQUNiOzJGQUVVLGNBQWM7a0JBakIxQixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWixpQkFBaUI7d0JBQ2pCLHFCQUFxQjt3QkFDckIsd0JBQXdCO3dCQUN4QixpQkFBaUI7cUJBQ2xCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxpQkFBaUI7d0JBQ2pCLHFCQUFxQjt3QkFDckIsd0JBQXdCO3dCQUN4QixpQkFBaUI7cUJBQ2xCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxZQUFZO3FCQUNiO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtOZ01vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0NvbW1vbk1vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7RHJvcGRvd25Db21wb25lbnR9IGZyb20gJy4vZHJvcGRvd24vZHJvcGRvd24uY29tcG9uZW50JztcbmltcG9ydCB7RHJvcGRvd25IZWFkRGlyZWN0aXZlfSBmcm9tICcuL2Ryb3Bkb3duLWhlYWQuZGlyZWN0aXZlJztcbmltcG9ydCB7RHJvcGRvd25Db250ZW50RGlyZWN0aXZlfSBmcm9tICcuL2Ryb3Bkb3duLWNvbnRlbnQuZGlyZWN0aXZlJztcbmltcG9ydCB7RHJvcGRvd25EaXJlY3RpdmV9IGZyb20gJy4vZHJvcGRvd24uZGlyZWN0aXZlJztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgRHJvcGRvd25Db21wb25lbnQsXG4gICAgRHJvcGRvd25IZWFkRGlyZWN0aXZlLFxuICAgIERyb3Bkb3duQ29udGVudERpcmVjdGl2ZSxcbiAgICBEcm9wZG93bkRpcmVjdGl2ZVxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgRHJvcGRvd25Db21wb25lbnQsXG4gICAgRHJvcGRvd25IZWFkRGlyZWN0aXZlLFxuICAgIERyb3Bkb3duQ29udGVudERpcmVjdGl2ZSxcbiAgICBEcm9wZG93bkRpcmVjdGl2ZVxuICBdLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlXG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgRHJvcGRvd25Nb2R1bGUge1xufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcGRvd24ubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudC9kcm9wZG93bi9kcm9wZG93bi5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFFBQVEsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN2QyxPQUFPLEVBQUMsWUFBWSxFQUFDLE1BQU0saUJBQWlCLENBQUM7QUFDN0MsT0FBTyxFQUFDLGlCQUFpQixFQUFDLE1BQU0sK0JBQStCLENBQUM7QUFDaEUsT0FBTyxFQUFDLHFCQUFxQixFQUFDLE1BQU0sMkJBQTJCLENBQUM7QUFDaEUsT0FBTyxFQUFDLHdCQUF3QixFQUFDLE1BQU0sOEJBQThCLENBQUM7QUFDdEUsT0FBTyxFQUFDLGlCQUFpQixFQUFDLE1BQU0sc0JBQXNCLENBQUM7O0FBbUJ2RCxNQUFNLE9BQU8sY0FBYzs7MkdBQWQsY0FBYzs0R0FBZCxjQUFjLGlCQWZ2QixpQkFBaUI7UUFDakIscUJBQXFCO1FBQ3JCLHdCQUF3QjtRQUN4QixpQkFBaUIsYUFTakIsWUFBWSxhQU5aLGlCQUFpQjtRQUNqQixxQkFBcUI7UUFDckIsd0JBQXdCO1FBQ3hCLGlCQUFpQjs0R0FNUixjQUFjLFlBSHZCLFlBQVk7MkZBR0gsY0FBYztrQkFqQjFCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFO3dCQUNaLGlCQUFpQjt3QkFDakIscUJBQXFCO3dCQUNyQix3QkFBd0I7d0JBQ3hCLGlCQUFpQjtxQkFDbEI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLGlCQUFpQjt3QkFDakIscUJBQXFCO3dCQUNyQix3QkFBd0I7d0JBQ3hCLGlCQUFpQjtxQkFDbEI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLFlBQVk7cUJBQ2I7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge05nTW9kdWxlfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7Q29tbW9uTW9kdWxlfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtEcm9wZG93bkNvbXBvbmVudH0gZnJvbSAnLi9kcm9wZG93bi9kcm9wZG93bi5jb21wb25lbnQnO1xuaW1wb3J0IHtEcm9wZG93bkhlYWREaXJlY3RpdmV9IGZyb20gJy4vZHJvcGRvd24taGVhZC5kaXJlY3RpdmUnO1xuaW1wb3J0IHtEcm9wZG93bkNvbnRlbnREaXJlY3RpdmV9IGZyb20gJy4vZHJvcGRvd24tY29udGVudC5kaXJlY3RpdmUnO1xuaW1wb3J0IHtEcm9wZG93bkRpcmVjdGl2ZX0gZnJvbSAnLi9kcm9wZG93bi5kaXJlY3RpdmUnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBEcm9wZG93bkNvbXBvbmVudCxcbiAgICBEcm9wZG93bkhlYWREaXJlY3RpdmUsXG4gICAgRHJvcGRvd25Db250ZW50RGlyZWN0aXZlLFxuICAgIERyb3Bkb3duRGlyZWN0aXZlXG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBEcm9wZG93bkNvbXBvbmVudCxcbiAgICBEcm9wZG93bkhlYWREaXJlY3RpdmUsXG4gICAgRHJvcGRvd25Db250ZW50RGlyZWN0aXZlLFxuICAgIERyb3Bkb3duRGlyZWN0aXZlXG4gIF0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGVcbiAgXVxufSlcbmV4cG9ydCBjbGFzcyBEcm9wZG93bk1vZHVsZSB7XG59XG4iXX0=

package/esm2020/component/dynamic-component/dynamic-component.module.mjs

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

package/esm2020/component/dynamic-component/popup-content/popup-content.component.mjs

@@ -26,8 +26,8 @@ export class PopupContentComponent {
     ngOnInit() { }
     ngOnDestroy() { }
 }
-PopupContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: PopupContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-PopupContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: PopupContentComponent, selector: "teta-popup-content", inputs: { className: "className" }, host: { properties: { "@dialog": "this.dialog", "class": "this.getClass" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [""], animations: [
+PopupContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: PopupContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+PopupContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.0", type: PopupContentComponent, selector: "teta-popup-content", inputs: { className: "className" }, host: { properties: { "@dialog": "this.dialog", "class": "this.getClass" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [""], animations: [
         trigger('dialog', [
             transition('void => *', [
                 style({ opacity: '0' }),
@@ -36,7 +36,7 @@ PopupContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
             transition('* => void', [animate(200, style({ opacity: '0' }))]),
         ]),
     ], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: PopupContentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: PopupContentComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-popup-content', animations: [
                         trigger('dialog', [
@@ -46,7 +46,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
                             ]),
                             transition('* => void', [animate(200, style({ opacity: '0' }))]),
                         ]),
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n", styles: [""] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n" }]
         }], ctorParameters: function () { return []; }, propDecorators: { dialog: [{
                 type: HostBinding,
                 args: ['@dialog']

package/esm2020/component/expand-card/expand-card/expand-card.component.mjs

@@ -1,10 +1,10 @@
 import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';
 import * as i0 from "@angular/core";
-import * as i1 from "../../toolbar/toolbar/toolbar.component";
-import * as i2 from "../../button/button/button.component";
-import * as i3 from "../../icon/icon/icon.component";
-import * as i4 from "../../delimiter/delimiter/delimiter.component";
-import * as i5 from "@angular/common";
+import * as i1 from "@angular/common";
+import * as i2 from "../../toolbar/toolbar/toolbar.component";
+import * as i3 from "../../button/button/button.component";
+import * as i4 from "../../icon/icon/icon.component";
+import * as i5 from "../../delimiter/delimiter/delimiter.component";
 export class ExpandCardComponent {
     constructor() {
         this.open = true;
@@ -19,9 +19,9 @@ export class ExpandCardComponent {
         this.openChange.emit(this.open);
     }
 }
-ExpandCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: ExpandCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ExpandCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: ExpandCardComponent, selector: "teta-expand-card", inputs: { open: "open", showCross: "showCross" }, outputs: { openChange: "openChange", crossClick: "crossClick" }, exportAs: ["expand-card"], ngImport: i0, template: "<teta-toolbar class=\"justify-content-between align-center\">\n  <ng-content select=\"head\"></ng-content>\n  <div class=\"row gap align-center\">\n    <button teta-button (click)=\"setOpen()\" [palette]=\"'text'\" [view]=\"'ghost'\" [square]=\"true\">\n      <teta-icon [name]=\"open ? 'arrowUpKey' : 'arrowDownKey'\"></teta-icon>\n    </button>\n    <ng-container *ngIf=\"showCross\">\n      <teta-delimiter [palette]=\"'text'\" class='height-4'></teta-delimiter>\n      <button teta-button (click)=\"crossClick.emit($event)\" [palette]=\"'text'\" [view]=\"'ghost'\" [square]=\"true\">\n        <teta-icon [name]=\"'closeBig'\"></teta-icon>\n      </button>\n    </ng-container>\n  </div>\n</teta-toolbar>\n<div class=\"content\" *ngIf=\"open\">\n  <ng-content></ng-content>\n</div>\n", styles: [":host{border:solid 1px var(--color-text-5);border-radius:4px;animation:append-animate .5s linear;transition:order 5s ease-in}.content{padding:0 12px 12px;animation:append-animate .5s linear}@keyframes append-animate{0%{opacity:0}to{opacity:1}}\n"], components: [{ type: i1.ToolbarComponent, selector: "teta-toolbar", inputs: ["palette", "class"] }, { type: i2.ButtonComponent, selector: "button[teta-button], teta-button", inputs: ["palette", "class", "view", "square"] }, { type: i3.IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }, { type: i4.DelimiterComponent, selector: "teta-delimiter", inputs: ["direction", "palette", "height", "verticalMargin", "horizontalMargin", "class"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: ExpandCardComponent, decorators: [{
+ExpandCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: ExpandCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ExpandCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.0", type: ExpandCardComponent, selector: "teta-expand-card", inputs: { open: "open", showCross: "showCross" }, outputs: { openChange: "openChange", crossClick: "crossClick" }, exportAs: ["expand-card"], ngImport: i0, template: "<teta-toolbar class=\"justify-content-between align-center\">\n  <ng-content select=\"head\"></ng-content>\n  <div class=\"row gap align-center\">\n    <button teta-button (click)=\"setOpen()\" [palette]=\"'text'\" [view]=\"'ghost'\" [square]=\"true\">\n      <teta-icon [name]=\"open ? 'arrowUpKey' : 'arrowDownKey'\"></teta-icon>\n    </button>\n    <ng-container *ngIf=\"showCross\">\n      <teta-delimiter [palette]=\"'text'\" class='height-4'></teta-delimiter>\n      <button teta-button (click)=\"crossClick.emit($event)\" [palette]=\"'text'\" [view]=\"'ghost'\" [square]=\"true\">\n        <teta-icon [name]=\"'closeBig'\"></teta-icon>\n      </button>\n    </ng-container>\n  </div>\n</teta-toolbar>\n<div class=\"content\" *ngIf=\"open\">\n  <ng-content></ng-content>\n</div>\n", styles: [":host{border:solid 1px var(--color-text-5);border-radius:4px;animation:append-animate .5s linear;transition:order 5s ease-in}.content{padding:0 12px 12px;animation:append-animate .5s linear}@keyframes append-animate{0%{opacity:0}to{opacity:1}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.ToolbarComponent, selector: "teta-toolbar", inputs: ["palette", "class"] }, { kind: "component", type: i3.ButtonComponent, selector: "button[teta-button], teta-button", inputs: ["palette", "class", "view", "square"] }, { kind: "component", type: i4.IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }, { kind: "component", type: i5.DelimiterComponent, selector: "teta-delimiter", inputs: ["direction", "palette", "height", "verticalMargin", "horizontalMargin", "class"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: ExpandCardComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-expand-card', changeDetection: ChangeDetectionStrategy.OnPush, exportAs: 'expand-card', template: "<teta-toolbar class=\"justify-content-between align-center\">\n  <ng-content select=\"head\"></ng-content>\n  <div class=\"row gap align-center\">\n    <button teta-button (click)=\"setOpen()\" [palette]=\"'text'\" [view]=\"'ghost'\" [square]=\"true\">\n      <teta-icon [name]=\"open ? 'arrowUpKey' : 'arrowDownKey'\"></teta-icon>\n    </button>\n    <ng-container *ngIf=\"showCross\">\n      <teta-delimiter [palette]=\"'text'\" class='height-4'></teta-delimiter>\n      <button teta-button (click)=\"crossClick.emit($event)\" [palette]=\"'text'\" [view]=\"'ghost'\" [square]=\"true\">\n        <teta-icon [name]=\"'closeBig'\"></teta-icon>\n      </button>\n    </ng-container>\n  </div>\n</teta-toolbar>\n<div class=\"content\" *ngIf=\"open\">\n  <ng-content></ng-content>\n</div>\n", styles: [":host{border:solid 1px var(--color-text-5);border-radius:4px;animation:append-animate .5s linear;transition:order 5s ease-in}.content{padding:0 12px 12px;animation:append-animate .5s linear}@keyframes append-animate{0%{opacity:0}to{opacity:1}}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { open: [{

package/esm2020/component/expand-card/expand-card.module.mjs

@@ -8,20 +8,18 @@ import { DelimiterModule } from '../delimiter/delimiter.module';
 import * as i0 from "@angular/core";
 export class ExpandCardModule {
 }
-ExpandCardModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: ExpandCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ExpandCardModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: ExpandCardModule, declarations: [ExpandCardComponent], imports: [CommonModule,
+ExpandCardModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: ExpandCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ExpandCardModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.0", ngImport: i0, type: ExpandCardModule, declarations: [ExpandCardComponent], imports: [CommonModule,
         ToolbarModule,
         ButtonModule,
         IconModule,
         DelimiterModule], exports: [ExpandCardComponent] });
-ExpandCardModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: ExpandCardModule, imports: [[
-            CommonModule,
-            ToolbarModule,
-            ButtonModule,
-            IconModule,
-            DelimiterModule
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: ExpandCardModule, decorators: [{
+ExpandCardModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: ExpandCardModule, imports: [CommonModule,
+        ToolbarModule,
+        ButtonModule,
+        IconModule,
+        DelimiterModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: ExpandCardModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -39,4 +37,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
                     ]
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhwYW5kLWNhcmQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudC9leHBhbmQtY2FyZC9leHBhbmQtY2FyZC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFFBQVEsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN2QyxPQUFPLEVBQUMsWUFBWSxFQUFDLE1BQU0saUJBQWlCLENBQUM7QUFDN0MsT0FBTyxFQUFDLG1CQUFtQixFQUFDLE1BQU0scUNBQXFDLENBQUM7QUFDeEUsT0FBTyxFQUFDLGFBQWEsRUFBQyxNQUFNLDJCQUEyQixDQUFDO0FBQ3hELE9BQU8sRUFBQyxZQUFZLEVBQUMsTUFBTSx5QkFBeUIsQ0FBQztBQUNyRCxPQUFPLEVBQUMsVUFBVSxFQUFDLE1BQU0scUJBQXFCLENBQUM7QUFDL0MsT0FBTyxFQUFDLGVBQWUsRUFBQyxNQUFNLCtCQUErQixDQUFDOztBQWtCOUQsTUFBTSxPQUFPLGdCQUFnQjs7NkdBQWhCLGdCQUFnQjs4R0FBaEIsZ0JBQWdCLGlCQWJ6QixtQkFBbUIsYUFNbkIsWUFBWTtRQUNaLGFBQWE7UUFDYixZQUFZO1FBQ1osVUFBVTtRQUNWLGVBQWUsYUFQZixtQkFBbUI7OEdBVVYsZ0JBQWdCLFlBUmxCO1lBQ1AsWUFBWTtZQUNaLGFBQWE7WUFDYixZQUFZO1lBQ1osVUFBVTtZQUNWLGVBQWU7U0FDaEI7MkZBRVUsZ0JBQWdCO2tCQWY1QixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWixtQkFBbUI7cUJBQ3BCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxtQkFBbUI7cUJBQ3BCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLGFBQWE7d0JBQ2IsWUFBWTt3QkFDWixVQUFVO3dCQUNWLGVBQWU7cUJBQ2hCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtOZ01vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0NvbW1vbk1vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7RXhwYW5kQ2FyZENvbXBvbmVudH0gZnJvbSAnLi9leHBhbmQtY2FyZC9leHBhbmQtY2FyZC5jb21wb25lbnQnO1xuaW1wb3J0IHtUb29sYmFyTW9kdWxlfSBmcm9tICcuLi90b29sYmFyL3Rvb2xiYXIubW9kdWxlJztcbmltcG9ydCB7QnV0dG9uTW9kdWxlfSBmcm9tICcuLi9idXR0b24vYnV0dG9uLm1vZHVsZSc7XG5pbXBvcnQge0ljb25Nb2R1bGV9IGZyb20gJy4uL2ljb24vaWNvbi5tb2R1bGUnO1xuaW1wb3J0IHtEZWxpbWl0ZXJNb2R1bGV9IGZyb20gJy4uL2RlbGltaXRlci9kZWxpbWl0ZXIubW9kdWxlJztcblxuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBFeHBhbmRDYXJkQ29tcG9uZW50XG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBFeHBhbmRDYXJkQ29tcG9uZW50XG4gIF0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgVG9vbGJhck1vZHVsZSxcbiAgICBCdXR0b25Nb2R1bGUsXG4gICAgSWNvbk1vZHVsZSxcbiAgICBEZWxpbWl0ZXJNb2R1bGVcbiAgXVxufSlcbmV4cG9ydCBjbGFzcyBFeHBhbmRDYXJkTW9kdWxlIHtcbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhwYW5kLWNhcmQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudC9leHBhbmQtY2FyZC9leHBhbmQtY2FyZC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFFBQVEsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN2QyxPQUFPLEVBQUMsWUFBWSxFQUFDLE1BQU0saUJBQWlCLENBQUM7QUFDN0MsT0FBTyxFQUFDLG1CQUFtQixFQUFDLE1BQU0scUNBQXFDLENBQUM7QUFDeEUsT0FBTyxFQUFDLGFBQWEsRUFBQyxNQUFNLDJCQUEyQixDQUFDO0FBQ3hELE9BQU8sRUFBQyxZQUFZLEVBQUMsTUFBTSx5QkFBeUIsQ0FBQztBQUNyRCxPQUFPLEVBQUMsVUFBVSxFQUFDLE1BQU0scUJBQXFCLENBQUM7QUFDL0MsT0FBTyxFQUFDLGVBQWUsRUFBQyxNQUFNLCtCQUErQixDQUFDOztBQWtCOUQsTUFBTSxPQUFPLGdCQUFnQjs7NkdBQWhCLGdCQUFnQjs4R0FBaEIsZ0JBQWdCLGlCQWJ6QixtQkFBbUIsYUFNbkIsWUFBWTtRQUNaLGFBQWE7UUFDYixZQUFZO1FBQ1osVUFBVTtRQUNWLGVBQWUsYUFQZixtQkFBbUI7OEdBVVYsZ0JBQWdCLFlBUHpCLFlBQVk7UUFDWixhQUFhO1FBQ2IsWUFBWTtRQUNaLFVBQVU7UUFDVixlQUFlOzJGQUdOLGdCQUFnQjtrQkFmNUIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUU7d0JBQ1osbUJBQW1CO3FCQUNwQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsbUJBQW1CO3FCQUNwQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixhQUFhO3dCQUNiLFlBQVk7d0JBQ1osVUFBVTt3QkFDVixlQUFlO3FCQUNoQjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7TmdNb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtDb21tb25Nb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge0V4cGFuZENhcmRDb21wb25lbnR9IGZyb20gJy4vZXhwYW5kLWNhcmQvZXhwYW5kLWNhcmQuY29tcG9uZW50JztcbmltcG9ydCB7VG9vbGJhck1vZHVsZX0gZnJvbSAnLi4vdG9vbGJhci90b29sYmFyLm1vZHVsZSc7XG5pbXBvcnQge0J1dHRvbk1vZHVsZX0gZnJvbSAnLi4vYnV0dG9uL2J1dHRvbi5tb2R1bGUnO1xuaW1wb3J0IHtJY29uTW9kdWxlfSBmcm9tICcuLi9pY29uL2ljb24ubW9kdWxlJztcbmltcG9ydCB7RGVsaW1pdGVyTW9kdWxlfSBmcm9tICcuLi9kZWxpbWl0ZXIvZGVsaW1pdGVyLm1vZHVsZSc7XG5cblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgRXhwYW5kQ2FyZENvbXBvbmVudFxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgRXhwYW5kQ2FyZENvbXBvbmVudFxuICBdLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIFRvb2xiYXJNb2R1bGUsXG4gICAgQnV0dG9uTW9kdWxlLFxuICAgIEljb25Nb2R1bGUsXG4gICAgRGVsaW1pdGVyTW9kdWxlXG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgRXhwYW5kQ2FyZE1vZHVsZSB7XG59XG4iXX0=

package/esm2020/component/expand-panel/expand-panel/expand-panel.component.mjs

@@ -2,10 +2,10 @@ import { ChangeDetectionStrategy, Component, ContentChild, EventEmitter, Input,
 import { ExpandPanelContentDirective } from '../expand-panel-content.directive';
 import { ExpandPanelHeadDirective } from '../expand-panel-head.directive';
 import * as i0 from "@angular/core";
-import * as i1 from "../../toolbar/toolbar/toolbar.component";
-import * as i2 from "../../button/button/button.component";
-import * as i3 from "../../icon/icon/icon.component";
-import * as i4 from "@angular/common";
+import * as i1 from "@angular/common";
+import * as i2 from "../../toolbar/toolbar/toolbar.component";
+import * as i3 from "../../button/button/button.component";
+import * as i4 from "../../icon/icon/icon.component";
 export class ExpandPanelComponent {
     constructor() {
         this.open = true;
@@ -40,9 +40,9 @@ export class ExpandPanelComponent {
         this.openChange.emit(this.open);
     }
 }
-ExpandPanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: ExpandPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ExpandPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: ExpandPanelComponent, selector: "teta-expand-panel", inputs: { placeholder: "placeholder", open: "open", cookieName: "cookieName", direction: "direction" }, outputs: { openChange: "openChange" }, queries: [{ propertyName: "content", first: true, predicate: ExpandPanelContentDirective, descendants: true }, { propertyName: "head", first: true, predicate: ExpandPanelHeadDirective, descendants: true }], ngImport: i0, template: "<ng-container *ngIf=\"open\">\n  <teta-toolbar\n    style=\"display: flex\"\n    [style.justifyContent]=\"direction === 'right' ? 'space-between' : 'unset'\"\n    [style.flexDirection]=\"direction === 'right' ? 'row-reverse' : 'row'\">\n    <button\n      teta-button\n      [square]=\"true\"\n      [palette]=\"'text'\"\n      [view]=\"'ghost'\"\n      (click)=\"closePanel()\"\n    >\n      <teta-icon [name]=\"direction === 'right' ? 'arrowRightKey' : 'arrowLeftKey'\"></teta-icon>\n    </button>\n    <span class=\"font-title-2\" style=\"display: contents\"><ng-container\n      *ngTemplateOutlet=\"head?.template\"></ng-container></span>\n  </teta-toolbar>\n  <ng-container *ngTemplateOutlet=\"content?.template\"></ng-container>\n</ng-container>\n<ng-container *ngIf=\"!open\">\n  <div class=\"width-10 overflow-hidden\" style=\"height: 100%;\">\n    <button\n      teta-button\n      style=\"\n        transform-origin: 0 0;\n        transform: rotate(-90deg) translateX(-100%);\n        margin: 8px;\n      \"\n      [palette]=\"'text'\"\n      [view]=\"'ghost'\"\n      (click)=\"openPanel()\"\n    >\n      <div class=\"font-button-2 nowrap\">{{ placeholder }}</div>\n      <teta-icon [name]=\"direction === 'right' ? 'arrowUpKey' : 'arrowDownKey'\"></teta-icon>\n    </button>\n  </div>\n</ng-container>\n", styles: [":host{display:flex;flex-direction:column;flex-grow:0;flex-shrink:0;min-width:0;min-height:0;height:100%}\n"], components: [{ type: i1.ToolbarComponent, selector: "teta-toolbar", inputs: ["palette", "class"] }, { type: i2.ButtonComponent, selector: "button[teta-button], teta-button", inputs: ["palette", "class", "view", "square"] }, { type: i3.IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: ExpandPanelComponent, decorators: [{
+ExpandPanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: ExpandPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ExpandPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.0", type: ExpandPanelComponent, selector: "teta-expand-panel", inputs: { placeholder: "placeholder", open: "open", cookieName: "cookieName", direction: "direction" }, outputs: { openChange: "openChange" }, queries: [{ propertyName: "content", first: true, predicate: ExpandPanelContentDirective, descendants: true }, { propertyName: "head", first: true, predicate: ExpandPanelHeadDirective, descendants: true }], ngImport: i0, template: "<ng-container *ngIf=\"open\">\n  <teta-toolbar\n    style=\"display: flex\"\n    [style.justifyContent]=\"direction === 'right' ? 'space-between' : 'unset'\"\n    [style.flexDirection]=\"direction === 'right' ? 'row-reverse' : 'row'\">\n    <button\n      teta-button\n      [square]=\"true\"\n      [palette]=\"'text'\"\n      [view]=\"'ghost'\"\n      (click)=\"closePanel()\"\n    >\n      <teta-icon [name]=\"direction === 'right' ? 'arrowRightKey' : 'arrowLeftKey'\"></teta-icon>\n    </button>\n    <span class=\"font-title-2\" style=\"display: contents\"><ng-container\n      *ngTemplateOutlet=\"head?.template\"></ng-container></span>\n  </teta-toolbar>\n  <ng-container *ngTemplateOutlet=\"content?.template\"></ng-container>\n</ng-container>\n<ng-container *ngIf=\"!open\">\n  <div class=\"width-10 overflow-hidden\" style=\"height: 100%;\">\n    <button\n      teta-button\n      style=\"\n        transform-origin: 0 0;\n        transform: rotate(-90deg) translateX(-100%);\n        margin: 8px;\n      \"\n      [palette]=\"'text'\"\n      [view]=\"'ghost'\"\n      (click)=\"openPanel()\"\n    >\n      <div class=\"font-button-2 nowrap\">{{ placeholder }}</div>\n      <teta-icon [name]=\"direction === 'right' ? 'arrowUpKey' : 'arrowDownKey'\"></teta-icon>\n    </button>\n  </div>\n</ng-container>\n", styles: [":host{display:flex;flex-direction:column;flex-grow:0;flex-shrink:0;min-width:0;min-height:0;height:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.ToolbarComponent, selector: "teta-toolbar", inputs: ["palette", "class"] }, { kind: "component", type: i3.ButtonComponent, selector: "button[teta-button], teta-button", inputs: ["palette", "class", "view", "square"] }, { kind: "component", type: i4.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: ExpandPanelComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-expand-panel', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"open\">\n  <teta-toolbar\n    style=\"display: flex\"\n    [style.justifyContent]=\"direction === 'right' ? 'space-between' : 'unset'\"\n    [style.flexDirection]=\"direction === 'right' ? 'row-reverse' : 'row'\">\n    <button\n      teta-button\n      [square]=\"true\"\n      [palette]=\"'text'\"\n      [view]=\"'ghost'\"\n      (click)=\"closePanel()\"\n    >\n      <teta-icon [name]=\"direction === 'right' ? 'arrowRightKey' : 'arrowLeftKey'\"></teta-icon>\n    </button>\n    <span class=\"font-title-2\" style=\"display: contents\"><ng-container\n      *ngTemplateOutlet=\"head?.template\"></ng-container></span>\n  </teta-toolbar>\n  <ng-container *ngTemplateOutlet=\"content?.template\"></ng-container>\n</ng-container>\n<ng-container *ngIf=\"!open\">\n  <div class=\"width-10 overflow-hidden\" style=\"height: 100%;\">\n    <button\n      teta-button\n      style=\"\n        transform-origin: 0 0;\n        transform: rotate(-90deg) translateX(-100%);\n        margin: 8px;\n      \"\n      [palette]=\"'text'\"\n      [view]=\"'ghost'\"\n      (click)=\"openPanel()\"\n    >\n      <div class=\"font-button-2 nowrap\">{{ placeholder }}</div>\n      <teta-icon [name]=\"direction === 'right' ? 'arrowUpKey' : 'arrowDownKey'\"></teta-icon>\n    </button>\n  </div>\n</ng-container>\n", styles: [":host{display:flex;flex-direction:column;flex-grow:0;flex-shrink:0;min-width:0;min-height:0;height:100%}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { content: [{

package/esm2020/component/expand-panel/expand-panel-content.directive.mjs

@@ -5,9 +5,9 @@ export class ExpandPanelContentDirective {
         this.template = template;
     }
 }
-ExpandPanelContentDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: ExpandPanelContentDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-ExpandPanelContentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: ExpandPanelContentDirective, selector: "[tetaExpandPanelContent]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: ExpandPanelContentDirective, decorators: [{
+ExpandPanelContentDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: ExpandPanelContentDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+ExpandPanelContentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.0", type: ExpandPanelContentDirective, selector: "[tetaExpandPanelContent]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: ExpandPanelContentDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[tetaExpandPanelContent]',

package/esm2020/component/expand-panel/expand-panel-head.directive.mjs

@@ -5,9 +5,9 @@ export class ExpandPanelHeadDirective {
         this.template = template;
     }
 }
-ExpandPanelHeadDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: ExpandPanelHeadDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-ExpandPanelHeadDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: ExpandPanelHeadDirective, selector: "[tetaExpandPanelHead]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: ExpandPanelHeadDirective, decorators: [{
+ExpandPanelHeadDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: ExpandPanelHeadDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+ExpandPanelHeadDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.0", type: ExpandPanelHeadDirective, selector: "[tetaExpandPanelHead]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: ExpandPanelHeadDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[tetaExpandPanelHead]',