npm - @tetacom/ng-components - Versions diffs - 1.4.21 → 1.5.0 - Mend

@tetacom/ng-components 1.4.21 → 1.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (326) hide show

package/fesm2022/tetacom-ng-components.mjs CHANGED Viewed

@@ -30,10 +30,10 @@ class AccordionComponent {
     constructor() {
         this.accordionClassName = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: AccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: AccordionComponent, isStandalone: true, selector: "teta-accordion", host: { properties: { "class.accordion": "this.accordionClassName" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: AccordionComponent, isStandalone: true, selector: "teta-accordion", host: { properties: { "class.accordion": "this.accordionClassName" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: AccordionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AccordionComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-accordion', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<ng-content></ng-content>\n" }]
         }], propDecorators: { accordionClassName: [{
@@ -45,10 +45,10 @@ class AccordionContentDirective {
     constructor(template) {
         this.template = template;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: AccordionContentDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.1", type: AccordionContentDirective, isStandalone: true, selector: "[tetaAccordionContent]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AccordionContentDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.5", type: AccordionContentDirective, isStandalone: true, selector: "[tetaAccordionContent]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: AccordionContentDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AccordionContentDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[tetaAccordionContent]',
@@ -76,12 +76,12 @@ class AccordionItemComponent {
         this.open = !this.open;
         this.cdr$.detectChanges();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: AccordionItemComponent, deps: [{ token: AccordionComponent, optional: true }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: AccordionItemComponent, isStandalone: true, selector: "teta-accordion-item", inputs: { open: "open", disabled: "disabled", divider: "divider", viewType: "viewType" }, host: { properties: { "class.accordion-item_active": "this.open", "class.accordion-item": "this.accordionItemClass", "class.accordion-item_divider": "this.dividerClass", "class": "this.class" } }, queries: [{ propertyName: "content", first: true, predicate: AccordionContentDirective, descendants: true }], ngImport: i0, template: "<ng-content select=\"teta-accordion-head\"></ng-content>\n@if (open) {\n  <div class=\"accordion-content\">\n    <ng-container *ngTemplateOutlet=\"content!.template\"></ng-container>\n  </div>\n}\n", styles: [""], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AccordionItemComponent, deps: [{ token: AccordionComponent, optional: true }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: AccordionItemComponent, isStandalone: true, selector: "teta-accordion-item", inputs: { open: "open", disabled: "disabled", divider: "divider", viewType: "viewType" }, host: { properties: { "class.accordion-item_active": "this.open", "class.accordion-item": "this.accordionItemClass", "class.accordion-item_divider": "this.dividerClass", "class": "this.class" } }, queries: [{ propertyName: "content", first: true, predicate: AccordionContentDirective, descendants: true }], ngImport: i0, template: "<ng-content select=\"teta-accordion-head\"></ng-content>\n@if (open) {\n  <div class=\"accordion-content\">\n    <ng-container *ngTemplateOutlet=\"content!.template\"></ng-container>\n  </div>\n}\n", styles: [""], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: AccordionItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AccordionItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'teta-accordion-item', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgTemplateOutlet], template: "<ng-content select=\"teta-accordion-head\"></ng-content>\n@if (open) {\n  <div class=\"accordion-content\">\n    <ng-container *ngTemplateOutlet=\"content!.template\"></ng-container>\n  </div>\n}\n" }]
+            args: [{ selector: 'teta-accordion-item', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgTemplateOutlet], template: "<ng-content select=\"teta-accordion-head\"></ng-content>\n@if (open) {\n  <div class=\"accordion-content\">\n    <ng-container *ngTemplateOutlet=\"content!.template\"></ng-container>\n  </div>\n}\n" }]
         }], ctorParameters: () => [{ type: AccordionComponent, decorators: [{
                     type: Optional
                 }, {
@@ -160,10 +160,10 @@ class IconService {
     cloneSVG(svg) {
         return svg.cloneNode(true);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: IconService, deps: [{ token: DOCUMENT }, { token: i0.RendererFactory2 }, { token: i1.HttpBackend }, { token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: IconService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: IconService, deps: [{ token: DOCUMENT }, { token: i0.RendererFactory2 }, { token: i1.HttpBackend }, { token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: IconService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: IconService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: IconService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -188,10 +188,10 @@ class IconSpriteDirective {
             });
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: IconSpriteDirective, deps: [{ token: IconService }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.1", type: IconSpriteDirective, isStandalone: true, selector: "[tetaIconSprite]", inputs: { tetaIconSprite: "tetaIconSprite", bypassInterceptors: "bypassInterceptors" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: IconSpriteDirective, deps: [{ token: IconService }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.5", type: IconSpriteDirective, isStandalone: true, selector: "[tetaIconSprite]", inputs: { tetaIconSprite: "tetaIconSprite", bypassInterceptors: "bypassInterceptors" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: IconSpriteDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: IconSpriteDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[tetaIconSprite]',
@@ -234,12 +234,12 @@ class IconComponent {
     getName() {
         return `#${this.name}`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: IconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: IconComponent, isStandalone: true, selector: "teta-icon", inputs: { name: "name", size: "size", palette: "palette", class: "class" }, host: { properties: { "class": "this.getClass" } }, ngImport: i0, template: "<svg class=\"icon__image\" style=\"width: 100%; height: 100%\">\n  <use [attr.xlink:href]=\"getName()\"></use>\n</svg>\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: IconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: IconComponent, isStandalone: true, selector: "teta-icon", inputs: { name: "name", size: "size", palette: "palette", class: "class" }, host: { properties: { "class": "this.getClass" } }, ngImport: i0, template: "<svg class=\"icon__image\" style=\"width: 100%; height: 100%\">\n  <use [attr.xlink:href]=\"getName()\"></use>\n</svg>\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: IconComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: IconComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'teta-icon', imports: [IconSpriteDirective], changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<svg class=\"icon__image\" style=\"width: 100%; height: 100%\">\n  <use [attr.xlink:href]=\"getName()\"></use>\n</svg>\n" }]
+            args: [{ selector: 'teta-icon', imports: [IconSpriteDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<svg class=\"icon__image\" style=\"width: 100%; height: 100%\">\n  <use [attr.xlink:href]=\"getName()\"></use>\n</svg>\n" }]
         }], propDecorators: { name: [{
                 type: Input
             }], size: [{
@@ -272,12 +272,12 @@ class AccordionHeadComponent {
         return this.accordionItem$.disabled;
     }
     ngOnInit() { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: AccordionHeadComponent, deps: [{ token: AccordionItemComponent, host: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: AccordionHeadComponent, isStandalone: true, 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@if (showToggle) {\n  <div class=\"accordion-toggle\" [class.accordion-toggle_opened]=\"open\">\n    <teta-icon [name]=\"'arrowDownKey'\"></teta-icon>\n  </div>\n}\n", styles: [""], dependencies: [{ kind: "component", type: IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AccordionHeadComponent, deps: [{ token: AccordionItemComponent, host: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: AccordionHeadComponent, isStandalone: true, 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@if (showToggle) {\n  <div class=\"accordion-toggle\" [class.accordion-toggle_opened]=\"open\">\n    <teta-icon [name]=\"'arrowDownKey'\"></teta-icon>\n  </div>\n}\n", styles: [""], dependencies: [{ kind: "component", type: IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: AccordionHeadComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AccordionHeadComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'teta-accordion-head', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [IconComponent], template: "<ng-content></ng-content>\n@if (showToggle) {\n  <div class=\"accordion-toggle\" [class.accordion-toggle_opened]=\"open\">\n    <teta-icon [name]=\"'arrowDownKey'\"></teta-icon>\n  </div>\n}\n" }]
+            args: [{ selector: 'teta-accordion-head', changeDetection: ChangeDetectionStrategy.OnPush, imports: [IconComponent], template: "<ng-content></ng-content>\n@if (showToggle) {\n  <div class=\"accordion-toggle\" [class.accordion-toggle_opened]=\"open\">\n    <teta-icon [name]=\"'arrowDownKey'\"></teta-icon>\n  </div>\n}\n" }]
         }], ctorParameters: () => [{ type: AccordionItemComponent, decorators: [{
                     type: Host
                 }, {
@@ -351,12 +351,12 @@ class AvatarComponent {
             .set(AvatarColorEnum.greyish, '#7F8697');
     }
     ngOnInit() { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: AvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: AvatarComponent, isStandalone: true, selector: "teta-avatar", inputs: { photo: "photo", name: "name", id: "id", viewType: "viewType", size: "size" }, host: { properties: { "class": "this.avatar" } }, ngImport: i0, template: "<div [class]=\"avatar\">\n  @if (photo) {\n    <img [class]=\"'avatar_' + this.viewType\" [src]=\"photo\" alt=\"\" />\n  } @else {\n    <div\n      [class]=\"'avatar_' + this.viewType\"\n      [style.background-color]=\"colorMap.get(id % 17) || colorMap.get(0)\"\n      class=\"column align-center justify-content-center position-relative\"\n    >\n      @if (name) {\n        <p>{{ name }}</p>\n      } @else {\n        <teta-icon\n          class=\"width-10 height-10\"\n          style=\"fill: white;width:{{ size }}px; height:{{ size }}px\"\n          name=\"photoCamera\"\n        ></teta-icon>\n      }\n      <div\n        [class]=\"'avatar_' + this.viewType\"\n        class=\"position-absolute\"\n        style=\"width: 100%;z-index:1;height: 100%; background: linear-gradient(180deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0) 100%);'\"\n      ></div>\n    </div>\n  }\n</div>\n", styles: [".avatar{font-style:normal;font-weight:600;line-height:16px}.avatar_brick{border-radius:var(--radius-base-brick)}.avatar_circle{border-radius:var(--radius-base-circle)}.avatar_rounded{border-radius:var(--radius-base-round)}.avatar-size-24{height:24px;width:24px;font-size:11px}.avatar-size-24 img,.avatar-size-24 div{height:24px;width:24px}.avatar-size-28{height:28px;width:28px;font-size:11px}.avatar-size-28 img,.avatar-size-28 div{height:28px;width:28px}.avatar-size-32{height:32px;width:32px;font-size:11px}.avatar-size-32 img,.avatar-size-32 div{height:32px;width:32px}.avatar-size-44{height:44px;width:44px;font-size:14px}.avatar-size-44 img,.avatar-size-44 div{height:44px;width:44px}.avatar-size-64{height:64px;width:64px;font-size:16px}.avatar-size-64 img,.avatar-size-64 div{height:64px;width:64px}.avatar-size-128{height:128px;width:128px;font-size:28px}.avatar-size-128 img,.avatar-size-128 div{height:128px;width:128px}.avatar-size-200{height:200px;width:200px;font-size:35px}.avatar-size-200 img,.avatar-size-200 div{height:200px;width:200px}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: AvatarComponent, isStandalone: true, selector: "teta-avatar", inputs: { photo: "photo", name: "name", id: "id", viewType: "viewType", size: "size" }, host: { properties: { "class": "this.avatar" } }, ngImport: i0, template: "<div [class]=\"avatar\">\n  @if (photo) {\n    <img [class]=\"'avatar_' + this.viewType\" [src]=\"photo\" alt=\"\" />\n  } @else {\n    <div\n      [class]=\"'avatar_' + this.viewType\"\n      [style.background-color]=\"colorMap.get(id % 17) || colorMap.get(0)\"\n      class=\"column align-center justify-content-center position-relative\"\n    >\n      @if (name) {\n        <p>{{ name }}</p>\n      } @else {\n        <teta-icon\n          class=\"width-10 height-10\"\n          style=\"fill: white;width:{{ size }}px; height:{{ size }}px\"\n          name=\"photoCamera\"\n        ></teta-icon>\n      }\n      <div\n        [class]=\"'avatar_' + this.viewType\"\n        class=\"position-absolute\"\n        style=\"width: 100%;z-index:1;height: 100%; background: linear-gradient(180deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0) 100%);'\"\n      ></div>\n    </div>\n  }\n</div>\n", styles: [".avatar{font-style:normal;font-weight:600;line-height:16px}.avatar_brick{border-radius:var(--radius-base-brick)}.avatar_circle{border-radius:var(--radius-base-circle)}.avatar_rounded{border-radius:var(--radius-base-round)}.avatar-size-24{height:24px;width:24px;font-size:11px}.avatar-size-24 img,.avatar-size-24 div{height:24px;width:24px}.avatar-size-28{height:28px;width:28px;font-size:11px}.avatar-size-28 img,.avatar-size-28 div{height:28px;width:28px}.avatar-size-32{height:32px;width:32px;font-size:11px}.avatar-size-32 img,.avatar-size-32 div{height:32px;width:32px}.avatar-size-44{height:44px;width:44px;font-size:14px}.avatar-size-44 img,.avatar-size-44 div{height:44px;width:44px}.avatar-size-64{height:64px;width:64px;font-size:16px}.avatar-size-64 img,.avatar-size-64 div{height:64px;width:64px}.avatar-size-128{height:128px;width:128px;font-size:28px}.avatar-size-128 img,.avatar-size-128 div{height:128px;width:128px}.avatar-size-200{height:200px;width:200px;font-size:35px}.avatar-size-200 img,.avatar-size-200 div{height:200px;width:200px}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: AvatarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AvatarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'teta-avatar', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [IconComponent], template: "<div [class]=\"avatar\">\n  @if (photo) {\n    <img [class]=\"'avatar_' + this.viewType\" [src]=\"photo\" alt=\"\" />\n  } @else {\n    <div\n      [class]=\"'avatar_' + this.viewType\"\n      [style.background-color]=\"colorMap.get(id % 17) || colorMap.get(0)\"\n      class=\"column align-center justify-content-center position-relative\"\n    >\n      @if (name) {\n        <p>{{ name }}</p>\n      } @else {\n        <teta-icon\n          class=\"width-10 height-10\"\n          style=\"fill: white;width:{{ size }}px; height:{{ size }}px\"\n          name=\"photoCamera\"\n        ></teta-icon>\n      }\n      <div\n        [class]=\"'avatar_' + this.viewType\"\n        class=\"position-absolute\"\n        style=\"width: 100%;z-index:1;height: 100%; background: linear-gradient(180deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0) 100%);'\"\n      ></div>\n    </div>\n  }\n</div>\n", styles: [".avatar{font-style:normal;font-weight:600;line-height:16px}.avatar_brick{border-radius:var(--radius-base-brick)}.avatar_circle{border-radius:var(--radius-base-circle)}.avatar_rounded{border-radius:var(--radius-base-round)}.avatar-size-24{height:24px;width:24px;font-size:11px}.avatar-size-24 img,.avatar-size-24 div{height:24px;width:24px}.avatar-size-28{height:28px;width:28px;font-size:11px}.avatar-size-28 img,.avatar-size-28 div{height:28px;width:28px}.avatar-size-32{height:32px;width:32px;font-size:11px}.avatar-size-32 img,.avatar-size-32 div{height:32px;width:32px}.avatar-size-44{height:44px;width:44px;font-size:14px}.avatar-size-44 img,.avatar-size-44 div{height:44px;width:44px}.avatar-size-64{height:64px;width:64px;font-size:16px}.avatar-size-64 img,.avatar-size-64 div{height:64px;width:64px}.avatar-size-128{height:128px;width:128px;font-size:28px}.avatar-size-128 img,.avatar-size-128 div{height:128px;width:128px}.avatar-size-200{height:200px;width:200px;font-size:35px}.avatar-size-200 img,.avatar-size-200 div{height:200px;width:200px}\n"] }]
+            args: [{ selector: 'teta-avatar', changeDetection: ChangeDetectionStrategy.OnPush, imports: [IconComponent], template: "<div [class]=\"avatar\">\n  @if (photo) {\n    <img [class]=\"'avatar_' + this.viewType\" [src]=\"photo\" alt=\"\" />\n  } @else {\n    <div\n      [class]=\"'avatar_' + this.viewType\"\n      [style.background-color]=\"colorMap.get(id % 17) || colorMap.get(0)\"\n      class=\"column align-center justify-content-center position-relative\"\n    >\n      @if (name) {\n        <p>{{ name }}</p>\n      } @else {\n        <teta-icon\n          class=\"width-10 height-10\"\n          style=\"fill: white;width:{{ size }}px; height:{{ size }}px\"\n          name=\"photoCamera\"\n        ></teta-icon>\n      }\n      <div\n        [class]=\"'avatar_' + this.viewType\"\n        class=\"position-absolute\"\n        style=\"width: 100%;z-index:1;height: 100%; background: linear-gradient(180deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0) 100%);'\"\n      ></div>\n    </div>\n  }\n</div>\n", styles: [".avatar{font-style:normal;font-weight:600;line-height:16px}.avatar_brick{border-radius:var(--radius-base-brick)}.avatar_circle{border-radius:var(--radius-base-circle)}.avatar_rounded{border-radius:var(--radius-base-round)}.avatar-size-24{height:24px;width:24px;font-size:11px}.avatar-size-24 img,.avatar-size-24 div{height:24px;width:24px}.avatar-size-28{height:28px;width:28px;font-size:11px}.avatar-size-28 img,.avatar-size-28 div{height:28px;width:28px}.avatar-size-32{height:32px;width:32px;font-size:11px}.avatar-size-32 img,.avatar-size-32 div{height:32px;width:32px}.avatar-size-44{height:44px;width:44px;font-size:14px}.avatar-size-44 img,.avatar-size-44 div{height:44px;width:44px}.avatar-size-64{height:64px;width:64px;font-size:16px}.avatar-size-64 img,.avatar-size-64 div{height:64px;width:64px}.avatar-size-128{height:128px;width:128px;font-size:28px}.avatar-size-128 img,.avatar-size-128 div{height:128px;width:128px}.avatar-size-200{height:200px;width:200px;font-size:35px}.avatar-size-200 img,.avatar-size-200 div{height:200px;width:200px}\n"] }]
         }], ctorParameters: () => [], propDecorators: { photo: [{
                 type: Input
             }], name: [{
@@ -375,10 +375,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImpor
 class AutocompleteComponent {
     constructor() { }
     ngOnInit() { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: AutocompleteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: AutocompleteComponent, isStandalone: true, selector: "teta-autocomplete", ngImport: i0, template: "<p>autocomplete works!</p>\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AutocompleteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: AutocompleteComponent, isStandalone: true, selector: "teta-autocomplete", ngImport: i0, template: "<p>autocomplete works!</p>\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: AutocompleteComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AutocompleteComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-autocomplete', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<p>autocomplete works!</p>\n" }]
         }], ctorParameters: () => [] });
@@ -424,10 +424,10 @@ class ButtonComponent {
         result.push(`button_${this.viewType}`);
         return result.join(' ');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: ButtonComponent, isStandalone: true, selector: "button[teta-button], teta-button", inputs: { palette: "palette", class: "class", view: "view", square: "square", viewType: "viewType", size: "size" }, host: { properties: { "class": "this.getClass" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: ButtonComponent, isStandalone: true, selector: "button[teta-button], teta-button", inputs: { palette: "palette", class: "class", view: "view", square: "square", viewType: "viewType", size: "size" }, 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: "18.2.1", ngImport: i0, type: ButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: ButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'button[teta-button], teta-button', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<ng-content></ng-content>\n" }]
         }], propDecorators: { palette: [{
@@ -475,10 +475,10 @@ class ThemeSwitchService {
         }
         return true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ThemeSwitchService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ThemeSwitchService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: ThemeSwitchService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: ThemeSwitchService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ThemeSwitchService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: ThemeSwitchService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -704,10 +704,10 @@ class Chart3dComponent {
             .nice();
         return { x, y, z };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: Chart3dComponent, deps: [{ token: i0.ElementRef }, { token: ThemeSwitchService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: Chart3dComponent, isStandalone: true, 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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: Chart3dComponent, deps: [{ token: i0.ElementRef }, { token: ThemeSwitchService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: Chart3dComponent, isStandalone: true, 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: "18.2.1", ngImport: i0, type: Chart3dComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: Chart3dComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-chart3d', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<canvas #canvas></canvas>\n", styles: [":host{display:flex;width:100%;height:100%}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: ThemeSwitchService }], propDecorators: { canvasRef: [{
@@ -813,12 +813,12 @@ class CheckboxComponent {
         this.disabled = isDisabled;
         this.cdr.detectChanges();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: CheckboxComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: CheckboxComponent, isStandalone: true, selector: "teta-checkbox", inputs: { class: "class", palette: "palette", noLabel: "noLabel", disabled: "disabled", value: "value", binary: "binary", labelPosition: "labelPosition", 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: "@if (labelPosition === 'right') {\n  <div class=\"checkbox__tick\" [class.checkbox__tick_active]=\"checked != false\">\n    <teta-icon [name]=\"checked ? 'tick' : checked === false ? '' : 'dash'\"></teta-icon>\n  </div>\n  @if (!noLabel) {\n    <span class=\"font-body-3\">\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </span>\n  }\n}\n@if (labelPosition === 'left') {\n  @if (!noLabel) {\n    <span class=\"font-body-3\">\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </span>\n  }\n  <div class=\"checkbox__tick\" [class.checkbox__tick_active]=\"checked != false\">\n    <teta-icon [name]=\"checked ? 'tick' : checked === false ? '' : 'dash'\"></teta-icon>\n  </div>\n}\n<ng-template #content><ng-content></ng-content></ng-template>\n", styles: [""], dependencies: [{ kind: "component", type: IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: CheckboxComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: CheckboxComponent, isStandalone: true, selector: "teta-checkbox", inputs: { class: "class", palette: "palette", noLabel: "noLabel", disabled: "disabled", value: "value", binary: "binary", labelPosition: "labelPosition", 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: "@if (labelPosition === 'right') {\n  <div class=\"checkbox__tick\" [class.checkbox__tick_active]=\"checked != false\">\n    <teta-icon [name]=\"checked ? 'tick' : checked === false ? '' : 'dash'\"></teta-icon>\n  </div>\n  @if (!noLabel) {\n    <span class=\"font-body-3\">\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </span>\n  }\n}\n@if (labelPosition === 'left') {\n  @if (!noLabel) {\n    <span class=\"font-body-3\">\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </span>\n  }\n  <div class=\"checkbox__tick\" [class.checkbox__tick_active]=\"checked != false\">\n    <teta-icon [name]=\"checked ? 'tick' : checked === false ? '' : 'dash'\"></teta-icon>\n  </div>\n}\n<ng-template #content><ng-content></ng-content></ng-template>\n", styles: [""], dependencies: [{ kind: "component", type: IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: CheckboxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: CheckboxComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'teta-checkbox', providers: [CHECKBOX_CONTROL_VALUE_ACCESSOR], changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [IconComponent, NgTemplateOutlet], template: "@if (labelPosition === 'right') {\n  <div class=\"checkbox__tick\" [class.checkbox__tick_active]=\"checked != false\">\n    <teta-icon [name]=\"checked ? 'tick' : checked === false ? '' : 'dash'\"></teta-icon>\n  </div>\n  @if (!noLabel) {\n    <span class=\"font-body-3\">\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </span>\n  }\n}\n@if (labelPosition === 'left') {\n  @if (!noLabel) {\n    <span class=\"font-body-3\">\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </span>\n  }\n  <div class=\"checkbox__tick\" [class.checkbox__tick_active]=\"checked != false\">\n    <teta-icon [name]=\"checked ? 'tick' : checked === false ? '' : 'dash'\"></teta-icon>\n  </div>\n}\n<ng-template #content><ng-content></ng-content></ng-template>\n" }]
+            args: [{ selector: 'teta-checkbox', providers: [CHECKBOX_CONTROL_VALUE_ACCESSOR], changeDetection: ChangeDetectionStrategy.OnPush, imports: [IconComponent, NgTemplateOutlet], template: "@if (labelPosition === 'right') {\n  <div class=\"checkbox__tick\" [class.checkbox__tick_active]=\"checked != false\">\n    <teta-icon [name]=\"checked ? 'tick' : checked === false ? '' : 'dash'\"></teta-icon>\n  </div>\n  @if (!noLabel) {\n    <span class=\"font-body-3\">\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </span>\n  }\n}\n@if (labelPosition === 'left') {\n  @if (!noLabel) {\n    <span class=\"font-body-3\">\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </span>\n  }\n  <div class=\"checkbox__tick\" [class.checkbox__tick_active]=\"checked != false\">\n    <teta-icon [name]=\"checked ? 'tick' : checked === false ? '' : 'dash'\"></teta-icon>\n  </div>\n}\n<ng-template #content><ng-content></ng-content></ng-template>\n" }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { tabindex: [{
                 type: HostBinding,
                 args: ['attr.tabindex']
@@ -1045,10 +1045,10 @@ class TetaConfigService {
             this.locale$.next(this.defaultLocale);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: TetaConfigService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: TetaConfigService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: TetaConfigService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: TetaConfigService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: TetaConfigService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: TetaConfigService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -1173,14 +1173,15 @@ class BaseCalendar {
     selectDate(date) {
         this.setDate.emit(date);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: BaseCalendar, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: BaseCalendar, selector: "ng-component", usesOnChanges: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: BaseCalendar, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: BaseCalendar, isStandalone: false, selector: "ng-component", usesOnChanges: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: BaseCalendar, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: BaseCalendar, decorators: [{
             type: Component,
             args: [{
                     template: '',
                     changeDetection: ChangeDetectionStrategy.OnPush,
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }] });
@@ -1195,10 +1196,10 @@ class ScrollToSelectedYearDirective {
     ngAfterViewInit() {
         this.el.nativeElement.scrollIntoView({ inline: 'center', block: 'center' });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ScrollToSelectedYearDirective, deps: [{ token: ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.1", type: ScrollToSelectedYearDirective, isStandalone: true, selector: "[tetaScrollToSelectedYear]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: ScrollToSelectedYearDirective, deps: [{ token: ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.5", type: ScrollToSelectedYearDirective, isStandalone: true, selector: "[tetaScrollToSelectedYear]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ScrollToSelectedYearDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: ScrollToSelectedYearDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[tetaScrollToSelectedYear]',
@@ -1234,12 +1235,12 @@ class YearPickerComponent {
         }
         return false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: YearPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: YearPickerComponent, isStandalone: true, selector: "teta-year-picker", inputs: { selectedYear: "selectedYear", viewType: "viewType", minMax: "minMax", locale: "locale" }, outputs: { selectYear: "selectYear" }, ngImport: i0, template: "<div class=\"column\">\n  <div class=\"font-title-3 padding-v-4 padding-h-3\">\n    <p>{{ locale.selectYear }}</p>\n  </div>\n  <div class=\"datepicker-year overflow-y-auto\">\n    @for (y of years; track y) {\n      <div class=\"font-button-2\" (click)=\"pickYear(y.id, y.disabled)\">\n        <div\n          [ngClass]=\"{ 'datepicker-year_item_active': y.isSelected, 'datepicker-year_item_disabled': y.disabled }\"\n          [class]=\"'datepicker-year_item column align-center justify-content-center datepicker_' + viewType\"\n        >\n          @if (y.isSelected === true) {\n            <div tetaScrollToSelectedYear>\n              <span>{{ y.id }}</span>\n            </div>\n          }\n          @if (!y.isSelected) {\n            <div>\n              <span>{{ y.id }} </span>\n            </div>\n          }\n        </div>\n      </div>\n    }\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: ScrollToSelectedYearDirective, selector: "[tetaScrollToSelectedYear]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: YearPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: YearPickerComponent, isStandalone: true, selector: "teta-year-picker", inputs: { selectedYear: "selectedYear", viewType: "viewType", minMax: "minMax", locale: "locale" }, outputs: { selectYear: "selectYear" }, ngImport: i0, template: "<div class=\"column\">\n  <div class=\"font-title-3 padding-v-4 padding-h-3\">\n    <p>{{ locale.selectYear }}</p>\n  </div>\n  <div class=\"datepicker-year overflow-y-auto\">\n    @for (y of years; track y) {\n      <div class=\"font-button-2\" (click)=\"pickYear(y.id, y.disabled)\">\n        <div\n          [ngClass]=\"{ 'datepicker-year_item_active': y.isSelected, 'datepicker-year_item_disabled': y.disabled }\"\n          [class]=\"'datepicker-year_item column align-center justify-content-center datepicker_' + viewType\"\n        >\n          @if (y.isSelected === true) {\n            <div tetaScrollToSelectedYear>\n              <span>{{ y.id }}</span>\n            </div>\n          }\n          @if (!y.isSelected) {\n            <div>\n              <span>{{ y.id }} </span>\n            </div>\n          }\n        </div>\n      </div>\n    }\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: ScrollToSelectedYearDirective, selector: "[tetaScrollToSelectedYear]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: YearPickerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: YearPickerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'teta-year-picker', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgClass, ScrollToSelectedYearDirective], template: "<div class=\"column\">\n  <div class=\"font-title-3 padding-v-4 padding-h-3\">\n    <p>{{ locale.selectYear }}</p>\n  </div>\n  <div class=\"datepicker-year overflow-y-auto\">\n    @for (y of years; track y) {\n      <div class=\"font-button-2\" (click)=\"pickYear(y.id, y.disabled)\">\n        <div\n          [ngClass]=\"{ 'datepicker-year_item_active': y.isSelected, 'datepicker-year_item_disabled': y.disabled }\"\n          [class]=\"'datepicker-year_item column align-center justify-content-center datepicker_' + viewType\"\n        >\n          @if (y.isSelected === true) {\n            <div tetaScrollToSelectedYear>\n              <span>{{ y.id }}</span>\n            </div>\n          }\n          @if (!y.isSelected) {\n            <div>\n              <span>{{ y.id }} </span>\n            </div>\n          }\n        </div>\n      </div>\n    }\n  </div>\n</div>\n" }]
+            args: [{ selector: 'teta-year-picker', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgClass, ScrollToSelectedYearDirective], template: "<div class=\"column\">\n  <div class=\"font-title-3 padding-v-4 padding-h-3\">\n    <p>{{ locale.selectYear }}</p>\n  </div>\n  <div class=\"datepicker-year overflow-y-auto\">\n    @for (y of years; track y) {\n      <div class=\"font-button-2\" (click)=\"pickYear(y.id, y.disabled)\">\n        <div\n          [ngClass]=\"{ 'datepicker-year_item_active': y.isSelected, 'datepicker-year_item_disabled': y.disabled }\"\n          [class]=\"'datepicker-year_item column align-center justify-content-center datepicker_' + viewType\"\n        >\n          @if (y.isSelected === true) {\n            <div tetaScrollToSelectedYear>\n              <span>{{ y.id }}</span>\n            </div>\n          }\n          @if (!y.isSelected) {\n            <div>\n              <span>{{ y.id }} </span>\n            </div>\n          }\n        </div>\n      </div>\n    }\n  </div>\n</div>\n" }]
         }], ctorParameters: () => [], propDecorators: { selectedYear: [{
                 type: Input
             }], viewType: [{
@@ -1274,12 +1275,12 @@ class MonthPickerComponent {
             };
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: MonthPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: MonthPickerComponent, isStandalone: true, selector: "teta-month-picker", inputs: { selectedMonth: "selectedMonth", viewType: "viewType", currentYear: "currentYear", localeMoths: "localeMoths" }, outputs: { selectMonth: "selectMonth", changeYear: "changeYear" }, ngImport: i0, template: "<div class=\"padding-h-3 padding-v-2 gap-8 column datepicker-month-wrapper\">\n  <div class=\"row align-center justify-content-between font-button-2\">\n    <teta-button\n      [class]=\"'change-month-button datepicker_' + viewType\"\n      [square]=\"true\"\n      (click)=\"pickYear(currentYear - 1)\"\n      palette=\"text\"\n      view=\"ghost\"\n    >\n      <teta-icon name=\"arrowLeftKey\" [palette]=\"'text'\"></teta-icon>\n    </teta-button>\n    <p>{{ currentYear }}</p>\n    <teta-button\n      [square]=\"true\"\n      [class]=\"'change-month-button datepicker_' + viewType\"\n      (click)=\"pickYear(currentYear + 1)\"\n      palette=\"text\"\n      view=\"ghost\"\n    >\n      <teta-icon name=\"arrowRightKey\" [palette]=\"'text'\"></teta-icon>\n    </teta-button>\n  </div>\n  <div class=\"datepicker-month font-body-3 color-text-90\" style=\"width: 100%\">\n    @for (month of months; track month) {\n      <div (click)=\"pickMonth(month.id)\">\n        <div\n          [ngClass]=\"{ 'datepicker-month_item_active': month['isSelected'] }\"\n          [class]=\"'datepicker-month_item column align-center justify-content-center datepicker_' + viewType\"\n        >\n          <p>\n            {{ month.name }}\n          </p>\n        </div>\n      </div>\n    }\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[teta-button], teta-button", inputs: ["palette", "class", "view", "square", "viewType", "size"] }, { kind: "component", type: IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: MonthPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: MonthPickerComponent, isStandalone: true, selector: "teta-month-picker", inputs: { selectedMonth: "selectedMonth", viewType: "viewType", currentYear: "currentYear", localeMoths: "localeMoths" }, outputs: { selectMonth: "selectMonth", changeYear: "changeYear" }, ngImport: i0, template: "<div class=\"padding-h-3 padding-v-2 gap-8 column datepicker-month-wrapper\">\n  <div class=\"row align-center justify-content-between font-button-2\">\n    <teta-button\n      [class]=\"'change-month-button datepicker_' + viewType\"\n      [square]=\"true\"\n      (click)=\"pickYear(currentYear - 1)\"\n      palette=\"text\"\n      view=\"ghost\"\n    >\n      <teta-icon name=\"arrowLeftKey\" [palette]=\"'text'\"></teta-icon>\n    </teta-button>\n    <p>{{ currentYear }}</p>\n    <teta-button\n      [square]=\"true\"\n      [class]=\"'change-month-button datepicker_' + viewType\"\n      (click)=\"pickYear(currentYear + 1)\"\n      palette=\"text\"\n      view=\"ghost\"\n    >\n      <teta-icon name=\"arrowRightKey\" [palette]=\"'text'\"></teta-icon>\n    </teta-button>\n  </div>\n  <div class=\"datepicker-month font-body-3 color-text-90\" style=\"width: 100%\">\n    @for (month of months; track month) {\n      <div (click)=\"pickMonth(month.id)\">\n        <div\n          [ngClass]=\"{ 'datepicker-month_item_active': month['isSelected'] }\"\n          [class]=\"'datepicker-month_item column align-center justify-content-center datepicker_' + viewType\"\n        >\n          <p>\n            {{ month.name }}\n          </p>\n        </div>\n      </div>\n    }\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[teta-button], teta-button", inputs: ["palette", "class", "view", "square", "viewType", "size"] }, { kind: "component", type: IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: MonthPickerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: MonthPickerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'teta-month-picker', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [ButtonComponent, IconComponent, NgClass], template: "<div class=\"padding-h-3 padding-v-2 gap-8 column datepicker-month-wrapper\">\n  <div class=\"row align-center justify-content-between font-button-2\">\n    <teta-button\n      [class]=\"'change-month-button datepicker_' + viewType\"\n      [square]=\"true\"\n      (click)=\"pickYear(currentYear - 1)\"\n      palette=\"text\"\n      view=\"ghost\"\n    >\n      <teta-icon name=\"arrowLeftKey\" [palette]=\"'text'\"></teta-icon>\n    </teta-button>\n    <p>{{ currentYear }}</p>\n    <teta-button\n      [square]=\"true\"\n      [class]=\"'change-month-button datepicker_' + viewType\"\n      (click)=\"pickYear(currentYear + 1)\"\n      palette=\"text\"\n      view=\"ghost\"\n    >\n      <teta-icon name=\"arrowRightKey\" [palette]=\"'text'\"></teta-icon>\n    </teta-button>\n  </div>\n  <div class=\"datepicker-month font-body-3 color-text-90\" style=\"width: 100%\">\n    @for (month of months; track month) {\n      <div (click)=\"pickMonth(month.id)\">\n        <div\n          [ngClass]=\"{ 'datepicker-month_item_active': month['isSelected'] }\"\n          [class]=\"'datepicker-month_item column align-center justify-content-center datepicker_' + viewType\"\n        >\n          <p>\n            {{ month.name }}\n          </p>\n        </div>\n      </div>\n    }\n  </div>\n</div>\n" }]
+            args: [{ selector: 'teta-month-picker', changeDetection: ChangeDetectionStrategy.OnPush, imports: [ButtonComponent, IconComponent, NgClass], template: "<div class=\"padding-h-3 padding-v-2 gap-8 column datepicker-month-wrapper\">\n  <div class=\"row align-center justify-content-between font-button-2\">\n    <teta-button\n      [class]=\"'change-month-button datepicker_' + viewType\"\n      [square]=\"true\"\n      (click)=\"pickYear(currentYear - 1)\"\n      palette=\"text\"\n      view=\"ghost\"\n    >\n      <teta-icon name=\"arrowLeftKey\" [palette]=\"'text'\"></teta-icon>\n    </teta-button>\n    <p>{{ currentYear }}</p>\n    <teta-button\n      [square]=\"true\"\n      [class]=\"'change-month-button datepicker_' + viewType\"\n      (click)=\"pickYear(currentYear + 1)\"\n      palette=\"text\"\n      view=\"ghost\"\n    >\n      <teta-icon name=\"arrowRightKey\" [palette]=\"'text'\"></teta-icon>\n    </teta-button>\n  </div>\n  <div class=\"datepicker-month font-body-3 color-text-90\" style=\"width: 100%\">\n    @for (month of months; track month) {\n      <div (click)=\"pickMonth(month.id)\">\n        <div\n          [ngClass]=\"{ 'datepicker-month_item_active': month['isSelected'] }\"\n          [class]=\"'datepicker-month_item column align-center justify-content-center datepicker_' + viewType\"\n        >\n          <p>\n            {{ month.name }}\n          </p>\n        </div>\n      </div>\n    }\n  </div>\n</div>\n" }]
         }], ctorParameters: () => [], propDecorators: { selectedMonth: [{
                 type: Input
             }], viewType: [{
@@ -1296,10 +1297,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImpor
 class DayItemComponent {
     ngOnInit() { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: DayItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: DayItemComponent, isStandalone: true, selector: "teta-day-item", inputs: { day: "day" }, ngImport: i0, template: "<p>{{ day.date.getDate() }}</p>\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: DayItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: DayItemComponent, isStandalone: true, selector: "teta-day-item", inputs: { day: "day" }, ngImport: i0, template: "<p>{{ day.date.getDate() }}</p>\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: DayItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: DayItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-day-item', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<p>{{ day.date.getDate() }}</p>\n" }]
         }], propDecorators: { day: [{
@@ -1391,12 +1392,12 @@ class DayPickerComponent {
         arr.push(arr.shift());
         this.dayOrder = arr;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: DayPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: DayPickerComponent, isStandalone: true, selector: "teta-day-picker", inputs: { date: "date", calendar: "calendar", viewType: "viewType", range: "range", min: "min", max: "max", locale: "locale", hoveredDate: "hoveredDate" }, outputs: { hoveredDateChange: "hoveredDateChange", selectDate: "selectDate" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"datepicker-week font-caption\">\n  @for (day of dayOrder; track day) {\n    <p class=\"datepicker-day\">\n      {{ day }}\n    </p>\n  }\n</div>\n<div class=\"datepicker-picker color-text-90 font-body-3\">\n  @for (day of calendar; track day.date.getTime()) {\n    <div\n      [class]=\"getRangeActiveClass(day) + ' datepicker-date font-body-3 datepicker_' + viewType\"\n      (mouseenter)=\"hover(day.date)\"\n      (click)=\"pickDate(day)\"\n      [ngClass]=\"{\n        'datepicker-date_active': day.selected || (day.date === hoveredDate && range && !range.to),\n        'datepicker-date-range_hover': range && isHoveredRange(day),\n        'datepicker-date_disabled': day.disabled,\n        'color-text-30': day.disabled || (!range && !day.isCurrentMonth),\n        'datepicker-date-range_disabled': !day.isCurrentMonth && range,\n        'datepicker-date-range_active': isActiveRange(day),\n      }\"\n    >\n      <teta-day-item [day]=\"day\"></teta-day-item>\n    </div>\n  }\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: DayItemComponent, selector: "teta-day-item", inputs: ["day"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: DayPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: DayPickerComponent, isStandalone: true, selector: "teta-day-picker", inputs: { date: "date", calendar: "calendar", viewType: "viewType", range: "range", min: "min", max: "max", locale: "locale", hoveredDate: "hoveredDate" }, outputs: { hoveredDateChange: "hoveredDateChange", selectDate: "selectDate" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"datepicker-week font-caption\">\n  @for (day of dayOrder; track day) {\n    <p class=\"datepicker-day\">\n      {{ day }}\n    </p>\n  }\n</div>\n<div class=\"datepicker-picker color-text-90 font-body-3\">\n  @for (day of calendar; track day.date.getTime()) {\n    <div\n      [class]=\"getRangeActiveClass(day) + ' datepicker-date font-body-3 datepicker_' + viewType\"\n      (mouseenter)=\"hover(day.date)\"\n      (click)=\"pickDate(day)\"\n      [ngClass]=\"{\n        'datepicker-date_active': day.selected || (day.date === hoveredDate && range && !range.to),\n        'datepicker-date-range_hover': range && isHoveredRange(day),\n        'datepicker-date_disabled': day.disabled,\n        'color-text-30': day.disabled || (!range && !day.isCurrentMonth),\n        'datepicker-date-range_disabled': !day.isCurrentMonth && range,\n        'datepicker-date-range_active': isActiveRange(day),\n      }\"\n    >\n      <teta-day-item [day]=\"day\"></teta-day-item>\n    </div>\n  }\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: DayItemComponent, selector: "teta-day-item", inputs: ["day"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: DayPickerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: DayPickerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'teta-day-picker', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgClass, DayItemComponent], template: "<div class=\"datepicker-week font-caption\">\n  @for (day of dayOrder; track day) {\n    <p class=\"datepicker-day\">\n      {{ day }}\n    </p>\n  }\n</div>\n<div class=\"datepicker-picker color-text-90 font-body-3\">\n  @for (day of calendar; track day.date.getTime()) {\n    <div\n      [class]=\"getRangeActiveClass(day) + ' datepicker-date font-body-3 datepicker_' + viewType\"\n      (mouseenter)=\"hover(day.date)\"\n      (click)=\"pickDate(day)\"\n      [ngClass]=\"{\n        'datepicker-date_active': day.selected || (day.date === hoveredDate && range && !range.to),\n        'datepicker-date-range_hover': range && isHoveredRange(day),\n        'datepicker-date_disabled': day.disabled,\n        'color-text-30': day.disabled || (!range && !day.isCurrentMonth),\n        'datepicker-date-range_disabled': !day.isCurrentMonth && range,\n        'datepicker-date-range_active': isActiveRange(day),\n      }\"\n    >\n      <teta-day-item [day]=\"day\"></teta-day-item>\n    </div>\n  }\n</div>\n" }]
+            args: [{ selector: 'teta-day-picker', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgClass, DayItemComponent], template: "<div class=\"datepicker-week font-caption\">\n  @for (day of dayOrder; track day) {\n    <p class=\"datepicker-day\">\n      {{ day }}\n    </p>\n  }\n</div>\n<div class=\"datepicker-picker color-text-90 font-body-3\">\n  @for (day of calendar; track day.date.getTime()) {\n    <div\n      [class]=\"getRangeActiveClass(day) + ' datepicker-date font-body-3 datepicker_' + viewType\"\n      (mouseenter)=\"hover(day.date)\"\n      (click)=\"pickDate(day)\"\n      [ngClass]=\"{\n        'datepicker-date_active': day.selected || (day.date === hoveredDate && range && !range.to),\n        'datepicker-date-range_hover': range && isHoveredRange(day),\n        'datepicker-date_disabled': day.disabled,\n        'color-text-30': day.disabled || (!range && !day.isCurrentMonth),\n        'datepicker-date-range_disabled': !day.isCurrentMonth && range,\n        'datepicker-date-range_active': isActiveRange(day),\n      }\"\n    >\n      <teta-day-item [day]=\"day\"></teta-day-item>\n    </div>\n  }\n</div>\n" }]
         }], ctorParameters: () => [], propDecorators: { date: [{
                 type: Input
             }], calendar: [{
@@ -1434,12 +1435,12 @@ class DateCalendarComponent extends BaseCalendar {
             this.calendar = _;
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: DateCalendarComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: DateCalendarComponent, isStandalone: true, selector: "teta-date-calendar", inputs: { selectedDate: "selectedDate", open: "open", locale: "locale", viewType: "viewType", min: "min", isDateNull: "isDateNull", max: "max" }, outputs: { setDate: "setDate" }, usesInheritance: true, ngImport: i0, template: "@if (\n  { currentMonth: currentMonth | async, currentYear: currentYear | async, selectedPicker: selectedPicker | async };\n  as data\n) {\n  <div class=\"datepicker-content overflow-y-auto\">\n    @if (data.selectedPicker === 'day') {\n      <div class=\"padding-h-3 padding-v-2\" (wheel)=\"scrollMonth($event, data.currentMonth, data.currentYear)\">\n        <div class=\"row align-center justify-content-between\">\n          <teta-button\n            [class]=\"'change-month-button datepicker_' + viewType\"\n            [square]=\"true\"\n            (click)=\"changeMonth(data.currentMonth - 1, data.currentYear)\"\n            palette=\"text\"\n            view=\"ghost\"\n          >\n            <teta-icon name=\"arrowLeftKey\" [palette]=\"'text'\"></teta-icon>\n          </teta-button>\n          <div class=\"row gap-4 font-button-2\">\n            <button\n              [class]=\"'datepicker_' + viewType\"\n              teta-button\n              view=\"ghost\"\n              palette=\"text\"\n              (click)=\"selectPicker('month')\"\n            >\n              {{ getMothName(data.currentMonth) }}\n            </button>\n            <button\n              [class]=\"'datepicker_' + viewType\"\n              teta-button\n              view=\"ghost\"\n              palette=\"text\"\n              (click)=\"selectPicker('year')\"\n            >\n              {{ data.currentYear }}\n            </button>\n          </div>\n          <teta-button\n            [square]=\"true\"\n            [class]=\"'change-month-button datepicker_' + viewType\"\n            (click)=\"changeMonth(data.currentMonth + 1, data.currentYear)\"\n            palette=\"text\"\n            view=\"ghost\"\n          >\n            <teta-icon name=\"arrowRightKey\" [palette]=\"'text'\"></teta-icon>\n          </teta-button>\n        </div>\n        <div>\n          <teta-day-picker\n            [viewType]=\"viewType\"\n            (selectDate)=\"selectDate($event)\"\n            [locale]=\"locale\"\n            [calendar]=\"calendar\"\n          ></teta-day-picker>\n        </div>\n      </div>\n    }\n    @if (data.selectedPicker === 'month') {\n      <teta-month-picker\n        [localeMoths]=\"locale.months\"\n        [currentYear]=\"data.currentYear\"\n        (changeYear)=\"setYear($event)\"\n        [selectedMonth]=\"data.currentMonth\"\n        [viewType]=\"viewType\"\n        (selectMonth)=\"selectMonth($event)\"\n      ></teta-month-picker>\n    }\n    @if (data.selectedPicker === 'year') {\n      <teta-year-picker\n        [locale]=\"locale\"\n        [viewType]=\"viewType\"\n        (selectYear)=\"selectYear($event)\"\n        [selectedYear]=\"data.currentYear\"\n      ></teta-year-picker>\n    }\n  </div>\n}\n", styles: [".change-month-button{-webkit-user-select:none;user-select:none}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[teta-button], teta-button", inputs: ["palette", "class", "view", "square", "viewType", "size"] }, { kind: "component", type: IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }, { kind: "component", type: DayPickerComponent, selector: "teta-day-picker", inputs: ["date", "calendar", "viewType", "range", "min", "max", "locale", "hoveredDate"], outputs: ["hoveredDateChange", "selectDate"] }, { kind: "component", type: MonthPickerComponent, selector: "teta-month-picker", inputs: ["selectedMonth", "viewType", "currentYear", "localeMoths"], outputs: ["selectMonth", "changeYear"] }, { kind: "component", type: YearPickerComponent, selector: "teta-year-picker", inputs: ["selectedYear", "viewType", "minMax", "locale"], outputs: ["selectYear"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: DateCalendarComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: DateCalendarComponent, isStandalone: true, selector: "teta-date-calendar", inputs: { selectedDate: "selectedDate", open: "open", locale: "locale", viewType: "viewType", min: "min", isDateNull: "isDateNull", max: "max" }, outputs: { setDate: "setDate" }, usesInheritance: true, ngImport: i0, template: "@if (\n  { currentMonth: currentMonth | async, currentYear: currentYear | async, selectedPicker: selectedPicker | async };\n  as data\n) {\n  <div class=\"datepicker-content overflow-y-auto\">\n    @if (data.selectedPicker === 'day') {\n      <div class=\"padding-h-3 padding-v-2\" (wheel)=\"scrollMonth($event, data.currentMonth, data.currentYear)\">\n        <div class=\"row align-center justify-content-between\">\n          <teta-button\n            [class]=\"'change-month-button datepicker_' + viewType\"\n            [square]=\"true\"\n            (click)=\"changeMonth(data.currentMonth - 1, data.currentYear)\"\n            palette=\"text\"\n            view=\"ghost\"\n          >\n            <teta-icon name=\"arrowLeftKey\" [palette]=\"'text'\"></teta-icon>\n          </teta-button>\n          <div class=\"row gap-4 font-button-2\">\n            <button\n              [class]=\"'datepicker_' + viewType\"\n              teta-button\n              view=\"ghost\"\n              palette=\"text\"\n              (click)=\"selectPicker('month')\"\n            >\n              {{ getMothName(data.currentMonth) }}\n            </button>\n            <button\n              [class]=\"'datepicker_' + viewType\"\n              teta-button\n              view=\"ghost\"\n              palette=\"text\"\n              (click)=\"selectPicker('year')\"\n            >\n              {{ data.currentYear }}\n            </button>\n          </div>\n          <teta-button\n            [square]=\"true\"\n            [class]=\"'change-month-button datepicker_' + viewType\"\n            (click)=\"changeMonth(data.currentMonth + 1, data.currentYear)\"\n            palette=\"text\"\n            view=\"ghost\"\n          >\n            <teta-icon name=\"arrowRightKey\" [palette]=\"'text'\"></teta-icon>\n          </teta-button>\n        </div>\n        <div>\n          <teta-day-picker\n            [viewType]=\"viewType\"\n            (selectDate)=\"selectDate($event)\"\n            [locale]=\"locale\"\n            [calendar]=\"calendar\"\n          ></teta-day-picker>\n        </div>\n      </div>\n    }\n    @if (data.selectedPicker === 'month') {\n      <teta-month-picker\n        [localeMoths]=\"locale.months\"\n        [currentYear]=\"data.currentYear\"\n        (changeYear)=\"setYear($event)\"\n        [selectedMonth]=\"data.currentMonth\"\n        [viewType]=\"viewType\"\n        (selectMonth)=\"selectMonth($event)\"\n      ></teta-month-picker>\n    }\n    @if (data.selectedPicker === 'year') {\n      <teta-year-picker\n        [locale]=\"locale\"\n        [viewType]=\"viewType\"\n        (selectYear)=\"selectYear($event)\"\n        [selectedYear]=\"data.currentYear\"\n      ></teta-year-picker>\n    }\n  </div>\n}\n", styles: [".change-month-button{-webkit-user-select:none;user-select:none}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[teta-button], teta-button", inputs: ["palette", "class", "view", "square", "viewType", "size"] }, { kind: "component", type: IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }, { kind: "component", type: DayPickerComponent, selector: "teta-day-picker", inputs: ["date", "calendar", "viewType", "range", "min", "max", "locale", "hoveredDate"], outputs: ["hoveredDateChange", "selectDate"] }, { kind: "component", type: MonthPickerComponent, selector: "teta-month-picker", inputs: ["selectedMonth", "viewType", "currentYear", "localeMoths"], outputs: ["selectMonth", "changeYear"] }, { kind: "component", type: YearPickerComponent, selector: "teta-year-picker", inputs: ["selectedYear", "viewType", "minMax", "locale"], outputs: ["selectYear"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: DateCalendarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: DateCalendarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'teta-date-calendar', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [ButtonComponent, IconComponent, DayPickerComponent, MonthPickerComponent, YearPickerComponent, AsyncPipe], template: "@if (\n  { currentMonth: currentMonth | async, currentYear: currentYear | async, selectedPicker: selectedPicker | async };\n  as data\n) {\n  <div class=\"datepicker-content overflow-y-auto\">\n    @if (data.selectedPicker === 'day') {\n      <div class=\"padding-h-3 padding-v-2\" (wheel)=\"scrollMonth($event, data.currentMonth, data.currentYear)\">\n        <div class=\"row align-center justify-content-between\">\n          <teta-button\n            [class]=\"'change-month-button datepicker_' + viewType\"\n            [square]=\"true\"\n            (click)=\"changeMonth(data.currentMonth - 1, data.currentYear)\"\n            palette=\"text\"\n            view=\"ghost\"\n          >\n            <teta-icon name=\"arrowLeftKey\" [palette]=\"'text'\"></teta-icon>\n          </teta-button>\n          <div class=\"row gap-4 font-button-2\">\n            <button\n              [class]=\"'datepicker_' + viewType\"\n              teta-button\n              view=\"ghost\"\n              palette=\"text\"\n              (click)=\"selectPicker('month')\"\n            >\n              {{ getMothName(data.currentMonth) }}\n            </button>\n            <button\n              [class]=\"'datepicker_' + viewType\"\n              teta-button\n              view=\"ghost\"\n              palette=\"text\"\n              (click)=\"selectPicker('year')\"\n            >\n              {{ data.currentYear }}\n            </button>\n          </div>\n          <teta-button\n            [square]=\"true\"\n            [class]=\"'change-month-button datepicker_' + viewType\"\n            (click)=\"changeMonth(data.currentMonth + 1, data.currentYear)\"\n            palette=\"text\"\n            view=\"ghost\"\n          >\n            <teta-icon name=\"arrowRightKey\" [palette]=\"'text'\"></teta-icon>\n          </teta-button>\n        </div>\n        <div>\n          <teta-day-picker\n            [viewType]=\"viewType\"\n            (selectDate)=\"selectDate($event)\"\n            [locale]=\"locale\"\n            [calendar]=\"calendar\"\n          ></teta-day-picker>\n        </div>\n      </div>\n    }\n    @if (data.selectedPicker === 'month') {\n      <teta-month-picker\n        [localeMoths]=\"locale.months\"\n        [currentYear]=\"data.currentYear\"\n        (changeYear)=\"setYear($event)\"\n        [selectedMonth]=\"data.currentMonth\"\n        [viewType]=\"viewType\"\n        (selectMonth)=\"selectMonth($event)\"\n      ></teta-month-picker>\n    }\n    @if (data.selectedPicker === 'year') {\n      <teta-year-picker\n        [locale]=\"locale\"\n        [viewType]=\"viewType\"\n        (selectYear)=\"selectYear($event)\"\n        [selectedYear]=\"data.currentYear\"\n      ></teta-year-picker>\n    }\n  </div>\n}\n", styles: [".change-month-button{-webkit-user-select:none;user-select:none}\n"] }]
+            args: [{ selector: 'teta-date-calendar', changeDetection: ChangeDetectionStrategy.OnPush, imports: [ButtonComponent, IconComponent, DayPickerComponent, MonthPickerComponent, YearPickerComponent, AsyncPipe], template: "@if (\n  { currentMonth: currentMonth | async, currentYear: currentYear | async, selectedPicker: selectedPicker | async };\n  as data\n) {\n  <div class=\"datepicker-content overflow-y-auto\">\n    @if (data.selectedPicker === 'day') {\n      <div class=\"padding-h-3 padding-v-2\" (wheel)=\"scrollMonth($event, data.currentMonth, data.currentYear)\">\n        <div class=\"row align-center justify-content-between\">\n          <teta-button\n            [class]=\"'change-month-button datepicker_' + viewType\"\n            [square]=\"true\"\n            (click)=\"changeMonth(data.currentMonth - 1, data.currentYear)\"\n            palette=\"text\"\n            view=\"ghost\"\n          >\n            <teta-icon name=\"arrowLeftKey\" [palette]=\"'text'\"></teta-icon>\n          </teta-button>\n          <div class=\"row gap-4 font-button-2\">\n            <button\n              [class]=\"'datepicker_' + viewType\"\n              teta-button\n              view=\"ghost\"\n              palette=\"text\"\n              (click)=\"selectPicker('month')\"\n            >\n              {{ getMothName(data.currentMonth) }}\n            </button>\n            <button\n              [class]=\"'datepicker_' + viewType\"\n              teta-button\n              view=\"ghost\"\n              palette=\"text\"\n              (click)=\"selectPicker('year')\"\n            >\n              {{ data.currentYear }}\n            </button>\n          </div>\n          <teta-button\n            [square]=\"true\"\n            [class]=\"'change-month-button datepicker_' + viewType\"\n            (click)=\"changeMonth(data.currentMonth + 1, data.currentYear)\"\n            palette=\"text\"\n            view=\"ghost\"\n          >\n            <teta-icon name=\"arrowRightKey\" [palette]=\"'text'\"></teta-icon>\n          </teta-button>\n        </div>\n        <div>\n          <teta-day-picker\n            [viewType]=\"viewType\"\n            (selectDate)=\"selectDate($event)\"\n            [locale]=\"locale\"\n            [calendar]=\"calendar\"\n          ></teta-day-picker>\n        </div>\n      </div>\n    }\n    @if (data.selectedPicker === 'month') {\n      <teta-month-picker\n        [localeMoths]=\"locale.months\"\n        [currentYear]=\"data.currentYear\"\n        (changeYear)=\"setYear($event)\"\n        [selectedMonth]=\"data.currentMonth\"\n        [viewType]=\"viewType\"\n        (selectMonth)=\"selectMonth($event)\"\n      ></teta-month-picker>\n    }\n    @if (data.selectedPicker === 'year') {\n      <teta-year-picker\n        [locale]=\"locale\"\n        [viewType]=\"viewType\"\n        (selectYear)=\"selectYear($event)\"\n        [selectedYear]=\"data.currentYear\"\n      ></teta-year-picker>\n    }\n  </div>\n}\n", styles: [".change-month-button{-webkit-user-select:none;user-select:none}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { selectedDate: [{
                 type: Input
             }], open: [{
@@ -1463,10 +1464,10 @@ class DropdownContentDirective {
         this._elementRef = _elementRef;
         this.nativeElement = _elementRef.nativeElement;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: DropdownContentDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.1", type: DropdownContentDirective, isStandalone: true, selector: "[tetaDropdownContent]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: DropdownContentDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.5", type: DropdownContentDirective, isStandalone: true, selector: "[tetaDropdownContent]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: DropdownContentDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: DropdownContentDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[tetaDropdownContent]',
@@ -1571,10 +1572,10 @@ class DynamicComponentService {
         this._appRef.attachView(componentRef.hostView);
         return new TetaContentRef([[componentNativeEl]], componentRef.hostView, componentRef);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: DynamicComponentService, deps: [{ token: i0.ComponentFactoryResolver }, { token: i0.RendererFactory2 }, { token: i0.ApplicationRef }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: DynamicComponentService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: DynamicComponentService, deps: [{ token: i0.ComponentFactoryResolver }, { token: i0.RendererFactory2 }, { token: i0.ApplicationRef }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: DynamicComponentService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: DynamicComponentService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: DynamicComponentService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -1878,15 +1879,15 @@ class PopupContentComponent {
     }
     ngOnInit() { }
     ngOnDestroy() { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: PopupContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: PopupContentComponent, isStandalone: true, 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: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: PopupContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: PopupContentComponent, isStandalone: true, 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' }), animate(200, style({ opacity: '1' }))]),
                 transition('* => void', [animate(200, style({ opacity: '0' }))]),
             ]),
         ], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: PopupContentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: PopupContentComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-popup-content', animations: [
                         trigger('dialog', [
@@ -1955,10 +1956,10 @@ class DynamicContentBaseDirective {
         this._service.destroy(this._componentRef, this._content, this.appendToBody ? this._document.body : this._elementRef.nativeElement);
         this._componentRef = null;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: DynamicContentBaseDirective, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.1", type: DynamicContentBaseDirective, inputs: { data: "data", className: "className", align: "align", verticalAlign: "verticalAlign", appendToBody: "appendToBody", open: "open" }, outputs: { openChange: "openChange" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: DynamicContentBaseDirective, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.5", type: DynamicContentBaseDirective, isStandalone: true, inputs: { data: "data", className: "className", align: "align", verticalAlign: "verticalAlign", appendToBody: "appendToBody", open: "open" }, outputs: { openChange: "openChange" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: DynamicContentBaseDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: DynamicContentBaseDirective, decorators: [{
             type: Directive
         }], ctorParameters: () => [{ type: undefined }, { type: i0.ElementRef }, { type: DynamicComponentService }, { type: i0.Injector }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }], propDecorators: { data: [{
                 type: Input
@@ -2032,10 +2033,10 @@ class HintDirective extends DynamicContentBaseDirective {
     ngOnDestroy() {
         super.ngOnDestroy();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: HintDirective, deps: [{ token: DOCUMENT }, { token: i0.ElementRef }, { token: DynamicComponentService }, { token: i0.Injector }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.1", type: HintDirective, isStandalone: true, selector: "[tetaHint]", inputs: { tetaHint: "tetaHint", align: "align", verticalAlign: "verticalAlign", delay: "delay", viewType: "viewType", overflownOnly: "overflownOnly" }, host: { listeners: { "mouseenter": "mouseenter($event)", "mouseleave": "mouseleave($event)", "click": "click($event)" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: HintDirective, deps: [{ token: DOCUMENT }, { token: i0.ElementRef }, { token: DynamicComponentService }, { token: i0.Injector }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.5", type: HintDirective, isStandalone: true, selector: "[tetaHint]", inputs: { tetaHint: "tetaHint", align: "align", verticalAlign: "verticalAlign", delay: "delay", viewType: "viewType", overflownOnly: "overflownOnly" }, host: { listeners: { "mouseenter": "mouseenter($event)", "mouseleave": "mouseleave($event)", "click": "click($event)" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: HintDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: HintDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[tetaHint]',
@@ -2077,12 +2078,12 @@ class InputComponent {
     get column() {
         return !this.horizontal;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: InputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: InputComponent, isStandalone: true, selector: "teta-input", inputs: { label: "label", hint: "hint", viewType: "viewType", horizontal: "horizontal", required: "required" }, host: { properties: { "class.row": "this.horizontal", "class.column": "this.column" } }, ngImport: i0, template: "@if (label?.length > 0) {\n  <div\n    class=\"font-caption color-text-70 align-center row nowrap overflow-hidden text-overflow-ellipsis\"\n    [class.row_6]=\"horizontal\"\n    [class.text-field_required]=\"required\"\n  >\n    <span\n      class=\"overflow-hidden text-overflow-ellipsis\"\n      [tetaHint]=\"hint ?? label\"\n      [align]=\"align.left\"\n      [overflownOnly]=\"!hint || hint === label\"\n    >\n      {{ label }}\n    </span>\n  </div>\n}\n<div [class]=\"'input-container input_' + viewType\" [class.row_6]=\"horizontal\">\n  <ng-content></ng-content>\n  <div class=\"input-message font-error-message font-caption\">\n    <ng-content select=\"message\"></ng-content>\n  </div>\n</div>\n", styles: [":host{display:flex;grid-gap:4px;flex-grow:1;flex-basis:10px}\n"], dependencies: [{ kind: "directive", type: HintDirective, selector: "[tetaHint]", inputs: ["tetaHint", "align", "verticalAlign", "delay", "viewType", "overflownOnly"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: InputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: InputComponent, isStandalone: true, selector: "teta-input", inputs: { label: "label", hint: "hint", viewType: "viewType", horizontal: "horizontal", required: "required" }, host: { properties: { "class.row": "this.horizontal", "class.column": "this.column" } }, ngImport: i0, template: "@if (label?.length > 0) {\n  <div\n    class=\"font-caption color-text-70 align-center row nowrap overflow-hidden text-overflow-ellipsis\"\n    [class.row_6]=\"horizontal\"\n    [class.text-field_required]=\"required\"\n  >\n    <span\n      class=\"overflow-hidden text-overflow-ellipsis\"\n      [tetaHint]=\"hint ?? label\"\n      [align]=\"align.left\"\n      [overflownOnly]=\"!hint || hint === label\"\n    >\n      {{ label }}\n    </span>\n  </div>\n}\n<div [class]=\"'input-container input_' + viewType\" [class.row_6]=\"horizontal\">\n  <ng-content></ng-content>\n  <div class=\"input-message font-error-message font-caption\">\n    <ng-content select=\"message\"></ng-content>\n  </div>\n</div>\n", styles: [":host{display:flex;grid-gap:4px;flex-grow:1;flex-basis:10px}\n"], dependencies: [{ kind: "directive", type: HintDirective, selector: "[tetaHint]", inputs: ["tetaHint", "align", "verticalAlign", "delay", "viewType", "overflownOnly"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: InputComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: InputComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'teta-input', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [HintDirective], template: "@if (label?.length > 0) {\n  <div\n    class=\"font-caption color-text-70 align-center row nowrap overflow-hidden text-overflow-ellipsis\"\n    [class.row_6]=\"horizontal\"\n    [class.text-field_required]=\"required\"\n  >\n    <span\n      class=\"overflow-hidden text-overflow-ellipsis\"\n      [tetaHint]=\"hint ?? label\"\n      [align]=\"align.left\"\n      [overflownOnly]=\"!hint || hint === label\"\n    >\n      {{ label }}\n    </span>\n  </div>\n}\n<div [class]=\"'input-container input_' + viewType\" [class.row_6]=\"horizontal\">\n  <ng-content></ng-content>\n  <div class=\"input-message font-error-message font-caption\">\n    <ng-content select=\"message\"></ng-content>\n  </div>\n</div>\n", styles: [":host{display:flex;grid-gap:4px;flex-grow:1;flex-basis:10px}\n"] }]
+            args: [{ selector: 'teta-input', changeDetection: ChangeDetectionStrategy.OnPush, imports: [HintDirective], template: "@if (label?.length > 0) {\n  <div\n    class=\"font-caption color-text-70 align-center row nowrap overflow-hidden text-overflow-ellipsis\"\n    [class.row_6]=\"horizontal\"\n    [class.text-field_required]=\"required\"\n  >\n    <span\n      class=\"overflow-hidden text-overflow-ellipsis\"\n      [tetaHint]=\"hint ?? label\"\n      [align]=\"align.left\"\n      [overflownOnly]=\"!hint || hint === label\"\n    >\n      {{ label }}\n    </span>\n  </div>\n}\n<div [class]=\"'input-container input_' + viewType\" [class.row_6]=\"horizontal\">\n  <ng-content></ng-content>\n  <div class=\"input-message font-error-message font-caption\">\n    <ng-content select=\"message\"></ng-content>\n  </div>\n</div>\n", styles: [":host{display:flex;grid-gap:4px;flex-grow:1;flex-basis:10px}\n"] }]
         }], propDecorators: { label: [{
                 type: Input
             }], hint: [{
@@ -2105,10 +2106,10 @@ class DropdownHeadDirective {
     constructor(template) {
         this.template = template;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: DropdownHeadDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.1", type: DropdownHeadDirective, isStandalone: true, selector: "[tetaDropdownHead]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: DropdownHeadDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.5", type: DropdownHeadDirective, isStandalone: true, selector: "[tetaDropdownHead]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: DropdownHeadDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: DropdownHeadDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[tetaDropdownHead]',
@@ -2286,10 +2287,10 @@ class DropdownBase {
         const position = PositionUtil.getPosition(rect, targetRect, this.align, this.verticalAlign, 0, 0, parentPosition);
         PositionUtil.setElementPosition(target, position);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: DropdownBase, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.1", type: DropdownBase, inputs: { align: "align", verticalAlign: "verticalAlign", appendToBody: "appendToBody", disabled: "disabled", backdrop: "backdrop", className: "className", viewType: "viewType", 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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: DropdownBase, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.5", type: DropdownBase, isStandalone: true, inputs: { align: "align", verticalAlign: "verticalAlign", appendToBody: "appendToBody", disabled: "disabled", backdrop: "backdrop", className: "className", viewType: "viewType", 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: "18.2.1", ngImport: i0, type: DropdownBase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: DropdownBase, decorators: [{
             type: Directive
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: undefined }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Renderer2 }], propDecorators: { align: [{
                 type: Input
@@ -2348,10 +2349,10 @@ class DropdownComponent extends DropdownBase {
         this.removeScrollListener();
         this._alive = false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: DropdownComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: DOCUMENT }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: DropdownComponent, isStandalone: true, selector: "teta-dropdown", exportAs: ["dropdown"], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"[tetaDropdownHead]\"></ng-content>\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: DropdownComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: DOCUMENT }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: DropdownComponent, isStandalone: true, 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: "18.2.1", ngImport: i0, type: DropdownComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: DropdownComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-dropdown', changeDetection: ChangeDetectionStrategy.OnPush, exportAs: 'dropdown', standalone: true, template: "<ng-content select=\"[tetaDropdownHead]\"></ng-content>\n" }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
@@ -2496,12 +2497,12 @@ class DatePickerComponent extends BasePicker {
     ngOnChanges(changes) {
         this.prepareInput(false);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: DatePickerComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1$1.DatePipe }, { token: TetaConfigService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: DatePickerComponent, isStandalone: true, selector: "teta-date-picker", inputs: { date: "date", showTime: "showTime", minDate: "minDate", maxDate: "maxDate", invalid: "invalid", disabled: "disabled", align: "align", verticalAlign: "verticalAlign", viewType: "viewType", appendToBody: "appendToBody", backdrop: "backdrop", allowNull: "allowNull", firstDayOfWeek: "firstDayOfWeek", disabledDates: "disabledDates", disabledPeriods: "disabledPeriods", disabledDays: "disabledDays", minYearDate: "minYearDate", maxYearDate: "maxYearDate" }, outputs: { selectDate: "selectDate" }, host: { properties: { "class.datepicker": "this.classDatepicker", "class.datepicker-time": "this.dateTimeClass", "tabindex": "this.tabindex" } }, providers: [DATE_PICKER_CONTROL_VALUE_ACCESSOR, DatePipe], viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "@if ({ selectedDate: selectedDate | async }; as data) {\n  <teta-dropdown\n    class=\"row row_auto\"\n    [appendToBody]=\"appendToBody\"\n    [backdrop]=\"backdrop\"\n    [open]=\"open\"\n    (openChange)=\"openChange($event)\"\n    [viewType]=\"viewType\"\n    [disabled]=\"disabled\"\n    [verticalAlign]=\"verticalAlign\"\n    [align]=\"align\"\n    [autoCloseIgnore]=\"['esc', 'inside', 'enter']\"\n  >\n    <div\n      tetaDropdownHead\n      [class]=\"'datepicker-head font-body-3 gap-8  datepicker_' + viewType\"\n      [ngClass]=\"{ 'datepicker-head_invalid': invalid, 'datepicker-head_disabled': disabled }\"\n    >\n      <teta-input class=\"row row_auto flex\">\n        <div [class]=\"'row_auto row datepicker_' + viewType\">\n          <div class=\"row row_auto position-relative font-body-3 align-center\">\n            <input\n              [ngClass]=\"{ 'color-text-90': !disabled }\"\n              [disabled]=\"disabled\"\n              #input\n              style=\"z-index: 1\"\n              class=\"row_auto border-0\"\n              (keydown)=\"checkEnter($event)\"\n              [(ngModel)]=\"inputText\"\n              (ngModelChange)=\"changeInput($event)\"\n              [maskito]=\"maskitoOptions\"\n            />\n            @if (data.selectedDate || allowNull) {\n              <div\n                (click)=\"input.focus()\"\n                class=\"position-absolute color-text-10\"\n                style=\"cursor: text; user-select: none\"\n              >\n                {{ placeholder }}\n              </div>\n            }\n          </div>\n          <teta-icon [name]=\"'calendar'\" [palette]=\"'text'\"></teta-icon>\n        </div>\n      </teta-input>\n    </div>\n    <div tetaDropdownContent (click)=\"$event.preventDefault()\">\n      <teta-date-calendar\n        [isDateNull]=\"date === null\"\n        [open]=\"open\"\n        [max]=\"maxDate\"\n        [min]=\"minDate\"\n        (setDate)=\"changeSelectedDate($event)\"\n        [selectedDate]=\"data.selectedDate\"\n        [viewType]=\"viewType\"\n        [locale]=\"locale | async\"\n      ></teta-date-calendar>\n    </div>\n  </teta-dropdown>\n}\n", styles: [""], dependencies: [{ kind: "component", type: DropdownComponent, selector: "teta-dropdown", exportAs: ["dropdown"] }, { kind: "directive", type: DropdownHeadDirective, selector: "[tetaDropdownHead]" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: InputComponent, selector: "teta-input", inputs: ["label", "hint", "viewType", "horizontal", "required"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MaskitoModule }, { kind: "directive", type: i4.MaskitoDirective, selector: "[maskito]", inputs: ["maskito", "maskitoElement"] }, { kind: "directive", type: i4.MaskitoCVA, selector: "input[maskito], textarea[maskito]", inputs: ["maskito"] }, { kind: "component", type: IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }, { kind: "directive", type: DropdownContentDirective, selector: "[tetaDropdownContent]" }, { kind: "component", type: DateCalendarComponent, selector: "teta-date-calendar", inputs: ["selectedDate", "open", "locale", "viewType", "min", "isDateNull", "max"], outputs: ["setDate"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: DatePickerComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1$1.DatePipe }, { token: TetaConfigService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: DatePickerComponent, isStandalone: true, selector: "teta-date-picker", inputs: { date: "date", showTime: "showTime", minDate: "minDate", maxDate: "maxDate", invalid: "invalid", disabled: "disabled", align: "align", verticalAlign: "verticalAlign", viewType: "viewType", appendToBody: "appendToBody", backdrop: "backdrop", allowNull: "allowNull", firstDayOfWeek: "firstDayOfWeek", disabledDates: "disabledDates", disabledPeriods: "disabledPeriods", disabledDays: "disabledDays", minYearDate: "minYearDate", maxYearDate: "maxYearDate" }, outputs: { selectDate: "selectDate" }, host: { properties: { "class.datepicker": "this.classDatepicker", "class.datepicker-time": "this.dateTimeClass", "tabindex": "this.tabindex" } }, providers: [DATE_PICKER_CONTROL_VALUE_ACCESSOR, DatePipe], viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "@if ({ selectedDate: selectedDate | async }; as data) {\n  <teta-dropdown\n    class=\"row row_auto\"\n    [appendToBody]=\"appendToBody\"\n    [backdrop]=\"backdrop\"\n    [open]=\"open\"\n    (openChange)=\"openChange($event)\"\n    [viewType]=\"viewType\"\n    [disabled]=\"disabled\"\n    [verticalAlign]=\"verticalAlign\"\n    [align]=\"align\"\n    [autoCloseIgnore]=\"['esc', 'inside', 'enter']\"\n  >\n    <div\n      tetaDropdownHead\n      [class]=\"'datepicker-head font-body-3 gap-8  datepicker_' + viewType\"\n      [ngClass]=\"{ 'datepicker-head_invalid': invalid, 'datepicker-head_disabled': disabled }\"\n    >\n      <teta-input class=\"row row_auto flex\">\n        <div [class]=\"'row_auto row datepicker_' + viewType\">\n          <div class=\"row row_auto position-relative font-body-3 align-center\">\n            <input\n              [ngClass]=\"{ 'color-text-90': !disabled }\"\n              [disabled]=\"disabled\"\n              #input\n              style=\"z-index: 1\"\n              class=\"row_auto border-0\"\n              (keydown)=\"checkEnter($event)\"\n              [(ngModel)]=\"inputText\"\n              (ngModelChange)=\"changeInput($event)\"\n              [maskito]=\"maskitoOptions\"\n            />\n            @if (data.selectedDate || allowNull) {\n              <div\n                (click)=\"input.focus()\"\n                class=\"position-absolute color-text-10\"\n                style=\"cursor: text; user-select: none\"\n              >\n                {{ placeholder }}\n              </div>\n            }\n          </div>\n          <teta-icon [name]=\"'calendar'\" [palette]=\"'text'\"></teta-icon>\n        </div>\n      </teta-input>\n    </div>\n    <div tetaDropdownContent (click)=\"$event.preventDefault()\">\n      <teta-date-calendar\n        [isDateNull]=\"date === null\"\n        [open]=\"open\"\n        [max]=\"maxDate\"\n        [min]=\"minDate\"\n        (setDate)=\"changeSelectedDate($event)\"\n        [selectedDate]=\"data.selectedDate\"\n        [viewType]=\"viewType\"\n        [locale]=\"locale | async\"\n      ></teta-date-calendar>\n    </div>\n  </teta-dropdown>\n}\n", styles: [""], dependencies: [{ kind: "component", type: DropdownComponent, selector: "teta-dropdown", exportAs: ["dropdown"] }, { kind: "directive", type: DropdownHeadDirective, selector: "[tetaDropdownHead]" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: InputComponent, selector: "teta-input", inputs: ["label", "hint", "viewType", "horizontal", "required"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MaskitoModule }, { kind: "directive", type: i4.MaskitoDirective, selector: "[maskito]", inputs: ["maskito", "maskitoElement"] }, { kind: "directive", type: i4.MaskitoCVA, selector: "input[maskito], textarea[maskito]", inputs: ["maskito"] }, { kind: "component", type: IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }, { kind: "directive", type: DropdownContentDirective, selector: "[tetaDropdownContent]" }, { kind: "component", type: DateCalendarComponent, selector: "teta-date-calendar", inputs: ["selectedDate", "open", "locale", "viewType", "min", "isDateNull", "max"], outputs: ["setDate"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: DatePickerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: DatePickerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'teta-date-picker', changeDetection: ChangeDetectionStrategy.OnPush, providers: [DATE_PICKER_CONTROL_VALUE_ACCESSOR, DatePipe], standalone: true, imports: [
+            args: [{ selector: 'teta-date-picker', changeDetection: ChangeDetectionStrategy.OnPush, providers: [DATE_PICKER_CONTROL_VALUE_ACCESSOR, DatePipe], imports: [
                         DropdownComponent,
                         DropdownHeadDirective,
                         NgClass,
@@ -2634,12 +2635,12 @@ class RangeCalendarComponent extends BaseCalendar {
             this.changeCalendarData(this.selectedDate.from || this.date.from);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: RangeCalendarComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: RangeCalendarComponent, isStandalone: true, selector: "teta-range-calendar", inputs: { locale: "locale", open: "open", date: "date", viewType: "viewType", allowNull: "allowNull", selectedDate: "selectedDate", min: "min", isDateNull: "isDateNull", max: "max" }, outputs: { hoveredDateChange: "hoveredDateChange", setDate: "setDate" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "@if (\n  {\n    currentMonth: currentMonth | async,\n    currentYear: currentYear | async,\n    selectedPicker: selectedPicker | async,\n    minMax: minMax | async,\n  };\n  as data\n) {\n  <div class=\"datepicker-content overflow-y-auto\">\n    @if (data.selectedPicker === 'day') {\n      <div class=\"row\" (wheel)=\"scrollMonth($event, data.currentMonth, data.currentYear)\">\n        <div class=\"padding-h-3 padding-v-2\">\n          <div class=\"row align-center justify-content-between\">\n            <teta-button\n              [ngClass]=\"{\n                'datepicker-arrow_hidden': !isLastDaySuitable(data.currentMonth - 1, data.currentYear, min),\n              }\"\n              [class]=\"'change-month-button datepicker_' + viewType\"\n              [square]=\"true\"\n              (click)=\"changeMonth(data.currentMonth - 1, data.currentYear)\"\n              palette=\"text\"\n              view=\"ghost\"\n            >\n              <teta-icon name=\"arrowLeftKey\" [palette]=\"'text'\"></teta-icon>\n            </teta-button>\n            <div class=\"row gap-4 font-button-2 align-center padding-left-1\">\n              <p>{{ getMothName(data.currentMonth) }}</p>\n              <button\n                [class]=\"'datepicker_' + viewType\"\n                teta-button\n                view=\"ghost\"\n                palette=\"text\"\n                (click)=\"selectPicker('year')\"\n              >\n                {{ data.currentYear }}\n              </button>\n            </div>\n            <teta-button\n              [square]=\"true\"\n              [class]=\"'change-month-button datepicker-arrow_hidden datepicker_' + viewType\"\n              palette=\"text\"\n              view=\"ghost\"\n            >\n              <teta-icon name=\"arrowRightKey\" [palette]=\"'text'\"></teta-icon>\n            </teta-button>\n          </div>\n          <div>\n            <teta-day-picker\n              [(hoveredDate)]=\"hoveredDate\"\n              [range]=\"getFromTo()\"\n              [viewType]=\"viewType\"\n              (selectDate)=\"selectDate($event)\"\n              [locale]=\"locale\"\n              [calendar]=\"calendar.currentMonth\"\n            ></teta-day-picker>\n          </div>\n        </div>\n        @if (getAvailableMonthYear(data.currentMonth + 1, data.currentYear); as availableMonthYear) {\n          <div class=\"padding-h-3 padding-v-2\">\n            <div class=\"row align-center justify-content-between\">\n              <teta-button\n                [square]=\"true\"\n                [class]=\"'change-month-button datepicker-arrow_hidden datepicker_' + viewType\"\n                palette=\"text\"\n                view=\"ghost\"\n              >\n                <teta-icon name=\"arrowLeftKey\" [palette]=\"'text'\"></teta-icon>\n              </teta-button>\n              <div class=\"row gap-4 font-button-2 align-center padding-left-1\">\n                <p>{{ getMothName(availableMonthYear.availableMonth) }}</p>\n                <button\n                  [class]=\"'datepicker_' + viewType\"\n                  teta-button\n                  view=\"ghost\"\n                  palette=\"text\"\n                  (click)=\"selectPicker('year')\"\n                >\n                  {{ availableMonthYear.availableYear }}\n                </button>\n              </div>\n              <teta-button\n                [square]=\"true\"\n                [ngClass]=\"{\n                  'datepicker-arrow_hidden': !isFirstDaySuitable(data.currentMonth + 2, data.currentYear, max),\n                }\"\n                [class]=\"'change-month-button datepicker_' + viewType\"\n                (click)=\"changeMonth(data.currentMonth + 1, data.currentYear)\"\n                palette=\"text\"\n                view=\"ghost\"\n              >\n                <teta-icon name=\"arrowRightKey\" [palette]=\"'text'\"></teta-icon>\n              </teta-button>\n            </div>\n            <div>\n              <teta-day-picker\n                [(hoveredDate)]=\"hoveredDate\"\n                [range]=\"getFromTo()\"\n                [viewType]=\"viewType\"\n                (selectDate)=\"selectDate($event)\"\n                [locale]=\"locale\"\n                [calendar]=\"calendar.nextMonth\"\n              ></teta-day-picker>\n            </div>\n          </div>\n        }\n      </div>\n    }\n    @if (data.selectedPicker === 'month') {\n      <teta-month-picker\n        [localeMoths]=\"locale.months\"\n        [currentYear]=\"data.currentYear\"\n        (changeYear)=\"setYear($event)\"\n        [selectedMonth]=\"data.currentMonth\"\n        [viewType]=\"viewType\"\n        (selectMonth)=\"selectMonth($event)\"\n      ></teta-month-picker>\n    }\n    @if (data.selectedPicker === 'year') {\n      <teta-year-picker\n        [minMax]=\"data.minMax\"\n        [locale]=\"locale\"\n        [viewType]=\"viewType\"\n        (selectYear)=\"selectYear($event)\"\n        [selectedYear]=\"data.currentYear\"\n      ></teta-year-picker>\n    }\n  </div>\n}\n", styles: [".change-month-button{-webkit-user-select:none;user-select:none}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[teta-button], teta-button", inputs: ["palette", "class", "view", "square", "viewType", "size"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }, { kind: "component", type: DayPickerComponent, selector: "teta-day-picker", inputs: ["date", "calendar", "viewType", "range", "min", "max", "locale", "hoveredDate"], outputs: ["hoveredDateChange", "selectDate"] }, { kind: "component", type: MonthPickerComponent, selector: "teta-month-picker", inputs: ["selectedMonth", "viewType", "currentYear", "localeMoths"], outputs: ["selectMonth", "changeYear"] }, { kind: "component", type: YearPickerComponent, selector: "teta-year-picker", inputs: ["selectedYear", "viewType", "minMax", "locale"], outputs: ["selectYear"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: RangeCalendarComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: RangeCalendarComponent, isStandalone: true, selector: "teta-range-calendar", inputs: { locale: "locale", open: "open", date: "date", viewType: "viewType", allowNull: "allowNull", selectedDate: "selectedDate", min: "min", isDateNull: "isDateNull", max: "max" }, outputs: { hoveredDateChange: "hoveredDateChange", setDate: "setDate" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "@if (\n  {\n    currentMonth: currentMonth | async,\n    currentYear: currentYear | async,\n    selectedPicker: selectedPicker | async,\n    minMax: minMax | async,\n  };\n  as data\n) {\n  <div class=\"datepicker-content overflow-y-auto\">\n    @if (data.selectedPicker === 'day') {\n      <div class=\"row\" (wheel)=\"scrollMonth($event, data.currentMonth, data.currentYear)\">\n        <div class=\"padding-h-3 padding-v-2\">\n          <div class=\"row align-center justify-content-between\">\n            <teta-button\n              [ngClass]=\"{\n                'datepicker-arrow_hidden': !isLastDaySuitable(data.currentMonth - 1, data.currentYear, min),\n              }\"\n              [class]=\"'change-month-button datepicker_' + viewType\"\n              [square]=\"true\"\n              (click)=\"changeMonth(data.currentMonth - 1, data.currentYear)\"\n              palette=\"text\"\n              view=\"ghost\"\n            >\n              <teta-icon name=\"arrowLeftKey\" [palette]=\"'text'\"></teta-icon>\n            </teta-button>\n            <div class=\"row gap-4 font-button-2 align-center padding-left-1\">\n              <p>{{ getMothName(data.currentMonth) }}</p>\n              <button\n                [class]=\"'datepicker_' + viewType\"\n                teta-button\n                view=\"ghost\"\n                palette=\"text\"\n                (click)=\"selectPicker('year')\"\n              >\n                {{ data.currentYear }}\n              </button>\n            </div>\n            <teta-button\n              [square]=\"true\"\n              [class]=\"'change-month-button datepicker-arrow_hidden datepicker_' + viewType\"\n              palette=\"text\"\n              view=\"ghost\"\n            >\n              <teta-icon name=\"arrowRightKey\" [palette]=\"'text'\"></teta-icon>\n            </teta-button>\n          </div>\n          <div>\n            <teta-day-picker\n              [(hoveredDate)]=\"hoveredDate\"\n              [range]=\"getFromTo()\"\n              [viewType]=\"viewType\"\n              (selectDate)=\"selectDate($event)\"\n              [locale]=\"locale\"\n              [calendar]=\"calendar.currentMonth\"\n            ></teta-day-picker>\n          </div>\n        </div>\n        @if (getAvailableMonthYear(data.currentMonth + 1, data.currentYear); as availableMonthYear) {\n          <div class=\"padding-h-3 padding-v-2\">\n            <div class=\"row align-center justify-content-between\">\n              <teta-button\n                [square]=\"true\"\n                [class]=\"'change-month-button datepicker-arrow_hidden datepicker_' + viewType\"\n                palette=\"text\"\n                view=\"ghost\"\n              >\n                <teta-icon name=\"arrowLeftKey\" [palette]=\"'text'\"></teta-icon>\n              </teta-button>\n              <div class=\"row gap-4 font-button-2 align-center padding-left-1\">\n                <p>{{ getMothName(availableMonthYear.availableMonth) }}</p>\n                <button\n                  [class]=\"'datepicker_' + viewType\"\n                  teta-button\n                  view=\"ghost\"\n                  palette=\"text\"\n                  (click)=\"selectPicker('year')\"\n                >\n                  {{ availableMonthYear.availableYear }}\n                </button>\n              </div>\n              <teta-button\n                [square]=\"true\"\n                [ngClass]=\"{\n                  'datepicker-arrow_hidden': !isFirstDaySuitable(data.currentMonth + 2, data.currentYear, max),\n                }\"\n                [class]=\"'change-month-button datepicker_' + viewType\"\n                (click)=\"changeMonth(data.currentMonth + 1, data.currentYear)\"\n                palette=\"text\"\n                view=\"ghost\"\n              >\n                <teta-icon name=\"arrowRightKey\" [palette]=\"'text'\"></teta-icon>\n              </teta-button>\n            </div>\n            <div>\n              <teta-day-picker\n                [(hoveredDate)]=\"hoveredDate\"\n                [range]=\"getFromTo()\"\n                [viewType]=\"viewType\"\n                (selectDate)=\"selectDate($event)\"\n                [locale]=\"locale\"\n                [calendar]=\"calendar.nextMonth\"\n              ></teta-day-picker>\n            </div>\n          </div>\n        }\n      </div>\n    }\n    @if (data.selectedPicker === 'month') {\n      <teta-month-picker\n        [localeMoths]=\"locale.months\"\n        [currentYear]=\"data.currentYear\"\n        (changeYear)=\"setYear($event)\"\n        [selectedMonth]=\"data.currentMonth\"\n        [viewType]=\"viewType\"\n        (selectMonth)=\"selectMonth($event)\"\n      ></teta-month-picker>\n    }\n    @if (data.selectedPicker === 'year') {\n      <teta-year-picker\n        [minMax]=\"data.minMax\"\n        [locale]=\"locale\"\n        [viewType]=\"viewType\"\n        (selectYear)=\"selectYear($event)\"\n        [selectedYear]=\"data.currentYear\"\n      ></teta-year-picker>\n    }\n  </div>\n}\n", styles: [".change-month-button{-webkit-user-select:none;user-select:none}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[teta-button], teta-button", inputs: ["palette", "class", "view", "square", "viewType", "size"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }, { kind: "component", type: DayPickerComponent, selector: "teta-day-picker", inputs: ["date", "calendar", "viewType", "range", "min", "max", "locale", "hoveredDate"], outputs: ["hoveredDateChange", "selectDate"] }, { kind: "component", type: MonthPickerComponent, selector: "teta-month-picker", inputs: ["selectedMonth", "viewType", "currentYear", "localeMoths"], outputs: ["selectMonth", "changeYear"] }, { kind: "component", type: YearPickerComponent, selector: "teta-year-picker", inputs: ["selectedYear", "viewType", "minMax", "locale"], outputs: ["selectYear"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: RangeCalendarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: RangeCalendarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'teta-range-calendar', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+            args: [{ selector: 'teta-range-calendar', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         ButtonComponent,
                         NgClass,
                         IconComponent,
@@ -2832,12 +2833,12 @@ class DateRangeComponent extends BasePicker {
         this.prepareInput();
     }
     onChange(date) { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: DateRangeComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i1$1.DatePipe }, { token: TetaConfigService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: DateRangeComponent, isStandalone: true, selector: "teta-date-range", inputs: { date: "date", showTime: "showTime", minDate: "minDate", maxDate: "maxDate", invalid: "invalid", disabled: "disabled", align: "align", verticalAlign: "verticalAlign", viewType: "viewType", appendToBody: "appendToBody", backdrop: "backdrop", allowNull: "allowNull" }, outputs: { selectDate: "selectDate" }, host: { properties: { "class.daterange": "this.classDaterange" } }, providers: [DATE_Range_CONTROL_VALUE_ACCESSOR, DatePipe], viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], usesInheritance: true, ngImport: i0, template: "@if ({ selectedDate: selectedDate | async }; as data) {\n  <teta-dropdown\n    [appendToBody]=\"appendToBody\"\n    [backdrop]=\"backdrop\"\n    class=\"row row_auto\"\n    [(open)]=\"open\"\n    (openChange)=\"openChange($event)\"\n    [viewType]=\"viewType\"\n    [disabled]=\"disabled\"\n    [verticalAlign]=\"verticalAlign\"\n    [align]=\"align\"\n    [autoCloseIgnore]=\"['esc', 'inside', 'enter']\"\n  >\n    <div\n      tetaDropdownHead\n      [class]=\"'datepicker-head font-body-3 gap-8 datepicker_' + viewType\"\n      [ngClass]=\"{ 'datepicker-head_invalid': invalid, 'datepicker-head_disabled': disabled }\"\n    >\n      <teta-input class=\"row row_auto flex\">\n        <div [class]=\"'row_auto row datepicker_' + viewType\">\n          <div class=\"row row_auto position-relative font-body-3 align-center\">\n            <input\n              [ngClass]=\"{ 'color-text-90': !disabled }\"\n              [disabled]=\"disabled\"\n              #input\n              style=\"z-index: 1\"\n              class=\"border-0 color-text-90\"\n              (keydown)=\"checkEnter($event)\"\n              [(ngModel)]=\"inputText\"\n              (ngModelChange)=\"changeInput($event)\"\n              [maskito]=\"maskitoOptions\"\n            />\n            @if (data.selectedDate || allowNull) {\n              <div\n                (click)=\"input.focus()\"\n                class=\"position-absolute color-text-10\"\n                style=\"cursor: text; user-select: none\"\n              >\n                {{ placeholder }}\n              </div>\n            }\n          </div>\n          <teta-icon [name]=\"'calendar'\" [palette]=\"'text'\"></teta-icon>\n        </div>\n      </teta-input>\n    </div>\n    <div tetaDropdownContent class=\"scrollable\" (click)=\"$event.preventDefault()\">\n      @if (open) {\n        <div class=\"row\">\n          <teta-range-calendar\n            [isDateNull]=\"date === null || (date?.from === null && date?.to === null)\"\n            [open]=\"open\"\n            [max]=\"maxDate\"\n            [allowNull]=\"allowNull\"\n            [min]=\"minDate\"\n            (setDate)=\"changeSelectedDate($event, data.selectedDate)\"\n            [selectedDate]=\"data.selectedDate\"\n            [date]=\"date\"\n            [viewType]=\"viewType\"\n            [locale]=\"locale | async\"\n          ></teta-range-calendar>\n        </div>\n      }\n    </div>\n  </teta-dropdown>\n}\n", styles: [""], dependencies: [{ kind: "component", type: DropdownComponent, selector: "teta-dropdown", exportAs: ["dropdown"] }, { kind: "directive", type: DropdownHeadDirective, selector: "[tetaDropdownHead]" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: InputComponent, selector: "teta-input", inputs: ["label", "hint", "viewType", "horizontal", "required"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MaskitoModule }, { kind: "directive", type: i4.MaskitoDirective, selector: "[maskito]", inputs: ["maskito", "maskitoElement"] }, { kind: "directive", type: i4.MaskitoCVA, selector: "input[maskito], textarea[maskito]", inputs: ["maskito"] }, { kind: "component", type: IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }, { kind: "directive", type: DropdownContentDirective, selector: "[tetaDropdownContent]" }, { kind: "component", type: RangeCalendarComponent, selector: "teta-range-calendar", inputs: ["locale", "open", "date", "viewType", "allowNull", "selectedDate", "min", "isDateNull", "max"], outputs: ["hoveredDateChange", "setDate"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: DateRangeComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i1$1.DatePipe }, { token: TetaConfigService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: DateRangeComponent, isStandalone: true, selector: "teta-date-range", inputs: { date: "date", showTime: "showTime", minDate: "minDate", maxDate: "maxDate", invalid: "invalid", disabled: "disabled", align: "align", verticalAlign: "verticalAlign", viewType: "viewType", appendToBody: "appendToBody", backdrop: "backdrop", allowNull: "allowNull" }, outputs: { selectDate: "selectDate" }, host: { properties: { "class.daterange": "this.classDaterange" } }, providers: [DATE_Range_CONTROL_VALUE_ACCESSOR, DatePipe], viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], usesInheritance: true, ngImport: i0, template: "@if ({ selectedDate: selectedDate | async }; as data) {\n  <teta-dropdown\n    [appendToBody]=\"appendToBody\"\n    [backdrop]=\"backdrop\"\n    class=\"row row_auto\"\n    [(open)]=\"open\"\n    (openChange)=\"openChange($event)\"\n    [viewType]=\"viewType\"\n    [disabled]=\"disabled\"\n    [verticalAlign]=\"verticalAlign\"\n    [align]=\"align\"\n    [autoCloseIgnore]=\"['esc', 'inside', 'enter']\"\n  >\n    <div\n      tetaDropdownHead\n      [class]=\"'datepicker-head font-body-3 gap-8 datepicker_' + viewType\"\n      [ngClass]=\"{ 'datepicker-head_invalid': invalid, 'datepicker-head_disabled': disabled }\"\n    >\n      <teta-input class=\"row row_auto flex\">\n        <div [class]=\"'row_auto row datepicker_' + viewType\">\n          <div class=\"row row_auto position-relative font-body-3 align-center\">\n            <input\n              [ngClass]=\"{ 'color-text-90': !disabled }\"\n              [disabled]=\"disabled\"\n              #input\n              style=\"z-index: 1\"\n              class=\"border-0 color-text-90\"\n              (keydown)=\"checkEnter($event)\"\n              [(ngModel)]=\"inputText\"\n              (ngModelChange)=\"changeInput($event)\"\n              [maskito]=\"maskitoOptions\"\n            />\n            @if (data.selectedDate || allowNull) {\n              <div\n                (click)=\"input.focus()\"\n                class=\"position-absolute color-text-10\"\n                style=\"cursor: text; user-select: none\"\n              >\n                {{ placeholder }}\n              </div>\n            }\n          </div>\n          <teta-icon [name]=\"'calendar'\" [palette]=\"'text'\"></teta-icon>\n        </div>\n      </teta-input>\n    </div>\n    <div tetaDropdownContent class=\"scrollable\" (click)=\"$event.preventDefault()\">\n      @if (open) {\n        <div class=\"row\">\n          <teta-range-calendar\n            [isDateNull]=\"date === null || (date?.from === null && date?.to === null)\"\n            [open]=\"open\"\n            [max]=\"maxDate\"\n            [allowNull]=\"allowNull\"\n            [min]=\"minDate\"\n            (setDate)=\"changeSelectedDate($event, data.selectedDate)\"\n            [selectedDate]=\"data.selectedDate\"\n            [date]=\"date\"\n            [viewType]=\"viewType\"\n            [locale]=\"locale | async\"\n          ></teta-range-calendar>\n        </div>\n      }\n    </div>\n  </teta-dropdown>\n}\n", styles: [""], dependencies: [{ kind: "component", type: DropdownComponent, selector: "teta-dropdown", exportAs: ["dropdown"] }, { kind: "directive", type: DropdownHeadDirective, selector: "[tetaDropdownHead]" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: InputComponent, selector: "teta-input", inputs: ["label", "hint", "viewType", "horizontal", "required"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MaskitoModule }, { kind: "directive", type: i4.MaskitoDirective, selector: "[maskito]", inputs: ["maskito", "maskitoElement"] }, { kind: "directive", type: i4.MaskitoCVA, selector: "input[maskito], textarea[maskito]", inputs: ["maskito"] }, { kind: "component", type: IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }, { kind: "directive", type: DropdownContentDirective, selector: "[tetaDropdownContent]" }, { kind: "component", type: RangeCalendarComponent, selector: "teta-range-calendar", inputs: ["locale", "open", "date", "viewType", "allowNull", "selectedDate", "min", "isDateNull", "max"], outputs: ["hoveredDateChange", "setDate"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: DateRangeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: DateRangeComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'teta-date-range', providers: [DATE_Range_CONTROL_VALUE_ACCESSOR, DatePipe], changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+            args: [{ selector: 'teta-date-range', providers: [DATE_Range_CONTROL_VALUE_ACCESSOR, DatePipe], changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         DropdownComponent,
                         DropdownHeadDirective,
                         NgClass,
@@ -2926,10 +2927,10 @@ class DelimiterComponent {
         return this.palette ? `bg-${this.palette}-10` : '';
     }
     ngOnInit() { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: DelimiterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: DelimiterComponent, isStandalone: true, 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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: DelimiterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: DelimiterComponent, isStandalone: true, 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: "18.2.1", ngImport: i0, type: DelimiterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: DelimiterComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-delimiter', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "", styles: [":host.delimiter{flex-shrink:0}\n"] }]
         }], ctorParameters: () => [], propDecorators: { direction: [{
@@ -2978,10 +2979,10 @@ class DropdownDirective extends DropdownBase {
             this._renderer.removeChild(this._content.nativeElement.parentNode, this._content.nativeElement);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: DropdownDirective, deps: [{ token: i0.ChangeDetectorRef }, { token: DOCUMENT }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.1", type: DropdownDirective, isStandalone: true, selector: "[tetaDropdown]", usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: DropdownDirective, deps: [{ token: i0.ChangeDetectorRef }, { token: DOCUMENT }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.5", type: DropdownDirective, isStandalone: true, selector: "[tetaDropdown]", usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: DropdownDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: DropdownDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[tetaDropdown]',
@@ -3001,10 +3002,10 @@ class ToolbarComponent {
         return result.join(' ');
     }
     ngOnInit() { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: ToolbarComponent, isStandalone: true, selector: "teta-toolbar", inputs: { palette: "palette", class: "class" }, host: { properties: { "class": "this.getClass" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: ToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: ToolbarComponent, isStandalone: true, selector: "teta-toolbar", inputs: { palette: "palette", class: "class" }, 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: "18.2.1", ngImport: i0, type: ToolbarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: ToolbarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-toolbar', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<ng-content></ng-content>\n" }]
         }], propDecorators: { palette: [{
@@ -3028,12 +3029,12 @@ class ExpandCardComponent {
         this.open = !this.open;
         this.openChange.emit(this.open);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ExpandCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: ExpandCardComponent, isStandalone: true, 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 type=\"button\" teta-button (click)=\"setOpen()\" [palette]=\"'text'\" [view]=\"'ghost'\" [square]=\"true\">\n      <teta-icon [name]=\"open ? 'arrowUpKey' : 'arrowDownKey'\" [palette]=\"'text'\"></teta-icon>\n    </button>\n    @if (showCross) {\n      <teta-delimiter [palette]=\"'text'\" class=\"height-4\"></teta-delimiter>\n      <button\n        type=\"button\"\n        teta-button\n        (click)=\"crossClick.emit($event)\"\n        [palette]=\"'text'\"\n        [view]=\"'ghost'\"\n        [square]=\"true\"\n      >\n        <teta-icon [name]=\"'closeBig'\" [palette]=\"'text'\"></teta-icon>\n      </button>\n    }\n  </div>\n</teta-toolbar>\n@if (open) {\n  <div class=\"content\">\n    <ng-content></ng-content>\n  </div>\n}\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: "component", type: ToolbarComponent, selector: "teta-toolbar", inputs: ["palette", "class"] }, { kind: "component", type: ButtonComponent, selector: "button[teta-button], teta-button", inputs: ["palette", "class", "view", "square", "viewType", "size"] }, { kind: "component", type: IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }, { kind: "component", type: DelimiterComponent, selector: "teta-delimiter", inputs: ["direction", "palette", "height", "verticalMargin", "horizontalMargin", "class"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: ExpandCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: ExpandCardComponent, isStandalone: true, 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 type=\"button\" teta-button (click)=\"setOpen()\" [palette]=\"'text'\" [view]=\"'ghost'\" [square]=\"true\">\n      <teta-icon [name]=\"open ? 'arrowUpKey' : 'arrowDownKey'\" [palette]=\"'text'\"></teta-icon>\n    </button>\n    @if (showCross) {\n      <teta-delimiter [palette]=\"'text'\" class=\"height-4\"></teta-delimiter>\n      <button\n        type=\"button\"\n        teta-button\n        (click)=\"crossClick.emit($event)\"\n        [palette]=\"'text'\"\n        [view]=\"'ghost'\"\n        [square]=\"true\"\n      >\n        <teta-icon [name]=\"'closeBig'\" [palette]=\"'text'\"></teta-icon>\n      </button>\n    }\n  </div>\n</teta-toolbar>\n@if (open) {\n  <div class=\"content\">\n    <ng-content></ng-content>\n  </div>\n}\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: "component", type: ToolbarComponent, selector: "teta-toolbar", inputs: ["palette", "class"] }, { kind: "component", type: ButtonComponent, selector: "button[teta-button], teta-button", inputs: ["palette", "class", "view", "square", "viewType", "size"] }, { kind: "component", type: IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }, { kind: "component", type: DelimiterComponent, selector: "teta-delimiter", inputs: ["direction", "palette", "height", "verticalMargin", "horizontalMargin", "class"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ExpandCardComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: ExpandCardComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'teta-expand-card', changeDetection: ChangeDetectionStrategy.OnPush, exportAs: 'expand-card', standalone: true, imports: [ToolbarComponent, ButtonComponent, IconComponent, DelimiterComponent], 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 type=\"button\" teta-button (click)=\"setOpen()\" [palette]=\"'text'\" [view]=\"'ghost'\" [square]=\"true\">\n      <teta-icon [name]=\"open ? 'arrowUpKey' : 'arrowDownKey'\" [palette]=\"'text'\"></teta-icon>\n    </button>\n    @if (showCross) {\n      <teta-delimiter [palette]=\"'text'\" class=\"height-4\"></teta-delimiter>\n      <button\n        type=\"button\"\n        teta-button\n        (click)=\"crossClick.emit($event)\"\n        [palette]=\"'text'\"\n        [view]=\"'ghost'\"\n        [square]=\"true\"\n      >\n        <teta-icon [name]=\"'closeBig'\" [palette]=\"'text'\"></teta-icon>\n      </button>\n    }\n  </div>\n</teta-toolbar>\n@if (open) {\n  <div class=\"content\">\n    <ng-content></ng-content>\n  </div>\n}\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"] }]
+            args: [{ selector: 'teta-expand-card', changeDetection: ChangeDetectionStrategy.OnPush, exportAs: 'expand-card', imports: [ToolbarComponent, ButtonComponent, IconComponent, DelimiterComponent], 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 type=\"button\" teta-button (click)=\"setOpen()\" [palette]=\"'text'\" [view]=\"'ghost'\" [square]=\"true\">\n      <teta-icon [name]=\"open ? 'arrowUpKey' : 'arrowDownKey'\" [palette]=\"'text'\"></teta-icon>\n    </button>\n    @if (showCross) {\n      <teta-delimiter [palette]=\"'text'\" class=\"height-4\"></teta-delimiter>\n      <button\n        type=\"button\"\n        teta-button\n        (click)=\"crossClick.emit($event)\"\n        [palette]=\"'text'\"\n        [view]=\"'ghost'\"\n        [square]=\"true\"\n      >\n        <teta-icon [name]=\"'closeBig'\" [palette]=\"'text'\"></teta-icon>\n      </button>\n    }\n  </div>\n</teta-toolbar>\n@if (open) {\n  <div class=\"content\">\n    <ng-content></ng-content>\n  </div>\n}\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: () => [], propDecorators: { open: [{
                 type: Input
             }], openChange: [{
@@ -3053,12 +3054,12 @@ class ExpandItemComponent {
         this.open = !this.open;
         this.openChange.emit(this.open);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ExpandItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: ExpandItemComponent, isStandalone: true, selector: "teta-expand-item", inputs: { open: "open" }, outputs: { openChange: "openChange" }, exportAs: ["expand-item"], ngImport: i0, template: "<div class=\"row align-center gap color-text-90 height-6\">\n  <div class=\"row row_auto align-center font-title-2\">\n    <ng-content select=\"head\"></ng-content>\n  </div>\n  <button type=\"button\" teta-button (click)=\"setOpen()\" [palette]=\"'text'\" [view]=\"'ghost'\" [square]=\"true\">\n    <teta-icon [name]=\"open ? 'arrowUpKey' : 'arrowDownKey'\" [palette]=\"'text'\"></teta-icon>\n  </button>\n</div>\n@if (open) {\n  <div class=\"content\">\n    <ng-content></ng-content>\n  </div>\n}\n", styles: [":host{animation:append-animate .5s linear;transition:order 5s ease-in;display:flex;flex-direction:column;gap:12px}.content{animation:append-animate .5s linear}@keyframes append-animate{0%{opacity:0}to{opacity:1}}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[teta-button], teta-button", inputs: ["palette", "class", "view", "square", "viewType", "size"] }, { kind: "component", type: IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: ExpandItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: ExpandItemComponent, isStandalone: true, selector: "teta-expand-item", inputs: { open: "open" }, outputs: { openChange: "openChange" }, exportAs: ["expand-item"], ngImport: i0, template: "<div class=\"row align-center gap color-text-90 height-6\">\n  <div class=\"row row_auto align-center font-title-2\">\n    <ng-content select=\"head\"></ng-content>\n  </div>\n  <button type=\"button\" teta-button (click)=\"setOpen()\" [palette]=\"'text'\" [view]=\"'ghost'\" [square]=\"true\">\n    <teta-icon [name]=\"open ? 'arrowUpKey' : 'arrowDownKey'\" [palette]=\"'text'\"></teta-icon>\n  </button>\n</div>\n@if (open) {\n  <div class=\"content\">\n    <ng-content></ng-content>\n  </div>\n}\n", styles: [":host{animation:append-animate .5s linear;transition:order 5s ease-in;display:flex;flex-direction:column;gap:12px}.content{animation:append-animate .5s linear}@keyframes append-animate{0%{opacity:0}to{opacity:1}}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[teta-button], teta-button", inputs: ["palette", "class", "view", "square", "viewType", "size"] }, { kind: "component", type: IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ExpandItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: ExpandItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'teta-expand-item', changeDetection: ChangeDetectionStrategy.OnPush, exportAs: 'expand-item', standalone: true, imports: [ButtonComponent, IconComponent], template: "<div class=\"row align-center gap color-text-90 height-6\">\n  <div class=\"row row_auto align-center font-title-2\">\n    <ng-content select=\"head\"></ng-content>\n  </div>\n  <button type=\"button\" teta-button (click)=\"setOpen()\" [palette]=\"'text'\" [view]=\"'ghost'\" [square]=\"true\">\n    <teta-icon [name]=\"open ? 'arrowUpKey' : 'arrowDownKey'\" [palette]=\"'text'\"></teta-icon>\n  </button>\n</div>\n@if (open) {\n  <div class=\"content\">\n    <ng-content></ng-content>\n  </div>\n}\n", styles: [":host{animation:append-animate .5s linear;transition:order 5s ease-in;display:flex;flex-direction:column;gap:12px}.content{animation:append-animate .5s linear}@keyframes append-animate{0%{opacity:0}to{opacity:1}}\n"] }]
+            args: [{ selector: 'teta-expand-item', changeDetection: ChangeDetectionStrategy.OnPush, exportAs: 'expand-item', imports: [ButtonComponent, IconComponent], template: "<div class=\"row align-center gap color-text-90 height-6\">\n  <div class=\"row row_auto align-center font-title-2\">\n    <ng-content select=\"head\"></ng-content>\n  </div>\n  <button type=\"button\" teta-button (click)=\"setOpen()\" [palette]=\"'text'\" [view]=\"'ghost'\" [square]=\"true\">\n    <teta-icon [name]=\"open ? 'arrowUpKey' : 'arrowDownKey'\" [palette]=\"'text'\"></teta-icon>\n  </button>\n</div>\n@if (open) {\n  <div class=\"content\">\n    <ng-content></ng-content>\n  </div>\n}\n", styles: [":host{animation:append-animate .5s linear;transition:order 5s ease-in;display:flex;flex-direction:column;gap:12px}.content{animation:append-animate .5s linear}@keyframes append-animate{0%{opacity:0}to{opacity:1}}\n"] }]
         }], propDecorators: { open: [{
                 type: Input
             }], openChange: [{
@@ -3069,10 +3070,10 @@ class ExpandPanelContentDirective {
     constructor(template) {
         this.template = template;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ExpandPanelContentDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.1", type: ExpandPanelContentDirective, isStandalone: true, selector: "[tetaExpandPanelContent]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: ExpandPanelContentDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.5", type: ExpandPanelContentDirective, isStandalone: true, selector: "[tetaExpandPanelContent]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ExpandPanelContentDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: ExpandPanelContentDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[tetaExpandPanelContent]',
@@ -3084,10 +3085,10 @@ class ExpandPanelHeadDirective {
     constructor(template) {
         this.template = template;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ExpandPanelHeadDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.1", type: ExpandPanelHeadDirective, isStandalone: true, selector: "[tetaExpandPanelHead]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: ExpandPanelHeadDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.5", type: ExpandPanelHeadDirective, isStandalone: true, selector: "[tetaExpandPanelHead]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ExpandPanelHeadDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: ExpandPanelHeadDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[tetaExpandPanelHead]',
@@ -3128,12 +3129,12 @@ class ExpandPanelComponent {
         this.open = cookie != null ? JSON.parse(cookie) : true;
         this.openChange.emit(this.open);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ExpandPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: ExpandPanelComponent, isStandalone: true, 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: "@if (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  >\n    <button teta-button [square]=\"true\" [palette]=\"'text'\" [view]=\"'ghost'\" (click)=\"closePanel()\">\n      <teta-icon [palette]=\"'text'\" [name]=\"direction === 'right' ? 'start' : 'end'\"></teta-icon>\n    </button>\n    <span class=\"font-title-2\" style=\"display: contents\">\n      <ng-container *ngTemplateOutlet=\"head?.template\"></ng-container>\n    </span>\n  </teta-toolbar>\n  <ng-container *ngTemplateOutlet=\"content?.template\"></ng-container>\n}\n@if (!open) {\n  <div class=\"width-10 overflow-hidden\" style=\"height: 100%\">\n    <button\n      teta-button\n      style=\"transform-origin: 0 0; transform: rotate(-90deg) translateX(-100%); margin: 6px\"\n      [palette]=\"'text'\"\n      [view]=\"'ghost'\"\n      (click)=\"openPanel()\"\n    >\n      <div class=\"font-button-2 nowrap\">{{ placeholder }}</div>\n      <teta-icon\n        style=\"transform-origin: 0 0; transform: rotate(-90deg) translateX(-100%)\"\n        [palette]=\"'text'\"\n        [name]=\"direction === 'right' ? 'start' : 'end'\"\n      ></teta-icon>\n    </button>\n  </div>\n}\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: "component", type: ToolbarComponent, selector: "teta-toolbar", inputs: ["palette", "class"] }, { kind: "component", type: ButtonComponent, selector: "button[teta-button], teta-button", inputs: ["palette", "class", "view", "square", "viewType", "size"] }, { kind: "component", type: IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: ExpandPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: ExpandPanelComponent, isStandalone: true, 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: "@if (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  >\n    <button teta-button [square]=\"true\" [palette]=\"'text'\" [view]=\"'ghost'\" (click)=\"closePanel()\">\n      <teta-icon [palette]=\"'text'\" [name]=\"direction === 'right' ? 'start' : 'end'\"></teta-icon>\n    </button>\n    <span class=\"font-title-2\" style=\"display: contents\">\n      <ng-container *ngTemplateOutlet=\"head?.template\"></ng-container>\n    </span>\n  </teta-toolbar>\n  <ng-container *ngTemplateOutlet=\"content?.template\"></ng-container>\n}\n@if (!open) {\n  <div class=\"width-10 overflow-hidden\" style=\"height: 100%\">\n    <button\n      teta-button\n      style=\"transform-origin: 0 0; transform: rotate(-90deg) translateX(-100%); margin: 6px\"\n      [palette]=\"'text'\"\n      [view]=\"'ghost'\"\n      (click)=\"openPanel()\"\n    >\n      <div class=\"font-button-2 nowrap\">{{ placeholder }}</div>\n      <teta-icon\n        style=\"transform-origin: 0 0; transform: rotate(-90deg) translateX(-100%)\"\n        [palette]=\"'text'\"\n        [name]=\"direction === 'right' ? 'start' : 'end'\"\n      ></teta-icon>\n    </button>\n  </div>\n}\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: "component", type: ToolbarComponent, selector: "teta-toolbar", inputs: ["palette", "class"] }, { kind: "component", type: ButtonComponent, selector: "button[teta-button], teta-button", inputs: ["palette", "class", "view", "square", "viewType", "size"] }, { kind: "component", type: IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ExpandPanelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: ExpandPanelComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'teta-expand-panel', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [ToolbarComponent, ButtonComponent, IconComponent, NgTemplateOutlet], template: "@if (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  >\n    <button teta-button [square]=\"true\" [palette]=\"'text'\" [view]=\"'ghost'\" (click)=\"closePanel()\">\n      <teta-icon [palette]=\"'text'\" [name]=\"direction === 'right' ? 'start' : 'end'\"></teta-icon>\n    </button>\n    <span class=\"font-title-2\" style=\"display: contents\">\n      <ng-container *ngTemplateOutlet=\"head?.template\"></ng-container>\n    </span>\n  </teta-toolbar>\n  <ng-container *ngTemplateOutlet=\"content?.template\"></ng-container>\n}\n@if (!open) {\n  <div class=\"width-10 overflow-hidden\" style=\"height: 100%\">\n    <button\n      teta-button\n      style=\"transform-origin: 0 0; transform: rotate(-90deg) translateX(-100%); margin: 6px\"\n      [palette]=\"'text'\"\n      [view]=\"'ghost'\"\n      (click)=\"openPanel()\"\n    >\n      <div class=\"font-button-2 nowrap\">{{ placeholder }}</div>\n      <teta-icon\n        style=\"transform-origin: 0 0; transform: rotate(-90deg) translateX(-100%)\"\n        [palette]=\"'text'\"\n        [name]=\"direction === 'right' ? 'start' : 'end'\"\n      ></teta-icon>\n    </button>\n  </div>\n}\n", styles: [":host{display:flex;flex-direction:column;flex-grow:0;flex-shrink:0;min-width:0;min-height:0;height:100%}\n"] }]
+            args: [{ selector: 'teta-expand-panel', changeDetection: ChangeDetectionStrategy.OnPush, imports: [ToolbarComponent, ButtonComponent, IconComponent, NgTemplateOutlet], template: "@if (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  >\n    <button teta-button [square]=\"true\" [palette]=\"'text'\" [view]=\"'ghost'\" (click)=\"closePanel()\">\n      <teta-icon [palette]=\"'text'\" [name]=\"direction === 'right' ? 'start' : 'end'\"></teta-icon>\n    </button>\n    <span class=\"font-title-2\" style=\"display: contents\">\n      <ng-container *ngTemplateOutlet=\"head?.template\"></ng-container>\n    </span>\n  </teta-toolbar>\n  <ng-container *ngTemplateOutlet=\"content?.template\"></ng-container>\n}\n@if (!open) {\n  <div class=\"width-10 overflow-hidden\" style=\"height: 100%\">\n    <button\n      teta-button\n      style=\"transform-origin: 0 0; transform: rotate(-90deg) translateX(-100%); margin: 6px\"\n      [palette]=\"'text'\"\n      [view]=\"'ghost'\"\n      (click)=\"openPanel()\"\n    >\n      <div class=\"font-button-2 nowrap\">{{ placeholder }}</div>\n      <teta-icon\n        style=\"transform-origin: 0 0; transform: rotate(-90deg) translateX(-100%)\"\n        [palette]=\"'text'\"\n        [name]=\"direction === 'right' ? 'start' : 'end'\"\n      ></teta-icon>\n    </button>\n  </div>\n}\n", styles: [":host{display:flex;flex-direction:column;flex-grow:0;flex-shrink:0;min-width:0;min-height:0;height:100%}\n"] }]
         }], ctorParameters: () => [], propDecorators: { content: [{
                 type: ContentChild,
                 args: [ExpandPanelContentDirective, { static: false }]
@@ -3192,12 +3193,12 @@ class FileUploadAreaComponent {
         event.preventDefault();
         event.stopPropagation();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: FileUploadAreaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: FileUploadAreaComponent, isStandalone: true, selector: "teta-file-upload-area", inputs: { multiple: "multiple", disabled: "disabled", accept: "accept" }, outputs: { upload: "upload" }, host: { listeners: { "dragenter": "dragEnter($event)", "dragover": "dragOver($event)", "dragleave": "dragLeave($event)", "drop": "drop($event)" }, properties: { "class.file-upload": "this.fileUpload", "class.file-upload_active": "this.fileUploadActive" } }, queries: [{ propertyName: "buttonTemplate", first: true, predicate: ["buttonTemplate"], descendants: true }], viewQueries: [{ propertyName: "input", first: true, predicate: ["fileUpload"], descendants: true }], ngImport: i0, template: "<ng-content></ng-content>\n<label class=\"file-upload-label\">\n  <input\n    #fileUpload\n    id=\"upload-input\"\n    class=\"file-upload-input\"\n    type=\"file\"\n    name=\"fileUpload\"\n    [attr.accept]=\"accept\"\n    [attr.multiple]=\"multiple ? 'multiple' : null\"\n    [disabled]=\"disabled\"\n    (change)=\"fileChanged($event)\"\n  />\n  <ng-container [ngTemplateOutlet]=\"buttonTemplate || defaultTemplate\"></ng-container>\n</label>\n<ng-template #defaultTemplate>\n  <teta-button [palette]=\"'primary'\" type=\"button\">\n    <teta-icon [name]=\"'search'\" [palette]=\"'white'\"></teta-icon>\n    {{ 'common.browse' | transloco }}\n  </teta-button>\n</ng-template>\n", styles: [":host{display:flex}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ButtonComponent, selector: "button[teta-button], teta-button", inputs: ["palette", "class", "view", "square", "viewType", "size"] }, { kind: "component", type: IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }, { kind: "ngmodule", type: TranslocoModule }, { kind: "pipe", type: i1$2.TranslocoPipe, name: "transloco" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: FileUploadAreaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: FileUploadAreaComponent, isStandalone: true, selector: "teta-file-upload-area", inputs: { multiple: "multiple", disabled: "disabled", accept: "accept" }, outputs: { upload: "upload" }, host: { listeners: { "dragenter": "dragEnter($event)", "dragover": "dragOver($event)", "dragleave": "dragLeave($event)", "drop": "drop($event)" }, properties: { "class.file-upload": "this.fileUpload", "class.file-upload_active": "this.fileUploadActive" } }, queries: [{ propertyName: "buttonTemplate", first: true, predicate: ["buttonTemplate"], descendants: true }], viewQueries: [{ propertyName: "input", first: true, predicate: ["fileUpload"], descendants: true }], ngImport: i0, template: "<ng-content></ng-content>\n<label class=\"file-upload-label\">\n  <input\n    #fileUpload\n    id=\"upload-input\"\n    class=\"file-upload-input\"\n    type=\"file\"\n    name=\"fileUpload\"\n    [attr.accept]=\"accept\"\n    [attr.multiple]=\"multiple ? 'multiple' : null\"\n    [disabled]=\"disabled\"\n    (change)=\"fileChanged($event)\"\n  />\n  <ng-container [ngTemplateOutlet]=\"buttonTemplate || defaultTemplate\"></ng-container>\n</label>\n<ng-template #defaultTemplate>\n  <teta-button [palette]=\"'primary'\" type=\"button\">\n    <teta-icon [name]=\"'search'\" [palette]=\"'white'\"></teta-icon>\n    {{ 'common.browse' | transloco }}\n  </teta-button>\n</ng-template>\n", styles: [":host{display:flex}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ButtonComponent, selector: "button[teta-button], teta-button", inputs: ["palette", "class", "view", "square", "viewType", "size"] }, { kind: "component", type: IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }, { kind: "ngmodule", type: TranslocoModule }, { kind: "pipe", type: i1$2.TranslocoPipe, name: "transloco" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: FileUploadAreaComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: FileUploadAreaComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'teta-file-upload-area', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgTemplateOutlet, ButtonComponent, IconComponent, TranslocoModule], template: "<ng-content></ng-content>\n<label class=\"file-upload-label\">\n  <input\n    #fileUpload\n    id=\"upload-input\"\n    class=\"file-upload-input\"\n    type=\"file\"\n    name=\"fileUpload\"\n    [attr.accept]=\"accept\"\n    [attr.multiple]=\"multiple ? 'multiple' : null\"\n    [disabled]=\"disabled\"\n    (change)=\"fileChanged($event)\"\n  />\n  <ng-container [ngTemplateOutlet]=\"buttonTemplate || defaultTemplate\"></ng-container>\n</label>\n<ng-template #defaultTemplate>\n  <teta-button [palette]=\"'primary'\" type=\"button\">\n    <teta-icon [name]=\"'search'\" [palette]=\"'white'\"></teta-icon>\n    {{ 'common.browse' | transloco }}\n  </teta-button>\n</ng-template>\n", styles: [":host{display:flex}\n"] }]
+            args: [{ selector: 'teta-file-upload-area', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgTemplateOutlet, ButtonComponent, IconComponent, TranslocoModule], template: "<ng-content></ng-content>\n<label class=\"file-upload-label\">\n  <input\n    #fileUpload\n    id=\"upload-input\"\n    class=\"file-upload-input\"\n    type=\"file\"\n    name=\"fileUpload\"\n    [attr.accept]=\"accept\"\n    [attr.multiple]=\"multiple ? 'multiple' : null\"\n    [disabled]=\"disabled\"\n    (change)=\"fileChanged($event)\"\n  />\n  <ng-container [ngTemplateOutlet]=\"buttonTemplate || defaultTemplate\"></ng-container>\n</label>\n<ng-template #defaultTemplate>\n  <teta-button [palette]=\"'primary'\" type=\"button\">\n    <teta-icon [name]=\"'search'\" [palette]=\"'white'\"></teta-icon>\n    {{ 'common.browse' | transloco }}\n  </teta-button>\n</ng-template>\n", styles: [":host{display:flex}\n"] }]
         }], propDecorators: { fileUpload: [{
                 type: HostBinding,
                 args: ['class.file-upload']
@@ -3235,10 +3236,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImpor
 class FileItemComponent {
     constructor() { }
     ngOnInit() { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: FileItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: FileItemComponent, isStandalone: true, selector: "teta-file-item", ngImport: i0, template: "<p>file-item works!</p>\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: FileItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: FileItemComponent, isStandalone: true, selector: "teta-file-item", ngImport: i0, template: "<p>file-item works!</p>\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: FileItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: FileItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-file-item', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<p>file-item works!</p>\n" }]
         }], ctorParameters: () => [] });
@@ -3565,12 +3566,12 @@ class DateFilterComponent extends FilterComponentBase {
         }
         return filter;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: DateFilterComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: TetaConfigService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: DateFilterComponent, isStandalone: true, selector: "teta-date-filter", inputs: { column: "column", data: "data", filterOptions: "filterOptions", state: "state" }, outputs: { filterChanged: "filterChanged" }, usesInheritance: true, ngImport: i0, template: "@if (locale | async; as loc) {\n  <div class=\"form-row padding-3\">\n    <teta-input [label]=\"loc.from\">\n      <teta-date-picker\n        style=\"width: 110px\"\n        [ngModel]=\"filter.value?.greaterThan\"\n        [appendToBody]=\"false\"\n        (ngModelChange)=\"filter.value.greaterThan = $event\"\n      ></teta-date-picker>\n    </teta-input>\n    <teta-input [label]=\"loc.to\">\n      <teta-date-picker\n        style=\"width: 110px\"\n        [ngModel]=\"filter.value?.lessThan\"\n        [appendToBody]=\"false\"\n        (ngModelChange)=\"filter.value.lessThan = $event\"\n      ></teta-date-picker>\n    </teta-input>\n  </div>\n}\n", styles: [""], dependencies: [{ kind: "component", type: InputComponent, selector: "teta-input", inputs: ["label", "hint", "viewType", "horizontal", "required"] }, { kind: "component", type: DatePickerComponent, selector: "teta-date-picker", inputs: ["date", "showTime", "minDate", "maxDate", "invalid", "disabled", "align", "verticalAlign", "viewType", "appendToBody", "backdrop", "allowNull", "firstDayOfWeek", "disabledDates", "disabledPeriods", "disabledDays", "minYearDate", "maxYearDate"], outputs: ["selectDate"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: DateFilterComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: TetaConfigService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: DateFilterComponent, isStandalone: true, selector: "teta-date-filter", inputs: { column: "column", data: "data", filterOptions: "filterOptions", state: "state" }, outputs: { filterChanged: "filterChanged" }, usesInheritance: true, ngImport: i0, template: "@if (locale | async; as loc) {\n  <div class=\"form-row padding-3\">\n    <teta-input [label]=\"loc.from\">\n      <teta-date-picker\n        style=\"width: 110px\"\n        [ngModel]=\"filter.value?.greaterThan\"\n        [appendToBody]=\"false\"\n        (ngModelChange)=\"filter.value.greaterThan = $event\"\n      ></teta-date-picker>\n    </teta-input>\n    <teta-input [label]=\"loc.to\">\n      <teta-date-picker\n        style=\"width: 110px\"\n        [ngModel]=\"filter.value?.lessThan\"\n        [appendToBody]=\"false\"\n        (ngModelChange)=\"filter.value.lessThan = $event\"\n      ></teta-date-picker>\n    </teta-input>\n  </div>\n}\n", styles: [""], dependencies: [{ kind: "component", type: InputComponent, selector: "teta-input", inputs: ["label", "hint", "viewType", "horizontal", "required"] }, { kind: "component", type: DatePickerComponent, selector: "teta-date-picker", inputs: ["date", "showTime", "minDate", "maxDate", "invalid", "disabled", "align", "verticalAlign", "viewType", "appendToBody", "backdrop", "allowNull", "firstDayOfWeek", "disabledDates", "disabledPeriods", "disabledDays", "minYearDate", "maxYearDate"], outputs: ["selectDate"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: DateFilterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: DateFilterComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'teta-date-filter', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [InputComponent, DatePickerComponent, FormsModule, AsyncPipe], template: "@if (locale | async; as loc) {\n  <div class=\"form-row padding-3\">\n    <teta-input [label]=\"loc.from\">\n      <teta-date-picker\n        style=\"width: 110px\"\n        [ngModel]=\"filter.value?.greaterThan\"\n        [appendToBody]=\"false\"\n        (ngModelChange)=\"filter.value.greaterThan = $event\"\n      ></teta-date-picker>\n    </teta-input>\n    <teta-input [label]=\"loc.to\">\n      <teta-date-picker\n        style=\"width: 110px\"\n        [ngModel]=\"filter.value?.lessThan\"\n        [appendToBody]=\"false\"\n        (ngModelChange)=\"filter.value.lessThan = $event\"\n      ></teta-date-picker>\n    </teta-input>\n  </div>\n}\n" }]
+            args: [{ selector: 'teta-date-filter', changeDetection: ChangeDetectionStrategy.OnPush, imports: [InputComponent, DatePickerComponent, FormsModule, AsyncPipe], template: "@if (locale | async; as loc) {\n  <div class=\"form-row padding-3\">\n    <teta-input [label]=\"loc.from\">\n      <teta-date-picker\n        style=\"width: 110px\"\n        [ngModel]=\"filter.value?.greaterThan\"\n        [appendToBody]=\"false\"\n        (ngModelChange)=\"filter.value.greaterThan = $event\"\n      ></teta-date-picker>\n    </teta-input>\n    <teta-input [label]=\"loc.to\">\n      <teta-date-picker\n        style=\"width: 110px\"\n        [ngModel]=\"filter.value?.lessThan\"\n        [appendToBody]=\"false\"\n        (ngModelChange)=\"filter.value.lessThan = $event\"\n      ></teta-date-picker>\n    </teta-input>\n  </div>\n}\n" }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: TetaConfigService }], propDecorators: { column: [{
                 type: Input
             }], data: [{
@@ -3587,10 +3588,10 @@ class ScrollableDirective {
     constructor() {
         this.hideScrollClass = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ScrollableDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.1", type: ScrollableDirective, isStandalone: true, selector: "[tetaScrollable]", host: { properties: { "class.scrollable_hide_scroll": "this.hideScrollClass" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: ScrollableDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.5", type: ScrollableDirective, isStandalone: true, selector: "[tetaScrollable]", host: { properties: { "class.scrollable_hide_scroll": "this.hideScrollClass" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ScrollableDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: ScrollableDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[tetaScrollable]',
@@ -3608,10 +3609,10 @@ class LetDirective {
     static ngTemplateContextGuard(_dir, _ctx) {
         return true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: LetDirective, deps: [{ token: ViewContainerRef }, { token: TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.1", type: LetDirective, isStandalone: true, selector: "[tetaLet]", inputs: { tetaLet: "tetaLet" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: LetDirective, deps: [{ token: ViewContainerRef }, { token: TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.5", type: LetDirective, isStandalone: true, selector: "[tetaLet]", inputs: { tetaLet: "tetaLet" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: LetDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: LetDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[tetaLet]',
@@ -3689,12 +3690,12 @@ class ScrollableComponent {
     ngAfterContentChecked() {
         this._observe();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ScrollableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: ScrollableComponent, isStandalone: true, selector: "teta-scrollable", inputs: { direction: "direction", showScrollbars: "showScrollbars", contentClass: "contentClass" }, outputs: { scroll: "scroll" }, host: { properties: { "class.show-scrollbars": "this.showScrollbars" } }, queries: [{ propertyName: "_scrollDirective", first: true, predicate: ScrollableDirective, descendants: true, read: ElementRef, static: true }], viewQueries: [{ propertyName: "_scrollableWrapper", first: true, predicate: ["scrollableWrapper"], descendants: true, static: true }, { propertyName: "_scrollbarVertical", first: true, predicate: ["scrollbarVertical"], descendants: true, static: true }, { propertyName: "_scrollbarHorizontal", first: true, predicate: ["scrollbarHorizontal"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"scroll-controls\" *tetaLet=\"scrollSize | async as scrollSize\">\n  <div\n    #scrollbarVertical\n    [class.display-none]=\"scrollSize?.scrollHeight <= scrollSize?.clientHeight\"\n    class=\"scroll-scrollbar scroll-scrollbar-vertical\"\n    (scroll)=\"scrollVertical($event)\"\n  >\n    <div [style.height.px]=\"scrollSize?.scrollHeight\" style=\"width: 1px\"></div>\n  </div>\n  <div\n    #scrollbarHorizontal\n    [class.display-none]=\"scrollSize?.scrollWidth <= scrollSize?.clientWidth\"\n    class=\"scroll-scrollbar scroll-scrollbar-horizontal\"\n    (scroll)=\"scrollHorizontal($event)\"\n  >\n    <div [style.width.px]=\"scrollSize?.scrollWidth\" style=\"height: 1px\"></div>\n  </div>\n</div>\n\n<div #scrollableWrapper class=\"scroll-content-wrapper\" [ngClass]=\"contentClass\" [class.column]=\"direction === 'column'\">\n  <ng-content></ng-content>\n</div>\n", styles: [":host{overflow:hidden;position:relative;z-index:0;display:flex}:host:hover .scroll-controls{opacity:1}:host.show-scrollbars .scroll-controls{opacity:1}:host::-webkit-scrollbar{width:0;height:0}.scroll-content-wrapper{display:flex;overflow:auto;flex-grow:1}.scroll-content-wrapper::-webkit-scrollbar{width:0;height:0}.scroll-content{position:relative;z-index:0;flex:1;display:flex;height:auto;min-width:0}.scroll-controls{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0;transition:opacity .5s linear}.scroll-scrollbar{position:absolute;overflow:auto;pointer-events:auto}.scroll-scrollbar-vertical{right:0;top:0;bottom:12px;width:12px}.scroll-scrollbar-horizontal{right:12px;left:0;bottom:0;height:12px}\n"], dependencies: [{ kind: "directive", type: LetDirective, selector: "[tetaLet]", inputs: ["tetaLet"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: ScrollableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: ScrollableComponent, isStandalone: true, selector: "teta-scrollable", inputs: { direction: "direction", showScrollbars: "showScrollbars", contentClass: "contentClass" }, outputs: { scroll: "scroll" }, host: { properties: { "class.show-scrollbars": "this.showScrollbars" } }, queries: [{ propertyName: "_scrollDirective", first: true, predicate: ScrollableDirective, descendants: true, read: ElementRef, static: true }], viewQueries: [{ propertyName: "_scrollableWrapper", first: true, predicate: ["scrollableWrapper"], descendants: true, static: true }, { propertyName: "_scrollbarVertical", first: true, predicate: ["scrollbarVertical"], descendants: true, static: true }, { propertyName: "_scrollbarHorizontal", first: true, predicate: ["scrollbarHorizontal"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"scroll-controls\" *tetaLet=\"scrollSize | async as scrollSize\">\n  <div\n    #scrollbarVertical\n    [class.display-none]=\"scrollSize?.scrollHeight <= scrollSize?.clientHeight\"\n    class=\"scroll-scrollbar scroll-scrollbar-vertical\"\n    (scroll)=\"scrollVertical($event)\"\n  >\n    <div [style.height.px]=\"scrollSize?.scrollHeight\" style=\"width: 1px\"></div>\n  </div>\n  <div\n    #scrollbarHorizontal\n    [class.display-none]=\"scrollSize?.scrollWidth <= scrollSize?.clientWidth\"\n    class=\"scroll-scrollbar scroll-scrollbar-horizontal\"\n    (scroll)=\"scrollHorizontal($event)\"\n  >\n    <div [style.width.px]=\"scrollSize?.scrollWidth\" style=\"height: 1px\"></div>\n  </div>\n</div>\n\n<div #scrollableWrapper class=\"scroll-content-wrapper\" [ngClass]=\"contentClass\" [class.column]=\"direction === 'column'\">\n  <ng-content></ng-content>\n</div>\n", styles: [":host{overflow:hidden;position:relative;z-index:0;display:flex}:host:hover .scroll-controls{opacity:1}:host.show-scrollbars .scroll-controls{opacity:1}:host::-webkit-scrollbar{width:0;height:0}.scroll-content-wrapper{display:flex;overflow:auto;flex-grow:1}.scroll-content-wrapper::-webkit-scrollbar{width:0;height:0}.scroll-content{position:relative;z-index:0;flex:1;display:flex;height:auto;min-width:0}.scroll-controls{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0;transition:opacity .5s linear}.scroll-scrollbar{position:absolute;overflow:auto;pointer-events:auto}.scroll-scrollbar-vertical{right:0;top:0;bottom:12px;width:12px}.scroll-scrollbar-horizontal{right:12px;left:0;bottom:0;height:12px}\n"], dependencies: [{ kind: "directive", type: LetDirective, selector: "[tetaLet]", inputs: ["tetaLet"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ScrollableComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: ScrollableComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'teta-scrollable', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [LetDirective, NgClass, AsyncPipe, ScrollableDirective], template: "<div class=\"scroll-controls\" *tetaLet=\"scrollSize | async as scrollSize\">\n  <div\n    #scrollbarVertical\n    [class.display-none]=\"scrollSize?.scrollHeight <= scrollSize?.clientHeight\"\n    class=\"scroll-scrollbar scroll-scrollbar-vertical\"\n    (scroll)=\"scrollVertical($event)\"\n  >\n    <div [style.height.px]=\"scrollSize?.scrollHeight\" style=\"width: 1px\"></div>\n  </div>\n  <div\n    #scrollbarHorizontal\n    [class.display-none]=\"scrollSize?.scrollWidth <= scrollSize?.clientWidth\"\n    class=\"scroll-scrollbar scroll-scrollbar-horizontal\"\n    (scroll)=\"scrollHorizontal($event)\"\n  >\n    <div [style.width.px]=\"scrollSize?.scrollWidth\" style=\"height: 1px\"></div>\n  </div>\n</div>\n\n<div #scrollableWrapper class=\"scroll-content-wrapper\" [ngClass]=\"contentClass\" [class.column]=\"direction === 'column'\">\n  <ng-content></ng-content>\n</div>\n", styles: [":host{overflow:hidden;position:relative;z-index:0;display:flex}:host:hover .scroll-controls{opacity:1}:host.show-scrollbars .scroll-controls{opacity:1}:host::-webkit-scrollbar{width:0;height:0}.scroll-content-wrapper{display:flex;overflow:auto;flex-grow:1}.scroll-content-wrapper::-webkit-scrollbar{width:0;height:0}.scroll-content{position:relative;z-index:0;flex:1;display:flex;height:auto;min-width:0}.scroll-controls{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0;transition:opacity .5s linear}.scroll-scrollbar{position:absolute;overflow:auto;pointer-events:auto}.scroll-scrollbar-vertical{right:0;top:0;bottom:12px;width:12px}.scroll-scrollbar-horizontal{right:12px;left:0;bottom:0;height:12px}\n"] }]
+            args: [{ selector: 'teta-scrollable', changeDetection: ChangeDetectionStrategy.OnPush, imports: [LetDirective, NgClass, AsyncPipe, ScrollableDirective], template: "<div class=\"scroll-controls\" *tetaLet=\"scrollSize | async as scrollSize\">\n  <div\n    #scrollbarVertical\n    [class.display-none]=\"scrollSize?.scrollHeight <= scrollSize?.clientHeight\"\n    class=\"scroll-scrollbar scroll-scrollbar-vertical\"\n    (scroll)=\"scrollVertical($event)\"\n  >\n    <div [style.height.px]=\"scrollSize?.scrollHeight\" style=\"width: 1px\"></div>\n  </div>\n  <div\n    #scrollbarHorizontal\n    [class.display-none]=\"scrollSize?.scrollWidth <= scrollSize?.clientWidth\"\n    class=\"scroll-scrollbar scroll-scrollbar-horizontal\"\n    (scroll)=\"scrollHorizontal($event)\"\n  >\n    <div [style.width.px]=\"scrollSize?.scrollWidth\" style=\"height: 1px\"></div>\n  </div>\n</div>\n\n<div #scrollableWrapper class=\"scroll-content-wrapper\" [ngClass]=\"contentClass\" [class.column]=\"direction === 'column'\">\n  <ng-content></ng-content>\n</div>\n", styles: [":host{overflow:hidden;position:relative;z-index:0;display:flex}:host:hover .scroll-controls{opacity:1}:host.show-scrollbars .scroll-controls{opacity:1}:host::-webkit-scrollbar{width:0;height:0}.scroll-content-wrapper{display:flex;overflow:auto;flex-grow:1}.scroll-content-wrapper::-webkit-scrollbar{width:0;height:0}.scroll-content{position:relative;z-index:0;flex:1;display:flex;height:auto;min-width:0}.scroll-controls{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0;transition:opacity .5s linear}.scroll-scrollbar{position:absolute;overflow:auto;pointer-events:auto}.scroll-scrollbar-vertical{right:0;top:0;bottom:12px;width:12px}.scroll-scrollbar-horizontal{right:12px;left:0;bottom:0;height:12px}\n"] }]
         }], ctorParameters: () => [], propDecorators: { _scrollDirective: [{
                 type: ContentChild,
                 args: [ScrollableDirective, {
@@ -3768,10 +3769,10 @@ class NumberPipe {
         value = Number(value);
         return formatNumber(value, decimalLength, chunkDelimiter, decimalDelimiter, chunkLength);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: NumberPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.1", ngImport: i0, type: NumberPipe, isStandalone: true, name: "tetaNumber" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: NumberPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.0.5", ngImport: i0, type: NumberPipe, isStandalone: true, name: "tetaNumber" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: NumberPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: NumberPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'tetaNumber',
@@ -3854,7 +3855,9 @@ class OnlyNumberDirective {
             if (e.key === ',' && originalValue.indexOf('.') < 0) {
                 // this._elementRef.nativeElement.value =
                 //   `${originalValue.slice(0, cursorPosition)}.${originalValue.slice(cursorPosition)}`;
-                this._control.control.patchValue(`${originalValue.slice(0, cursorPosition)}.${originalValue.slice(cursorPosition)}`);
+                this._control.control.patchValue(`${originalValue.slice(0, cursorPosition)}.${originalValue.slice(cursorPosition)}`, {
+                    emitEvent: false,
+                });
                 if (this._elementRef.nativeElement.setSelectionRange) {
                     this._elementRef.nativeElement.setSelectionRange(cursorPosition + 1, cursorPosition + 1);
                 }
@@ -3921,13 +3924,15 @@ class OnlyNumberDirective {
         }
         const valid = new RegExp(regex).test(value.toString());
         if (valid) {
-            this._control.control.patchValue(parseFloat(value));
+            this._control.control.patchValue(parseFloat(value), {
+                emitEvent: false,
+            });
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: OnlyNumberDirective, deps: [{ token: i0.ElementRef }, { token: i2.NgControl }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.1", type: OnlyNumberDirective, isStandalone: true, selector: "[tetaOnlyNumber]", inputs: { tetaOnlyNumber: "tetaOnlyNumber", allowDecimals: "allowDecimals", allowSign: "allowSign", decimalSeparator: "decimalSeparator", commaSeparator: "commaSeparator", onlyPositive: "onlyPositive" }, host: { listeners: { "change": "onChange($event)", "dblclick": "dblclick($event)", "paste": "onPaste($event)", "keydown": "onKeyDown($event)" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: OnlyNumberDirective, deps: [{ token: i0.ElementRef }, { token: i2.NgControl }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.5", type: OnlyNumberDirective, isStandalone: true, selector: "[tetaOnlyNumber]", inputs: { tetaOnlyNumber: "tetaOnlyNumber", allowDecimals: "allowDecimals", allowSign: "allowSign", decimalSeparator: "decimalSeparator", commaSeparator: "commaSeparator", onlyPositive: "onlyPositive" }, host: { listeners: { "change": "onChange($event)", "dblclick": "dblclick($event)", "paste": "onPaste($event)", "keydown": "onKeyDown($event)" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: OnlyNumberDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: OnlyNumberDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[tetaOnlyNumber]',
@@ -3998,8 +4003,8 @@ class TextFieldComponent {
     }
     onChange(input) { }
     onTouched() { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: TextFieldComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: TextFieldComponent, isStandalone: true, selector: "teta-text-field", inputs: { placeholder: "placeholder", leftIconName: "leftIconName", disabled: "disabled", onlyNumber: "onlyNumber", decimalPart: "decimalPart", invalid: "invalid" }, host: { listeners: { "click": "onFocus()" }, properties: { "class.text-field_disabled": "this.disabled", "class.text-field_invalid": "this.invalid", "class.text-field": "this.textField" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: TextFieldComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: TextFieldComponent, isStandalone: true, selector: "teta-text-field", inputs: { placeholder: "placeholder", leftIconName: "leftIconName", disabled: "disabled", onlyNumber: "onlyNumber", decimalPart: "decimalPart", invalid: "invalid" }, host: { listeners: { "click": "onFocus()" }, properties: { "class.text-field_disabled": "this.disabled", "class.text-field_invalid": "this.invalid", "class.text-field": "this.textField" } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => TextFieldComponent),
@@ -4007,7 +4012,7 @@ class TextFieldComponent {
             },
         ], viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], ngImport: i0, template: "@if (leftIconName) {\n  <teta-icon [name]=\"leftIconName\" [palette]=\"'text'\"></teta-icon>\n}\n<input\n  #input\n  [ngModel]=\"value | tetaNumber: (!onlyNumber ? null : inputFocused ? 1000 : decimalPart)\"\n  [tetaOnlyNumber]=\"onlyNumber\"\n  (ngModelChange)=\"value = $event; onChange($event)\"\n  [placeholder]=\"placeholder\"\n  [disabled]=\"disabled\"\n  [ngClass]=\"{ 'color-text-40': disabled }\"\n  (focus)=\"inputFocused = true\"\n  (blur)=\"inputFocused = false; emitBlur()\"\n  (keydown)=\"keyPress($event)\"\n  type=\"text\"\n/>\n@if (value && !disabled) {\n  <teta-icon\n    class=\"close-icon\"\n    [name]=\"'closeCircle'\"\n    [palette]=\"'text'\"\n    (click)=\"value = ''; onChange('')\"\n  ></teta-icon>\n}\n", styles: [""], dependencies: [{ kind: "component", type: IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: OnlyNumberDirective, selector: "[tetaOnlyNumber]", inputs: ["tetaOnlyNumber", "allowDecimals", "allowSign", "decimalSeparator", "commaSeparator", "onlyPositive"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: NumberPipe, name: "tetaNumber" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: TextFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: TextFieldComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-text-field', providers: [
                         {
@@ -4015,7 +4020,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImpor
                             useExisting: forwardRef(() => TextFieldComponent),
                             multi: true,
                         },
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [IconComponent, FormsModule, OnlyNumberDirective, NgClass, NumberPipe], template: "@if (leftIconName) {\n  <teta-icon [name]=\"leftIconName\" [palette]=\"'text'\"></teta-icon>\n}\n<input\n  #input\n  [ngModel]=\"value | tetaNumber: (!onlyNumber ? null : inputFocused ? 1000 : decimalPart)\"\n  [tetaOnlyNumber]=\"onlyNumber\"\n  (ngModelChange)=\"value = $event; onChange($event)\"\n  [placeholder]=\"placeholder\"\n  [disabled]=\"disabled\"\n  [ngClass]=\"{ 'color-text-40': disabled }\"\n  (focus)=\"inputFocused = true\"\n  (blur)=\"inputFocused = false; emitBlur()\"\n  (keydown)=\"keyPress($event)\"\n  type=\"text\"\n/>\n@if (value && !disabled) {\n  <teta-icon\n    class=\"close-icon\"\n    [name]=\"'closeCircle'\"\n    [palette]=\"'text'\"\n    (click)=\"value = ''; onChange('')\"\n  ></teta-icon>\n}\n" }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, imports: [IconComponent, FormsModule, OnlyNumberDirective, NgClass, NumberPipe], template: "@if (leftIconName) {\n  <teta-icon [name]=\"leftIconName\" [palette]=\"'text'\"></teta-icon>\n}\n<input\n  #input\n  [ngModel]=\"value | tetaNumber: (!onlyNumber ? null : inputFocused ? 1000 : decimalPart)\"\n  [tetaOnlyNumber]=\"onlyNumber\"\n  (ngModelChange)=\"value = $event; onChange($event)\"\n  [placeholder]=\"placeholder\"\n  [disabled]=\"disabled\"\n  [ngClass]=\"{ 'color-text-40': disabled }\"\n  (focus)=\"inputFocused = true\"\n  (blur)=\"inputFocused = false; emitBlur()\"\n  (keydown)=\"keyPress($event)\"\n  type=\"text\"\n/>\n@if (value && !disabled) {\n  <teta-icon\n    class=\"close-icon\"\n    [name]=\"'closeCircle'\"\n    [palette]=\"'text'\"\n    (click)=\"value = ''; onChange('')\"\n  ></teta-icon>\n}\n" }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { placeholder: [{
                 type: Input
             }], leftIconName: [{
@@ -4108,12 +4113,12 @@ class ListFilterComponent extends FilterComponentBase {
         this.excluded = filter.type === ListFilterType.Excluded;
         return filter;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ListFilterComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: TetaConfigService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: ListFilterComponent, isStandalone: true, selector: "teta-list-filter", inputs: { column: "column", data: "data", filterOptions: "filterOptions", state: "state" }, outputs: { filterChanged: "filterChanged" }, usesInheritance: true, ngImport: i0, template: "<div class=\"padding-2\">\n  <teta-text-field [(ngModel)]=\"search\"></teta-text-field>\n</div>\n<teta-scrollable class=\"column column_auto\" [contentClass]=\"['list', 'padding-v-2']\">\n  <div class=\"list-item\">\n    <teta-checkbox [binary]=\"true\" [allowNull]=\"true\" [ngModel]=\"all()\" (ngModelChange)=\"setAll($event)\">\n      {{ (locale | async)?.all }}\n    </teta-checkbox>\n  </div>\n  <div class=\"list-divider\"></div>\n  @for (option of visibleOptions; track option) {\n    <div class=\"list-item\">\n      <teta-checkbox [ngModel]=\"filter.value\" (ngModelChange)=\"setFilter($event)\" [value]=\"option.id\" [binary]=\"false\">\n        {{ option.name }}\n      </teta-checkbox>\n    </div>\n  }\n</teta-scrollable>\n", styles: [":host{display:flex;flex-direction:column;flex-grow:1;min-height:0;min-width:0}\n"], dependencies: [{ kind: "component", type: TextFieldComponent, selector: "teta-text-field", inputs: ["placeholder", "leftIconName", "disabled", "onlyNumber", "decimalPart", "invalid"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ScrollableComponent, selector: "teta-scrollable", inputs: ["direction", "showScrollbars", "contentClass"], outputs: ["scroll"] }, { kind: "component", type: CheckboxComponent, selector: "teta-checkbox", inputs: ["class", "palette", "noLabel", "disabled", "value", "binary", "labelPosition", "allowNull"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: ListFilterComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: TetaConfigService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: ListFilterComponent, isStandalone: true, selector: "teta-list-filter", inputs: { column: "column", data: "data", filterOptions: "filterOptions", state: "state" }, outputs: { filterChanged: "filterChanged" }, usesInheritance: true, ngImport: i0, template: "<div class=\"padding-2\">\n  <teta-text-field [(ngModel)]=\"search\"></teta-text-field>\n</div>\n<teta-scrollable class=\"column column_auto\" [contentClass]=\"['list', 'padding-v-2']\">\n  <div class=\"list-item\">\n    <teta-checkbox [binary]=\"true\" [allowNull]=\"true\" [ngModel]=\"all()\" (ngModelChange)=\"setAll($event)\">\n      {{ (locale | async)?.all }}\n    </teta-checkbox>\n  </div>\n  <div class=\"list-divider\"></div>\n  @for (option of visibleOptions; track option) {\n    <div class=\"list-item\">\n      <teta-checkbox [ngModel]=\"filter.value\" (ngModelChange)=\"setFilter($event)\" [value]=\"option.id\" [binary]=\"false\">\n        {{ option.name }}\n      </teta-checkbox>\n    </div>\n  }\n</teta-scrollable>\n", styles: [":host{display:flex;flex-direction:column;flex-grow:1;min-height:0;min-width:0}\n"], dependencies: [{ kind: "component", type: TextFieldComponent, selector: "teta-text-field", inputs: ["placeholder", "leftIconName", "disabled", "onlyNumber", "decimalPart", "invalid"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ScrollableComponent, selector: "teta-scrollable", inputs: ["direction", "showScrollbars", "contentClass"], outputs: ["scroll"] }, { kind: "component", type: CheckboxComponent, selector: "teta-checkbox", inputs: ["class", "palette", "noLabel", "disabled", "value", "binary", "labelPosition", "allowNull"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ListFilterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: ListFilterComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'teta-list-filter', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [TextFieldComponent, FormsModule, ScrollableComponent, CheckboxComponent, AsyncPipe], template: "<div class=\"padding-2\">\n  <teta-text-field [(ngModel)]=\"search\"></teta-text-field>\n</div>\n<teta-scrollable class=\"column column_auto\" [contentClass]=\"['list', 'padding-v-2']\">\n  <div class=\"list-item\">\n    <teta-checkbox [binary]=\"true\" [allowNull]=\"true\" [ngModel]=\"all()\" (ngModelChange)=\"setAll($event)\">\n      {{ (locale | async)?.all }}\n    </teta-checkbox>\n  </div>\n  <div class=\"list-divider\"></div>\n  @for (option of visibleOptions; track option) {\n    <div class=\"list-item\">\n      <teta-checkbox [ngModel]=\"filter.value\" (ngModelChange)=\"setFilter($event)\" [value]=\"option.id\" [binary]=\"false\">\n        {{ option.name }}\n      </teta-checkbox>\n    </div>\n  }\n</teta-scrollable>\n", styles: [":host{display:flex;flex-direction:column;flex-grow:1;min-height:0;min-width:0}\n"] }]
+            args: [{ selector: 'teta-list-filter', changeDetection: ChangeDetectionStrategy.OnPush, imports: [TextFieldComponent, FormsModule, ScrollableComponent, CheckboxComponent, AsyncPipe], template: "<div class=\"padding-2\">\n  <teta-text-field [(ngModel)]=\"search\"></teta-text-field>\n</div>\n<teta-scrollable class=\"column column_auto\" [contentClass]=\"['list', 'padding-v-2']\">\n  <div class=\"list-item\">\n    <teta-checkbox [binary]=\"true\" [allowNull]=\"true\" [ngModel]=\"all()\" (ngModelChange)=\"setAll($event)\">\n      {{ (locale | async)?.all }}\n    </teta-checkbox>\n  </div>\n  <div class=\"list-divider\"></div>\n  @for (option of visibleOptions; track option) {\n    <div class=\"list-item\">\n      <teta-checkbox [ngModel]=\"filter.value\" (ngModelChange)=\"setFilter($event)\" [value]=\"option.id\" [binary]=\"false\">\n        {{ option.name }}\n      </teta-checkbox>\n    </div>\n  }\n</teta-scrollable>\n", styles: [":host{display:flex;flex-direction:column;flex-grow:1;min-height:0;min-width:0}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: TetaConfigService }], propDecorators: { column: [{
                 type: Input
             }], data: [{
@@ -4158,12 +4163,12 @@ class NumericFilterComponent extends FilterComponentBase {
         }
         return filter;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: NumericFilterComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: TetaConfigService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: NumericFilterComponent, isStandalone: true, selector: "teta-numeric-filter", inputs: { column: "column", data: "data", filterOptions: "filterOptions", state: "state" }, outputs: { filterChanged: "filterChanged" }, usesInheritance: true, ngImport: i0, template: "@if (locale | async; as loc) {\n  <div class=\"form-row padding-3\">\n    <teta-input [label]=\"loc.from\">\n      <input\n        class=\"input\"\n        type=\"text\"\n        style=\"width: 110px\"\n        [tetaOnlyNumber]=\"true\"\n        [ngModel]=\"filter.value?.greaterThan\"\n        (ngModelChange)=\"filter.value.greaterThan = $event\"\n      />\n    </teta-input>\n    <teta-input [label]=\"loc.to\">\n      <input\n        class=\"input\"\n        type=\"text\"\n        style=\"width: 110px\"\n        [tetaOnlyNumber]=\"true\"\n        [ngModel]=\"filter.value?.lessThan\"\n        (ngModelChange)=\"filter.value.lessThan = $event\"\n      />\n    </teta-input>\n  </div>\n}\n", styles: [""], dependencies: [{ kind: "component", type: InputComponent, selector: "teta-input", inputs: ["label", "hint", "viewType", "horizontal", "required"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: OnlyNumberDirective, selector: "[tetaOnlyNumber]", inputs: ["tetaOnlyNumber", "allowDecimals", "allowSign", "decimalSeparator", "commaSeparator", "onlyPositive"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: NumericFilterComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: TetaConfigService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: NumericFilterComponent, isStandalone: true, selector: "teta-numeric-filter", inputs: { column: "column", data: "data", filterOptions: "filterOptions", state: "state" }, outputs: { filterChanged: "filterChanged" }, usesInheritance: true, ngImport: i0, template: "@if (locale | async; as loc) {\n  <div class=\"form-row padding-3\">\n    <teta-input [label]=\"loc.from\">\n      <input\n        class=\"input\"\n        type=\"text\"\n        style=\"width: 110px\"\n        [tetaOnlyNumber]=\"true\"\n        [ngModel]=\"filter.value?.greaterThan\"\n        (ngModelChange)=\"filter.value.greaterThan = $event\"\n      />\n    </teta-input>\n    <teta-input [label]=\"loc.to\">\n      <input\n        class=\"input\"\n        type=\"text\"\n        style=\"width: 110px\"\n        [tetaOnlyNumber]=\"true\"\n        [ngModel]=\"filter.value?.lessThan\"\n        (ngModelChange)=\"filter.value.lessThan = $event\"\n      />\n    </teta-input>\n  </div>\n}\n", styles: [""], dependencies: [{ kind: "component", type: InputComponent, selector: "teta-input", inputs: ["label", "hint", "viewType", "horizontal", "required"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: OnlyNumberDirective, selector: "[tetaOnlyNumber]", inputs: ["tetaOnlyNumber", "allowDecimals", "allowSign", "decimalSeparator", "commaSeparator", "onlyPositive"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: NumericFilterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: NumericFilterComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'teta-numeric-filter', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [InputComponent, FormsModule, OnlyNumberDirective, AsyncPipe], template: "@if (locale | async; as loc) {\n  <div class=\"form-row padding-3\">\n    <teta-input [label]=\"loc.from\">\n      <input\n        class=\"input\"\n        type=\"text\"\n        style=\"width: 110px\"\n        [tetaOnlyNumber]=\"true\"\n        [ngModel]=\"filter.value?.greaterThan\"\n        (ngModelChange)=\"filter.value.greaterThan = $event\"\n      />\n    </teta-input>\n    <teta-input [label]=\"loc.to\">\n      <input\n        class=\"input\"\n        type=\"text\"\n        style=\"width: 110px\"\n        [tetaOnlyNumber]=\"true\"\n        [ngModel]=\"filter.value?.lessThan\"\n        (ngModelChange)=\"filter.value.lessThan = $event\"\n      />\n    </teta-input>\n  </div>\n}\n" }]
+            args: [{ selector: 'teta-numeric-filter', changeDetection: ChangeDetectionStrategy.OnPush, imports: [InputComponent, FormsModule, OnlyNumberDirective, AsyncPipe], template: "@if (locale | async; as loc) {\n  <div class=\"form-row padding-3\">\n    <teta-input [label]=\"loc.from\">\n      <input\n        class=\"input\"\n        type=\"text\"\n        style=\"width: 110px\"\n        [tetaOnlyNumber]=\"true\"\n        [ngModel]=\"filter.value?.greaterThan\"\n        (ngModelChange)=\"filter.value.greaterThan = $event\"\n      />\n    </teta-input>\n    <teta-input [label]=\"loc.to\">\n      <input\n        class=\"input\"\n        type=\"text\"\n        style=\"width: 110px\"\n        [tetaOnlyNumber]=\"true\"\n        [ngModel]=\"filter.value?.lessThan\"\n        (ngModelChange)=\"filter.value.lessThan = $event\"\n      />\n    </teta-input>\n  </div>\n}\n" }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: TetaConfigService }], propDecorators: { column: [{
                 type: Input
             }], data: [{
@@ -4210,12 +4215,12 @@ class StringFilterComponent extends FilterComponentBase {
         filter.type = this.column.stringFilterType;
         return filter;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: StringFilterComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: TetaConfigService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: StringFilterComponent, isStandalone: true, selector: "teta-string-filter", inputs: { column: "column", data: "data", filterOptions: "filterOptions", state: "state" }, outputs: { filterChanged: "filterChanged" }, usesInheritance: true, ngImport: i0, template: "<div class=\"padding-3\">\n  <teta-input [label]=\"(locale | async)?.search\">\n    <input type=\"text\" class=\"input\" [(ngModel)]=\"filter.value\" (blur)=\"setFilter()\" (keydown.enter)=\"setFilter()\" />\n  </teta-input>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: InputComponent, selector: "teta-input", inputs: ["label", "hint", "viewType", "horizontal", "required"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: StringFilterComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: TetaConfigService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: StringFilterComponent, isStandalone: true, selector: "teta-string-filter", inputs: { column: "column", data: "data", filterOptions: "filterOptions", state: "state" }, outputs: { filterChanged: "filterChanged" }, usesInheritance: true, ngImport: i0, template: "<div class=\"padding-3\">\n  <teta-input [label]=\"(locale | async)?.search\">\n    <input type=\"text\" class=\"input\" [(ngModel)]=\"filter.value\" (blur)=\"setFilter()\" (keydown.enter)=\"setFilter()\" />\n  </teta-input>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: InputComponent, selector: "teta-input", inputs: ["label", "hint", "viewType", "horizontal", "required"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: StringFilterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: StringFilterComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'teta-string-filter', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [InputComponent, FormsModule, AsyncPipe], template: "<div class=\"padding-3\">\n  <teta-input [label]=\"(locale | async)?.search\">\n    <input type=\"text\" class=\"input\" [(ngModel)]=\"filter.value\" (blur)=\"setFilter()\" (keydown.enter)=\"setFilter()\" />\n  </teta-input>\n</div>\n" }]
+            args: [{ selector: 'teta-string-filter', changeDetection: ChangeDetectionStrategy.OnPush, imports: [InputComponent, FormsModule, AsyncPipe], template: "<div class=\"padding-3\">\n  <teta-input [label]=\"(locale | async)?.search\">\n    <input type=\"text\" class=\"input\" [(ngModel)]=\"filter.value\" (blur)=\"setFilter()\" (keydown.enter)=\"setFilter()\" />\n  </teta-input>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: TetaConfigService }], propDecorators: { column: [{
                 type: Input
             }], data: [{
@@ -4419,8 +4424,8 @@ class RadioComponent {
             this._setChecked(this.selectedButton$);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: RadioComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: RadioComponent, isStandalone: true, selector: "teta-radio", inputs: { inline: "inline", checkChangeSelected: "checkChangeSelected", disabled: "disabled", value: "value" }, host: { listeners: { "focus": "focusHandler($event)", "focusout": "focusoutHandler($event)", "keydown": "keyEvent($event)" }, properties: { "tabindex": "this.tabindex", "class.radio": "this.radioClass", "class.radio_inline": "this.inline" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: RadioComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: RadioComponent, isStandalone: true, selector: "teta-radio", inputs: { inline: "inline", checkChangeSelected: "checkChangeSelected", disabled: "disabled", value: "value" }, host: { listeners: { "focus": "focusHandler($event)", "focusout": "focusoutHandler($event)", "keydown": "keyEvent($event)" }, properties: { "tabindex": "this.tabindex", "class.radio": "this.radioClass", "class.radio_inline": "this.inline" } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => RadioComponent),
@@ -4428,7 +4433,7 @@ class RadioComponent {
             },
         ], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: RadioComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: RadioComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-radio', providers: [
                         {
@@ -4493,10 +4498,10 @@ class RadioButtonComponent {
     ngOnDestroy() {
         this.radio._removeButton(this);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: RadioButtonComponent, deps: [{ token: i0.ViewContainerRef }, { token: RadioComponent, host: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: RadioButtonComponent, isStandalone: true, selector: "teta-radio-button", inputs: { checked: "checked", disabled: "disabled", value: "value" }, host: { listeners: { "click": "hostClick()" }, properties: { "class.radio-button": "this.radioButton", "class.radio-button-selected": "this.selected", "class.radio-button-checked": "this.checked", "class.radio-button_disabled": "this.disabled" } }, ngImport: i0, template: "<div class=\"radio-button-icon\">\n  @if (checked) {\n    <div class=\"radio-button-small-icon\"></div>\n  }\n</div>\n<ng-content></ng-content>\n", styles: [""], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: RadioButtonComponent, deps: [{ token: i0.ViewContainerRef }, { token: RadioComponent, host: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: RadioButtonComponent, isStandalone: true, selector: "teta-radio-button", inputs: { checked: "checked", disabled: "disabled", value: "value" }, host: { listeners: { "click": "hostClick()" }, properties: { "class.radio-button": "this.radioButton", "class.radio-button-selected": "this.selected", "class.radio-button-checked": "this.checked", "class.radio-button_disabled": "this.disabled" } }, ngImport: i0, template: "<div class=\"radio-button-icon\">\n  @if (checked) {\n    <div class=\"radio-button-small-icon\"></div>\n  }\n</div>\n<ng-content></ng-content>\n", styles: [""], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: RadioButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: RadioButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-radio-button', encapsulation: ViewEncapsulation.None, standalone: true, template: "<div class=\"radio-button-icon\">\n  @if (checked) {\n    <div class=\"radio-button-small-icon\"></div>\n  }\n</div>\n<ng-content></ng-content>\n" }]
         }], ctorParameters: () => [{ type: i0.ViewContainerRef }, { type: RadioComponent, decorators: [{
@@ -4556,12 +4561,12 @@ class BooleanFilterComponent extends FilterComponentBase {
         }
         return filter;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: BooleanFilterComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: TetaConfigService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: BooleanFilterComponent, isStandalone: true, selector: "teta-boolean-filter", inputs: { column: "column", data: "data", filterOptions: "filterOptions", state: "state" }, outputs: { filterChanged: "filterChanged" }, usesInheritance: true, ngImport: i0, template: "@if (locale | async; as loc) {\n  <div class=\"padding-3\">\n    <teta-radio [ngModel]=\"filter.value\" (ngModelChange)=\"setFilter()\">\n      <teta-radio-button [value]=\"null\">{{ loc?.notSelected }}</teta-radio-button>\n      <teta-radio-button [value]=\"true\">{{ loc?.yes }}</teta-radio-button>\n      <teta-radio-button [value]=\"false\">{{ loc?.no }}</teta-radio-button>\n    </teta-radio>\n  </div>\n}\n", styles: [""], dependencies: [{ kind: "component", type: RadioComponent, selector: "teta-radio", inputs: ["inline", "checkChangeSelected", "disabled", "value"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: RadioButtonComponent, selector: "teta-radio-button", inputs: ["checked", "disabled", "value"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: BooleanFilterComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: TetaConfigService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: BooleanFilterComponent, isStandalone: true, selector: "teta-boolean-filter", inputs: { column: "column", data: "data", filterOptions: "filterOptions", state: "state" }, outputs: { filterChanged: "filterChanged" }, usesInheritance: true, ngImport: i0, template: "@if (locale | async; as loc) {\n  <div class=\"padding-3\">\n    <teta-radio [ngModel]=\"filter.value\" (ngModelChange)=\"setFilter()\">\n      <teta-radio-button [value]=\"null\">{{ loc?.notSelected }}</teta-radio-button>\n      <teta-radio-button [value]=\"true\">{{ loc?.yes }}</teta-radio-button>\n      <teta-radio-button [value]=\"false\">{{ loc?.no }}</teta-radio-button>\n    </teta-radio>\n  </div>\n}\n", styles: [""], dependencies: [{ kind: "component", type: RadioComponent, selector: "teta-radio", inputs: ["inline", "checkChangeSelected", "disabled", "value"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: RadioButtonComponent, selector: "teta-radio-button", inputs: ["checked", "disabled", "value"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: BooleanFilterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: BooleanFilterComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'teta-boolean-filter', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [RadioComponent, FormsModule, RadioButtonComponent, AsyncPipe], template: "@if (locale | async; as loc) {\n  <div class=\"padding-3\">\n    <teta-radio [ngModel]=\"filter.value\" (ngModelChange)=\"setFilter()\">\n      <teta-radio-button [value]=\"null\">{{ loc?.notSelected }}</teta-radio-button>\n      <teta-radio-button [value]=\"true\">{{ loc?.yes }}</teta-radio-button>\n      <teta-radio-button [value]=\"false\">{{ loc?.no }}</teta-radio-button>\n    </teta-radio>\n  </div>\n}\n" }]
+            args: [{ selector: 'teta-boolean-filter', changeDetection: ChangeDetectionStrategy.OnPush, imports: [RadioComponent, FormsModule, RadioButtonComponent, AsyncPipe], template: "@if (locale | async; as loc) {\n  <div class=\"padding-3\">\n    <teta-radio [ngModel]=\"filter.value\" (ngModelChange)=\"setFilter()\">\n      <teta-radio-button [value]=\"null\">{{ loc?.notSelected }}</teta-radio-button>\n      <teta-radio-button [value]=\"true\">{{ loc?.yes }}</teta-radio-button>\n      <teta-radio-button [value]=\"false\">{{ loc?.no }}</teta-radio-button>\n    </teta-radio>\n  </div>\n}\n" }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: TetaConfigService }], propDecorators: { column: [{
                 type: Input
             }], data: [{
@@ -4647,10 +4652,10 @@ class FilterHostComponent {
     ngOnDestroy() {
         this._alive = false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: FilterHostComponent, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: FilterHostComponent, isStandalone: true, selector: "teta-filter-host", inputs: { column: "column", state: "state", data: "data", filterOptions: "filterOptions" }, outputs: { filterChanged: "filterChanged" }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: FilterHostComponent, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: FilterHostComponent, isStandalone: true, selector: "teta-filter-host", inputs: { column: "column", state: "state", data: "data", filterOptions: "filterOptions" }, outputs: { filterChanged: "filterChanged" }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: FilterHostComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: FilterHostComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-filter-host', template: '', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true }]
         }], ctorParameters: () => [{ type: i0.ViewContainerRef }], propDecorators: { column: [{
@@ -4675,10 +4680,10 @@ class IconFileComponent {
     getName() {
         return `#${this.name}`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: IconFileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: IconFileComponent, isStandalone: true, selector: "teta-icon-file", inputs: { name: "name", class: "class" }, host: { properties: { "class": "this.getClass" } }, ngImport: i0, template: "<svg class=\"icon__image\">\n  <use [attr.xlink:href]=\"getName()\"></use>\n</svg>\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: IconFileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: IconFileComponent, isStandalone: true, selector: "teta-icon-file", inputs: { name: "name", class: "class" }, host: { properties: { "class": "this.getClass" } }, ngImport: i0, template: "<svg class=\"icon__image\">\n  <use [attr.xlink:href]=\"getName()\"></use>\n</svg>\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: IconFileComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: IconFileComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-icon-file', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<svg class=\"icon__image\">\n  <use [attr.xlink:href]=\"getName()\"></use>\n</svg>\n" }]
         }], ctorParameters: () => [], propDecorators: { name: [{
@@ -4729,8 +4734,8 @@ class ColorInputComponent {
         }
         return color;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ColorInputComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: ColorInputComponent, isStandalone: true, selector: "teta-color-input", inputs: { disabled: "disabled" }, host: { listeners: { "click": "onFocus()" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: ColorInputComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: ColorInputComponent, isStandalone: true, selector: "teta-color-input", inputs: { disabled: "disabled" }, host: { listeners: { "click": "onFocus()" } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => ColorInputComponent),
@@ -4738,7 +4743,7 @@ class ColorInputComponent {
             },
         ], viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], ngImport: i0, template: "<input\n  type=\"color\"\n  #input\n  [disabled]=\"disabled\"\n  (blur)=\"emitBlur()\"\n  [ngModel]=\"getHexColor(value)\"\n  (ngModelChange)=\"value = $event; onChange($event)\"\n  [ngModelOptions]=\"{ updateOn: 'blur' }\"\n/>\n", styles: [":host{display:inline-flex;align-items:center}input[type=color]{height:12px;width:12px;padding:0;border:0}input[type=color]::-webkit-color-swatch,input[type=color]::-webkit-color-swatch-wrapper{border:0;padding:0}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ColorInputComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: ColorInputComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-color-input', providers: [
                         {
@@ -4746,7 +4751,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImpor
                             useExisting: forwardRef(() => ColorInputComponent),
                             multi: true,
                         },
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [FormsModule], template: "<input\n  type=\"color\"\n  #input\n  [disabled]=\"disabled\"\n  (blur)=\"emitBlur()\"\n  [ngModel]=\"getHexColor(value)\"\n  (ngModelChange)=\"value = $event; onChange($event)\"\n  [ngModelOptions]=\"{ updateOn: 'blur' }\"\n/>\n", styles: [":host{display:inline-flex;align-items:center}input[type=color]{height:12px;width:12px;padding:0;border:0}input[type=color]::-webkit-color-swatch,input[type=color]::-webkit-color-swatch-wrapper{border:0;padding:0}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, imports: [FormsModule], template: "<input\n  type=\"color\"\n  #input\n  [disabled]=\"disabled\"\n  (blur)=\"emitBlur()\"\n  [ngModel]=\"getHexColor(value)\"\n  (ngModelChange)=\"value = $event; onChange($event)\"\n  [ngModelOptions]=\"{ updateOn: 'blur' }\"\n/>\n", styles: [":host{display:inline-flex;align-items:center}input[type=color]{height:12px;width:12px;padding:0;border:0}input[type=color]::-webkit-color-swatch,input[type=color]::-webkit-color-swatch-wrapper{border:0;padding:0}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { disabled: [{
                 type: Input
             }], input: [{
@@ -4762,10 +4767,10 @@ class FormGroupTitleComponent {
         this.className = true;
     }
     ngOnInit() { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: FormGroupTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: FormGroupTitleComponent, isStandalone: true, selector: "teta-form-group-title", host: { properties: { "class.form-group-title": "this.className" } }, ngImport: i0, template: "<div class=\"font-overline form-group-title-text\">\n  <ng-content></ng-content>\n</div>\n<div class=\"form-group-title-line\"></div>\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: FormGroupTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: FormGroupTitleComponent, isStandalone: true, selector: "teta-form-group-title", host: { properties: { "class.form-group-title": "this.className" } }, ngImport: i0, template: "<div class=\"font-overline form-group-title-text\">\n  <ng-content></ng-content>\n</div>\n<div class=\"form-group-title-line\"></div>\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: FormGroupTitleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: FormGroupTitleComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-form-group-title', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<div class=\"font-overline form-group-title-text\">\n  <ng-content></ng-content>\n</div>\n<div class=\"form-group-title-line\"></div>\n" }]
         }], ctorParameters: () => [], propDecorators: { className: [{
@@ -4795,10 +4800,10 @@ class MessageService {
     clearMessages(name) {
         this._clear.next(name);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: MessageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: MessageService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: MessageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: MessageService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: MessageService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: MessageService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -4873,12 +4878,12 @@ class MessageComponent {
     ngOnDestroy() {
         this.reset();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: MessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: MessageComponent, isStandalone: true, selector: "teta-message", inputs: { message: "message", index: "index", class: "class" }, outputs: { closed: "closed" }, host: { listeners: { "mouseleave": "init()", "mouseenter": "reset()" }, properties: { "class": "this.getClass" } }, ngImport: i0, template: "<div class=\"row align-center justify-content-between\">\n  <div class=\"font-title-2 padding-left-4\">\n    {{ message.title }}\n  </div>\n  <button teta-button type=\"button\" [square]=\"true\" [view]=\"'ghost'\" (click)=\"closeMe($event)\">\n    <teta-icon class=\"fill-text-90\" [name]=\"'closeBig'\"></teta-icon>\n  </button>\n</div>\n@if (!message.template && message.text) {\n  <div class=\"font-body-3 padding-v-2 padding-left-4\">\n    {{ message.text }}\n  </div>\n}\n@if (message.template) {\n  <ng-container *ngTemplateOutlet=\"message.template; context: { $implicit: message }\"></ng-container>\n}\n", styles: [""], dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[teta-button], teta-button", inputs: ["palette", "class", "view", "square", "viewType", "size"] }, { kind: "component", type: IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: MessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: MessageComponent, isStandalone: true, selector: "teta-message", inputs: { message: "message", index: "index", class: "class" }, outputs: { closed: "closed" }, host: { listeners: { "mouseleave": "init()", "mouseenter": "reset()" }, properties: { "class": "this.getClass" } }, ngImport: i0, template: "<div class=\"row align-center justify-content-between\">\n  <div class=\"font-title-2 padding-left-4\">\n    {{ message.title }}\n  </div>\n  <button teta-button type=\"button\" [square]=\"true\" [view]=\"'ghost'\" (click)=\"closeMe($event)\">\n    <teta-icon class=\"fill-text-90\" [name]=\"'closeBig'\"></teta-icon>\n  </button>\n</div>\n@if (!message.template && message.text) {\n  <div class=\"font-body-3 padding-v-2 padding-left-4\">\n    {{ message.text }}\n  </div>\n}\n@if (message.template) {\n  <ng-container *ngTemplateOutlet=\"message.template; context: { $implicit: message }\"></ng-container>\n}\n", styles: [""], dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[teta-button], teta-button", inputs: ["palette", "class", "view", "square", "viewType", "size"] }, { kind: "component", type: IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: MessageComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: MessageComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'teta-message', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [ButtonComponent, IconComponent, NgTemplateOutlet], template: "<div class=\"row align-center justify-content-between\">\n  <div class=\"font-title-2 padding-left-4\">\n    {{ message.title }}\n  </div>\n  <button teta-button type=\"button\" [square]=\"true\" [view]=\"'ghost'\" (click)=\"closeMe($event)\">\n    <teta-icon class=\"fill-text-90\" [name]=\"'closeBig'\"></teta-icon>\n  </button>\n</div>\n@if (!message.template && message.text) {\n  <div class=\"font-body-3 padding-v-2 padding-left-4\">\n    {{ message.text }}\n  </div>\n}\n@if (message.template) {\n  <ng-container *ngTemplateOutlet=\"message.template; context: { $implicit: message }\"></ng-container>\n}\n" }]
+            args: [{ selector: 'teta-message', changeDetection: ChangeDetectionStrategy.OnPush, imports: [ButtonComponent, IconComponent, NgTemplateOutlet], template: "<div class=\"row align-center justify-content-between\">\n  <div class=\"font-title-2 padding-left-4\">\n    {{ message.title }}\n  </div>\n  <button teta-button type=\"button\" [square]=\"true\" [view]=\"'ghost'\" (click)=\"closeMe($event)\">\n    <teta-icon class=\"fill-text-90\" [name]=\"'closeBig'\"></teta-icon>\n  </button>\n</div>\n@if (!message.template && message.text) {\n  <div class=\"font-body-3 padding-v-2 padding-left-4\">\n    {{ message.text }}\n  </div>\n}\n@if (message.template) {\n  <ng-container *ngTemplateOutlet=\"message.template; context: { $implicit: message }\"></ng-container>\n}\n" }]
         }], ctorParameters: () => [], propDecorators: { message: [{
                 type: Input
             }], index: [{
@@ -4955,12 +4960,12 @@ class MessageHostComponent {
     ngOnDestroy() {
         this._alive = false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: MessageHostComponent, deps: [{ token: MessageService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: MessageHostComponent, isStandalone: true, selector: "teta-message-host", inputs: { class: "class", align: "align", verticalAlign: "verticalAlign" }, outputs: { itemClose: "itemClose" }, host: { properties: { "class": "this.getClass" } }, ngImport: i0, template: "@for (message of messages; track message; let i = $index) {\n  <teta-message (closed)=\"closedItem($event)\" [message]=\"message\" [index]=\"i\"> </teta-message>\n}\n", styles: [""], dependencies: [{ kind: "component", type: MessageComponent, selector: "teta-message", inputs: ["message", "index", "class"], outputs: ["closed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: MessageHostComponent, deps: [{ token: MessageService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: MessageHostComponent, isStandalone: true, selector: "teta-message-host", inputs: { class: "class", align: "align", verticalAlign: "verticalAlign" }, outputs: { itemClose: "itemClose" }, host: { properties: { "class": "this.getClass" } }, ngImport: i0, template: "@for (message of messages; track message; let i = $index) {\n  <teta-message (closed)=\"closedItem($event)\" [message]=\"message\" [index]=\"i\"> </teta-message>\n}\n", styles: [""], dependencies: [{ kind: "component", type: MessageComponent, selector: "teta-message", inputs: ["message", "index", "class"], outputs: ["closed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: MessageHostComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: MessageHostComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'teta-message-host', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [MessageComponent], template: "@for (message of messages; track message; let i = $index) {\n  <teta-message (closed)=\"closedItem($event)\" [message]=\"message\" [index]=\"i\"> </teta-message>\n}\n" }]
+            args: [{ selector: 'teta-message-host', changeDetection: ChangeDetectionStrategy.OnPush, imports: [MessageComponent], template: "@for (message of messages; track message; let i = $index) {\n  <teta-message (closed)=\"closedItem($event)\" [message]=\"message\" [index]=\"i\"> </teta-message>\n}\n" }]
         }], ctorParameters: () => [{ type: MessageService }, { type: i0.ChangeDetectorRef }], propDecorators: { class: [{
                 type: Input
             }], align: [{
@@ -5018,15 +5023,15 @@ class ModalContainerComponent {
             });
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ModalContainerComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: ModalContainerComponent, isStandalone: true, selector: "teta-modal-container", inputs: { config: "config" }, outputs: { closeEvent: "closeEvent" }, host: { listeners: { "keyup": "keyup($event)", "click": "click($event)" }, properties: { "attr.tabindex": "this.tabindex", "@dialog": "this.dialog", "class": "this.classList" } }, ngImport: i0, template: "<div class=\"modal__container\" [class.modal__container_resize]=\"config?.resizable\">\n  <ng-content></ng-content>\n</div>\n", styles: [""], animations: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: ModalContainerComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: ModalContainerComponent, isStandalone: true, selector: "teta-modal-container", inputs: { config: "config" }, outputs: { closeEvent: "closeEvent" }, host: { listeners: { "keyup": "keyup($event)", "click": "click($event)" }, properties: { "attr.tabindex": "this.tabindex", "@dialog": "this.dialog", "class": "this.classList" } }, ngImport: i0, template: "<div class=\"modal__container\" [class.modal__container_resize]=\"config?.resizable\">\n  <ng-content></ng-content>\n</div>\n", styles: [""], animations: [
             trigger('dialog', [
                 transition('void => *', [style({ top: '-100%' }), animate('150ms ease-in', style({ top: '0' }))]),
                 transition('* => void', [animate('150ms ease-in', style({ top: '-100%' }))]),
             ]),
         ], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ModalContainerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: ModalContainerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-modal-container', animations: [
                         trigger('dialog', [
@@ -5074,12 +5079,12 @@ class DialogComponent {
         });
     }
     ngOnInit() { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: DialogComponent, deps: [{ token: CurrentModal }, { token: DynamicData }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: DialogComponent, isStandalone: true, selector: "teta-dialog", inputs: { message: "message", buttonText: "buttonText", buttonIcon: "buttonIcon", buttonPalette: "buttonPalette", showCancelButton: "showCancelButton" }, ngImport: i0, template: "<div class=\"padding-2 font-body-2\">\n  {{ message | transloco }}\n</div>\n<teta-toolbar class=\"justify-content-end\">\n  @if (showCancelButton) {\n    <button teta-button (click)=\"cancel()\" [palette]=\"'text'\" [view]=\"'ghost'\">\n      {{ 'common.cancel' | transloco }}\n    </button>\n  }\n\n  <button teta-button (click)=\"ok()\" [square]=\"!buttonText?.length\" [palette]=\"buttonPalette\">\n    @if (buttonIcon) {\n      <teta-icon [name]=\"buttonIcon\"></teta-icon>\n    }\n    @if (buttonText?.length > 0) {\n      {{ buttonText | transloco }}\n    }\n  </button>\n</teta-toolbar>\n", styles: [":host{display:flex;flex-direction:column;width:300px}\n"], dependencies: [{ kind: "component", type: ToolbarComponent, selector: "teta-toolbar", inputs: ["palette", "class"] }, { kind: "component", type: ButtonComponent, selector: "button[teta-button], teta-button", inputs: ["palette", "class", "view", "square", "viewType", "size"] }, { kind: "component", type: IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }, { kind: "ngmodule", type: TranslocoModule }, { kind: "pipe", type: i1$2.TranslocoPipe, name: "transloco" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: DialogComponent, deps: [{ token: CurrentModal }, { token: DynamicData }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: DialogComponent, isStandalone: true, selector: "teta-dialog", inputs: { message: "message", buttonText: "buttonText", buttonIcon: "buttonIcon", buttonPalette: "buttonPalette", showCancelButton: "showCancelButton" }, ngImport: i0, template: "<div class=\"padding-2 font-body-2\">\n  {{ message | transloco }}\n</div>\n<teta-toolbar class=\"justify-content-end\">\n  @if (showCancelButton) {\n    <button teta-button (click)=\"cancel()\" [palette]=\"'text'\" [view]=\"'ghost'\">\n      {{ 'common.cancel' | transloco }}\n    </button>\n  }\n\n  <button teta-button (click)=\"ok()\" [square]=\"!buttonText?.length\" [palette]=\"buttonPalette\">\n    @if (buttonIcon) {\n      <teta-icon [name]=\"buttonIcon\"></teta-icon>\n    }\n    @if (buttonText?.length > 0) {\n      {{ buttonText | transloco }}\n    }\n  </button>\n</teta-toolbar>\n", styles: [":host{display:flex;flex-direction:column;width:300px}\n"], dependencies: [{ kind: "component", type: ToolbarComponent, selector: "teta-toolbar", inputs: ["palette", "class"] }, { kind: "component", type: ButtonComponent, selector: "button[teta-button], teta-button", inputs: ["palette", "class", "view", "square", "viewType", "size"] }, { kind: "component", type: IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }, { kind: "ngmodule", type: TranslocoModule }, { kind: "pipe", type: i1$2.TranslocoPipe, name: "transloco" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: DialogComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: DialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'teta-dialog', standalone: true, imports: [ToolbarComponent, ButtonComponent, IconComponent, TranslocoModule], template: "<div class=\"padding-2 font-body-2\">\n  {{ message | transloco }}\n</div>\n<teta-toolbar class=\"justify-content-end\">\n  @if (showCancelButton) {\n    <button teta-button (click)=\"cancel()\" [palette]=\"'text'\" [view]=\"'ghost'\">\n      {{ 'common.cancel' | transloco }}\n    </button>\n  }\n\n  <button teta-button (click)=\"ok()\" [square]=\"!buttonText?.length\" [palette]=\"buttonPalette\">\n    @if (buttonIcon) {\n      <teta-icon [name]=\"buttonIcon\"></teta-icon>\n    }\n    @if (buttonText?.length > 0) {\n      {{ buttonText | transloco }}\n    }\n  </button>\n</teta-toolbar>\n", styles: [":host{display:flex;flex-direction:column;width:300px}\n"] }]
+            args: [{ selector: 'teta-dialog', imports: [ToolbarComponent, ButtonComponent, IconComponent, TranslocoModule], template: "<div class=\"padding-2 font-body-2\">\n  {{ message | transloco }}\n</div>\n<teta-toolbar class=\"justify-content-end\">\n  @if (showCancelButton) {\n    <button teta-button (click)=\"cancel()\" [palette]=\"'text'\" [view]=\"'ghost'\">\n      {{ 'common.cancel' | transloco }}\n    </button>\n  }\n\n  <button teta-button (click)=\"ok()\" [square]=\"!buttonText?.length\" [palette]=\"buttonPalette\">\n    @if (buttonIcon) {\n      <teta-icon [name]=\"buttonIcon\"></teta-icon>\n    }\n    @if (buttonText?.length > 0) {\n      {{ buttonText | transloco }}\n    }\n  </button>\n</teta-toolbar>\n", styles: [":host{display:flex;flex-direction:column;width:300px}\n"] }]
         }], ctorParameters: () => [{ type: CurrentModal }, { type: DynamicData }], propDecorators: { message: [{
                 type: Input
             }], buttonText: [{
@@ -5093,9 +5098,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImpor
             }] } });
 class ModalModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.1", ngImport: i0, type: ModalModule, imports: [CommonModule, TranslocoModule, ModalContainerComponent, DialogComponent], exports: [ModalContainerComponent, DialogComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ModalModule, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: ModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.5", ngImport: i0, type: ModalModule, imports: [CommonModule, TranslocoModule, ModalContainerComponent, DialogComponent], exports: [ModalContainerComponent, DialogComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: ModalModule, providers: [
             {
                 provide: TRANSLOCO_SCOPE,
                 useValue: { scope: 'common', alias: 'common' },
@@ -5103,7 +5108,7 @@ class ModalModule {
             },
         ], imports: [CommonModule, TranslocoModule, DialogComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ModalModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: ModalModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [ModalContainerComponent, DialogComponent],
@@ -5249,10 +5254,10 @@ class ModalService {
             }, 0);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ModalService, deps: [{ token: DOCUMENT }, { token: i0.Injector }, { token: DynamicComponentService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ModalService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: ModalService, deps: [{ token: DOCUMENT }, { token: i0.Injector }, { token: DynamicComponentService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: ModalService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ModalService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: ModalService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -5285,10 +5290,10 @@ class DialogService {
         });
         return dialog.onClose;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: DialogService, deps: [{ token: ModalService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: DialogService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: DialogService, deps: [{ token: ModalService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: DialogService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: DialogService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: DialogService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -5298,10 +5303,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImpor
 class PagerComponent {
     constructor() { }
     ngOnInit() { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: PagerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: PagerComponent, isStandalone: true, selector: "teta-pager", ngImport: i0, template: "<p>pager works!</p>\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: PagerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: PagerComponent, isStandalone: true, selector: "teta-pager", ngImport: i0, template: "<p>pager works!</p>\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: PagerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: PagerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-pager', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<p>pager works!</p>\n" }]
         }], ctorParameters: () => [] });
@@ -5376,15 +5381,15 @@ class PanelComponent {
         this.auto = true;
     }
     ngOnInit() { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: PanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: PanelComponent, isStandalone: true, selector: "teta-panel", inputs: { width: "width" }, host: { properties: { "@panel": "this.panel", "class.column": "this.column", "class.column_fixed": "this.auto" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [""], animations: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: PanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: PanelComponent, isStandalone: true, selector: "teta-panel", inputs: { width: "width" }, host: { properties: { "@panel": "this.panel", "class.column": "this.column", "class.column_fixed": "this.auto" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [""], animations: [
             trigger('panel', [
                 transition('void => *', [style({ opacity: '0' }), animate(300, style({ opacity: '1' }))]),
                 transition('* => void', [animate(150, style({ opacity: '0' }))]),
             ]),
         ], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: PanelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: PanelComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-panel', changeDetection: ChangeDetectionStrategy.OnPush, animations: [
                         trigger('panel', [
@@ -5502,10 +5507,10 @@ class ProgressBarComponent {
         const range = this.max - this.min;
         return (100 / range) * (this.value - this.min);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ProgressBarComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: ProgressBarComponent, isStandalone: true, selector: "teta-progress-bar", inputs: { min: "min", max: "max", step: "step" }, host: { listeners: { "document:mouseup": "mouseup($event)", "click": "click($event)" }, properties: { "class.progress": "this.progressBar" } }, providers: [SLIDER_CONTROL_VALUE_ACCESSOR], viewQueries: [{ propertyName: "slider", first: true, predicate: ["progressSlider"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"progress-bar\" [style.width.%]=\"percent\"></div>\n<div\n  class=\"progress-slider\"\n  [class.progress-slider_visible]=\"moving\"\n  #progressSlider\n  (mousedown)=\"mousedown()\"\n  (click)=\"click($event)\"\n  [style.left.%]=\"percent\"\n></div>\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: ProgressBarComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: ProgressBarComponent, isStandalone: true, selector: "teta-progress-bar", inputs: { min: "min", max: "max", step: "step" }, host: { listeners: { "document:mouseup": "mouseup($event)", "click": "click($event)" }, properties: { "class.progress": "this.progressBar" } }, providers: [SLIDER_CONTROL_VALUE_ACCESSOR], viewQueries: [{ propertyName: "slider", first: true, predicate: ["progressSlider"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"progress-bar\" [style.width.%]=\"percent\"></div>\n<div\n  class=\"progress-slider\"\n  [class.progress-slider_visible]=\"moving\"\n  #progressSlider\n  (mousedown)=\"mousedown()\"\n  (click)=\"click($event)\"\n  [style.left.%]=\"percent\"\n></div>\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ProgressBarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: ProgressBarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-progress-bar', providers: [SLIDER_CONTROL_VALUE_ACCESSOR], changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<div class=\"progress-bar\" [style.width.%]=\"percent\"></div>\n<div\n  class=\"progress-slider\"\n  [class.progress-slider_visible]=\"moving\"\n  #progressSlider\n  (mousedown)=\"mousedown()\"\n  (click)=\"click($event)\"\n  [style.left.%]=\"percent\"\n></div>\n" }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
@@ -5632,10 +5637,10 @@ class PropertyGridItemDescriptionDirective {
     constructor(template) {
         this.template = template;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: PropertyGridItemDescriptionDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.1", type: PropertyGridItemDescriptionDirective, isStandalone: true, selector: "[tetaPropertyGridItemDescription]", inputs: { name: ["tetaPropertyGridItemDescription", "name"] }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: PropertyGridItemDescriptionDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.5", type: PropertyGridItemDescriptionDirective, isStandalone: true, selector: "[tetaPropertyGridItemDescription]", inputs: { name: ["tetaPropertyGridItemDescription", "name"] }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: PropertyGridItemDescriptionDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: PropertyGridItemDescriptionDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[tetaPropertyGridItemDescription]',
@@ -5695,12 +5700,12 @@ class ToggleComponent {
         this.disabled = isDisabled;
         this.cdr.markForCheck();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ToggleComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: ToggleComponent, isStandalone: true, selector: "teta-toggle", inputs: { palette: "palette", noLabel: "noLabel", disabled: "disabled" }, host: { listeners: { "click": "changeValue()" }, properties: { "attr.tabindex": "this.tabindex", "class.toggle": "this.toggleClass", "class.toggle_disabled": "this.disabled" } }, providers: [TOGGLE_CONTROL_VALUE_ACCESSOR], ngImport: i0, template: "@if (!noLabel) {\n  <span class=\"font-body-3 row_auto\">\n    <ng-content></ng-content>\n  </span>\n}\n<div class=\"toggle-button\" [class.toggle-button-on]=\"model\" [ngClass]=\"paletteClass\">\n  <div class=\"toggle-button-circle\"></div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: ToggleComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: ToggleComponent, isStandalone: true, selector: "teta-toggle", inputs: { palette: "palette", noLabel: "noLabel", disabled: "disabled" }, host: { listeners: { "click": "changeValue()" }, properties: { "attr.tabindex": "this.tabindex", "class.toggle": "this.toggleClass", "class.toggle_disabled": "this.disabled" } }, providers: [TOGGLE_CONTROL_VALUE_ACCESSOR], ngImport: i0, template: "@if (!noLabel) {\n  <span class=\"font-body-3 row_auto\">\n    <ng-content></ng-content>\n  </span>\n}\n<div class=\"toggle-button\" [class.toggle-button-on]=\"model\" [ngClass]=\"paletteClass\">\n  <div class=\"toggle-button-circle\"></div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ToggleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: ToggleComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'teta-toggle', providers: [TOGGLE_CONTROL_VALUE_ACCESSOR], changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgClass], template: "@if (!noLabel) {\n  <span class=\"font-body-3 row_auto\">\n    <ng-content></ng-content>\n  </span>\n}\n<div class=\"toggle-button\" [class.toggle-button-on]=\"model\" [ngClass]=\"paletteClass\">\n  <div class=\"toggle-button-circle\"></div>\n</div>\n" }]
+            args: [{ selector: 'teta-toggle', providers: [TOGGLE_CONTROL_VALUE_ACCESSOR], changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgClass], template: "@if (!noLabel) {\n  <span class=\"font-body-3 row_auto\">\n    <ng-content></ng-content>\n  </span>\n}\n<div class=\"toggle-button\" [class.toggle-button-on]=\"model\" [ngClass]=\"paletteClass\">\n  <div class=\"toggle-button-circle\"></div>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { tabindex: [{
                 type: HostBinding,
                 args: ['attr.tabindex']
@@ -5725,10 +5730,10 @@ class SelectOptionDirective {
     constructor(template) {
         this.template = template;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: SelectOptionDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.1", type: SelectOptionDirective, isStandalone: true, selector: "[tetaSelectOption]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SelectOptionDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.5", type: SelectOptionDirective, isStandalone: true, selector: "[tetaSelectOption]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: SelectOptionDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SelectOptionDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[tetaSelectOption]',
@@ -5740,10 +5745,10 @@ class SelectValueDirective {
     constructor(template) {
         this.template = template;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: SelectValueDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.1", type: SelectValueDirective, isStandalone: true, selector: "[tetaSelectValue]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SelectValueDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.5", type: SelectValueDirective, isStandalone: true, selector: "[tetaSelectValue]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: SelectValueDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SelectValueDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[tetaSelectValue]',
@@ -5808,10 +5813,10 @@ class HighlightDirective {
             parentNode.removeChild(textNode);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: HighlightDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.1", type: HighlightDirective, isStandalone: true, selector: "[tetaHighlight]", inputs: { tetaHighlight: "tetaHighlight" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: HighlightDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.5", type: HighlightDirective, isStandalone: true, selector: "[tetaHighlight]", inputs: { tetaHighlight: "tetaHighlight" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: HighlightDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: HighlightDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[tetaHighlight]',
@@ -5977,8 +5982,8 @@ class SelectComponent {
             this.value = this.options && this.options?.find((option) => this.getValue(option) === value);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: SelectComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: TetaConfigService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: SelectComponent, isStandalone: true, selector: "teta-select", inputs: { multiple: "multiple", options: "options", invalid: "invalid", align: "align", verticalAlign: "verticalAlign", autoClose: "autoClose", autoCloseIgnore: "autoCloseIgnore", disabled: "disabled", itemSize: "itemSize", virtual: "virtual", icon: "icon", placeholder: "placeholder", appendToBody: "appendToBody", allowNull: "allowNull", viewType: "viewType", notFoundText: "notFoundText", valueRef: "valueRef", textRef: "textRef", searchRef: "searchRef" }, host: { properties: { "class.select_multiple": "this.multiple", "class.select_open": "this.open", "class.select": "this.selectClass", "tabindex": "this.tabindex", "class.select_disabled": "this.isDisabled" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SelectComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: TetaConfigService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: SelectComponent, isStandalone: true, selector: "teta-select", inputs: { multiple: "multiple", options: "options", invalid: "invalid", align: "align", verticalAlign: "verticalAlign", autoClose: "autoClose", autoCloseIgnore: "autoCloseIgnore", disabled: "disabled", itemSize: "itemSize", virtual: "virtual", icon: "icon", placeholder: "placeholder", appendToBody: "appendToBody", allowNull: "allowNull", viewType: "viewType", notFoundText: "notFoundText", valueRef: "valueRef", textRef: "textRef", searchRef: "searchRef" }, host: { properties: { "class.select_multiple": "this.multiple", "class.select_open": "this.open", "class.select": "this.selectClass", "tabindex": "this.tabindex", "class.select_disabled": "this.isDisabled" } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => SelectComponent),
@@ -5986,7 +5991,7 @@ class SelectComponent {
             },
         ], queries: [{ propertyName: "optionDirective", first: true, predicate: SelectOptionDirective, descendants: true, static: true }, { propertyName: "valueDirective", first: true, predicate: SelectValueDirective, descendants: true, static: true }], ngImport: i0, template: "@if (locale | async; as loc) {\n  <teta-dropdown\n    [align]=\"align\"\n    [verticalAlign]=\"verticalAlign\"\n    [autoClose]=\"autoClose\"\n    [autoCloseIgnore]=\"autoCloseIgnore\"\n    [(open)]=\"open\"\n    [appendToBody]=\"appendToBody\"\n    [disabled]=\"disabled\"\n    [viewType]=\"viewType\"\n    class=\"row row_auto\"\n  >\n    <div tetaDropdownHead [class]=\"'row row_auto select-head select_' + viewType\" [class.select-head_invalid]=\"invalid\">\n      <div class=\"row_auto flex align-center\">\n        @if (icon) {\n          <teta-icon [name]=\"icon\" [palette]=\"'text'\" class=\"margin-right-1\"></teta-icon>\n        }\n        @if ((value === null || value === undefined || value?.length === 0) && !multiple) {\n          <span class=\"placeholder\">\n            {{ placeholder || loc.notSelected }}\n          </span>\n        }\n        <ng-container\n          *ngTemplateOutlet=\"\n            valueDirective ? valueDirective.template : valueDefault;\n            context: { $implicit: value, value: value }\n          \"\n        ></ng-container>\n      </div>\n      <teta-icon [name]=\"'arrowDownSmall'\" [palette]=\"'text'\"></teta-icon>\n    </div>\n    @if (options?.length) {\n      <div tetaDropdownContent class=\"select-body row_auto\" (click)=\"$event.preventDefault()\">\n        @if (searchRef) {\n          <div class=\"select-search padding-h-2 padding-top-2\">\n            <teta-text-field\n              [ngModel]=\"searchText\"\n              [class]=\"'select_' + viewType\"\n              (ngModelChange)=\"search($event)\"\n              [placeholder]=\"loc.search\"\n              [leftIconName]=\"'search'\"\n            ></teta-text-field>\n          </div>\n        }\n        @if (visibleOptions?.length) {\n          @if (!multiple && allowNull) {\n            <div [class]=\"'margin-h-2 list-item list-item_interactive select_' + viewType\" (click)=\"clear()\">\n              {{ loc.notSelected }}\n            </div>\n            <div class=\"list-divider margin-bottom-0\"></div>\n          }\n          @if (virtual) {\n            <teta-scrollable class=\"column column_auto\">\n              <cdk-virtual-scroll-viewport tetaScrollable [itemSize]=\"40\" minBufferPx=\"200\" maxBufferPx=\"600\">\n                <div\n                  [class]=\"'list-item list-item_interactive justify-content-between select_' + viewType\"\n                  *cdkVirtualFor=\"let option of visibleOptions; templateCacheSize: 0\"\n                  [class.list-item_active]=\"itemSelected(option)\"\n                  [tetaHighlight]=\"searchText\"\n                  (click)=\"clickOption(option, $event)\"\n                >\n                  <div [tetaHighlight]=\"searchText\">\n                    <ng-container\n                      *ngTemplateOutlet=\"\n                        optionDirective ? optionDirective.template : optionDefault;\n                        context: { $implicit: option, option: option }\n                      \"\n                    >\n                    </ng-container>\n                  </div>\n                  @if (itemSelected(option)) {\n                    <teta-icon [name]=\"'tick'\" [palette]=\"'text'\" class=\"margin-left-2\"></teta-icon>\n                  }\n                </div>\n              </cdk-virtual-scroll-viewport>\n            </teta-scrollable>\n          } @else {\n            <teta-scrollable class=\"column column_auto\" [contentClass]=\"['column', 'column_auto']\">\n              <div class=\"list\">\n                @for (option of visibleOptions; track option) {\n                  <div\n                    [class]=\"'list-item list-item_interactive justify-content-between  select_' + viewType\"\n                    [class.list-item_active]=\"itemSelected(option)\"\n                    (click)=\"clickOption(option, $event)\"\n                  >\n                    <span [tetaHighlight]=\"searchText\">\n                      <ng-container\n                        *ngTemplateOutlet=\"\n                          optionDirective ? optionDirective.template : optionDefault;\n                          context: { $implicit: option, option: option }\n                        \"\n                      >\n                      </ng-container>\n                    </span>\n                    @if (itemSelected(option) && multiple) {\n                      <teta-icon [name]=\"'tick'\" [palette]=\"'text'\"></teta-icon>\n                    }\n                  </div>\n                }\n              </div>\n            </teta-scrollable>\n          }\n        } @else {\n          <p class=\"padding-h-3 text-overflow-ellipsis overflow-hidden select-not-found-option\">\n            {{ notFoundText || loc.notFound }}\n          </p>\n        }\n        @if (multiple && value?.length) {\n          <div class=\"row row_auto select-chip-field flex-wrap\">\n            @for (item of value; track item) {\n              <div class=\"tag\">\n                <p>{{ getText(item) }}</p>\n                <teta-icon\n                  class=\"cursor-pointer\"\n                  [palette]=\"'text'\"\n                  [name]=\"'closeCircle'\"\n                  (click)=\"removeItemClick(item, $event)\"\n                ></teta-icon>\n              </div>\n            }\n          </div>\n        }\n      </div>\n    }\n  </teta-dropdown>\n  <ng-template #notFound>\n    <p class=\"padding-h-3 text-overflow-ellipsis overflow-hidden select-not-found-option\">\n      {{ notFoundText || loc.notFound }}\n    </p>\n  </ng-template>\n  <ng-template #optionDefault let-option>\n    {{ getText(option) }}\n  </ng-template>\n  <ng-template #valueDefault let-value>\n    @if (multiple) {\n      <div class=\"row_auto overflow-hidden text-overflow-ellipsis\">\n        {{ loc.selected + ' ' + value?.length }}\n      </div>\n    }\n    @if (!multiple) {\n      <span class=\"row row_auto overflow-hidden text-overflow-ellipsis\">{{ getText(value) }}</span>\n    }\n  </ng-template>\n}\n", styles: [""], dependencies: [{ kind: "component", type: DropdownComponent, selector: "teta-dropdown", exportAs: ["dropdown"] }, { kind: "directive", type: DropdownHeadDirective, selector: "[tetaDropdownHead]" }, { kind: "component", type: IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: DropdownContentDirective, selector: "[tetaDropdownContent]" }, { kind: "component", type: TextFieldComponent, selector: "teta-text-field", inputs: ["placeholder", "leftIconName", "disabled", "onlyNumber", "decimalPart", "invalid"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ScrollableComponent, selector: "teta-scrollable", inputs: ["direction", "showScrollbars", "contentClass"], outputs: ["scroll"] }, { kind: "component", type: CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "directive", type: CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: ScrollableDirective, selector: "[tetaScrollable]" }, { kind: "directive", type: CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "directive", type: HighlightDirective, selector: "[tetaHighlight]", inputs: ["tetaHighlight"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: SelectComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SelectComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-select', providers: [
                         {
@@ -5994,7 +5999,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImpor
                             useExisting: forwardRef(() => SelectComponent),
                             multi: true,
                         },
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         LetDirective,
                         DropdownComponent,
                         DropdownHeadDirective,
@@ -6090,10 +6095,10 @@ class DisableControlDirective {
     constructor(ngControl) {
         this.ngControl = ngControl;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: DisableControlDirective, deps: [{ token: i2.NgControl }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.1", type: DisableControlDirective, isStandalone: true, selector: "[tetaDisableControl]", inputs: { tetaDisableControl: "tetaDisableControl" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: DisableControlDirective, deps: [{ token: i2.NgControl }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.5", type: DisableControlDirective, isStandalone: true, selector: "[tetaDisableControl]", inputs: { tetaDisableControl: "tetaDisableControl" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: DisableControlDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: DisableControlDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[tetaDisableControl]',
@@ -6104,15 +6109,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImpor
             }] } });
 class PropertyGridItemComponent {
-    get formGroup() {
-        if (this._formGroup instanceof FormGroup) {
-            return this._formGroup;
-        }
-        if (this._formGroup instanceof NgForm) {
-            return this._formGroup.form;
-        }
-        return null;
-    }
     constructor() {
         this.transloco = inject(TranslocoService);
         this._formGroup = inject(ControlContainer);
@@ -6141,8 +6137,23 @@ class PropertyGridItemComponent {
             }
             return `${this.column().caption}${this.column().unit ? `, ${this.column().unit}` : ''}`;
         });
+        this.hint = computed(() => {
+            if (this.column().filterType === FilterType.boolean) {
+                return '';
+            }
+            return `${this.column().hint || this.column().caption}${this.column().unit ? `, ${this.column().unit}` : ''}`;
+        });
         this._alive = true;
     }
+    get formGroup() {
+        if (this._formGroup instanceof FormGroup) {
+            return this._formGroup;
+        }
+        if (this._formGroup instanceof NgForm) {
+            return this._formGroup.form;
+        }
+        return null;
+    }
     getDict() {
         const dict = this.dict() ? this.dict()[this.column().name] : [];
         if (this.column().parentName?.length > 0) {
@@ -6195,12 +6206,12 @@ class PropertyGridItemComponent {
             });
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: PropertyGridItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: PropertyGridItemComponent, isStandalone: true, selector: "teta-property-grid-item", inputs: { column: { classPropertyName: "column", publicName: "column", isSignal: true, isRequired: false, transformFunction: null }, hideNonEditable: { classPropertyName: "hideNonEditable", publicName: "hideNonEditable", isSignal: true, isRequired: false, transformFunction: null }, dict: { classPropertyName: "dict", publicName: "dict", isSignal: true, isRequired: false, transformFunction: null }, decimalPart: { classPropertyName: "decimalPart", publicName: "decimalPart", isSignal: true, isRequired: false, transformFunction: null }, item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: false, transformFunction: null }, itemTemplates: { classPropertyName: "itemTemplates", publicName: "itemTemplates", isSignal: true, isRequired: false, transformFunction: null }, horizontal: { classPropertyName: "horizontal", publicName: "horizontal", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { controlValueChange: "controlValueChange" }, usesOnChanges: true, ngImport: i0, template: "@if (editable() || !hideNonEditable()) {\n  <teta-input\n    [label]=\"caption()\"\n    [hint]=\"column().hint\"\n    [formGroup]=\"formGroup\"\n    [horizontal]=\"horizontal()\"\n    [required]=\"column().required\"\n  >\n    @if (template()) {\n      <ng-container\n        *ngTemplateOutlet=\"template().template; context: { $implicit: formGroup?.get(column().name) }\"\n      ></ng-container>\n    } @else {\n      @if (formGroup?.get(column().name)) {\n        @switch (column().filterType) {\n          @case (filterTypeEnum.list) {\n            <teta-select\n              class=\"row_auto\"\n              [tetaDisableControl]=\"!editable()\"\n              [searchRef]=\"getDict()?.length > 10 ? 'name' : ''\"\n              [allowNull]=\"!column().required\"\n              [appendToBody]=\"true\"\n              [invalid]=\"controlIsInvalid(column().name)\"\n              [formControlName]=\"column().name\"\n              [options]=\"getDict()\"\n              [valueRef]=\"'id'\"\n              [textRef]=\"'name'\"\n              [multiple]=\"false\"\n            ></teta-select>\n          }\n          @case (filterTypeEnum.date) {\n            <teta-date-picker\n              class=\"row_auto\"\n              [appendToBody]=\"true\"\n              [tetaDisableControl]=\"!editable()\"\n              [invalid]=\"controlIsInvalid(column().name)\"\n              [formControlName]=\"column().name\"\n            ></teta-date-picker>\n          }\n          @case (filterTypeEnum.boolean) {\n            <teta-toggle [tetaDisableControl]=\"!editable()\" [formControlName]=\"column().name\">\n              {{ column().caption }}\n            </teta-toggle>\n          }\n          @default {\n            <teta-text-field\n              class=\"row_auto\"\n              [tetaDisableControl]=\"!editable()\"\n              [decimalPart]=\"column().filterType === filterTypeEnum.number ? decimalPart() : null\"\n              [onlyNumber]=\"column().filterType === filterTypeEnum.number\"\n              [placeholder]=\"column().caption\"\n              [invalid]=\"controlIsInvalid(column().name)\"\n              [formControlName]=\"column().name\"\n            ></teta-text-field>\n          }\n        }\n      }\n    }\n    @if (controlIsInvalid(column().name)) {\n      <div ngProjectAs=\"message\" class=\"color-red-50\">\n        {{ getError(column()) }}\n      </div>\n    }\n  </teta-input>\n}\n", styles: [""], dependencies: [{ kind: "component", type: InputComponent, selector: "teta-input", inputs: ["label", "hint", "viewType", "horizontal", "required"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SelectComponent, selector: "teta-select", inputs: ["multiple", "options", "invalid", "align", "verticalAlign", "autoClose", "autoCloseIgnore", "disabled", "itemSize", "virtual", "icon", "placeholder", "appendToBody", "allowNull", "viewType", "notFoundText", "valueRef", "textRef", "searchRef"] }, { kind: "component", type: DatePickerComponent, selector: "teta-date-picker", inputs: ["date", "showTime", "minDate", "maxDate", "invalid", "disabled", "align", "verticalAlign", "viewType", "appendToBody", "backdrop", "allowNull", "firstDayOfWeek", "disabledDates", "disabledPeriods", "disabledDays", "minYearDate", "maxYearDate"], outputs: ["selectDate"] }, { kind: "component", type: ToggleComponent, selector: "teta-toggle", inputs: ["palette", "noLabel", "disabled"] }, { kind: "component", type: TextFieldComponent, selector: "teta-text-field", inputs: ["placeholder", "leftIconName", "disabled", "onlyNumber", "decimalPart", "invalid"] }, { kind: "directive", type: DisableControlDirective, selector: "[tetaDisableControl]", inputs: ["tetaDisableControl"] }], viewProviders: [FormsUtil.formProvider], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: PropertyGridItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: PropertyGridItemComponent, isStandalone: true, selector: "teta-property-grid-item", inputs: { column: { classPropertyName: "column", publicName: "column", isSignal: true, isRequired: false, transformFunction: null }, hideNonEditable: { classPropertyName: "hideNonEditable", publicName: "hideNonEditable", isSignal: true, isRequired: false, transformFunction: null }, dict: { classPropertyName: "dict", publicName: "dict", isSignal: true, isRequired: false, transformFunction: null }, decimalPart: { classPropertyName: "decimalPart", publicName: "decimalPart", isSignal: true, isRequired: false, transformFunction: null }, item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: false, transformFunction: null }, itemTemplates: { classPropertyName: "itemTemplates", publicName: "itemTemplates", isSignal: true, isRequired: false, transformFunction: null }, horizontal: { classPropertyName: "horizontal", publicName: "horizontal", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { controlValueChange: "controlValueChange" }, usesOnChanges: true, ngImport: i0, template: "@if (editable() || !hideNonEditable()) {\n  <teta-input\n    [label]=\"caption()\"\n    [hint]=\"hint()\"\n    [formGroup]=\"formGroup\"\n    [horizontal]=\"horizontal()\"\n    [required]=\"column().required\"\n  >\n    @if (template()) {\n      <ng-container\n        *ngTemplateOutlet=\"template().template; context: { $implicit: formGroup?.get(column().name) }\"\n      ></ng-container>\n    } @else {\n      @if (formGroup?.get(column().name)) {\n        @switch (column().filterType) {\n          @case (filterTypeEnum.list) {\n            <teta-select\n              class=\"row_auto\"\n              [tetaDisableControl]=\"!editable()\"\n              [searchRef]=\"getDict()?.length > 10 ? 'name' : ''\"\n              [allowNull]=\"!column().required\"\n              [appendToBody]=\"true\"\n              [invalid]=\"controlIsInvalid(column().name)\"\n              [formControlName]=\"column().name\"\n              [options]=\"getDict()\"\n              [valueRef]=\"'id'\"\n              [textRef]=\"'name'\"\n              [multiple]=\"false\"\n            ></teta-select>\n          }\n          @case (filterTypeEnum.date) {\n            <teta-date-picker\n              class=\"row_auto\"\n              [appendToBody]=\"true\"\n              [tetaDisableControl]=\"!editable()\"\n              [invalid]=\"controlIsInvalid(column().name)\"\n              [formControlName]=\"column().name\"\n            ></teta-date-picker>\n          }\n          @case (filterTypeEnum.boolean) {\n            <teta-toggle [tetaDisableControl]=\"!editable()\" [formControlName]=\"column().name\">\n              {{ column().caption }}\n            </teta-toggle>\n          }\n          @default {\n            <teta-text-field\n              class=\"row_auto\"\n              [tetaDisableControl]=\"!editable()\"\n              [decimalPart]=\"column().filterType === filterTypeEnum.number ? decimalPart() : null\"\n              [onlyNumber]=\"column().filterType === filterTypeEnum.number\"\n              [placeholder]=\"column().caption\"\n              [invalid]=\"controlIsInvalid(column().name)\"\n              [formControlName]=\"column().name\"\n            ></teta-text-field>\n          }\n        }\n      }\n    }\n    @if (controlIsInvalid(column().name)) {\n      <div ngProjectAs=\"message\" class=\"color-red-50\">\n        {{ getError(column()) }}\n      </div>\n    }\n  </teta-input>\n}\n", styles: [""], dependencies: [{ kind: "component", type: InputComponent, selector: "teta-input", inputs: ["label", "hint", "viewType", "horizontal", "required"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SelectComponent, selector: "teta-select", inputs: ["multiple", "options", "invalid", "align", "verticalAlign", "autoClose", "autoCloseIgnore", "disabled", "itemSize", "virtual", "icon", "placeholder", "appendToBody", "allowNull", "viewType", "notFoundText", "valueRef", "textRef", "searchRef"] }, { kind: "component", type: DatePickerComponent, selector: "teta-date-picker", inputs: ["date", "showTime", "minDate", "maxDate", "invalid", "disabled", "align", "verticalAlign", "viewType", "appendToBody", "backdrop", "allowNull", "firstDayOfWeek", "disabledDates", "disabledPeriods", "disabledDays", "minYearDate", "maxYearDate"], outputs: ["selectDate"] }, { kind: "component", type: ToggleComponent, selector: "teta-toggle", inputs: ["palette", "noLabel", "disabled"] }, { kind: "component", type: TextFieldComponent, selector: "teta-text-field", inputs: ["placeholder", "leftIconName", "disabled", "onlyNumber", "decimalPart", "invalid"] }, { kind: "directive", type: DisableControlDirective, selector: "[tetaDisableControl]", inputs: ["tetaDisableControl"] }], viewProviders: [FormsUtil.formProvider], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: PropertyGridItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: PropertyGridItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'teta-property-grid-item', viewProviders: [FormsUtil.formProvider], standalone: true, imports: [
+            args: [{ selector: 'teta-property-grid-item', viewProviders: [FormsUtil.formProvider], imports: [
                         InputComponent,
                         FormsModule,
                         ReactiveFormsModule,
@@ -6210,8 +6221,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImpor
                         ToggleComponent,
                         TextFieldComponent,
                         DisableControlDirective,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (editable() || !hideNonEditable()) {\n  <teta-input\n    [label]=\"caption()\"\n    [hint]=\"column().hint\"\n    [formGroup]=\"formGroup\"\n    [horizontal]=\"horizontal()\"\n    [required]=\"column().required\"\n  >\n    @if (template()) {\n      <ng-container\n        *ngTemplateOutlet=\"template().template; context: { $implicit: formGroup?.get(column().name) }\"\n      ></ng-container>\n    } @else {\n      @if (formGroup?.get(column().name)) {\n        @switch (column().filterType) {\n          @case (filterTypeEnum.list) {\n            <teta-select\n              class=\"row_auto\"\n              [tetaDisableControl]=\"!editable()\"\n              [searchRef]=\"getDict()?.length > 10 ? 'name' : ''\"\n              [allowNull]=\"!column().required\"\n              [appendToBody]=\"true\"\n              [invalid]=\"controlIsInvalid(column().name)\"\n              [formControlName]=\"column().name\"\n              [options]=\"getDict()\"\n              [valueRef]=\"'id'\"\n              [textRef]=\"'name'\"\n              [multiple]=\"false\"\n            ></teta-select>\n          }\n          @case (filterTypeEnum.date) {\n            <teta-date-picker\n              class=\"row_auto\"\n              [appendToBody]=\"true\"\n              [tetaDisableControl]=\"!editable()\"\n              [invalid]=\"controlIsInvalid(column().name)\"\n              [formControlName]=\"column().name\"\n            ></teta-date-picker>\n          }\n          @case (filterTypeEnum.boolean) {\n            <teta-toggle [tetaDisableControl]=\"!editable()\" [formControlName]=\"column().name\">\n              {{ column().caption }}\n            </teta-toggle>\n          }\n          @default {\n            <teta-text-field\n              class=\"row_auto\"\n              [tetaDisableControl]=\"!editable()\"\n              [decimalPart]=\"column().filterType === filterTypeEnum.number ? decimalPart() : null\"\n              [onlyNumber]=\"column().filterType === filterTypeEnum.number\"\n              [placeholder]=\"column().caption\"\n              [invalid]=\"controlIsInvalid(column().name)\"\n              [formControlName]=\"column().name\"\n            ></teta-text-field>\n          }\n        }\n      }\n    }\n    @if (controlIsInvalid(column().name)) {\n      <div ngProjectAs=\"message\" class=\"color-red-50\">\n        {{ getError(column()) }}\n      </div>\n    }\n  </teta-input>\n}\n" }]
-        }], ctorParameters: () => [] });
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (editable() || !hideNonEditable()) {\n  <teta-input\n    [label]=\"caption()\"\n    [hint]=\"hint()\"\n    [formGroup]=\"formGroup\"\n    [horizontal]=\"horizontal()\"\n    [required]=\"column().required\"\n  >\n    @if (template()) {\n      <ng-container\n        *ngTemplateOutlet=\"template().template; context: { $implicit: formGroup?.get(column().name) }\"\n      ></ng-container>\n    } @else {\n      @if (formGroup?.get(column().name)) {\n        @switch (column().filterType) {\n          @case (filterTypeEnum.list) {\n            <teta-select\n              class=\"row_auto\"\n              [tetaDisableControl]=\"!editable()\"\n              [searchRef]=\"getDict()?.length > 10 ? 'name' : ''\"\n              [allowNull]=\"!column().required\"\n              [appendToBody]=\"true\"\n              [invalid]=\"controlIsInvalid(column().name)\"\n              [formControlName]=\"column().name\"\n              [options]=\"getDict()\"\n              [valueRef]=\"'id'\"\n              [textRef]=\"'name'\"\n              [multiple]=\"false\"\n            ></teta-select>\n          }\n          @case (filterTypeEnum.date) {\n            <teta-date-picker\n              class=\"row_auto\"\n              [appendToBody]=\"true\"\n              [tetaDisableControl]=\"!editable()\"\n              [invalid]=\"controlIsInvalid(column().name)\"\n              [formControlName]=\"column().name\"\n            ></teta-date-picker>\n          }\n          @case (filterTypeEnum.boolean) {\n            <teta-toggle [tetaDisableControl]=\"!editable()\" [formControlName]=\"column().name\">\n              {{ column().caption }}\n            </teta-toggle>\n          }\n          @default {\n            <teta-text-field\n              class=\"row_auto\"\n              [tetaDisableControl]=\"!editable()\"\n              [decimalPart]=\"column().filterType === filterTypeEnum.number ? decimalPart() : null\"\n              [onlyNumber]=\"column().filterType === filterTypeEnum.number\"\n              [placeholder]=\"column().caption\"\n              [invalid]=\"controlIsInvalid(column().name)\"\n              [formControlName]=\"column().name\"\n            ></teta-text-field>\n          }\n        }\n      }\n    }\n    @if (controlIsInvalid(column().name)) {\n      <div ngProjectAs=\"message\" class=\"color-red-50\">\n        {{ getError(column()) }}\n      </div>\n    }\n  </teta-input>\n}\n" }]
+        }] });
 class PropertyGridGroupComponent {
     constructor() {
@@ -6224,12 +6235,12 @@ class PropertyGridGroupComponent {
         this.decimalPart = input();
         this.itemTemplates = input();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: PropertyGridGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: PropertyGridGroupComponent, isStandalone: true, selector: "teta-property-grid-group", inputs: { column: { classPropertyName: "column", publicName: "column", isSignal: true, isRequired: false, transformFunction: null }, hideNonEditable: { classPropertyName: "hideNonEditable", publicName: "hideNonEditable", isSignal: true, isRequired: false, transformFunction: null }, dict: { classPropertyName: "dict", publicName: "dict", isSignal: true, isRequired: false, transformFunction: null }, item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: false, transformFunction: null }, horizontal: { classPropertyName: "horizontal", publicName: "horizontal", isSignal: true, isRequired: false, transformFunction: null }, decimalPart: { classPropertyName: "decimalPart", publicName: "decimalPart", isSignal: true, isRequired: false, transformFunction: null }, itemTemplates: { classPropertyName: "itemTemplates", publicName: "itemTemplates", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { controlValueChange: "controlValueChange" }, ngImport: i0, template: "<teta-expand-item>\n  <span ngProjectAs=\"head\">\n    {{ column().caption }}\n  </span>\n  <div class=\"form-container\">\n    @for (col of column().columns; track col.name) {\n      @if (col.columns?.length < 1) {\n        @if (column().editable || !hideNonEditable) {\n          <teta-property-grid-item\n            [id]=\"col.name\"\n            [dict]=\"dict()\"\n            [column]=\"col\"\n            [item]=\"item()\"\n            [itemTemplates]=\"itemTemplates()\"\n            [decimalPart]=\"decimalPart()\"\n            [hideNonEditable]=\"hideNonEditable()\"\n            (controlValueChange)=\"controlValueChange.emit($event)\"\n            [horizontal]=\"horizontal()\"\n          ></teta-property-grid-item>\n        }\n      } @else {\n        <teta-property-grid-group\n          [id]=\"col.name\"\n          [dict]=\"dict()\"\n          [column]=\"col\"\n          [item]=\"item()\"\n          [itemTemplates]=\"itemTemplates()\"\n          [decimalPart]=\"decimalPart()\"\n          [hideNonEditable]=\"hideNonEditable()\"\n          [horizontal]=\"horizontal()\"\n          (controlValueChange)=\"controlValueChange.emit($event)\"\n        ></teta-property-grid-group>\n      }\n    }\n  </div>\n</teta-expand-item>\n", styles: [":host{display:flex;flex-direction:column}\n"], dependencies: [{ kind: "component", type: PropertyGridGroupComponent, selector: "teta-property-grid-group", inputs: ["column", "hideNonEditable", "dict", "item", "horizontal", "decimalPart", "itemTemplates"], outputs: ["controlValueChange"] }, { kind: "component", type: ExpandItemComponent, selector: "teta-expand-item", inputs: ["open"], outputs: ["openChange"], exportAs: ["expand-item"] }, { kind: "component", type: PropertyGridItemComponent, selector: "teta-property-grid-item", inputs: ["column", "hideNonEditable", "dict", "decimalPart", "item", "itemTemplates", "horizontal"], outputs: ["controlValueChange"] }], viewProviders: [FormsUtil.formProvider], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: PropertyGridGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: PropertyGridGroupComponent, isStandalone: true, selector: "teta-property-grid-group", inputs: { column: { classPropertyName: "column", publicName: "column", isSignal: true, isRequired: false, transformFunction: null }, hideNonEditable: { classPropertyName: "hideNonEditable", publicName: "hideNonEditable", isSignal: true, isRequired: false, transformFunction: null }, dict: { classPropertyName: "dict", publicName: "dict", isSignal: true, isRequired: false, transformFunction: null }, item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: false, transformFunction: null }, horizontal: { classPropertyName: "horizontal", publicName: "horizontal", isSignal: true, isRequired: false, transformFunction: null }, decimalPart: { classPropertyName: "decimalPart", publicName: "decimalPart", isSignal: true, isRequired: false, transformFunction: null }, itemTemplates: { classPropertyName: "itemTemplates", publicName: "itemTemplates", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { controlValueChange: "controlValueChange" }, ngImport: i0, template: "<teta-expand-item>\n  <span ngProjectAs=\"head\">\n    {{ column().caption }}\n  </span>\n  <div class=\"form-container\">\n    @for (col of column().columns; track col.name) {\n      @if (col.columns?.length < 1) {\n        @if (column().editable || !hideNonEditable) {\n          <teta-property-grid-item\n            [id]=\"col.name\"\n            [dict]=\"dict()\"\n            [column]=\"col\"\n            [item]=\"item()\"\n            [itemTemplates]=\"itemTemplates()\"\n            [decimalPart]=\"decimalPart()\"\n            [hideNonEditable]=\"hideNonEditable()\"\n            (controlValueChange)=\"controlValueChange.emit($event)\"\n            [horizontal]=\"horizontal()\"\n          ></teta-property-grid-item>\n        }\n      } @else {\n        <teta-property-grid-group\n          [id]=\"col.name\"\n          [dict]=\"dict()\"\n          [column]=\"col\"\n          [item]=\"item()\"\n          [itemTemplates]=\"itemTemplates()\"\n          [decimalPart]=\"decimalPart()\"\n          [hideNonEditable]=\"hideNonEditable()\"\n          [horizontal]=\"horizontal()\"\n          (controlValueChange)=\"controlValueChange.emit($event)\"\n        ></teta-property-grid-group>\n      }\n    }\n  </div>\n</teta-expand-item>\n", styles: [":host{display:flex;flex-direction:column}\n"], dependencies: [{ kind: "component", type: PropertyGridGroupComponent, selector: "teta-property-grid-group", inputs: ["column", "hideNonEditable", "dict", "item", "horizontal", "decimalPart", "itemTemplates"], outputs: ["controlValueChange"] }, { kind: "component", type: ExpandItemComponent, selector: "teta-expand-item", inputs: ["open"], outputs: ["openChange"], exportAs: ["expand-item"] }, { kind: "component", type: PropertyGridItemComponent, selector: "teta-property-grid-item", inputs: ["column", "hideNonEditable", "dict", "decimalPart", "item", "itemTemplates", "horizontal"], outputs: ["controlValueChange"] }], viewProviders: [FormsUtil.formProvider], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: PropertyGridGroupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: PropertyGridGroupComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'teta-property-grid-group', viewProviders: [FormsUtil.formProvider], standalone: true, imports: [ExpandItemComponent, PropertyGridItemComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<teta-expand-item>\n  <span ngProjectAs=\"head\">\n    {{ column().caption }}\n  </span>\n  <div class=\"form-container\">\n    @for (col of column().columns; track col.name) {\n      @if (col.columns?.length < 1) {\n        @if (column().editable || !hideNonEditable) {\n          <teta-property-grid-item\n            [id]=\"col.name\"\n            [dict]=\"dict()\"\n            [column]=\"col\"\n            [item]=\"item()\"\n            [itemTemplates]=\"itemTemplates()\"\n            [decimalPart]=\"decimalPart()\"\n            [hideNonEditable]=\"hideNonEditable()\"\n            (controlValueChange)=\"controlValueChange.emit($event)\"\n            [horizontal]=\"horizontal()\"\n          ></teta-property-grid-item>\n        }\n      } @else {\n        <teta-property-grid-group\n          [id]=\"col.name\"\n          [dict]=\"dict()\"\n          [column]=\"col\"\n          [item]=\"item()\"\n          [itemTemplates]=\"itemTemplates()\"\n          [decimalPart]=\"decimalPart()\"\n          [hideNonEditable]=\"hideNonEditable()\"\n          [horizontal]=\"horizontal()\"\n          (controlValueChange)=\"controlValueChange.emit($event)\"\n        ></teta-property-grid-group>\n      }\n    }\n  </div>\n</teta-expand-item>\n", styles: [":host{display:flex;flex-direction:column}\n"] }]
+            args: [{ selector: 'teta-property-grid-group', viewProviders: [FormsUtil.formProvider], imports: [ExpandItemComponent, PropertyGridItemComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<teta-expand-item>\n  <span ngProjectAs=\"head\">\n    {{ column().caption }}\n  </span>\n  <div class=\"form-container\">\n    @for (col of column().columns; track col.name) {\n      @if (col.columns?.length < 1) {\n        @if (column().editable || !hideNonEditable) {\n          <teta-property-grid-item\n            [id]=\"col.name\"\n            [dict]=\"dict()\"\n            [column]=\"col\"\n            [item]=\"item()\"\n            [itemTemplates]=\"itemTemplates()\"\n            [decimalPart]=\"decimalPart()\"\n            [hideNonEditable]=\"hideNonEditable()\"\n            (controlValueChange)=\"controlValueChange.emit($event)\"\n            [horizontal]=\"horizontal()\"\n          ></teta-property-grid-item>\n        }\n      } @else {\n        <teta-property-grid-group\n          [id]=\"col.name\"\n          [dict]=\"dict()\"\n          [column]=\"col\"\n          [item]=\"item()\"\n          [itemTemplates]=\"itemTemplates()\"\n          [decimalPart]=\"decimalPart()\"\n          [hideNonEditable]=\"hideNonEditable()\"\n          [horizontal]=\"horizontal()\"\n          (controlValueChange)=\"controlValueChange.emit($event)\"\n        ></teta-property-grid-group>\n      }\n    }\n  </div>\n</teta-expand-item>\n", styles: [":host{display:flex;flex-direction:column}\n"] }]
         }] });
 class PropertyGridComponent {
@@ -6306,12 +6317,12 @@ class PropertyGridComponent {
     getDictValue(value, name) {
         return this.dict()[name]?.find((_) => _.id === value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: PropertyGridComponent, deps: [{ token: i2.ControlContainer, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: PropertyGridComponent, isStandalone: true, selector: "teta-property-grid", inputs: { hideNonEditable: { classPropertyName: "hideNonEditable", publicName: "hideNonEditable", isSignal: true, isRequired: false, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, dict: { classPropertyName: "dict", publicName: "dict", isSignal: true, isRequired: false, transformFunction: null }, item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: false, transformFunction: null }, horizontal: { classPropertyName: "horizontal", publicName: "horizontal", isSignal: true, isRequired: false, transformFunction: null }, decimalPart: { classPropertyName: "decimalPart", publicName: "decimalPart", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { controlValueChange: "controlValueChange" }, host: { properties: { "class.form-container": "this.formClass" } }, queries: [{ propertyName: "itemTemplates", predicate: PropertyGridItemDescriptionDirective, isSignal: true }], ngImport: i0, template: "@if (columns()?.length) {\n  @for (column of columns(); track column.name) {\n    @if (column.columns?.length < 1 && (getEditable(column) || !hideNonEditable())) {\n      <teta-property-grid-item\n        [dict]=\"dict()\"\n        [column]=\"column\"\n        [item]=\"item()\"\n        [id]=\"column.name\"\n        [itemTemplates]=\"itemTemplates()\"\n        [decimalPart]=\"decimalPart()\"\n        [formGroup]=\"formGroup\"\n        [horizontal]=\"horizontal()\"\n        (controlValueChange)=\"onControlValueChange($event)\"\n        [hideNonEditable]=\"hideNonEditable()\"\n      ></teta-property-grid-item>\n    }\n    @if (column.columns?.length > 0 && (getEditable(column) || !hideNonEditable())) {\n      <teta-property-grid-group\n        [id]=\"column.name\"\n        [dict]=\"dict()\"\n        [column]=\"column\"\n        [item]=\"item()\"\n        [itemTemplates]=\"itemTemplates()\"\n        [decimalPart]=\"decimalPart()\"\n        [formGroup]=\"formGroup\"\n        [horizontal]=\"horizontal()\"\n        (controlValueChange)=\"onControlValueChange($event)\"\n        [hideNonEditable]=\"hideNonEditable()\"\n      ></teta-property-grid-group>\n    }\n  }\n}\n", styles: [":host{padding:12px 8px}\n"], dependencies: [{ kind: "component", type: PropertyGridItemComponent, selector: "teta-property-grid-item", inputs: ["column", "hideNonEditable", "dict", "decimalPart", "item", "itemTemplates", "horizontal"], outputs: ["controlValueChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: PropertyGridGroupComponent, selector: "teta-property-grid-group", inputs: ["column", "hideNonEditable", "dict", "item", "horizontal", "decimalPart", "itemTemplates"], outputs: ["controlValueChange"] }], viewProviders: [FormsUtil.formProvider], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: PropertyGridComponent, deps: [{ token: i2.ControlContainer, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: PropertyGridComponent, isStandalone: true, selector: "teta-property-grid", inputs: { hideNonEditable: { classPropertyName: "hideNonEditable", publicName: "hideNonEditable", isSignal: true, isRequired: false, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, dict: { classPropertyName: "dict", publicName: "dict", isSignal: true, isRequired: false, transformFunction: null }, item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: false, transformFunction: null }, horizontal: { classPropertyName: "horizontal", publicName: "horizontal", isSignal: true, isRequired: false, transformFunction: null }, decimalPart: { classPropertyName: "decimalPart", publicName: "decimalPart", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { controlValueChange: "controlValueChange" }, host: { properties: { "class.form-container": "this.formClass" } }, queries: [{ propertyName: "itemTemplates", predicate: PropertyGridItemDescriptionDirective, isSignal: true }], ngImport: i0, template: "@if (columns()?.length) {\n  @for (column of columns(); track column.name) {\n    @if (column.columns?.length < 1 && (getEditable(column) || !hideNonEditable())) {\n      <teta-property-grid-item\n        [dict]=\"dict()\"\n        [column]=\"column\"\n        [item]=\"item()\"\n        [id]=\"column.name\"\n        [itemTemplates]=\"itemTemplates()\"\n        [decimalPart]=\"decimalPart()\"\n        [formGroup]=\"formGroup\"\n        [horizontal]=\"horizontal()\"\n        (controlValueChange)=\"onControlValueChange($event)\"\n        [hideNonEditable]=\"hideNonEditable()\"\n      ></teta-property-grid-item>\n    }\n    @if (column.columns?.length > 0 && (getEditable(column) || !hideNonEditable())) {\n      <teta-property-grid-group\n        [id]=\"column.name\"\n        [dict]=\"dict()\"\n        [column]=\"column\"\n        [item]=\"item()\"\n        [itemTemplates]=\"itemTemplates()\"\n        [decimalPart]=\"decimalPart()\"\n        [formGroup]=\"formGroup\"\n        [horizontal]=\"horizontal()\"\n        (controlValueChange)=\"onControlValueChange($event)\"\n        [hideNonEditable]=\"hideNonEditable()\"\n      ></teta-property-grid-group>\n    }\n  }\n}\n", styles: [":host{padding:12px 8px}\n"], dependencies: [{ kind: "component", type: PropertyGridItemComponent, selector: "teta-property-grid-item", inputs: ["column", "hideNonEditable", "dict", "decimalPart", "item", "itemTemplates", "horizontal"], outputs: ["controlValueChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: PropertyGridGroupComponent, selector: "teta-property-grid-group", inputs: ["column", "hideNonEditable", "dict", "item", "horizontal", "decimalPart", "itemTemplates"], outputs: ["controlValueChange"] }], viewProviders: [FormsUtil.formProvider], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: PropertyGridComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: PropertyGridComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'teta-property-grid', viewProviders: [FormsUtil.formProvider], standalone: true, imports: [PropertyGridItemComponent, FormsModule, ReactiveFormsModule, PropertyGridGroupComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (columns()?.length) {\n  @for (column of columns(); track column.name) {\n    @if (column.columns?.length < 1 && (getEditable(column) || !hideNonEditable())) {\n      <teta-property-grid-item\n        [dict]=\"dict()\"\n        [column]=\"column\"\n        [item]=\"item()\"\n        [id]=\"column.name\"\n        [itemTemplates]=\"itemTemplates()\"\n        [decimalPart]=\"decimalPart()\"\n        [formGroup]=\"formGroup\"\n        [horizontal]=\"horizontal()\"\n        (controlValueChange)=\"onControlValueChange($event)\"\n        [hideNonEditable]=\"hideNonEditable()\"\n      ></teta-property-grid-item>\n    }\n    @if (column.columns?.length > 0 && (getEditable(column) || !hideNonEditable())) {\n      <teta-property-grid-group\n        [id]=\"column.name\"\n        [dict]=\"dict()\"\n        [column]=\"column\"\n        [item]=\"item()\"\n        [itemTemplates]=\"itemTemplates()\"\n        [decimalPart]=\"decimalPart()\"\n        [formGroup]=\"formGroup\"\n        [horizontal]=\"horizontal()\"\n        (controlValueChange)=\"onControlValueChange($event)\"\n        [hideNonEditable]=\"hideNonEditable()\"\n      ></teta-property-grid-group>\n    }\n  }\n}\n", styles: [":host{padding:12px 8px}\n"] }]
+            args: [{ selector: 'teta-property-grid', viewProviders: [FormsUtil.formProvider], imports: [PropertyGridItemComponent, FormsModule, ReactiveFormsModule, PropertyGridGroupComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (columns()?.length) {\n  @for (column of columns(); track column.name) {\n    @if (column.columns?.length < 1 && (getEditable(column) || !hideNonEditable())) {\n      <teta-property-grid-item\n        [dict]=\"dict()\"\n        [column]=\"column\"\n        [item]=\"item()\"\n        [id]=\"column.name\"\n        [itemTemplates]=\"itemTemplates()\"\n        [decimalPart]=\"decimalPart()\"\n        [formGroup]=\"formGroup\"\n        [horizontal]=\"horizontal()\"\n        (controlValueChange)=\"onControlValueChange($event)\"\n        [hideNonEditable]=\"hideNonEditable()\"\n      ></teta-property-grid-item>\n    }\n    @if (column.columns?.length > 0 && (getEditable(column) || !hideNonEditable())) {\n      <teta-property-grid-group\n        [id]=\"column.name\"\n        [dict]=\"dict()\"\n        [column]=\"column\"\n        [item]=\"item()\"\n        [itemTemplates]=\"itemTemplates()\"\n        [decimalPart]=\"decimalPart()\"\n        [formGroup]=\"formGroup\"\n        [horizontal]=\"horizontal()\"\n        (controlValueChange)=\"onControlValueChange($event)\"\n        [hideNonEditable]=\"hideNonEditable()\"\n      ></teta-property-grid-group>\n    }\n  }\n}\n", styles: [":host{padding:12px 8px}\n"] }]
         }], ctorParameters: () => [{ type: i2.ControlContainer, decorators: [{
                     type: Optional
                 }] }], propDecorators: { formClass: [{
@@ -6339,22 +6350,22 @@ class SidebarComponent {
         this.openChange.emit(this.open);
     }
     ngOnInit() { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: SidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: SidebarComponent, isStandalone: true, selector: "teta-sidebar", inputs: { position: "position", backdrop: "backdrop", open: "open", className: "className" }, outputs: { openChange: "openChange" }, host: { properties: { "style.z-index": "this.zIndex" } }, ngImport: i0, template: "@if (backdrop && open) {\n  <div [@sidebar] (click)=\"setOpen(false)\" class=\"sidebar-backdrop\"></div>\n}\n@if (open) {\n  <div\n    class=\"sidebar\"\n    [@sidebar]\n    [ngClass]=\"className\"\n    [class.sidebar-top]=\"position === sidebarPosition.top\"\n    [class.sidebar-bottom]=\"position === sidebarPosition.bottom\"\n    [class.sidebar-left]=\"position === sidebarPosition.left\"\n    [class.sidebar-right]=\"position === sidebarPosition.right\"\n  >\n    <ng-content></ng-content>\n  </div>\n}\n", styles: [""], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], animations: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: SidebarComponent, isStandalone: true, selector: "teta-sidebar", inputs: { position: "position", backdrop: "backdrop", open: "open", className: "className" }, outputs: { openChange: "openChange" }, host: { properties: { "style.z-index": "this.zIndex" } }, ngImport: i0, template: "@if (backdrop && open) {\n  <div [@sidebar] (click)=\"setOpen(false)\" class=\"sidebar-backdrop\"></div>\n}\n@if (open) {\n  <div\n    class=\"sidebar\"\n    [@sidebar]\n    [ngClass]=\"className\"\n    [class.sidebar-top]=\"position === sidebarPosition.top\"\n    [class.sidebar-bottom]=\"position === sidebarPosition.bottom\"\n    [class.sidebar-left]=\"position === sidebarPosition.left\"\n    [class.sidebar-right]=\"position === sidebarPosition.right\"\n  >\n    <ng-content></ng-content>\n  </div>\n}\n", styles: [""], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], animations: [
             trigger('sidebar', [
                 transition('void => *', [style({ opacity: '0' }), animate(300, style({ opacity: '1' }))]),
                 transition('* => void', [animate(300, style({ opacity: '0' }))]),
             ]),
         ], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: SidebarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SidebarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-sidebar', changeDetection: ChangeDetectionStrategy.OnPush, animations: [
                         trigger('sidebar', [
                             transition('void => *', [style({ opacity: '0' }), animate(300, style({ opacity: '1' }))]),
                             transition('* => void', [animate(300, style({ opacity: '0' }))]),
                         ]),
-                    ], standalone: true, imports: [NgClass], template: "@if (backdrop && open) {\n  <div [@sidebar] (click)=\"setOpen(false)\" class=\"sidebar-backdrop\"></div>\n}\n@if (open) {\n  <div\n    class=\"sidebar\"\n    [@sidebar]\n    [ngClass]=\"className\"\n    [class.sidebar-top]=\"position === sidebarPosition.top\"\n    [class.sidebar-bottom]=\"position === sidebarPosition.bottom\"\n    [class.sidebar-left]=\"position === sidebarPosition.left\"\n    [class.sidebar-right]=\"position === sidebarPosition.right\"\n  >\n    <ng-content></ng-content>\n  </div>\n}\n" }]
+                    ], imports: [NgClass], template: "@if (backdrop && open) {\n  <div [@sidebar] (click)=\"setOpen(false)\" class=\"sidebar-backdrop\"></div>\n}\n@if (open) {\n  <div\n    class=\"sidebar\"\n    [@sidebar]\n    [ngClass]=\"className\"\n    [class.sidebar-top]=\"position === sidebarPosition.top\"\n    [class.sidebar-bottom]=\"position === sidebarPosition.bottom\"\n    [class.sidebar-left]=\"position === sidebarPosition.left\"\n    [class.sidebar-right]=\"position === sidebarPosition.right\"\n  >\n    <ng-content></ng-content>\n  </div>\n}\n" }]
         }], ctorParameters: () => [], propDecorators: { position: [{
                 type: Input
             }], backdrop: [{
@@ -6378,10 +6389,10 @@ class SwitchService {
     setValue(value) {
         this.value$.next(value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: SwitchService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: SwitchService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SwitchService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SwitchService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: SwitchService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SwitchService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -6427,10 +6438,10 @@ class SwitchComponent {
     ngOnDestroy() {
         this._alive = false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: SwitchComponent, deps: [{ token: SwitchService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: SwitchComponent, isStandalone: true, selector: "teta-switch", inputs: { viewType: "viewType" }, host: { properties: { "class.switch": "this.switchClass", "class": "this.class" } }, providers: [SWITCH_CONTROL_VALUE_ACCESSOR, SwitchService], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SwitchComponent, deps: [{ token: SwitchService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: SwitchComponent, isStandalone: true, selector: "teta-switch", inputs: { viewType: "viewType" }, host: { properties: { "class.switch": "this.switchClass", "class": "this.class" } }, providers: [SWITCH_CONTROL_VALUE_ACCESSOR, SwitchService], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: SwitchComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SwitchComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-switch', providers: [SWITCH_CONTROL_VALUE_ACCESSOR, SwitchService], changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<ng-content></ng-content>\n" }]
         }], ctorParameters: () => [{ type: SwitchService }, { type: i0.ChangeDetectorRef }], propDecorators: { viewType: [{
@@ -6467,10 +6478,10 @@ class SwitchButtonComponent {
     ngOnDestroy() {
         this._alive = false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: SwitchButtonComponent, deps: [{ token: SwitchService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: SwitchButtonComponent, isStandalone: true, selector: "teta-switch-button", inputs: { value: "value", class: "class" }, host: { listeners: { "click": "click($event)" }, properties: { "class": "this.getClass" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SwitchButtonComponent, deps: [{ token: SwitchService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: SwitchButtonComponent, isStandalone: true, selector: "teta-switch-button", inputs: { value: "value", class: "class" }, host: { listeners: { "click": "click($event)" }, properties: { "class": "this.getClass" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: SwitchButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SwitchButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-switch-button', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<ng-content></ng-content>\n" }]
         }], ctorParameters: () => [{ type: SwitchService }, { type: i0.ChangeDetectorRef }], propDecorators: { value: [{
@@ -7564,10 +7575,10 @@ class TableService {
             value: null,
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: TableService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: TableService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: TableService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: TableService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: TableService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: TableService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -7717,13 +7728,14 @@ class CellComponentBase {
         this.stopEdit();
         this.cdr.markForCheck();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: CellComponentBase, deps: [{ token: TableService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: CellComponentBase, selector: "ng-component", host: { properties: { "class.cell-component": "this.cellClass", "class.cell-invalid": "this.cellInvalid" } }, ngImport: i0, template: '', isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: CellComponentBase, deps: [{ token: TableService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: CellComponentBase, isStandalone: false, selector: "ng-component", host: { properties: { "class.cell-component": "this.cellClass", "class.cell-invalid": "this.cellInvalid" } }, ngImport: i0, template: '', isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: CellComponentBase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: CellComponentBase, decorators: [{
             type: Component,
             args: [{
                     template: '',
+                    standalone: false
                 }]
         }], ctorParameters: () => [{ type: TableService }, { type: i0.ChangeDetectorRef }], propDecorators: { cellClass: [{
                 type: HostBinding,
@@ -7751,12 +7763,12 @@ class NumericCellComponent extends CellComponentBase {
     stopEdit() {
         this.cdr.markForCheck();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: NumericCellComponent, deps: [{ token: TableService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: NumericCellComponent, isStandalone: true, selector: "teta-numeric-cell", viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<span [style.display]=\"edit ? 'none' : 'block'\" class=\"cell-text\" [class.cell-text_disabled]=\"!editable\">\n  {{ control?.value | tetaNumber: 2 }}\n</span>\n@if (edit) {\n  <input\n    #input\n    [tetaOnlyNumber]=\"true\"\n    type=\"text\"\n    class=\"input row_auto border-radius-0\"\n    (keydown.enter)=\"input.blur()\"\n    [formControl]=\"control\"\n  />\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: OnlyNumberDirective, selector: "[tetaOnlyNumber]", inputs: ["tetaOnlyNumber", "allowDecimals", "allowSign", "decimalSeparator", "commaSeparator", "onlyPositive"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "pipe", type: NumberPipe, name: "tetaNumber" }], viewProviders: [FormsUtil.formProvider], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: NumericCellComponent, deps: [{ token: TableService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: NumericCellComponent, isStandalone: true, selector: "teta-numeric-cell", viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<span [style.display]=\"edit ? 'none' : 'block'\" class=\"cell-text\" [class.cell-text_disabled]=\"!editable\">\n  {{ control?.value | tetaNumber: 2 }}\n</span>\n@if (edit) {\n  <input\n    #input\n    [tetaOnlyNumber]=\"true\"\n    type=\"text\"\n    class=\"input row_auto border-radius-0\"\n    (keydown.enter)=\"input.blur()\"\n    [formControl]=\"control\"\n  />\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: OnlyNumberDirective, selector: "[tetaOnlyNumber]", inputs: ["tetaOnlyNumber", "allowDecimals", "allowSign", "decimalSeparator", "commaSeparator", "onlyPositive"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "pipe", type: NumberPipe, name: "tetaNumber" }], viewProviders: [FormsUtil.formProvider], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: NumericCellComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: NumericCellComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'teta-numeric-cell', changeDetection: ChangeDetectionStrategy.OnPush, viewProviders: [FormsUtil.formProvider], standalone: true, imports: [FormsModule, OnlyNumberDirective, ReactiveFormsModule, NumberPipe], template: "<span [style.display]=\"edit ? 'none' : 'block'\" class=\"cell-text\" [class.cell-text_disabled]=\"!editable\">\n  {{ control?.value | tetaNumber: 2 }}\n</span>\n@if (edit) {\n  <input\n    #input\n    [tetaOnlyNumber]=\"true\"\n    type=\"text\"\n    class=\"input row_auto border-radius-0\"\n    (keydown.enter)=\"input.blur()\"\n    [formControl]=\"control\"\n  />\n}\n" }]
+            args: [{ selector: 'teta-numeric-cell', changeDetection: ChangeDetectionStrategy.OnPush, viewProviders: [FormsUtil.formProvider], imports: [FormsModule, OnlyNumberDirective, ReactiveFormsModule, NumberPipe], template: "<span [style.display]=\"edit ? 'none' : 'block'\" class=\"cell-text\" [class.cell-text_disabled]=\"!editable\">\n  {{ control?.value | tetaNumber: 2 }}\n</span>\n@if (edit) {\n  <input\n    #input\n    [tetaOnlyNumber]=\"true\"\n    type=\"text\"\n    class=\"input row_auto border-radius-0\"\n    (keydown.enter)=\"input.blur()\"\n    [formControl]=\"control\"\n  />\n}\n" }]
         }], ctorParameters: () => [{ type: TableService }, { type: i0.ChangeDetectorRef }], propDecorators: { input: [{
                 type: ViewChild,
                 args: ['input', { static: false }]
@@ -7782,12 +7794,12 @@ class DateCellComponent extends CellComponentBase {
     stopEdit() {
         this.cdr.markForCheck();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: DateCellComponent, deps: [{ token: TableService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: DateCellComponent, isStandalone: true, selector: "teta-date-cell", viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<span [style.display]=\"edit ? 'none' : 'block'\" class=\"cell-text\" [class.cell-text_disabled]=\"!editable\">\n  {{ control?.value | date: 'dd.MM.yyyy' }}\n</span>\n@if (edit) {\n  <teta-date-picker\n    class=\"datepicker-table\"\n    #input\n    [allowNull]=\"!column.required\"\n    [appendToBody]=\"true\"\n    [showTime]=\"false\"\n    [formControl]=\"control\"\n  ></teta-date-picker>\n}\n", styles: [""], dependencies: [{ kind: "component", type: DatePickerComponent, selector: "teta-date-picker", inputs: ["date", "showTime", "minDate", "maxDate", "invalid", "disabled", "align", "verticalAlign", "viewType", "appendToBody", "backdrop", "allowNull", "firstDayOfWeek", "disabledDates", "disabledPeriods", "disabledDays", "minYearDate", "maxYearDate"], outputs: ["selectDate"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "pipe", type: DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: DateCellComponent, deps: [{ token: TableService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: DateCellComponent, isStandalone: true, selector: "teta-date-cell", viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<span [style.display]=\"edit ? 'none' : 'block'\" class=\"cell-text\" [class.cell-text_disabled]=\"!editable\">\n  {{ control?.value | date: 'dd.MM.yyyy' }}\n</span>\n@if (edit) {\n  <teta-date-picker\n    class=\"datepicker-table\"\n    #input\n    [allowNull]=\"!column.required\"\n    [appendToBody]=\"true\"\n    [showTime]=\"false\"\n    [formControl]=\"control\"\n  ></teta-date-picker>\n}\n", styles: [""], dependencies: [{ kind: "component", type: DatePickerComponent, selector: "teta-date-picker", inputs: ["date", "showTime", "minDate", "maxDate", "invalid", "disabled", "align", "verticalAlign", "viewType", "appendToBody", "backdrop", "allowNull", "firstDayOfWeek", "disabledDates", "disabledPeriods", "disabledDays", "minYearDate", "maxYearDate"], outputs: ["selectDate"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "pipe", type: DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: DateCellComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: DateCellComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'teta-date-cell', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [DatePickerComponent, FormsModule, ReactiveFormsModule, DatePipe], template: "<span [style.display]=\"edit ? 'none' : 'block'\" class=\"cell-text\" [class.cell-text_disabled]=\"!editable\">\n  {{ control?.value | date: 'dd.MM.yyyy' }}\n</span>\n@if (edit) {\n  <teta-date-picker\n    class=\"datepicker-table\"\n    #input\n    [allowNull]=\"!column.required\"\n    [appendToBody]=\"true\"\n    [showTime]=\"false\"\n    [formControl]=\"control\"\n  ></teta-date-picker>\n}\n" }]
+            args: [{ selector: 'teta-date-cell', changeDetection: ChangeDetectionStrategy.OnPush, imports: [DatePickerComponent, FormsModule, ReactiveFormsModule, DatePipe], template: "<span [style.display]=\"edit ? 'none' : 'block'\" class=\"cell-text\" [class.cell-text_disabled]=\"!editable\">\n  {{ control?.value | date: 'dd.MM.yyyy' }}\n</span>\n@if (edit) {\n  <teta-date-picker\n    class=\"datepicker-table\"\n    #input\n    [allowNull]=\"!column.required\"\n    [appendToBody]=\"true\"\n    [showTime]=\"false\"\n    [formControl]=\"control\"\n  ></teta-date-picker>\n}\n" }]
         }], ctorParameters: () => [{ type: TableService }, { type: i0.ChangeDetectorRef }], propDecorators: { input: [{
                 type: ViewChild,
                 args: ['input', { static: false }]
@@ -7833,12 +7845,12 @@ class ListCellComponent extends CellComponentBase {
         }
         return item.name;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ListCellComponent, deps: [{ token: TableService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: ListCellComponent, isStandalone: true, selector: "teta-list-cell", viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<span [style.display]=\"edit ? 'none' : 'block'\" class=\"cell-text\" [class.cell-text_disabled]=\"!editable\">\n  {{ getValue(control.value) }}\n</span>\n@if (edit) {\n  <teta-select\n    #input\n    class=\"row_auto select-table\"\n    [allowNull]=\"!column.required\"\n    [verticalAlign]=\"verticalAlign.auto\"\n    [appendToBody]=\"true\"\n    [options]=\"displayFilterOptions\"\n    [valueRef]=\"'id'\"\n    [textRef]=\"'name'\"\n    [searchRef]=\"displayFilterOptions?.length > 20 ? 'name' : ''\"\n    [formControl]=\"control\"\n  >\n  </teta-select>\n}\n", styles: [""], dependencies: [{ kind: "component", type: SelectComponent, selector: "teta-select", inputs: ["multiple", "options", "invalid", "align", "verticalAlign", "autoClose", "autoCloseIgnore", "disabled", "itemSize", "virtual", "icon", "placeholder", "appendToBody", "allowNull", "viewType", "notFoundText", "valueRef", "textRef", "searchRef"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: ListCellComponent, deps: [{ token: TableService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: ListCellComponent, isStandalone: true, selector: "teta-list-cell", viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<span [style.display]=\"edit ? 'none' : 'block'\" class=\"cell-text\" [class.cell-text_disabled]=\"!editable\">\n  {{ getValue(control.value) }}\n</span>\n@if (edit) {\n  <teta-select\n    #input\n    class=\"row_auto select-table\"\n    [allowNull]=\"!column.required\"\n    [verticalAlign]=\"verticalAlign.auto\"\n    [appendToBody]=\"true\"\n    [options]=\"displayFilterOptions\"\n    [valueRef]=\"'id'\"\n    [textRef]=\"'name'\"\n    [searchRef]=\"displayFilterOptions?.length > 20 ? 'name' : ''\"\n    [formControl]=\"control\"\n  >\n  </teta-select>\n}\n", styles: [""], dependencies: [{ kind: "component", type: SelectComponent, selector: "teta-select", inputs: ["multiple", "options", "invalid", "align", "verticalAlign", "autoClose", "autoCloseIgnore", "disabled", "itemSize", "virtual", "icon", "placeholder", "appendToBody", "allowNull", "viewType", "notFoundText", "valueRef", "textRef", "searchRef"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ListCellComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: ListCellComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'teta-list-cell', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [SelectComponent, FormsModule, ReactiveFormsModule], template: "<span [style.display]=\"edit ? 'none' : 'block'\" class=\"cell-text\" [class.cell-text_disabled]=\"!editable\">\n  {{ getValue(control.value) }}\n</span>\n@if (edit) {\n  <teta-select\n    #input\n    class=\"row_auto select-table\"\n    [allowNull]=\"!column.required\"\n    [verticalAlign]=\"verticalAlign.auto\"\n    [appendToBody]=\"true\"\n    [options]=\"displayFilterOptions\"\n    [valueRef]=\"'id'\"\n    [textRef]=\"'name'\"\n    [searchRef]=\"displayFilterOptions?.length > 20 ? 'name' : ''\"\n    [formControl]=\"control\"\n  >\n  </teta-select>\n}\n" }]
+            args: [{ selector: 'teta-list-cell', changeDetection: ChangeDetectionStrategy.OnPush, imports: [SelectComponent, FormsModule, ReactiveFormsModule], template: "<span [style.display]=\"edit ? 'none' : 'block'\" class=\"cell-text\" [class.cell-text_disabled]=\"!editable\">\n  {{ getValue(control.value) }}\n</span>\n@if (edit) {\n  <teta-select\n    #input\n    class=\"row_auto select-table\"\n    [allowNull]=\"!column.required\"\n    [verticalAlign]=\"verticalAlign.auto\"\n    [appendToBody]=\"true\"\n    [options]=\"displayFilterOptions\"\n    [valueRef]=\"'id'\"\n    [textRef]=\"'name'\"\n    [searchRef]=\"displayFilterOptions?.length > 20 ? 'name' : ''\"\n    [formControl]=\"control\"\n  >\n  </teta-select>\n}\n" }]
         }], ctorParameters: () => [{ type: TableService }, { type: i0.ChangeDetectorRef }], propDecorators: { input: [{
                 type: ViewChild,
                 args: ['input', { static: false }]
@@ -7864,12 +7876,12 @@ class StringCellComponent extends CellComponentBase {
     stopEdit() {
         this.cdr.detectChanges();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: StringCellComponent, deps: [{ token: TableService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: StringCellComponent, isStandalone: true, selector: "teta-string-cell", viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<span\n  [style.display]=\"edit ? 'none' : 'block'\"\n  class=\"cell-text\"\n  [tetaHint]=\"row[column.name]\"\n  [align]=\"align.auto\"\n  [appendToBody]=\"true\"\n  [overflownOnly]=\"true\"\n  [class.cell-text_disabled]=\"!editable\"\n>\n  {{ control.value }}\n</span>\n@if (edit) {\n  <input\n    #input\n    type=\"text\"\n    class=\"input row_auto border-radius-0\"\n    (keydown.enter)=\"input.blur()\"\n    [formControl]=\"control\"\n  />\n}\n", styles: [""], dependencies: [{ kind: "directive", type: HintDirective, selector: "[tetaHint]", inputs: ["tetaHint", "align", "verticalAlign", "delay", "viewType", "overflownOnly"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: StringCellComponent, deps: [{ token: TableService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: StringCellComponent, isStandalone: true, selector: "teta-string-cell", viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<span\n  [style.display]=\"edit ? 'none' : 'block'\"\n  class=\"cell-text\"\n  [tetaHint]=\"row[column.name]\"\n  [align]=\"align.auto\"\n  [appendToBody]=\"true\"\n  [overflownOnly]=\"true\"\n  [class.cell-text_disabled]=\"!editable\"\n>\n  {{ control.value }}\n</span>\n@if (edit) {\n  <input\n    #input\n    type=\"text\"\n    class=\"input row_auto border-radius-0\"\n    (keydown.enter)=\"input.blur()\"\n    [formControl]=\"control\"\n  />\n}\n", styles: [""], dependencies: [{ kind: "directive", type: HintDirective, selector: "[tetaHint]", inputs: ["tetaHint", "align", "verticalAlign", "delay", "viewType", "overflownOnly"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: StringCellComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: StringCellComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'teta-string-cell', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [HintDirective, FormsModule, ReactiveFormsModule], template: "<span\n  [style.display]=\"edit ? 'none' : 'block'\"\n  class=\"cell-text\"\n  [tetaHint]=\"row[column.name]\"\n  [align]=\"align.auto\"\n  [appendToBody]=\"true\"\n  [overflownOnly]=\"true\"\n  [class.cell-text_disabled]=\"!editable\"\n>\n  {{ control.value }}\n</span>\n@if (edit) {\n  <input\n    #input\n    type=\"text\"\n    class=\"input row_auto border-radius-0\"\n    (keydown.enter)=\"input.blur()\"\n    [formControl]=\"control\"\n  />\n}\n" }]
+            args: [{ selector: 'teta-string-cell', changeDetection: ChangeDetectionStrategy.OnPush, imports: [HintDirective, FormsModule, ReactiveFormsModule], template: "<span\n  [style.display]=\"edit ? 'none' : 'block'\"\n  class=\"cell-text\"\n  [tetaHint]=\"row[column.name]\"\n  [align]=\"align.auto\"\n  [appendToBody]=\"true\"\n  [overflownOnly]=\"true\"\n  [class.cell-text_disabled]=\"!editable\"\n>\n  {{ control.value }}\n</span>\n@if (edit) {\n  <input\n    #input\n    type=\"text\"\n    class=\"input row_auto border-radius-0\"\n    (keydown.enter)=\"input.blur()\"\n    [formControl]=\"control\"\n  />\n}\n" }]
         }], ctorParameters: () => [{ type: TableService }, { type: i0.ChangeDetectorRef }], propDecorators: { input: [{
                 type: ViewChild,
                 args: ['input', { static: false }]
@@ -7895,12 +7907,12 @@ class BooleanCellComponent extends CellComponentBase {
     stopEdit() {
         this.cdr.markForCheck();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: BooleanCellComponent, deps: [{ token: TableService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: BooleanCellComponent, isStandalone: true, selector: "teta-boolean-cell", viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<span [style.display]=\"edit ? 'none' : 'block'\" class=\"cell-text\" [class.cell-text_disabled]=\"!editable\">\n  {{ control?.value }}\n</span>\n@if (edit) {\n  <teta-checkbox #input [binary]=\"true\" [formControl]=\"control\"></teta-checkbox>\n}\n", styles: [""], dependencies: [{ kind: "component", type: CheckboxComponent, selector: "teta-checkbox", inputs: ["class", "palette", "noLabel", "disabled", "value", "binary", "labelPosition", "allowNull"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: BooleanCellComponent, deps: [{ token: TableService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: BooleanCellComponent, isStandalone: true, selector: "teta-boolean-cell", viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<span [style.display]=\"edit ? 'none' : 'block'\" class=\"cell-text\" [class.cell-text_disabled]=\"!editable\">\n  {{ control?.value }}\n</span>\n@if (edit) {\n  <teta-checkbox #input [binary]=\"true\" [formControl]=\"control\"></teta-checkbox>\n}\n", styles: [""], dependencies: [{ kind: "component", type: CheckboxComponent, selector: "teta-checkbox", inputs: ["class", "palette", "noLabel", "disabled", "value", "binary", "labelPosition", "allowNull"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: BooleanCellComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: BooleanCellComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'teta-boolean-cell', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CheckboxComponent, FormsModule, ReactiveFormsModule], template: "<span [style.display]=\"edit ? 'none' : 'block'\" class=\"cell-text\" [class.cell-text_disabled]=\"!editable\">\n  {{ control?.value }}\n</span>\n@if (edit) {\n  <teta-checkbox #input [binary]=\"true\" [formControl]=\"control\"></teta-checkbox>\n}\n" }]
+            args: [{ selector: 'teta-boolean-cell', changeDetection: ChangeDetectionStrategy.OnPush, imports: [CheckboxComponent, FormsModule, ReactiveFormsModule], template: "<span [style.display]=\"edit ? 'none' : 'block'\" class=\"cell-text\" [class.cell-text_disabled]=\"!editable\">\n  {{ control?.value }}\n</span>\n@if (edit) {\n  <teta-checkbox #input [binary]=\"true\" [formControl]=\"control\"></teta-checkbox>\n}\n" }]
         }], ctorParameters: () => [{ type: TableService }, { type: i0.ChangeDetectorRef }], propDecorators: { input: [{
                 type: ViewChild,
                 args: ['input', { static: false }]
@@ -7948,10 +7960,10 @@ class CellHostComponent {
             this._componentRef.injector.get(ChangeDetectorRef).markForCheck();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: CellHostComponent, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: CellHostComponent, isStandalone: true, selector: "teta-cell-host", inputs: { column: "column", row: "row", filterOptions: "filterOptions", dict: "dict" }, usesOnChanges: true, ngImport: i0, template: '', isInline: true, styles: [""], viewProviders: [FormsUtil.formProvider], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: CellHostComponent, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: CellHostComponent, isStandalone: true, selector: "teta-cell-host", inputs: { column: "column", row: "row", filterOptions: "filterOptions", dict: "dict" }, usesOnChanges: true, ngImport: i0, template: '', isInline: true, styles: [""], viewProviders: [FormsUtil.formProvider], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: CellHostComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: CellHostComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-cell-host', template: '', changeDetection: ChangeDetectionStrategy.OnPush, viewProviders: [FormsUtil.formProvider], standalone: true }]
         }], ctorParameters: () => [{ type: i0.ViewContainerRef }], propDecorators: { column: [{
@@ -7968,12 +7980,12 @@ class CellComponent {
     constructor() {
         this.tableCellClass = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: CellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: CellComponent, isStandalone: true, selector: "teta-cell", inputs: { column: "column", filterOptions: "filterOptions", dict: "dict", row: "row" }, host: { properties: { "class.cell": "this.tableCellClass" } }, ngImport: i0, template: "<teta-cell-host [row]=\"row\" [column]=\"column\" [filterOptions]=\"filterOptions\" [dict]=\"dict\"></teta-cell-host>\n", styles: [""], dependencies: [{ kind: "component", type: CellHostComponent, selector: "teta-cell-host", inputs: ["column", "row", "filterOptions", "dict"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: CellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: CellComponent, isStandalone: true, selector: "teta-cell", inputs: { column: "column", filterOptions: "filterOptions", dict: "dict", row: "row" }, host: { properties: { "class.cell": "this.tableCellClass" } }, ngImport: i0, template: "<teta-cell-host [row]=\"row\" [column]=\"column\" [filterOptions]=\"filterOptions\" [dict]=\"dict\"></teta-cell-host>\n", styles: [""], dependencies: [{ kind: "component", type: CellHostComponent, selector: "teta-cell-host", inputs: ["column", "row", "filterOptions", "dict"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: CellComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: CellComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'teta-cell', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CellHostComponent], template: "<teta-cell-host [row]=\"row\" [column]=\"column\" [filterOptions]=\"filterOptions\" [dict]=\"dict\"></teta-cell-host>\n" }]
+            args: [{ selector: 'teta-cell', changeDetection: ChangeDetectionStrategy.OnPush, imports: [CellHostComponent], template: "<teta-cell-host [row]=\"row\" [column]=\"column\" [filterOptions]=\"filterOptions\" [dict]=\"dict\"></teta-cell-host>\n" }]
         }], propDecorators: { column: [{
                 type: Input
             }], filterOptions: [{
@@ -8012,12 +8024,12 @@ class SelectionCellComponent {
     ngOnDestroy() {
         this._alive = false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: SelectionCellComponent, deps: [{ token: TableService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: SelectionCellComponent, isStandalone: true, selector: "teta-selection-cell", inputs: { row: "row" }, host: { properties: { "class.cell": "this.tableCellClass" } }, ngImport: i0, template: "<teta-checkbox\n  [binary]=\"true\"\n  [noLabel]=\"true\"\n  [ngModel]=\"selectedRows?.indexOf(row) >= 0\"\n  (ngModelChange)=\"selectRow($event)\"\n  (click)=\"$event.stopPropagation()\"\n></teta-checkbox>\n", styles: [":host{display:flex;align-items:center;justify-content:center}\n"], dependencies: [{ kind: "component", type: CheckboxComponent, selector: "teta-checkbox", inputs: ["class", "palette", "noLabel", "disabled", "value", "binary", "labelPosition", "allowNull"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SelectionCellComponent, deps: [{ token: TableService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: SelectionCellComponent, isStandalone: true, selector: "teta-selection-cell", inputs: { row: "row" }, host: { properties: { "class.cell": "this.tableCellClass" } }, ngImport: i0, template: "<teta-checkbox\n  [binary]=\"true\"\n  [noLabel]=\"true\"\n  [ngModel]=\"selectedRows?.indexOf(row) >= 0\"\n  (ngModelChange)=\"selectRow($event)\"\n  (click)=\"$event.stopPropagation()\"\n></teta-checkbox>\n", styles: [":host{display:flex;align-items:center;justify-content:center}\n"], dependencies: [{ kind: "component", type: CheckboxComponent, selector: "teta-checkbox", inputs: ["class", "palette", "noLabel", "disabled", "value", "binary", "labelPosition", "allowNull"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: SelectionCellComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SelectionCellComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'teta-selection-cell', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CheckboxComponent, FormsModule], template: "<teta-checkbox\n  [binary]=\"true\"\n  [noLabel]=\"true\"\n  [ngModel]=\"selectedRows?.indexOf(row) >= 0\"\n  (ngModelChange)=\"selectRow($event)\"\n  (click)=\"$event.stopPropagation()\"\n></teta-checkbox>\n", styles: [":host{display:flex;align-items:center;justify-content:center}\n"] }]
+            args: [{ selector: 'teta-selection-cell', changeDetection: ChangeDetectionStrategy.OnPush, imports: [CheckboxComponent, FormsModule], template: "<teta-checkbox\n  [binary]=\"true\"\n  [noLabel]=\"true\"\n  [ngModel]=\"selectedRows?.indexOf(row) >= 0\"\n  (ngModelChange)=\"selectRow($event)\"\n  (click)=\"$event.stopPropagation()\"\n></teta-checkbox>\n", styles: [":host{display:flex;align-items:center;justify-content:center}\n"] }]
         }], ctorParameters: () => [{ type: TableService }, { type: i0.ChangeDetectorRef }], propDecorators: { row: [{
                 type: Input
             }], tableCellClass: [{
@@ -8053,12 +8065,12 @@ class TableRowComponent {
             });
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: TableRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: TableRowComponent, isStandalone: true, selector: "teta-table-row", inputs: { row: "row" }, usesOnChanges: true, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: TableRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: TableRowComponent, isStandalone: true, selector: "teta-table-row", inputs: { row: "row" }, usesOnChanges: true, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: TableRowComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: TableRowComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'teta-table-row', standalone: true, imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n" }]
+            args: [{ selector: 'teta-table-row', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n" }]
         }], ctorParameters: () => [], propDecorators: { row: [{
                 type: Input
             }] } });
@@ -8202,12 +8214,12 @@ class TableBodyComponent {
     getMax(columnName) {
         return this.data?.reduce((accum, current) => (accum != null && accum >= current.data[columnName] ? accum : current.data[columnName]), null);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: TableBodyComponent, deps: [{ token: TableService }, { token: i0.ElementRef }, { token: TetaConfigService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: TableBodyComponent, isStandalone: true, selector: "teta-table-body", inputs: { virtual: { classPropertyName: "virtual", publicName: "virtual", isSignal: false, isRequired: false, transformFunction: null }, activeRow: { classPropertyName: "activeRow", publicName: "activeRow", isSignal: false, isRequired: false, transformFunction: null }, selectedRows: { classPropertyName: "selectedRows", publicName: "selectedRows", isSignal: false, isRequired: false, transformFunction: null }, additionalComponent: { classPropertyName: "additionalComponent", publicName: "additionalComponent", isSignal: false, isRequired: false, transformFunction: null }, aggregate: { classPropertyName: "aggregate", publicName: "aggregate", isSignal: false, isRequired: false, transformFunction: null }, selectType: { classPropertyName: "selectType", publicName: "selectType", isSignal: false, isRequired: false, transformFunction: null }, rowClass: { classPropertyName: "rowClass", publicName: "rowClass", isSignal: false, isRequired: false, transformFunction: null }, trackRow: { classPropertyName: "trackRow", publicName: "trackRow", isSignal: false, isRequired: false, transformFunction: null }, trackColumns: { classPropertyName: "trackColumns", publicName: "trackColumns", isSignal: false, isRequired: false, transformFunction: null }, rowHeight: { classPropertyName: "rowHeight", publicName: "rowHeight", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { scrollChange: "scrollChange" }, host: { properties: { "class.table-body": "this.tableBodyClass" } }, viewQueries: [{ propertyName: "viewport", first: true, predicate: CdkVirtualScrollViewport, descendants: true }], ngImport: i0, template: "@if (virtual && data.length > 0) {\n  <teta-scrollable class=\"table-body-container\" style=\"padding-bottom: 12px\" [showScrollbars]=\"true\">\n    <cdk-virtual-scroll-viewport\n      tetaScrollable\n      class=\"table-body-container\"\n      (scroll)=\"emitScroll($event)\"\n      [itemSize]=\"rowHeight()\"\n    >\n      <ng-container\n        *cdkVirtualFor=\"let row of data; templateCacheSize: 0; let rowIndex = index; trackBy: trackTableRow\"\n      >\n        <ng-container *ngTemplateOutlet=\"bodyTemplate; context: { row: row, rowIndex: rowIndex }\"></ng-container>\n      </ng-container>\n    </cdk-virtual-scroll-viewport>\n  </teta-scrollable>\n} @else {\n  <teta-scrollable\n    class=\"table-body-container\"\n    style=\"padding-bottom: 12px\"\n    direction=\"column\"\n    [showScrollbars]=\"true\"\n    (scroll)=\"emitScroll($event)\"\n  >\n    <div class=\"table-body-container\">\n      @if (!data?.length) {\n        <div class=\"column column_auto\" style=\"position: absolute; top: 0; bottom: 16px; left: 0; right: 0\">\n          <ng-content></ng-content>\n        </div>\n      }\n      @for (row of data; track trackTableRow(rowIndex, row); let rowIndex = $index) {\n        <ng-container *ngTemplateOutlet=\"bodyTemplate; context: { row: row, rowIndex: rowIndex }\"></ng-container>\n      }\n      @if (aggregate) {\n        <ng-container *ngTemplateOutlet=\"aggTemplate\"></ng-container>\n      }\n      <ng-container *ngTemplateOutlet=\"emptyRow\"></ng-container>\n    </div>\n  </teta-scrollable>\n}\n\n<ng-template #bodyTemplate let-row=\"row\" let-rowIndex=\"rowIndex\">\n  <teta-table-row\n    class=\"table-row\"\n    ngForm\n    [style.height.px]=\"rowHeight()\"\n    [row]=\"row\"\n    (click)=\"setActiveRow(row.data, $event)\"\n    [attr.data-row]=\"rowIndex\"\n    [class.table-row_odd]=\"rowIndex % 2 === 1\"\n    [ngClass]=\"rowClass ? rowClass(row.data, rowIndex) : ''\"\n    [class.table-row_selected]=\"selectedRows && selectedRows.indexOf(row.data) >= 0\"\n    [style.flex-grow]=\"totalFlex\"\n    [style.flex-basis.px]=\"totalWidth\"\n    [style.min-width.px]=\"totalWidth\"\n  >\n    @if (locked.length > 0) {\n      <div\n        class=\"table-row_locked\"\n        [style.flex-grow]=\"lockedFlex\"\n        [style.flex-basis.px]=\"lockedWidth\"\n        [style.min-width.px]=\"lockedWidth\"\n        [style.zIndex]=\"row.data === activeRow ? 2 : 1\"\n      >\n        @if (selectType === selectTypeEnum.checkBox && locked.length) {\n          <teta-selection-cell [row]=\"row.data\" style=\"width: 28px\"></teta-selection-cell>\n        }\n        @for (column of locked; track trackColumns(colIndex, column); let colIndex = $index) {\n          <teta-cell\n            [attr.data-row]=\"rowIndex\"\n            [attr.data-column]=\"column.name\"\n            [column]=\"column\"\n            [filterOptions]=\"dict ? dict[column.name] : []\"\n            [dict]=\"dict\"\n            [row]=\"row\"\n            [ngClass]=\"column.cellClass\"\n            [attr.tabindex]=\"0\"\n            [style.flex-grow]=\"column.flex\"\n            [style.flex-basis.px]=\"column.width\"\n          ></teta-cell>\n        }\n      </div>\n    }\n    @if (selectType === selectTypeEnum.checkBox && locked.length < 1) {\n      <teta-selection-cell [row]=\"row.data\" style=\"width: 28px\"></teta-selection-cell>\n    }\n    @for (column of unlocked; track trackColumns(colIndex, column); let colIndex = $index) {\n      <teta-cell\n        [attr.data-row]=\"rowIndex\"\n        [attr.data-column]=\"column.name\"\n        [column]=\"column\"\n        [filterOptions]=\"dict ? dict[column.name] : []\"\n        [dict]=\"dict\"\n        [row]=\"row\"\n        [ngClass]=\"column.cellClass\"\n        [attr.tabindex]=\"0\"\n        [style.flex-grow]=\"column.flex\"\n        [style.flex-basis.px]=\"column.width\"\n      ></teta-cell>\n    }\n  </teta-table-row>\n</ng-template>\n\n<ng-template #aggTemplate>\n  @if (locale | async; as loc) {\n    @if (aggregate) {\n      <div\n        class=\"table-row\"\n        [style.height.px]=\"rowHeight()\"\n        [class.table-row_virtual]=\"virtual\"\n        [style.flex-grow]=\"totalFlex\"\n        [style.flex-basis.px]=\"totalWidth\"\n        [style.min-width.px]=\"totalWidth\"\n      >\n        @if (locked.length > 0) {\n          <div\n            class=\"table-row_locked\"\n            [style.flex-grow]=\"lockedFlex\"\n            [style.flex-basis.px]=\"lockedWidth\"\n            [style.min-width.px]=\"lockedWidth\"\n          >\n            @if (selectType === selectTypeEnum.checkBox && locked.length < 1) {\n              <div class=\"cell align-center justify-content-center\" style=\"width: 28px\">\n                <teta-icon [name]=\"'sumColor'\"></teta-icon>\n              </div>\n            }\n            @for (column of locked; track trackColumns(colIndex, column); let colIndex = $index) {\n              <div\n                class=\"cell cell-component aggregate-cell\"\n                [attr.data-column]=\"column.name\"\n                [ngClass]=\"column.cellClass\"\n                [attr.tabindex]=\"0\"\n                [style.flex-grow]=\"column.flex\"\n                [style.flex-basis.px]=\"column.width\"\n              >\n                @if (column.aggregate !== aggregationType.none) {\n                  <span class=\"cell-text cell-text_numeric font-title-3\">\n                    {{ loc[getAggregateText(column)] }}:\n                    {{ getAggregateValue(column) | tetaNumber: 2 }}\n                  </span>\n                }\n              </div>\n            }\n          </div>\n        }\n        @if (selectType === selectTypeEnum.checkBox && locked.length < 1) {\n          <div class=\"cell align-center justify-content-center\" style=\"width: 28px\">\n            <teta-icon [name]=\"'sumColor'\"></teta-icon>\n          </div>\n        }\n        @for (column of unlocked; track trackColumns(colIndex, column); let colIndex = $index) {\n          <div\n            class=\"cell cell-component aggregate-cell\"\n            [attr.data-column]=\"column.name\"\n            [ngClass]=\"column.cellClass\"\n            [attr.tabindex]=\"0\"\n            [style.flex-grow]=\"column.flex\"\n            [style.flex-basis.px]=\"column.width\"\n          >\n            @if (column.aggregate !== aggregationType.none) {\n              <span class=\"cell-text cell-text_numeric font-title-3\">\n                {{ loc[getAggregateText(column)] }}:\n                {{ getAggregateValue(column) | tetaNumber: 2 }}\n              </span>\n            }\n          </div>\n        }\n      </div>\n    }\n  }\n</ng-template>\n<ng-template #emptyRow>\n  <div\n    class=\"empty-table-row\"\n    style=\"height: 0.1px\"\n    [style.flex-grow]=\"totalFlex\"\n    [style.flex-basis.px]=\"totalWidth\"\n    [style.min-width.px]=\"totalWidth\"\n  ></div>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "component", type: ScrollableComponent, selector: "teta-scrollable", inputs: ["direction", "showScrollbars", "contentClass"], outputs: ["scroll"] }, { kind: "component", type: CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "directive", type: CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: ScrollableDirective, selector: "[tetaScrollable]" }, { kind: "directive", type: CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: SelectionCellComponent, selector: "teta-selection-cell", inputs: ["row"] }, { kind: "component", type: CellComponent, selector: "teta-cell", inputs: ["column", "filterOptions", "dict", "row"] }, { kind: "component", type: IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: NumberPipe, name: "tetaNumber" }, { kind: "component", type: TableRowComponent, selector: "teta-table-row", inputs: ["row"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: TableBodyComponent, deps: [{ token: TableService }, { token: i0.ElementRef }, { token: TetaConfigService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: TableBodyComponent, isStandalone: true, selector: "teta-table-body", inputs: { virtual: { classPropertyName: "virtual", publicName: "virtual", isSignal: false, isRequired: false, transformFunction: null }, activeRow: { classPropertyName: "activeRow", publicName: "activeRow", isSignal: false, isRequired: false, transformFunction: null }, selectedRows: { classPropertyName: "selectedRows", publicName: "selectedRows", isSignal: false, isRequired: false, transformFunction: null }, additionalComponent: { classPropertyName: "additionalComponent", publicName: "additionalComponent", isSignal: false, isRequired: false, transformFunction: null }, aggregate: { classPropertyName: "aggregate", publicName: "aggregate", isSignal: false, isRequired: false, transformFunction: null }, selectType: { classPropertyName: "selectType", publicName: "selectType", isSignal: false, isRequired: false, transformFunction: null }, rowClass: { classPropertyName: "rowClass", publicName: "rowClass", isSignal: false, isRequired: false, transformFunction: null }, trackRow: { classPropertyName: "trackRow", publicName: "trackRow", isSignal: false, isRequired: false, transformFunction: null }, trackColumns: { classPropertyName: "trackColumns", publicName: "trackColumns", isSignal: false, isRequired: false, transformFunction: null }, rowHeight: { classPropertyName: "rowHeight", publicName: "rowHeight", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { scrollChange: "scrollChange" }, host: { properties: { "class.table-body": "this.tableBodyClass" } }, viewQueries: [{ propertyName: "viewport", first: true, predicate: CdkVirtualScrollViewport, descendants: true }], ngImport: i0, template: "@if (virtual && data.length > 0) {\n  <teta-scrollable class=\"table-body-container\" style=\"padding-bottom: 12px\" [showScrollbars]=\"true\">\n    <cdk-virtual-scroll-viewport\n      tetaScrollable\n      class=\"table-body-container\"\n      (scroll)=\"emitScroll($event)\"\n      [itemSize]=\"rowHeight()\"\n    >\n      <ng-container\n        *cdkVirtualFor=\"let row of data; templateCacheSize: 0; let rowIndex = index; trackBy: trackTableRow\"\n      >\n        <ng-container *ngTemplateOutlet=\"bodyTemplate; context: { row: row, rowIndex: rowIndex }\"></ng-container>\n      </ng-container>\n    </cdk-virtual-scroll-viewport>\n  </teta-scrollable>\n} @else {\n  <teta-scrollable\n    class=\"table-body-container\"\n    style=\"padding-bottom: 12px\"\n    direction=\"column\"\n    [showScrollbars]=\"true\"\n    (scroll)=\"emitScroll($event)\"\n  >\n    <div class=\"table-body-container\">\n      @if (!data?.length) {\n        <div class=\"column column_auto\" style=\"position: absolute; top: 0; bottom: 16px; left: 0; right: 0\">\n          <ng-content></ng-content>\n        </div>\n      }\n      @for (row of data; track trackTableRow(rowIndex, row); let rowIndex = $index) {\n        <ng-container *ngTemplateOutlet=\"bodyTemplate; context: { row: row, rowIndex: rowIndex }\"></ng-container>\n      }\n      @if (aggregate) {\n        <ng-container *ngTemplateOutlet=\"aggTemplate\"></ng-container>\n      }\n      <ng-container *ngTemplateOutlet=\"emptyRow\"></ng-container>\n    </div>\n  </teta-scrollable>\n}\n\n<ng-template #bodyTemplate let-row=\"row\" let-rowIndex=\"rowIndex\">\n  <teta-table-row\n    class=\"table-row\"\n    ngForm\n    [style.height.px]=\"rowHeight()\"\n    [row]=\"row\"\n    (click)=\"setActiveRow(row.data, $event)\"\n    [attr.data-row]=\"rowIndex\"\n    [class.table-row_odd]=\"rowIndex % 2 === 1\"\n    [ngClass]=\"rowClass ? rowClass(row.data, rowIndex) : ''\"\n    [class.table-row_selected]=\"selectedRows && selectedRows.indexOf(row.data) >= 0\"\n    [style.flex-grow]=\"totalFlex\"\n    [style.flex-basis.px]=\"totalWidth\"\n    [style.min-width.px]=\"totalWidth\"\n  >\n    @if (locked.length > 0) {\n      <div\n        class=\"table-row_locked\"\n        [style.flex-grow]=\"lockedFlex\"\n        [style.flex-basis.px]=\"lockedWidth\"\n        [style.min-width.px]=\"lockedWidth\"\n        [style.zIndex]=\"row.data === activeRow ? 2 : 1\"\n      >\n        @if (selectType === selectTypeEnum.checkBox && locked.length) {\n          <teta-selection-cell [row]=\"row.data\" style=\"width: 28px\"></teta-selection-cell>\n        }\n        @for (column of locked; track trackColumns(colIndex, column); let colIndex = $index) {\n          <teta-cell\n            [attr.data-row]=\"rowIndex\"\n            [attr.data-column]=\"column.name\"\n            [column]=\"column\"\n            [filterOptions]=\"dict ? dict[column.name] : []\"\n            [dict]=\"dict\"\n            [row]=\"row\"\n            [ngClass]=\"column.cellClass\"\n            [attr.tabindex]=\"0\"\n            [style.flex-grow]=\"column.flex\"\n            [style.flex-basis.px]=\"column.width\"\n          ></teta-cell>\n        }\n      </div>\n    }\n    @if (selectType === selectTypeEnum.checkBox && locked.length < 1) {\n      <teta-selection-cell [row]=\"row.data\" style=\"width: 28px\"></teta-selection-cell>\n    }\n    @for (column of unlocked; track trackColumns(colIndex, column); let colIndex = $index) {\n      <teta-cell\n        [attr.data-row]=\"rowIndex\"\n        [attr.data-column]=\"column.name\"\n        [column]=\"column\"\n        [filterOptions]=\"dict ? dict[column.name] : []\"\n        [dict]=\"dict\"\n        [row]=\"row\"\n        [ngClass]=\"column.cellClass\"\n        [attr.tabindex]=\"0\"\n        [style.flex-grow]=\"column.flex\"\n        [style.flex-basis.px]=\"column.width\"\n      ></teta-cell>\n    }\n  </teta-table-row>\n</ng-template>\n\n<ng-template #aggTemplate>\n  @if (locale | async; as loc) {\n    @if (aggregate) {\n      <div\n        class=\"table-row\"\n        [style.height.px]=\"rowHeight()\"\n        [class.table-row_virtual]=\"virtual\"\n        [style.flex-grow]=\"totalFlex\"\n        [style.flex-basis.px]=\"totalWidth\"\n        [style.min-width.px]=\"totalWidth\"\n      >\n        @if (locked.length > 0) {\n          <div\n            class=\"table-row_locked\"\n            [style.flex-grow]=\"lockedFlex\"\n            [style.flex-basis.px]=\"lockedWidth\"\n            [style.min-width.px]=\"lockedWidth\"\n          >\n            @if (selectType === selectTypeEnum.checkBox && locked.length < 1) {\n              <div class=\"cell align-center justify-content-center\" style=\"width: 28px\">\n                <teta-icon [name]=\"'sumColor'\"></teta-icon>\n              </div>\n            }\n            @for (column of locked; track trackColumns(colIndex, column); let colIndex = $index) {\n              <div\n                class=\"cell cell-component aggregate-cell\"\n                [attr.data-column]=\"column.name\"\n                [ngClass]=\"column.cellClass\"\n                [attr.tabindex]=\"0\"\n                [style.flex-grow]=\"column.flex\"\n                [style.flex-basis.px]=\"column.width\"\n              >\n                @if (column.aggregate !== aggregationType.none) {\n                  <span class=\"cell-text cell-text_numeric font-title-3\">\n                    {{ loc[getAggregateText(column)] }}:\n                    {{ getAggregateValue(column) | tetaNumber: 2 }}\n                  </span>\n                }\n              </div>\n            }\n          </div>\n        }\n        @if (selectType === selectTypeEnum.checkBox && locked.length < 1) {\n          <div class=\"cell align-center justify-content-center\" style=\"width: 28px\">\n            <teta-icon [name]=\"'sumColor'\"></teta-icon>\n          </div>\n        }\n        @for (column of unlocked; track trackColumns(colIndex, column); let colIndex = $index) {\n          <div\n            class=\"cell cell-component aggregate-cell\"\n            [attr.data-column]=\"column.name\"\n            [ngClass]=\"column.cellClass\"\n            [attr.tabindex]=\"0\"\n            [style.flex-grow]=\"column.flex\"\n            [style.flex-basis.px]=\"column.width\"\n          >\n            @if (column.aggregate !== aggregationType.none) {\n              <span class=\"cell-text cell-text_numeric font-title-3\">\n                {{ loc[getAggregateText(column)] }}:\n                {{ getAggregateValue(column) | tetaNumber: 2 }}\n              </span>\n            }\n          </div>\n        }\n      </div>\n    }\n  }\n</ng-template>\n<ng-template #emptyRow>\n  <div\n    class=\"empty-table-row\"\n    style=\"height: 0.1px\"\n    [style.flex-grow]=\"totalFlex\"\n    [style.flex-basis.px]=\"totalWidth\"\n    [style.min-width.px]=\"totalWidth\"\n  ></div>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "component", type: ScrollableComponent, selector: "teta-scrollable", inputs: ["direction", "showScrollbars", "contentClass"], outputs: ["scroll"] }, { kind: "component", type: CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "directive", type: CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: ScrollableDirective, selector: "[tetaScrollable]" }, { kind: "directive", type: CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: SelectionCellComponent, selector: "teta-selection-cell", inputs: ["row"] }, { kind: "component", type: CellComponent, selector: "teta-cell", inputs: ["column", "filterOptions", "dict", "row"] }, { kind: "component", type: IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: NumberPipe, name: "tetaNumber" }, { kind: "component", type: TableRowComponent, selector: "teta-table-row", inputs: ["row"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: TableBodyComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: TableBodyComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'teta-table-body', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+            args: [{ selector: 'teta-table-body', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         ScrollableComponent,
                         CdkVirtualScrollViewport,
                         CdkFixedSizeVirtualScroll,
@@ -8257,10 +8269,10 @@ class ClickService {
         this.click = fromEvent(this._document, 'click');
         this.contextMenu = fromEvent(this._document, 'contextmenu');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ClickService, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ClickService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: ClickService, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: ClickService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ClickService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: ClickService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -8348,10 +8360,10 @@ class ContextMenuDirective extends DynamicContentBaseDirective {
         this._componentRef.instance.className = [...ArrayUtil.asArray(this.className), 'context-menu'];
         this.openChange.emit(true);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ContextMenuDirective, deps: [{ token: DOCUMENT }, { token: i0.ElementRef }, { token: DynamicComponentService }, { token: i0.Injector }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: ClickService }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.1", type: ContextMenuDirective, isStandalone: true, selector: "[tetaContextMenu]", inputs: { tetaContextMenu: "tetaContextMenu", autoCloseIgnore: "autoCloseIgnore" }, host: { listeners: { "contextmenu": "showContent($event)", "click": "click($event)", "document:click": "documentClick($event)", "document:contextmenu": "documentClick($event)" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: ContextMenuDirective, deps: [{ token: DOCUMENT }, { token: i0.ElementRef }, { token: DynamicComponentService }, { token: i0.Injector }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: ClickService }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.5", type: ContextMenuDirective, isStandalone: true, selector: "[tetaContextMenu]", inputs: { tetaContextMenu: "tetaContextMenu", autoCloseIgnore: "autoCloseIgnore" }, host: { listeners: { "contextmenu": "showContent($event)", "click": "click($event)", "document:click": "documentClick($event)", "document:contextmenu": "documentClick($event)" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ContextMenuDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: ContextMenuDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[tetaContextMenu]',
@@ -8542,10 +8554,10 @@ class TreeService {
             return [...list, needle];
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: TreeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: TreeService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: TreeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: TreeService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: TreeService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: TreeService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -8563,12 +8575,12 @@ class TreeItemToggleComponent {
             return found != null;
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: TreeItemToggleComponent, deps: [{ token: TreeService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: TreeItemToggleComponent, isStandalone: true, selector: "teta-tree-item-toggle", inputs: { item: "item" }, ngImport: i0, template: "<teta-icon [name]=\"(open | async) ? 'arrowDownKey' : 'arrowRightKey'\" class=\"tree__icon\"></teta-icon>\n", styles: [":host{display:inline-flex;align-items:center}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: TreeItemToggleComponent, deps: [{ token: TreeService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: TreeItemToggleComponent, isStandalone: true, selector: "teta-tree-item-toggle", inputs: { item: "item" }, ngImport: i0, template: "<teta-icon [name]=\"(open | async) ? 'arrowDownKey' : 'arrowRightKey'\" class=\"tree__icon\"></teta-icon>\n", styles: [":host{display:inline-flex;align-items:center}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: TreeItemToggleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: TreeItemToggleComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'teta-tree-item-toggle', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [IconComponent, AsyncPipe], template: "<teta-icon [name]=\"(open | async) ? 'arrowDownKey' : 'arrowRightKey'\" class=\"tree__icon\"></teta-icon>\n", styles: [":host{display:inline-flex;align-items:center}\n"] }]
+            args: [{ selector: 'teta-tree-item-toggle', changeDetection: ChangeDetectionStrategy.OnPush, imports: [IconComponent, AsyncPipe], template: "<teta-icon [name]=\"(open | async) ? 'arrowDownKey' : 'arrowRightKey'\" class=\"tree__icon\"></teta-icon>\n", styles: [":host{display:inline-flex;align-items:center}\n"] }]
         }], ctorParameters: () => [{ type: TreeService }, { type: i0.ChangeDetectorRef }], propDecorators: { item: [{
                 type: Input
             }] } });
@@ -8580,10 +8592,10 @@ class TetaTemplateDirective {
     getId() {
         return this.id;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: TetaTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.1", type: TetaTemplateDirective, isStandalone: true, selector: "[tetaTemplate]", inputs: { id: ["tetaTemplate", "id"] }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: TetaTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.5", type: TetaTemplateDirective, isStandalone: true, selector: "[tetaTemplate]", inputs: { id: ["tetaTemplate", "id"] }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: TetaTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: TetaTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[tetaTemplate]',
@@ -8626,22 +8638,22 @@ class TreeItemComponent {
     ngOnDestroy() {
         this._alive = false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: TreeItemComponent, deps: [{ token: TreeService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: TreeItemComponent, isStandalone: true, selector: "teta-tree-item", inputs: { item: "item", depth: "depth", padding: "padding", childNodeName: "childNodeName", template: "template", childPadding: "childPadding" }, host: { properties: { "class.tree__item-container": "this.treeItemClass", "@treeItemInstance": "this.treeItemInstance" } }, usesOnChanges: true, ngImport: i0, template: "<div class=\"tree__item_content\" [ngClass]=\"'tree__item_content-' + computedDepth\" (click)=\"openItem()\">\n  <ng-container\n    *ngTemplateOutlet=\"\n      template;\n      context: { $implicit: item, item: item, open: itemIsOpen, service: service, depth: depth }\n    \"\n  ></ng-container>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], animations: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: TreeItemComponent, deps: [{ token: TreeService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: TreeItemComponent, isStandalone: true, selector: "teta-tree-item", inputs: { item: "item", depth: "depth", padding: "padding", childNodeName: "childNodeName", template: "template", childPadding: "childPadding" }, host: { properties: { "class.tree__item-container": "this.treeItemClass", "@treeItemInstance": "this.treeItemInstance" } }, usesOnChanges: true, ngImport: i0, template: "<div class=\"tree__item_content\" [ngClass]=\"'tree__item_content-' + computedDepth\" (click)=\"openItem()\">\n  <ng-container\n    *ngTemplateOutlet=\"\n      template;\n      context: { $implicit: item, item: item, open: itemIsOpen, service: service, depth: depth }\n    \"\n  ></ng-container>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], animations: [
             trigger('treeItemInstance', [
                 transition('void => *', [style({ opacity: '0' }), animate(200, style({ opacity: '1' }))]),
                 // transition('* => void', [animate(200, style({opacity: '0'}))]),
             ]),
         ], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: TreeItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: TreeItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-tree-item', changeDetection: ChangeDetectionStrategy.OnPush, animations: [
                         trigger('treeItemInstance', [
                             transition('void => *', [style({ opacity: '0' }), animate(200, style({ opacity: '1' }))]),
                             // transition('* => void', [animate(200, style({opacity: '0'}))]),
                         ]),
-                    ], standalone: true, imports: [NgClass, NgTemplateOutlet], template: "<div class=\"tree__item_content\" [ngClass]=\"'tree__item_content-' + computedDepth\" (click)=\"openItem()\">\n  <ng-container\n    *ngTemplateOutlet=\"\n      template;\n      context: { $implicit: item, item: item, open: itemIsOpen, service: service, depth: depth }\n    \"\n  ></ng-container>\n</div>\n" }]
+                    ], imports: [NgClass, NgTemplateOutlet], template: "<div class=\"tree__item_content\" [ngClass]=\"'tree__item_content-' + computedDepth\" (click)=\"openItem()\">\n  <ng-container\n    *ngTemplateOutlet=\"\n      template;\n      context: { $implicit: item, item: item, open: itemIsOpen, service: service, depth: depth }\n    \"\n  ></ng-container>\n</div>\n" }]
         }], ctorParameters: () => [{ type: TreeService }, { type: i0.ChangeDetectorRef }], propDecorators: { item: [{
                 type: Input
             }], depth: [{
@@ -8753,12 +8765,12 @@ class TreeComponent {
         this._obs.unobserve(this._elementRef.nativeElement);
         this._obs.disconnect();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: TreeComponent, deps: [{ token: TreeService }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: TreeComponent, isStandalone: true, selector: "teta-tree", inputs: { data: "data", padding: "padding", childNodeName: "childNodeName", virtual: "virtual", height: "height", openItems: "openItems", compareItems: "compareItems" }, outputs: { service: "service", openItemsChange: "openItemsChange" }, host: { properties: { "class.tree": "this.treeClass" } }, providers: [TreeService], queries: [{ propertyName: "template", first: true, predicate: TetaTemplateDirective, descendants: true, static: true }], viewQueries: [{ propertyName: "viewport", first: true, predicate: CdkVirtualScrollViewport, descendants: true }], usesOnChanges: true, ngImport: i0, template: "@if (virtual) {\n  <teta-scrollable class=\"column column_auto\">\n    <cdk-virtual-scroll-viewport tetaScrollable class=\"table-body-container\" [itemSize]=\"height\">\n      <teta-tree-item\n        *cdkVirtualFor=\"let item of displayData; templateCacheSize: 0; trackBy: trackRow\"\n        [item]=\"item\"\n        [style.height.px]=\"height\"\n        [depth]=\"item['level']\"\n        [padding]=\"padding\"\n        [childNodeName]=\"childNodeName\"\n        [childPadding]=\"childPadding\"\n        [template]=\"template?.template\"\n      ></teta-tree-item>\n    </cdk-virtual-scroll-viewport>\n  </teta-scrollable>\n} @else {\n  <teta-scrollable class=\"column column_auto\" direction=\"column\">\n    @for (item of displayData; track trackRow($index, item)) {\n      <teta-tree-item\n        [item]=\"item\"\n        [style.height.px]=\"height\"\n        [depth]=\"item['level']\"\n        [padding]=\"padding\"\n        [childNodeName]=\"childNodeName\"\n        [childPadding]=\"childPadding\"\n        [template]=\"template?.template\"\n      ></teta-tree-item>\n    }\n  </teta-scrollable>\n}\n", styles: [""], dependencies: [{ kind: "component", type: ScrollableComponent, selector: "teta-scrollable", inputs: ["direction", "showScrollbars", "contentClass"], outputs: ["scroll"] }, { kind: "component", type: CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "directive", type: CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: ScrollableDirective, selector: "[tetaScrollable]" }, { kind: "directive", type: CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: TreeItemComponent, selector: "teta-tree-item", inputs: ["item", "depth", "padding", "childNodeName", "template", "childPadding"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: TreeComponent, deps: [{ token: TreeService }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: TreeComponent, isStandalone: true, selector: "teta-tree", inputs: { data: "data", padding: "padding", childNodeName: "childNodeName", virtual: "virtual", height: "height", openItems: "openItems", compareItems: "compareItems" }, outputs: { service: "service", openItemsChange: "openItemsChange" }, host: { properties: { "class.tree": "this.treeClass" } }, providers: [TreeService], queries: [{ propertyName: "template", first: true, predicate: TetaTemplateDirective, descendants: true, static: true }], viewQueries: [{ propertyName: "viewport", first: true, predicate: CdkVirtualScrollViewport, descendants: true }], usesOnChanges: true, ngImport: i0, template: "@if (virtual) {\n  <teta-scrollable class=\"column column_auto\">\n    <cdk-virtual-scroll-viewport tetaScrollable class=\"table-body-container\" [itemSize]=\"height\">\n      <teta-tree-item\n        *cdkVirtualFor=\"let item of displayData; templateCacheSize: 0; trackBy: trackRow\"\n        [item]=\"item\"\n        [style.height.px]=\"height\"\n        [depth]=\"item['level']\"\n        [padding]=\"padding\"\n        [childNodeName]=\"childNodeName\"\n        [childPadding]=\"childPadding\"\n        [template]=\"template?.template\"\n      ></teta-tree-item>\n    </cdk-virtual-scroll-viewport>\n  </teta-scrollable>\n} @else {\n  <teta-scrollable class=\"column column_auto\" direction=\"column\">\n    @for (item of displayData; track trackRow($index, item)) {\n      <teta-tree-item\n        [item]=\"item\"\n        [style.height.px]=\"height\"\n        [depth]=\"item['level']\"\n        [padding]=\"padding\"\n        [childNodeName]=\"childNodeName\"\n        [childPadding]=\"childPadding\"\n        [template]=\"template?.template\"\n      ></teta-tree-item>\n    }\n  </teta-scrollable>\n}\n", styles: [""], dependencies: [{ kind: "component", type: ScrollableComponent, selector: "teta-scrollable", inputs: ["direction", "showScrollbars", "contentClass"], outputs: ["scroll"] }, { kind: "component", type: CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "directive", type: CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: ScrollableDirective, selector: "[tetaScrollable]" }, { kind: "directive", type: CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: TreeItemComponent, selector: "teta-tree-item", inputs: ["item", "depth", "padding", "childNodeName", "template", "childPadding"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: TreeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: TreeComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'teta-tree', providers: [TreeService], changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+            args: [{ selector: 'teta-tree', providers: [TreeService], changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         ScrollableComponent,
                         CdkVirtualScrollViewport,
                         CdkFixedSizeVirtualScroll,
@@ -8901,12 +8913,12 @@ class VisibilityDropdownTabComponent {
     ngOnDestroy() {
         this._alive = false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: VisibilityDropdownTabComponent, deps: [{ token: TableService }, { token: TetaConfigService }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: VisibilityDropdownTabComponent, isStandalone: true, selector: "teta-visibility-dropdown-tab", inputs: { columns: "columns", column: "column", state: "state", data: "data", close: "close" }, ngImport: i0, template: "@if (locale | async; as loc) {\n  <div class=\"list-item padding-left-6 padding-top-2\" [class.padding-left-9]=\"childMode\">\n    <teta-checkbox\n      [binary]=\"true\"\n      [allowNull]=\"true\"\n      [ngModel]=\"allColumnsVisible()\"\n      (ngModelChange)=\"setAllColumns($event)\"\n    >\n      {{ loc.all }}\n    </teta-checkbox>\n  </div>\n  <div class=\"list-divider\"></div>\n  <teta-scrollable class=\"padding-v-2 column column_auto\">\n    <teta-tree\n      [data]=\"columns\"\n      [openItems]=\"openItems\"\n      (openItemsChange)=\"openItems = $event\"\n      [childNodeName]=\"'columns'\"\n      [compareItems]=\"compareItems\"\n    >\n      <ng-template tetaTemplate let-item>\n        <div class=\"tree__item\" style=\"align-items: unset\">\n          @if (item.columns?.length > 0) {\n            <teta-tree-item-toggle [item]=\"item\"></teta-tree-item-toggle>\n          }\n          <teta-checkbox\n            style=\"flex-grow: 1\"\n            [ngModel]=\"!columnIsHidden(item)\"\n            (ngModelChange)=\"setColumnVisibility(item, $event)\"\n            (click)=\"$event.stopPropagation()\"\n            [binary]=\"true\"\n          >\n            {{ item.caption }}\n          </teta-checkbox>\n        </div>\n      </ng-template>\n    </teta-tree>\n  </teta-scrollable>\n  <teta-toolbar class=\"justify-content-end\">\n    <button\n      type=\"button\"\n      teta-button\n      [disabled]=\"allColumnsVisible() === false\"\n      [palette]=\"'primary'\"\n      (click)=\"setColumnsVisibility()\"\n    >\n      {{ loc.apply }}\n    </button>\n  </teta-toolbar>\n}\n", styles: [":host{display:flex;flex-direction:column;flex-grow:1;min-height:0}\n"], dependencies: [{ kind: "component", type: CheckboxComponent, selector: "teta-checkbox", inputs: ["class", "palette", "noLabel", "disabled", "value", "binary", "labelPosition", "allowNull"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ScrollableComponent, selector: "teta-scrollable", inputs: ["direction", "showScrollbars", "contentClass"], outputs: ["scroll"] }, { kind: "component", type: TreeComponent, selector: "teta-tree", inputs: ["data", "padding", "childNodeName", "virtual", "height", "openItems", "compareItems"], outputs: ["service", "openItemsChange"] }, { kind: "directive", type: TetaTemplateDirective, selector: "[tetaTemplate]", inputs: ["tetaTemplate"] }, { kind: "component", type: TreeItemToggleComponent, selector: "teta-tree-item-toggle", inputs: ["item"] }, { kind: "component", type: ToolbarComponent, selector: "teta-toolbar", inputs: ["palette", "class"] }, { kind: "component", type: ButtonComponent, selector: "button[teta-button], teta-button", inputs: ["palette", "class", "view", "square", "viewType", "size"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: VisibilityDropdownTabComponent, deps: [{ token: TableService }, { token: TetaConfigService }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: VisibilityDropdownTabComponent, isStandalone: true, selector: "teta-visibility-dropdown-tab", inputs: { columns: "columns", column: "column", state: "state", data: "data", close: "close" }, ngImport: i0, template: "@if (locale | async; as loc) {\n  <div class=\"list-item padding-left-6 padding-top-2\" [class.padding-left-9]=\"childMode\">\n    <teta-checkbox\n      [binary]=\"true\"\n      [allowNull]=\"true\"\n      [ngModel]=\"allColumnsVisible()\"\n      (ngModelChange)=\"setAllColumns($event)\"\n    >\n      {{ loc.all }}\n    </teta-checkbox>\n  </div>\n  <div class=\"list-divider\"></div>\n  <teta-scrollable class=\"padding-v-2 column column_auto\">\n    <teta-tree\n      [data]=\"columns\"\n      [openItems]=\"openItems\"\n      (openItemsChange)=\"openItems = $event\"\n      [childNodeName]=\"'columns'\"\n      [compareItems]=\"compareItems\"\n    >\n      <ng-template tetaTemplate let-item>\n        <div class=\"tree__item\" style=\"align-items: unset\">\n          @if (item.columns?.length > 0) {\n            <teta-tree-item-toggle [item]=\"item\"></teta-tree-item-toggle>\n          }\n          <teta-checkbox\n            style=\"flex-grow: 1\"\n            [ngModel]=\"!columnIsHidden(item)\"\n            (ngModelChange)=\"setColumnVisibility(item, $event)\"\n            (click)=\"$event.stopPropagation()\"\n            [binary]=\"true\"\n          >\n            {{ item.caption }}\n          </teta-checkbox>\n        </div>\n      </ng-template>\n    </teta-tree>\n  </teta-scrollable>\n  <teta-toolbar class=\"justify-content-end\">\n    <button\n      type=\"button\"\n      teta-button\n      [disabled]=\"allColumnsVisible() === false\"\n      [palette]=\"'primary'\"\n      (click)=\"setColumnsVisibility()\"\n    >\n      {{ loc.apply }}\n    </button>\n  </teta-toolbar>\n}\n", styles: [":host{display:flex;flex-direction:column;flex-grow:1;min-height:0}\n"], dependencies: [{ kind: "component", type: CheckboxComponent, selector: "teta-checkbox", inputs: ["class", "palette", "noLabel", "disabled", "value", "binary", "labelPosition", "allowNull"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ScrollableComponent, selector: "teta-scrollable", inputs: ["direction", "showScrollbars", "contentClass"], outputs: ["scroll"] }, { kind: "component", type: TreeComponent, selector: "teta-tree", inputs: ["data", "padding", "childNodeName", "virtual", "height", "openItems", "compareItems"], outputs: ["service", "openItemsChange"] }, { kind: "directive", type: TetaTemplateDirective, selector: "[tetaTemplate]", inputs: ["tetaTemplate"] }, { kind: "component", type: TreeItemToggleComponent, selector: "teta-tree-item-toggle", inputs: ["item"] }, { kind: "component", type: ToolbarComponent, selector: "teta-toolbar", inputs: ["palette", "class"] }, { kind: "component", type: ButtonComponent, selector: "button[teta-button], teta-button", inputs: ["palette", "class", "view", "square", "viewType", "size"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: VisibilityDropdownTabComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: VisibilityDropdownTabComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'teta-visibility-dropdown-tab', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+            args: [{ selector: 'teta-visibility-dropdown-tab', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         CheckboxComponent,
                         FormsModule,
                         ScrollableComponent,
@@ -8952,12 +8964,12 @@ class FilterDropdownTabComponent {
         this._cdr.markForCheck();
     }
     ngOnInit() { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: FilterDropdownTabComponent, deps: [{ token: TableService }, { token: TetaConfigService }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: FilterDropdownTabComponent, isStandalone: true, selector: "teta-filter-dropdown-tab", inputs: { columns: "columns", column: "column", state: "state", data: "data", close: "close" }, host: { listeners: { "keydown.enter": "enter()" } }, ngImport: i0, template: "@if (locale | async; as loc) {\n  @if (filterOptions | async; as options) {\n    <teta-filter-host\n      [column]=\"column\"\n      [data]=\"data\"\n      [state]=\"state\"\n      [filterOptions]=\"options[column.name]\"\n    ></teta-filter-host>\n  }\n  <teta-toolbar class=\"justify-content-between\">\n    <button type=\"button\" teta-button [palette]=\"'text'\" [view]=\"'ghost'\" (click)=\"clearFilter()\">\n      {{ loc.clear }}\n    </button>\n    <button type=\"button\" teta-button [palette]=\"'primary'\" (click)=\"applyFilter()\">\n      <teta-icon [name]=\"'tick'\" [palette]=\"'white'\"></teta-icon>\n      {{ loc.apply }}\n    </button>\n  </teta-toolbar>\n}\n", styles: [":host{display:flex;flex-direction:column;min-height:0;min-width:0}\n"], dependencies: [{ kind: "component", type: FilterHostComponent, selector: "teta-filter-host", inputs: ["column", "state", "data", "filterOptions"], outputs: ["filterChanged"] }, { kind: "component", type: ToolbarComponent, selector: "teta-toolbar", inputs: ["palette", "class"] }, { kind: "component", type: ButtonComponent, selector: "button[teta-button], teta-button", inputs: ["palette", "class", "view", "square", "viewType", "size"] }, { kind: "component", type: IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: FilterDropdownTabComponent, deps: [{ token: TableService }, { token: TetaConfigService }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: FilterDropdownTabComponent, isStandalone: true, selector: "teta-filter-dropdown-tab", inputs: { columns: "columns", column: "column", state: "state", data: "data", close: "close" }, host: { listeners: { "keydown.enter": "enter()" } }, ngImport: i0, template: "@if (locale | async; as loc) {\n  @if (filterOptions | async; as options) {\n    <teta-filter-host\n      [column]=\"column\"\n      [data]=\"data\"\n      [state]=\"state\"\n      [filterOptions]=\"options[column.name]\"\n    ></teta-filter-host>\n  }\n  <teta-toolbar class=\"justify-content-between\">\n    <button type=\"button\" teta-button [palette]=\"'text'\" [view]=\"'ghost'\" (click)=\"clearFilter()\">\n      {{ loc.clear }}\n    </button>\n    <button type=\"button\" teta-button [palette]=\"'primary'\" (click)=\"applyFilter()\">\n      <teta-icon [name]=\"'tick'\" [palette]=\"'white'\"></teta-icon>\n      {{ loc.apply }}\n    </button>\n  </teta-toolbar>\n}\n", styles: [":host{display:flex;flex-direction:column;min-height:0;min-width:0}\n"], dependencies: [{ kind: "component", type: FilterHostComponent, selector: "teta-filter-host", inputs: ["column", "state", "data", "filterOptions"], outputs: ["filterChanged"] }, { kind: "component", type: ToolbarComponent, selector: "teta-toolbar", inputs: ["palette", "class"] }, { kind: "component", type: ButtonComponent, selector: "button[teta-button], teta-button", inputs: ["palette", "class", "view", "square", "viewType", "size"] }, { kind: "component", type: IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: FilterDropdownTabComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: FilterDropdownTabComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'teta-filter-dropdown-tab', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [FilterHostComponent, ToolbarComponent, ButtonComponent, IconComponent, AsyncPipe], template: "@if (locale | async; as loc) {\n  @if (filterOptions | async; as options) {\n    <teta-filter-host\n      [column]=\"column\"\n      [data]=\"data\"\n      [state]=\"state\"\n      [filterOptions]=\"options[column.name]\"\n    ></teta-filter-host>\n  }\n  <teta-toolbar class=\"justify-content-between\">\n    <button type=\"button\" teta-button [palette]=\"'text'\" [view]=\"'ghost'\" (click)=\"clearFilter()\">\n      {{ loc.clear }}\n    </button>\n    <button type=\"button\" teta-button [palette]=\"'primary'\" (click)=\"applyFilter()\">\n      <teta-icon [name]=\"'tick'\" [palette]=\"'white'\"></teta-icon>\n      {{ loc.apply }}\n    </button>\n  </teta-toolbar>\n}\n", styles: [":host{display:flex;flex-direction:column;min-height:0;min-width:0}\n"] }]
+            args: [{ selector: 'teta-filter-dropdown-tab', changeDetection: ChangeDetectionStrategy.OnPush, imports: [FilterHostComponent, ToolbarComponent, ButtonComponent, IconComponent, AsyncPipe], template: "@if (locale | async; as loc) {\n  @if (filterOptions | async; as options) {\n    <teta-filter-host\n      [column]=\"column\"\n      [data]=\"data\"\n      [state]=\"state\"\n      [filterOptions]=\"options[column.name]\"\n    ></teta-filter-host>\n  }\n  <teta-toolbar class=\"justify-content-between\">\n    <button type=\"button\" teta-button [palette]=\"'text'\" [view]=\"'ghost'\" (click)=\"clearFilter()\">\n      {{ loc.clear }}\n    </button>\n    <button type=\"button\" teta-button [palette]=\"'primary'\" (click)=\"applyFilter()\">\n      <teta-icon [name]=\"'tick'\" [palette]=\"'white'\"></teta-icon>\n      {{ loc.apply }}\n    </button>\n  </teta-toolbar>\n}\n", styles: [":host{display:flex;flex-direction:column;min-height:0;min-width:0}\n"] }]
         }], ctorParameters: () => [{ type: TableService }, { type: TetaConfigService }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { columns: [{
                 type: Input
             }], column: [{
@@ -9038,12 +9050,12 @@ class MainDropdownTabComponent {
         this._svc.autosizeAllColumns(this.headCellElementRef.nativeElement);
     }
     ngOnInit() { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: MainDropdownTabComponent, deps: [{ token: TableService }, { token: TetaConfigService }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: MainDropdownTabComponent, isStandalone: true, selector: "teta-main-dropdown-tab", inputs: { columns: "columns", column: "column", state: "state", data: "data", close: "close", headCellElementRef: "headCellElementRef" }, ngImport: i0, template: "@if (locale | async; as loc) {\n  <div class=\"list column_auto\">\n    @if (!parent) {\n      <div class=\"list-item list-item_interactive\" (click)=\"pinColumn()\">\n        {{ column.locked ? loc.unpin : loc.pin }}\n      </div>\n      <div class=\"list-divider\"></div>\n    }\n    @if (column.sortable) {\n      <div class=\"list-item list-item_interactive\" (click)=\"sortAsc($event)\">\n        {{ loc.sortAsc }}\n      </div>\n      <div class=\"list-item list-item_interactive\" (click)=\"sortDesc($event)\">\n        {{ loc.sortDesc }}\n      </div>\n      @if (hasSortedColumns()) {\n        @if (sortParam) {\n          <div class=\"list-item list-item_interactive\" (click)=\"clearSort()\">\n            {{ loc.clearSort }}\n          </div>\n        }\n        <div class=\"list-item list-item_interactive\" (click)=\"clearAllSort()\">\n          {{ loc.clearAllSort }}\n        </div>\n        <div class=\"list-divider\"></div>\n      }\n    }\n    @if (hasFilteredColumns()) {\n      @if (filtered) {\n        <div class=\"list-item list-item_interactive\" (click)=\"clearFilter()\">\n          {{ loc.clearFilter }}\n        </div>\n      }\n      <div class=\"list-item list-item_interactive\" (click)=\"clearAllFilters()\">\n        {{ loc.clearAllFilters }}\n      </div>\n      <div class=\"list-divider\"></div>\n    }\n    <div class=\"list-item list-item_interactive\" (click)=\"autosizeColumn()\">\n      {{ loc.autosizeColumn }}\n    </div>\n    <div class=\"list-item list-item_interactive\" (click)=\"autosizeAllColumns()\">\n      {{ loc.autosizeAll }}\n    </div>\n    <div class=\"list-divider\"></div>\n    <div class=\"list-item list-item_interactive\" (click)=\"restoreDefaultColumns()\">\n      {{ loc.resetColumnsSize }}\n    </div>\n  </div>\n}\n", styles: [":host{display:flex;flex-direction:column}\n"], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: MainDropdownTabComponent, deps: [{ token: TableService }, { token: TetaConfigService }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: MainDropdownTabComponent, isStandalone: true, selector: "teta-main-dropdown-tab", inputs: { columns: "columns", column: "column", state: "state", data: "data", close: "close", headCellElementRef: "headCellElementRef" }, ngImport: i0, template: "@if (locale | async; as loc) {\n  <div class=\"list column_auto\">\n    @if (!parent) {\n      <div class=\"list-item list-item_interactive\" (click)=\"pinColumn()\">\n        {{ column.locked ? loc.unpin : loc.pin }}\n      </div>\n      <div class=\"list-divider\"></div>\n    }\n    @if (column.sortable) {\n      <div class=\"list-item list-item_interactive\" (click)=\"sortAsc($event)\">\n        {{ loc.sortAsc }}\n      </div>\n      <div class=\"list-item list-item_interactive\" (click)=\"sortDesc($event)\">\n        {{ loc.sortDesc }}\n      </div>\n      @if (hasSortedColumns()) {\n        @if (sortParam) {\n          <div class=\"list-item list-item_interactive\" (click)=\"clearSort()\">\n            {{ loc.clearSort }}\n          </div>\n        }\n        <div class=\"list-item list-item_interactive\" (click)=\"clearAllSort()\">\n          {{ loc.clearAllSort }}\n        </div>\n        <div class=\"list-divider\"></div>\n      }\n    }\n    @if (hasFilteredColumns()) {\n      @if (filtered) {\n        <div class=\"list-item list-item_interactive\" (click)=\"clearFilter()\">\n          {{ loc.clearFilter }}\n        </div>\n      }\n      <div class=\"list-item list-item_interactive\" (click)=\"clearAllFilters()\">\n        {{ loc.clearAllFilters }}\n      </div>\n      <div class=\"list-divider\"></div>\n    }\n    <div class=\"list-item list-item_interactive\" (click)=\"autosizeColumn()\">\n      {{ loc.autosizeColumn }}\n    </div>\n    <div class=\"list-item list-item_interactive\" (click)=\"autosizeAllColumns()\">\n      {{ loc.autosizeAll }}\n    </div>\n    <div class=\"list-divider\"></div>\n    <div class=\"list-item list-item_interactive\" (click)=\"restoreDefaultColumns()\">\n      {{ loc.resetColumnsSize }}\n    </div>\n  </div>\n}\n", styles: [":host{display:flex;flex-direction:column}\n"], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: MainDropdownTabComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: MainDropdownTabComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'teta-main-dropdown-tab', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [AsyncPipe], template: "@if (locale | async; as loc) {\n  <div class=\"list column_auto\">\n    @if (!parent) {\n      <div class=\"list-item list-item_interactive\" (click)=\"pinColumn()\">\n        {{ column.locked ? loc.unpin : loc.pin }}\n      </div>\n      <div class=\"list-divider\"></div>\n    }\n    @if (column.sortable) {\n      <div class=\"list-item list-item_interactive\" (click)=\"sortAsc($event)\">\n        {{ loc.sortAsc }}\n      </div>\n      <div class=\"list-item list-item_interactive\" (click)=\"sortDesc($event)\">\n        {{ loc.sortDesc }}\n      </div>\n      @if (hasSortedColumns()) {\n        @if (sortParam) {\n          <div class=\"list-item list-item_interactive\" (click)=\"clearSort()\">\n            {{ loc.clearSort }}\n          </div>\n        }\n        <div class=\"list-item list-item_interactive\" (click)=\"clearAllSort()\">\n          {{ loc.clearAllSort }}\n        </div>\n        <div class=\"list-divider\"></div>\n      }\n    }\n    @if (hasFilteredColumns()) {\n      @if (filtered) {\n        <div class=\"list-item list-item_interactive\" (click)=\"clearFilter()\">\n          {{ loc.clearFilter }}\n        </div>\n      }\n      <div class=\"list-item list-item_interactive\" (click)=\"clearAllFilters()\">\n        {{ loc.clearAllFilters }}\n      </div>\n      <div class=\"list-divider\"></div>\n    }\n    <div class=\"list-item list-item_interactive\" (click)=\"autosizeColumn()\">\n      {{ loc.autosizeColumn }}\n    </div>\n    <div class=\"list-item list-item_interactive\" (click)=\"autosizeAllColumns()\">\n      {{ loc.autosizeAll }}\n    </div>\n    <div class=\"list-divider\"></div>\n    <div class=\"list-item list-item_interactive\" (click)=\"restoreDefaultColumns()\">\n      {{ loc.resetColumnsSize }}\n    </div>\n  </div>\n}\n", styles: [":host{display:flex;flex-direction:column}\n"] }]
+            args: [{ selector: 'teta-main-dropdown-tab', changeDetection: ChangeDetectionStrategy.OnPush, imports: [AsyncPipe], template: "@if (locale | async; as loc) {\n  <div class=\"list column_auto\">\n    @if (!parent) {\n      <div class=\"list-item list-item_interactive\" (click)=\"pinColumn()\">\n        {{ column.locked ? loc.unpin : loc.pin }}\n      </div>\n      <div class=\"list-divider\"></div>\n    }\n    @if (column.sortable) {\n      <div class=\"list-item list-item_interactive\" (click)=\"sortAsc($event)\">\n        {{ loc.sortAsc }}\n      </div>\n      <div class=\"list-item list-item_interactive\" (click)=\"sortDesc($event)\">\n        {{ loc.sortDesc }}\n      </div>\n      @if (hasSortedColumns()) {\n        @if (sortParam) {\n          <div class=\"list-item list-item_interactive\" (click)=\"clearSort()\">\n            {{ loc.clearSort }}\n          </div>\n        }\n        <div class=\"list-item list-item_interactive\" (click)=\"clearAllSort()\">\n          {{ loc.clearAllSort }}\n        </div>\n        <div class=\"list-divider\"></div>\n      }\n    }\n    @if (hasFilteredColumns()) {\n      @if (filtered) {\n        <div class=\"list-item list-item_interactive\" (click)=\"clearFilter()\">\n          {{ loc.clearFilter }}\n        </div>\n      }\n      <div class=\"list-item list-item_interactive\" (click)=\"clearAllFilters()\">\n        {{ loc.clearAllFilters }}\n      </div>\n      <div class=\"list-divider\"></div>\n    }\n    <div class=\"list-item list-item_interactive\" (click)=\"autosizeColumn()\">\n      {{ loc.autosizeColumn }}\n    </div>\n    <div class=\"list-item list-item_interactive\" (click)=\"autosizeAllColumns()\">\n      {{ loc.autosizeAll }}\n    </div>\n    <div class=\"list-divider\"></div>\n    <div class=\"list-item list-item_interactive\" (click)=\"restoreDefaultColumns()\">\n      {{ loc.resetColumnsSize }}\n    </div>\n  </div>\n}\n", styles: [":host{display:flex;flex-direction:column}\n"] }]
         }], ctorParameters: () => [{ type: TableService }, { type: TetaConfigService }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { columns: [{
                 type: Input
             }], column: [{
@@ -9093,10 +9105,10 @@ class ResizeDragDirective {
         this._document.removeEventListener('mouseup', this.handleMouseUp);
         this._document.removeEventListener('mousemove', this.handleMouseMove);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ResizeDragDirective, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.1", type: ResizeDragDirective, isStandalone: true, selector: "[tetaResizeDrag]", inputs: { tetaResizeDrag: "tetaResizeDrag" }, outputs: { resizeStart: "resizeStart", resizeProcess: "resizeProcess", resizeEnd: "resizeEnd" }, host: { listeners: { "mousedown": "mouseDown($event)" }, properties: { "class.resize-drag_active": "this._active", "class.resize-drag_horizontal": "this.horizontal", "class.resize-drag_vertical": "this.vertical" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: ResizeDragDirective, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.5", type: ResizeDragDirective, isStandalone: true, selector: "[tetaResizeDrag]", inputs: { tetaResizeDrag: "tetaResizeDrag" }, outputs: { resizeStart: "resizeStart", resizeProcess: "resizeProcess", resizeEnd: "resizeEnd" }, host: { listeners: { "mousedown": "mouseDown($event)" }, properties: { "class.resize-drag_active": "this._active", "class.resize-drag_horizontal": "this.horizontal", "class.resize-drag_vertical": "this.vertical" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ResizeDragDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: ResizeDragDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[tetaResizeDrag]',
@@ -9131,10 +9143,10 @@ class TabContentDirective {
     constructor(template) {
         this.template = template;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: TabContentDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.1", type: TabContentDirective, isStandalone: true, selector: "[tetaTabContent]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: TabContentDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.5", type: TabContentDirective, isStandalone: true, selector: "[tetaTabContent]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: TabContentDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: TabContentDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[tetaTabContent]',
@@ -9146,10 +9158,10 @@ class TabTitleDirective {
     constructor(template) {
         this.template = template;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: TabTitleDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.1", type: TabTitleDirective, isStandalone: true, selector: "[tetaTabTitle]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: TabTitleDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.5", type: TabTitleDirective, isStandalone: true, selector: "[tetaTabTitle]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: TabTitleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: TabTitleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[tetaTabTitle]',
@@ -9175,10 +9187,10 @@ class TabComponent {
         // this.titleTpl = this.titleTemplates.first;
         // this.contentTpl = this.contentTemplates.first;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: TabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: TabComponent, isStandalone: true, selector: "teta-tab", inputs: { id: "id", title: "title", disabled: "disabled" }, queries: [{ propertyName: "titleTpl", first: true, predicate: TabTitleDirective, descendants: true }, { propertyName: "contentTpl", first: true, predicate: TabContentDirective, descendants: true }], ngImport: i0, template: '', isInline: true, styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: TabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: TabComponent, isStandalone: true, selector: "teta-tab", inputs: { id: "id", title: "title", disabled: "disabled" }, queries: [{ propertyName: "titleTpl", first: true, predicate: TabTitleDirective, descendants: true }, { propertyName: "contentTpl", first: true, predicate: TabContentDirective, descendants: true }], ngImport: i0, template: '', isInline: true, styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: TabComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: TabComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-tab', template: '', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true }]
         }], propDecorators: { id: [{
@@ -9246,12 +9258,12 @@ class TabsComponent {
         const tabsWithId = this.tabs.filter((tab) => tab.id === id);
         return tabsWithId.length ? tabsWithId[0] : null;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: TabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: TabsComponent, isStandalone: true, selector: "teta-tabs", inputs: { activeId: "activeId", direction: "direction", size: "size", destroyOnHide: "destroyOnHide" }, outputs: { tabChange: "tabChange" }, host: { properties: { "class.tabs": "this.classTabs", "class.tabs_vertical": "this.verticalClassTabs" } }, queries: [{ propertyName: "tabs", predicate: TabComponent }], ngImport: i0, template: "<div role=\"tablist\" class=\"tabs-head\" [class.tabs-head_small]=\"size === 's'\">\n  @for (tab of tabs; track tab) {\n    <button\n      type=\"button\"\n      class=\"tabs-head-item\"\n      (click)=\"select(tab.id)\"\n      [class.tabs-head-item_active]=\"tab.id === activeId\"\n      [disabled]=\"tab.disabled\"\n    >\n      <span\n        [id]=\"tab.id\"\n        class=\"tabs-title\"\n        role=\"tab\"\n        [attr.tabindex]=\"tab.disabled ? '-1' : undefined\"\n        [attr.aria-controls]=\"!destroyOnHide || tab.id === activeId ? tab.id + '-panel' : null\"\n        [attr.aria-expanded]=\"tab.id === activeId\"\n        [attr.aria-disabled]=\"tab.disabled\"\n      >\n        {{ tab.title }}\n        <ng-template [ngTemplateOutlet]=\"tab.titleTpl?.template\"></ng-template>\n      </span>\n    </button>\n  }\n</div>\n<div class=\"tabs-content\">\n  @for (tab of tabs; track tab) {\n    @if (!destroyOnHide || tab.id === activeId) {\n      <ng-template [ngTemplateOutlet]=\"tab.contentTpl?.template\"></ng-template>\n    }\n  }\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: TabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: TabsComponent, isStandalone: true, selector: "teta-tabs", inputs: { activeId: "activeId", direction: "direction", size: "size", destroyOnHide: "destroyOnHide" }, outputs: { tabChange: "tabChange" }, host: { properties: { "class.tabs": "this.classTabs", "class.tabs_vertical": "this.verticalClassTabs" } }, queries: [{ propertyName: "tabs", predicate: TabComponent }], ngImport: i0, template: "<div role=\"tablist\" class=\"tabs-head\" [class.tabs-head_small]=\"size === 's'\">\n  @for (tab of tabs; track tab) {\n    <button\n      type=\"button\"\n      class=\"tabs-head-item\"\n      (click)=\"select(tab.id)\"\n      [class.tabs-head-item_active]=\"tab.id === activeId\"\n      [disabled]=\"tab.disabled\"\n    >\n      <span\n        [id]=\"tab.id\"\n        class=\"tabs-title\"\n        role=\"tab\"\n        [attr.tabindex]=\"tab.disabled ? '-1' : undefined\"\n        [attr.aria-controls]=\"!destroyOnHide || tab.id === activeId ? tab.id + '-panel' : null\"\n        [attr.aria-expanded]=\"tab.id === activeId\"\n        [attr.aria-disabled]=\"tab.disabled\"\n      >\n        {{ tab.title }}\n        <ng-template [ngTemplateOutlet]=\"tab.titleTpl?.template\"></ng-template>\n      </span>\n    </button>\n  }\n</div>\n<div class=\"tabs-content\">\n  @for (tab of tabs; track tab) {\n    @if (!destroyOnHide || tab.id === activeId) {\n      <ng-template [ngTemplateOutlet]=\"tab.contentTpl?.template\"></ng-template>\n    }\n  }\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: TabsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: TabsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'teta-tabs', standalone: true, imports: [NgTemplateOutlet], template: "<div role=\"tablist\" class=\"tabs-head\" [class.tabs-head_small]=\"size === 's'\">\n  @for (tab of tabs; track tab) {\n    <button\n      type=\"button\"\n      class=\"tabs-head-item\"\n      (click)=\"select(tab.id)\"\n      [class.tabs-head-item_active]=\"tab.id === activeId\"\n      [disabled]=\"tab.disabled\"\n    >\n      <span\n        [id]=\"tab.id\"\n        class=\"tabs-title\"\n        role=\"tab\"\n        [attr.tabindex]=\"tab.disabled ? '-1' : undefined\"\n        [attr.aria-controls]=\"!destroyOnHide || tab.id === activeId ? tab.id + '-panel' : null\"\n        [attr.aria-expanded]=\"tab.id === activeId\"\n        [attr.aria-disabled]=\"tab.disabled\"\n      >\n        {{ tab.title }}\n        <ng-template [ngTemplateOutlet]=\"tab.titleTpl?.template\"></ng-template>\n      </span>\n    </button>\n  }\n</div>\n<div class=\"tabs-content\">\n  @for (tab of tabs; track tab) {\n    @if (!destroyOnHide || tab.id === activeId) {\n      <ng-template [ngTemplateOutlet]=\"tab.contentTpl?.template\"></ng-template>\n    }\n  }\n</div>\n" }]
+            args: [{ selector: 'teta-tabs', imports: [NgTemplateOutlet], template: "<div role=\"tablist\" class=\"tabs-head\" [class.tabs-head_small]=\"size === 's'\">\n  @for (tab of tabs; track tab) {\n    <button\n      type=\"button\"\n      class=\"tabs-head-item\"\n      (click)=\"select(tab.id)\"\n      [class.tabs-head-item_active]=\"tab.id === activeId\"\n      [disabled]=\"tab.disabled\"\n    >\n      <span\n        [id]=\"tab.id\"\n        class=\"tabs-title\"\n        role=\"tab\"\n        [attr.tabindex]=\"tab.disabled ? '-1' : undefined\"\n        [attr.aria-controls]=\"!destroyOnHide || tab.id === activeId ? tab.id + '-panel' : null\"\n        [attr.aria-expanded]=\"tab.id === activeId\"\n        [attr.aria-disabled]=\"tab.disabled\"\n      >\n        {{ tab.title }}\n        <ng-template [ngTemplateOutlet]=\"tab.titleTpl?.template\"></ng-template>\n      </span>\n    </button>\n  }\n</div>\n<div class=\"tabs-content\">\n  @for (tab of tabs; track tab) {\n    @if (!destroyOnHide || tab.id === activeId) {\n      <ng-template [ngTemplateOutlet]=\"tab.contentTpl?.template\"></ng-template>\n    }\n  }\n</div>\n" }]
         }], ctorParameters: () => [], propDecorators: { classTabs: [{
                 type: HostBinding,
                 args: ['class.tabs']
@@ -9287,12 +9299,12 @@ class HeadCellDropdownComponent {
     trackIndex(index) {
         return index;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: HeadCellDropdownComponent, deps: [{ token: TableService }, { token: TetaConfigService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: HeadCellDropdownComponent, isStandalone: true, selector: "teta-head-cell-dropdown", inputs: { columns: "columns", column: "column", state: "state", data: "data", tabTemplates: "tabTemplates", dropDownOpen: "dropDownOpen" }, outputs: { dropDownOpenChange: "dropDownOpenChange" }, ngImport: i0, template: "@if (dropDownOpen) {\n  <teta-tabs class=\"column_auto\">\n    @for (tab of tabTemplates; track trackIndex($index)) {\n      @if (tab.showTab(column)) {\n        <teta-tab>\n          <ng-template tetaTabTitle>\n            @if (tab.icon) {\n              <teta-icon [name]=\"tab.icon\" [palette]=\"'text'\"></teta-icon>\n            }\n          </ng-template>\n          <ng-template tetaTabContent>\n            <ng-container\n              *ngTemplateOutlet=\"\n                tab.template;\n                context: {\n                  column: column,\n                  columns: columns,\n                  data: data,\n                  state: state,\n                  close: closeDropdown,\n                }\n              \"\n            ></ng-container>\n          </ng-template>\n        </teta-tab>\n      }\n    }\n  </teta-tabs>\n}\n", styles: [":host{display:flex;flex-grow:1;min-height:0;min-width:250px}\n"], dependencies: [{ kind: "component", type: TabsComponent, selector: "teta-tabs", inputs: ["activeId", "direction", "size", "destroyOnHide"], outputs: ["tabChange"] }, { kind: "component", type: TabComponent, selector: "teta-tab", inputs: ["id", "title", "disabled"] }, { kind: "directive", type: TabTitleDirective, selector: "[tetaTabTitle]" }, { kind: "component", type: IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }, { kind: "directive", type: TabContentDirective, selector: "[tetaTabContent]" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: HeadCellDropdownComponent, deps: [{ token: TableService }, { token: TetaConfigService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: HeadCellDropdownComponent, isStandalone: true, selector: "teta-head-cell-dropdown", inputs: { columns: "columns", column: "column", state: "state", data: "data", tabTemplates: "tabTemplates", dropDownOpen: "dropDownOpen" }, outputs: { dropDownOpenChange: "dropDownOpenChange" }, ngImport: i0, template: "@if (dropDownOpen) {\n  <teta-tabs class=\"column_auto\">\n    @for (tab of tabTemplates; track trackIndex($index)) {\n      @if (tab.showTab(column)) {\n        <teta-tab>\n          <ng-template tetaTabTitle>\n            @if (tab.icon) {\n              <teta-icon [name]=\"tab.icon\" [palette]=\"'text'\"></teta-icon>\n            }\n          </ng-template>\n          <ng-template tetaTabContent>\n            <ng-container\n              *ngTemplateOutlet=\"\n                tab.template;\n                context: {\n                  column: column,\n                  columns: columns,\n                  data: data,\n                  state: state,\n                  close: closeDropdown,\n                }\n              \"\n            ></ng-container>\n          </ng-template>\n        </teta-tab>\n      }\n    }\n  </teta-tabs>\n}\n", styles: [":host{display:flex;flex-grow:1;min-height:0;min-width:250px}\n"], dependencies: [{ kind: "component", type: TabsComponent, selector: "teta-tabs", inputs: ["activeId", "direction", "size", "destroyOnHide"], outputs: ["tabChange"] }, { kind: "component", type: TabComponent, selector: "teta-tab", inputs: ["id", "title", "disabled"] }, { kind: "directive", type: TabTitleDirective, selector: "[tetaTabTitle]" }, { kind: "component", type: IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }, { kind: "directive", type: TabContentDirective, selector: "[tetaTabContent]" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: HeadCellDropdownComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: HeadCellDropdownComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'teta-head-cell-dropdown', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [TabsComponent, TabComponent, TabTitleDirective, IconComponent, TabContentDirective, NgTemplateOutlet], template: "@if (dropDownOpen) {\n  <teta-tabs class=\"column_auto\">\n    @for (tab of tabTemplates; track trackIndex($index)) {\n      @if (tab.showTab(column)) {\n        <teta-tab>\n          <ng-template tetaTabTitle>\n            @if (tab.icon) {\n              <teta-icon [name]=\"tab.icon\" [palette]=\"'text'\"></teta-icon>\n            }\n          </ng-template>\n          <ng-template tetaTabContent>\n            <ng-container\n              *ngTemplateOutlet=\"\n                tab.template;\n                context: {\n                  column: column,\n                  columns: columns,\n                  data: data,\n                  state: state,\n                  close: closeDropdown,\n                }\n              \"\n            ></ng-container>\n          </ng-template>\n        </teta-tab>\n      }\n    }\n  </teta-tabs>\n}\n", styles: [":host{display:flex;flex-grow:1;min-height:0;min-width:250px}\n"] }]
+            args: [{ selector: 'teta-head-cell-dropdown', changeDetection: ChangeDetectionStrategy.OnPush, imports: [TabsComponent, TabComponent, TabTitleDirective, IconComponent, TabContentDirective, NgTemplateOutlet], template: "@if (dropDownOpen) {\n  <teta-tabs class=\"column_auto\">\n    @for (tab of tabTemplates; track trackIndex($index)) {\n      @if (tab.showTab(column)) {\n        <teta-tab>\n          <ng-template tetaTabTitle>\n            @if (tab.icon) {\n              <teta-icon [name]=\"tab.icon\" [palette]=\"'text'\"></teta-icon>\n            }\n          </ng-template>\n          <ng-template tetaTabContent>\n            <ng-container\n              *ngTemplateOutlet=\"\n                tab.template;\n                context: {\n                  column: column,\n                  columns: columns,\n                  data: data,\n                  state: state,\n                  close: closeDropdown,\n                }\n              \"\n            ></ng-container>\n          </ng-template>\n        </teta-tab>\n      }\n    }\n  </teta-tabs>\n}\n", styles: [":host{display:flex;flex-grow:1;min-height:0;min-width:250px}\n"] }]
         }], ctorParameters: () => [{ type: TableService }, { type: TetaConfigService }, { type: i0.ChangeDetectorRef }], propDecorators: { columns: [{
                 type: Input
             }], column: [{
@@ -9311,13 +9323,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImpor
 // eslint-disable-next-line @angular-eslint/component-class-suffix
 class HeadCellComponentBase {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: HeadCellComponentBase, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: HeadCellComponentBase, selector: "ng-component", host: { properties: { "class.table-head__cell__component": "this.column" } }, ngImport: i0, template: '', isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: HeadCellComponentBase, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: HeadCellComponentBase, isStandalone: false, selector: "ng-component", host: { properties: { "class.table-head__cell__component": "this.column" } }, ngImport: i0, template: '', isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: HeadCellComponentBase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: HeadCellComponentBase, decorators: [{
             type: Component,
             args: [{
                     template: '',
+                    standalone: false
                 }]
         }], propDecorators: { column: [{
                 type: HostBinding,
@@ -9350,13 +9363,16 @@ class DefaultHeadCellComponent extends HeadCellComponentBase {
         super();
         this._cdr = _cdr;
     }
-    ngOnInit() { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: DefaultHeadCellComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: DefaultHeadCellComponent, isStandalone: true, selector: "teta-default-head-cell", inputs: { column: "column", columns: "columns", data: "data" }, usesInheritance: true, ngImport: i0, template: "<div class=\"column column_auto align-start justify-content-center\" [tetaHint]=\"column.hint || column.caption\">\n  <div class=\"table-head__cell__text\">\n    {{ column.caption }}\n  </div>\n  @if (column.unit) {\n    <div class=\"table-head__cell__text font-caption color-text-70\">[{{ column.unit }}]</div>\n  }\n</div>\n", styles: [":host{display:flex;min-width:0;padding:6px 8px;flex-grow:1}\n"], dependencies: [{ kind: "directive", type: HintDirective, selector: "[tetaHint]", inputs: ["tetaHint", "align", "verticalAlign", "delay", "viewType", "overflownOnly"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    getHint() {
+        const hintText = this.column.hint || this.column.caption;
+        return `${hintText}${this.column.unit ? `, ${this.column.unit}` : ''}`;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: DefaultHeadCellComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: DefaultHeadCellComponent, isStandalone: true, selector: "teta-default-head-cell", inputs: { column: "column", columns: "columns", data: "data" }, usesInheritance: true, ngImport: i0, template: "<div class=\"column column_auto align-start justify-content-center\" [tetaHint]=\"getHint()\">\n  <div class=\"table-head__cell__text\">\n    {{ column.caption }}\n  </div>\n  @if (column.unit) {\n    <div class=\"table-head__cell__text font-caption color-text-70\">[{{ column.unit }}]</div>\n  }\n</div>\n", styles: [":host{display:flex;min-width:0;padding:6px 8px;flex-grow:1}\n"], dependencies: [{ kind: "directive", type: HintDirective, selector: "[tetaHint]", inputs: ["tetaHint", "align", "verticalAlign", "delay", "viewType", "overflownOnly"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: DefaultHeadCellComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: DefaultHeadCellComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'teta-default-head-cell', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [HintDirective], template: "<div class=\"column column_auto align-start justify-content-center\" [tetaHint]=\"column.hint || column.caption\">\n  <div class=\"table-head__cell__text\">\n    {{ column.caption }}\n  </div>\n  @if (column.unit) {\n    <div class=\"table-head__cell__text font-caption color-text-70\">[{{ column.unit }}]</div>\n  }\n</div>\n", styles: [":host{display:flex;min-width:0;padding:6px 8px;flex-grow:1}\n"] }]
+            args: [{ selector: 'teta-default-head-cell', changeDetection: ChangeDetectionStrategy.OnPush, imports: [HintDirective], template: "<div class=\"column column_auto align-start justify-content-center\" [tetaHint]=\"getHint()\">\n  <div class=\"table-head__cell__text\">\n    {{ column.caption }}\n  </div>\n  @if (column.unit) {\n    <div class=\"table-head__cell__text font-caption color-text-70\">[{{ column.unit }}]</div>\n  }\n</div>\n", styles: [":host{display:flex;min-width:0;padding:6px 8px;flex-grow:1}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { column: [{
                 type: Input
             }], columns: [{
@@ -9406,10 +9422,10 @@ class HeadCellHostComponent {
         this.componentRef.instance.data = this.data;
         this.init = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: HeadCellHostComponent, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: HeadCellHostComponent, isStandalone: true, selector: "teta-head-cell-host", inputs: { column: "column", columns: "columns", data: "data" }, ngImport: i0, template: '', isInline: true, styles: [":host{display:contents}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: HeadCellHostComponent, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: HeadCellHostComponent, isStandalone: true, selector: "teta-head-cell-host", inputs: { column: "column", columns: "columns", data: "data" }, ngImport: i0, template: '', isInline: true, styles: [":host{display:contents}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: HeadCellHostComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: HeadCellHostComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-head-cell-host', template: '', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, styles: [":host{display:contents}\n"] }]
         }], ctorParameters: () => [{ type: i0.ViewContainerRef }], propDecorators: { column: [{
@@ -9548,12 +9564,12 @@ class HeadCellComponent {
     resizeEnd() {
         this._startPosition = null;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: HeadCellComponent, deps: [{ token: TableService }, { token: i0.ApplicationRef }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: HeadCellComponent, isStandalone: true, selector: "teta-head-cell", inputs: { column: "column", showHeadCellMenu: "showHeadCellMenu", data: "data" }, host: { listeners: { "dragenter": "dragenter($event)", "dragover": "allowDrop($event)", "dragleave": "dragleave($event)", "dragend": "dragend($event)", "drop": "drop($event)" }, properties: { "class.table-head__cell_active": "this.dropDownOpen" } }, viewQueries: [{ propertyName: "mainTemplate", first: true, predicate: ["mainTemplate"], descendants: true, static: true }, { propertyName: "filterTemplate", first: true, predicate: ["filterTemplate"], descendants: true, static: true }, { propertyName: "columnsTemplate", first: true, predicate: ["columnsTemplate"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"row row_auto\">\n  <teta-dropdown\n    [autoCloseIgnore]=\"['enter', 'inside']\"\n    [verticalAlign]=\"verticalAlign.auto\"\n    [appendToBody]=\"true\"\n    [(open)]=\"dropDownOpen\"\n    [align]=\"align.auto\"\n    (click)=\"$event.preventDefault()\"\n    [class.table-head__cell__menu_open]=\"dropDownOpen\"\n    class=\"column column_auto justify-content-center\"\n  >\n    <div\n      tetaDropdownHead\n      draggable=\"true\"\n      class=\"table-head__cell__wrapper\"\n      (dragstart)=\"dragstart($event)\"\n      [ngClass]=\"column.headCellClass\"\n    >\n      <teta-head-cell-host [column]=\"column\" [columns]=\"columns | async\" [data]=\"data\"></teta-head-cell-host>\n      @if (iconName | async; as icon) {\n        <teta-icon [palette]=\"'text'\" [name]=\"icon\"></teta-icon>\n      }\n    </div>\n    @if (showHeadCellMenu) {\n      <teta-head-cell-dropdown\n        tetaDropdownContent\n        [tabTemplates]=\"tabTemplates\"\n        [data]=\"data\"\n        [column]=\"column\"\n        [columns]=\"columns | async\"\n        [state]=\"state | async\"\n        [(dropDownOpen)]=\"dropDownOpen\"\n      ></teta-head-cell-dropdown>\n    }\n  </teta-dropdown>\n  @if (showDrag) {\n    <div\n      class=\"drop-area\"\n      draggable=\"false\"\n      [class.drop-area_left]=\"showDrag === 'left'\"\n      [class.drop-area_right]=\"showDrag === 'right'\"\n    ></div>\n  }\n</div>\n<div\n  class=\"table-head__cell__resize\"\n  draggable=\"false\"\n  (dragstart)=\"$event.preventDefault(); $event.stopPropagation()\"\n  (drag)=\"$event.preventDefault(); $event.stopPropagation()\"\n  [tetaResizeDrag]=\"'vertical'\"\n  (resizeStart)=\"resizeStart()\"\n  (resizeProcess)=\"resizeProcess($event)\"\n  (resizeEnd)=\"resizeEnd()\"\n>\n  <div class=\"table-head__cell__resize_drag\"></div>\n</div>\n<ng-template\n  #mainTemplate\n  let-column=\"column\"\n  let-columns=\"columns\"\n  let-data=\"data\"\n  let-state=\"state\"\n  let-close=\"close\"\n>\n  <teta-main-dropdown-tab\n    [column]=\"column\"\n    [state]=\"state\"\n    [close]=\"close\"\n    [headCellElementRef]=\"elementRef\"\n  ></teta-main-dropdown-tab>\n</ng-template>\n<ng-template\n  #filterTemplate\n  let-column=\"column\"\n  let-columns=\"columns\"\n  let-data=\"data\"\n  let-state=\"state\"\n  let-close=\"close\"\n>\n  <teta-filter-dropdown-tab [column]=\"column\" [state]=\"state\" [close]=\"close\" [data]=\"data\"></teta-filter-dropdown-tab>\n</ng-template>\n<ng-template\n  #columnsTemplate\n  let-column=\"column\"\n  let-columns=\"columns\"\n  let-data=\"data\"\n  let-state=\"state\"\n  let-close=\"close\"\n>\n  <teta-visibility-dropdown-tab\n    [column]=\"column\"\n    [columns]=\"columns\"\n    [state]=\"state\"\n    [close]=\"close\"\n    [data]=\"data\"\n  ></teta-visibility-dropdown-tab>\n</ng-template>\n", styles: [".drop-area{position:absolute;width:1px;background:var(--color-text-50);top:0;bottom:0;z-index:10}.drop-area_left{left:-1px}.drop-area_right{right:-1px}\n"], dependencies: [{ kind: "component", type: DropdownComponent, selector: "teta-dropdown", exportAs: ["dropdown"] }, { kind: "directive", type: DropdownHeadDirective, selector: "[tetaDropdownHead]" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: HeadCellHostComponent, selector: "teta-head-cell-host", inputs: ["column", "columns", "data"] }, { kind: "component", type: IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }, { kind: "component", type: HeadCellDropdownComponent, selector: "teta-head-cell-dropdown", inputs: ["columns", "column", "state", "data", "tabTemplates", "dropDownOpen"], outputs: ["dropDownOpenChange"] }, { kind: "directive", type: DropdownContentDirective, selector: "[tetaDropdownContent]" }, { kind: "directive", type: ResizeDragDirective, selector: "[tetaResizeDrag]", inputs: ["tetaResizeDrag"], outputs: ["resizeStart", "resizeProcess", "resizeEnd"] }, { kind: "component", type: MainDropdownTabComponent, selector: "teta-main-dropdown-tab", inputs: ["columns", "column", "state", "data", "close", "headCellElementRef"] }, { kind: "component", type: FilterDropdownTabComponent, selector: "teta-filter-dropdown-tab", inputs: ["columns", "column", "state", "data", "close"] }, { kind: "component", type: VisibilityDropdownTabComponent, selector: "teta-visibility-dropdown-tab", inputs: ["columns", "column", "state", "data", "close"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: HeadCellComponent, deps: [{ token: TableService }, { token: i0.ApplicationRef }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: HeadCellComponent, isStandalone: true, selector: "teta-head-cell", inputs: { column: "column", showHeadCellMenu: "showHeadCellMenu", data: "data" }, host: { listeners: { "dragenter": "dragenter($event)", "dragover": "allowDrop($event)", "dragleave": "dragleave($event)", "dragend": "dragend($event)", "drop": "drop($event)" }, properties: { "class.table-head__cell_active": "this.dropDownOpen" } }, viewQueries: [{ propertyName: "mainTemplate", first: true, predicate: ["mainTemplate"], descendants: true, static: true }, { propertyName: "filterTemplate", first: true, predicate: ["filterTemplate"], descendants: true, static: true }, { propertyName: "columnsTemplate", first: true, predicate: ["columnsTemplate"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"row row_auto\">\n  <teta-dropdown\n    [autoCloseIgnore]=\"['enter', 'inside']\"\n    [verticalAlign]=\"verticalAlign.auto\"\n    [appendToBody]=\"true\"\n    [(open)]=\"dropDownOpen\"\n    [align]=\"align.auto\"\n    (click)=\"$event.preventDefault()\"\n    [class.table-head__cell__menu_open]=\"dropDownOpen\"\n    class=\"column column_auto justify-content-center\"\n  >\n    <div\n      tetaDropdownHead\n      draggable=\"true\"\n      class=\"table-head__cell__wrapper\"\n      (dragstart)=\"dragstart($event)\"\n      [ngClass]=\"column.headCellClass\"\n    >\n      <teta-head-cell-host [column]=\"column\" [columns]=\"columns | async\" [data]=\"data\"></teta-head-cell-host>\n      @if (iconName | async; as icon) {\n        <teta-icon [palette]=\"'text'\" [name]=\"icon\"></teta-icon>\n      }\n    </div>\n    @if (showHeadCellMenu) {\n      <teta-head-cell-dropdown\n        tetaDropdownContent\n        [tabTemplates]=\"tabTemplates\"\n        [data]=\"data\"\n        [column]=\"column\"\n        [columns]=\"columns | async\"\n        [state]=\"state | async\"\n        [(dropDownOpen)]=\"dropDownOpen\"\n      ></teta-head-cell-dropdown>\n    }\n  </teta-dropdown>\n  @if (showDrag) {\n    <div\n      class=\"drop-area\"\n      draggable=\"false\"\n      [class.drop-area_left]=\"showDrag === 'left'\"\n      [class.drop-area_right]=\"showDrag === 'right'\"\n    ></div>\n  }\n</div>\n<div\n  class=\"table-head__cell__resize\"\n  draggable=\"false\"\n  (dragstart)=\"$event.preventDefault(); $event.stopPropagation()\"\n  (drag)=\"$event.preventDefault(); $event.stopPropagation()\"\n  [tetaResizeDrag]=\"'vertical'\"\n  (resizeStart)=\"resizeStart()\"\n  (resizeProcess)=\"resizeProcess($event)\"\n  (resizeEnd)=\"resizeEnd()\"\n>\n  <div class=\"table-head__cell__resize_drag\"></div>\n</div>\n<ng-template\n  #mainTemplate\n  let-column=\"column\"\n  let-columns=\"columns\"\n  let-data=\"data\"\n  let-state=\"state\"\n  let-close=\"close\"\n>\n  <teta-main-dropdown-tab\n    [column]=\"column\"\n    [state]=\"state\"\n    [close]=\"close\"\n    [headCellElementRef]=\"elementRef\"\n  ></teta-main-dropdown-tab>\n</ng-template>\n<ng-template\n  #filterTemplate\n  let-column=\"column\"\n  let-columns=\"columns\"\n  let-data=\"data\"\n  let-state=\"state\"\n  let-close=\"close\"\n>\n  <teta-filter-dropdown-tab [column]=\"column\" [state]=\"state\" [close]=\"close\" [data]=\"data\"></teta-filter-dropdown-tab>\n</ng-template>\n<ng-template\n  #columnsTemplate\n  let-column=\"column\"\n  let-columns=\"columns\"\n  let-data=\"data\"\n  let-state=\"state\"\n  let-close=\"close\"\n>\n  <teta-visibility-dropdown-tab\n    [column]=\"column\"\n    [columns]=\"columns\"\n    [state]=\"state\"\n    [close]=\"close\"\n    [data]=\"data\"\n  ></teta-visibility-dropdown-tab>\n</ng-template>\n", styles: [".drop-area{position:absolute;width:1px;background:var(--color-text-50);top:0;bottom:0;z-index:10}.drop-area_left{left:-1px}.drop-area_right{right:-1px}\n"], dependencies: [{ kind: "component", type: DropdownComponent, selector: "teta-dropdown", exportAs: ["dropdown"] }, { kind: "directive", type: DropdownHeadDirective, selector: "[tetaDropdownHead]" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: HeadCellHostComponent, selector: "teta-head-cell-host", inputs: ["column", "columns", "data"] }, { kind: "component", type: IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }, { kind: "component", type: HeadCellDropdownComponent, selector: "teta-head-cell-dropdown", inputs: ["columns", "column", "state", "data", "tabTemplates", "dropDownOpen"], outputs: ["dropDownOpenChange"] }, { kind: "directive", type: DropdownContentDirective, selector: "[tetaDropdownContent]" }, { kind: "directive", type: ResizeDragDirective, selector: "[tetaResizeDrag]", inputs: ["tetaResizeDrag"], outputs: ["resizeStart", "resizeProcess", "resizeEnd"] }, { kind: "component", type: MainDropdownTabComponent, selector: "teta-main-dropdown-tab", inputs: ["columns", "column", "state", "data", "close", "headCellElementRef"] }, { kind: "component", type: FilterDropdownTabComponent, selector: "teta-filter-dropdown-tab", inputs: ["columns", "column", "state", "data", "close"] }, { kind: "component", type: VisibilityDropdownTabComponent, selector: "teta-visibility-dropdown-tab", inputs: ["columns", "column", "state", "data", "close"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: HeadCellComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: HeadCellComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'teta-head-cell', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+            args: [{ selector: 'teta-head-cell', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         DropdownComponent,
                         DropdownHeadDirective,
                         NgClass,
@@ -9642,12 +9658,12 @@ class TableHeadGroupComponent {
     ngOnDestroy() {
         this._alive = false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: TableHeadGroupComponent, deps: [{ token: TableService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: TableHeadGroupComponent, isStandalone: true, selector: "teta-table-head-group", inputs: { showHeadCellMenu: "showHeadCellMenu", data: "data", column: "column" }, host: { properties: { "style.flex-grow": "this.flexGrow", "style.min-width.px": "this.flexBasis", "style.flex-basis.px": "this.flexBasis" } }, ngImport: i0, template: "@if (column.columns && column.columns.length > 0) {\n  <div class=\"table-head__group__container\">\n    <div class=\"table-head__group__caption\">\n      {{ column.caption }}\n    </div>\n    <div class=\"table-head__group__children\">\n      @for (col of column.columns; track col) {\n        @if (!columnIsHidden(col)) {\n          <teta-table-head-group\n            class=\"table-head__group\"\n            [data]=\"data\"\n            [showHeadCellMenu]=\"showHeadCellMenu\"\n            [column]=\"col\"\n          ></teta-table-head-group>\n        }\n      }\n    </div>\n  </div>\n}\n@if (!column.columns || column.columns.length === 0) {\n  @if (!columnIsHidden(column)) {\n    <teta-head-cell\n      class=\"table-head__cell\"\n      [data]=\"data\"\n      [showHeadCellMenu]=\"showHeadCellMenu\"\n      [attr.data-column]=\"column.name\"\n      [column]=\"column\"\n    ></teta-head-cell>\n  }\n}\n", styles: [""], dependencies: [{ kind: "component", type: TableHeadGroupComponent, selector: "teta-table-head-group", inputs: ["showHeadCellMenu", "data", "column"] }, { kind: "component", type: HeadCellComponent, selector: "teta-head-cell", inputs: ["column", "showHeadCellMenu", "data"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: TableHeadGroupComponent, deps: [{ token: TableService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: TableHeadGroupComponent, isStandalone: true, selector: "teta-table-head-group", inputs: { showHeadCellMenu: "showHeadCellMenu", data: "data", column: "column" }, host: { properties: { "style.flex-grow": "this.flexGrow", "style.min-width.px": "this.flexBasis", "style.flex-basis.px": "this.flexBasis" } }, ngImport: i0, template: "@if (column.columns && column.columns.length > 0) {\n  <div class=\"table-head__group__container\">\n    <div class=\"table-head__group__caption\">\n      {{ column.caption }}\n    </div>\n    <div class=\"table-head__group__children\">\n      @for (col of column.columns; track col) {\n        @if (!columnIsHidden(col)) {\n          <teta-table-head-group\n            class=\"table-head__group\"\n            [data]=\"data\"\n            [showHeadCellMenu]=\"showHeadCellMenu\"\n            [column]=\"col\"\n          ></teta-table-head-group>\n        }\n      }\n    </div>\n  </div>\n}\n@if (!column.columns || column.columns.length === 0) {\n  @if (!columnIsHidden(column)) {\n    <teta-head-cell\n      class=\"table-head__cell\"\n      [data]=\"data\"\n      [showHeadCellMenu]=\"showHeadCellMenu\"\n      [attr.data-column]=\"column.name\"\n      [column]=\"column\"\n    ></teta-head-cell>\n  }\n}\n", styles: [""], dependencies: [{ kind: "component", type: TableHeadGroupComponent, selector: "teta-table-head-group", inputs: ["showHeadCellMenu", "data", "column"] }, { kind: "component", type: HeadCellComponent, selector: "teta-head-cell", inputs: ["column", "showHeadCellMenu", "data"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: TableHeadGroupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: TableHeadGroupComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'teta-table-head-group', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [HeadCellComponent], template: "@if (column.columns && column.columns.length > 0) {\n  <div class=\"table-head__group__container\">\n    <div class=\"table-head__group__caption\">\n      {{ column.caption }}\n    </div>\n    <div class=\"table-head__group__children\">\n      @for (col of column.columns; track col) {\n        @if (!columnIsHidden(col)) {\n          <teta-table-head-group\n            class=\"table-head__group\"\n            [data]=\"data\"\n            [showHeadCellMenu]=\"showHeadCellMenu\"\n            [column]=\"col\"\n          ></teta-table-head-group>\n        }\n      }\n    </div>\n  </div>\n}\n@if (!column.columns || column.columns.length === 0) {\n  @if (!columnIsHidden(column)) {\n    <teta-head-cell\n      class=\"table-head__cell\"\n      [data]=\"data\"\n      [showHeadCellMenu]=\"showHeadCellMenu\"\n      [attr.data-column]=\"column.name\"\n      [column]=\"column\"\n    ></teta-head-cell>\n  }\n}\n" }]
+            args: [{ selector: 'teta-table-head-group', changeDetection: ChangeDetectionStrategy.OnPush, imports: [HeadCellComponent], template: "@if (column.columns && column.columns.length > 0) {\n  <div class=\"table-head__group__container\">\n    <div class=\"table-head__group__caption\">\n      {{ column.caption }}\n    </div>\n    <div class=\"table-head__group__children\">\n      @for (col of column.columns; track col) {\n        @if (!columnIsHidden(col)) {\n          <teta-table-head-group\n            class=\"table-head__group\"\n            [data]=\"data\"\n            [showHeadCellMenu]=\"showHeadCellMenu\"\n            [column]=\"col\"\n          ></teta-table-head-group>\n        }\n      }\n    </div>\n  </div>\n}\n@if (!column.columns || column.columns.length === 0) {\n  @if (!columnIsHidden(column)) {\n    <teta-head-cell\n      class=\"table-head__cell\"\n      [data]=\"data\"\n      [showHeadCellMenu]=\"showHeadCellMenu\"\n      [attr.data-column]=\"column.name\"\n      [column]=\"column\"\n    ></teta-head-cell>\n  }\n}\n" }]
         }], ctorParameters: () => [{ type: TableService }, { type: i0.ChangeDetectorRef }], propDecorators: { showHeadCellMenu: [{
                 type: Input
             }], data: [{
@@ -9691,12 +9707,12 @@ class SelectionHeadCellComponent {
     ngOnDestroy() {
         this._alive = false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: SelectionHeadCellComponent, deps: [{ token: TableService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: SelectionHeadCellComponent, isStandalone: true, selector: "teta-selection-head-cell", host: { properties: { "class.table-head__group": "this.tableCellClass" } }, ngImport: i0, template: "<teta-checkbox\n  [binary]=\"true\"\n  [allowNull]=\"true\"\n  [noLabel]=\"true\"\n  [ngModel]=\"allSelected()\"\n  (ngModelChange)=\"selectAll($event)\"\n></teta-checkbox>\n", styles: [":host{display:flex;align-items:center;justify-content:center}\n"], dependencies: [{ kind: "component", type: CheckboxComponent, selector: "teta-checkbox", inputs: ["class", "palette", "noLabel", "disabled", "value", "binary", "labelPosition", "allowNull"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SelectionHeadCellComponent, deps: [{ token: TableService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: SelectionHeadCellComponent, isStandalone: true, selector: "teta-selection-head-cell", host: { properties: { "class.table-head__group": "this.tableCellClass" } }, ngImport: i0, template: "<teta-checkbox\n  [binary]=\"true\"\n  [allowNull]=\"true\"\n  [noLabel]=\"true\"\n  [ngModel]=\"allSelected()\"\n  (ngModelChange)=\"selectAll($event)\"\n></teta-checkbox>\n", styles: [":host{display:flex;align-items:center;justify-content:center}\n"], dependencies: [{ kind: "component", type: CheckboxComponent, selector: "teta-checkbox", inputs: ["class", "palette", "noLabel", "disabled", "value", "binary", "labelPosition", "allowNull"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: SelectionHeadCellComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SelectionHeadCellComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'teta-selection-head-cell', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CheckboxComponent, FormsModule], template: "<teta-checkbox\n  [binary]=\"true\"\n  [allowNull]=\"true\"\n  [noLabel]=\"true\"\n  [ngModel]=\"allSelected()\"\n  (ngModelChange)=\"selectAll($event)\"\n></teta-checkbox>\n", styles: [":host{display:flex;align-items:center;justify-content:center}\n"] }]
+            args: [{ selector: 'teta-selection-head-cell', changeDetection: ChangeDetectionStrategy.OnPush, imports: [CheckboxComponent, FormsModule], template: "<teta-checkbox\n  [binary]=\"true\"\n  [allowNull]=\"true\"\n  [noLabel]=\"true\"\n  [ngModel]=\"allSelected()\"\n  (ngModelChange)=\"selectAll($event)\"\n></teta-checkbox>\n", styles: [":host{display:flex;align-items:center;justify-content:center}\n"] }]
         }], ctorParameters: () => [{ type: TableService }, { type: i0.ChangeDetectorRef }], propDecorators: { tableCellClass: [{
                 type: HostBinding,
                 args: ['class.table-head__group']
@@ -9753,12 +9769,12 @@ class TableHeadComponent {
     ngOnDestroy() {
         this._alive = false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: TableHeadComponent, deps: [{ token: TableService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: TableHeadComponent, isStandalone: true, selector: "teta-table-head", inputs: { selectType: "selectType", showHeadCellMenu: "showHeadCellMenu" }, host: { properties: { "class.table-head": "this.tableHeadClass" } }, ngImport: i0, template: "@if (locked?.length) {\n  <div\n    class=\"table-head_locked\"\n    [style.flex-grow]=\"lockedFlex\"\n    [style.flex-basis.px]=\"lockedWidth\"\n    [style.min-width.px]=\"lockedWidth\"\n  >\n    @if (selectType === selectTypeEnum.checkBox) {\n      <teta-selection-head-cell style=\"width: 28px\"></teta-selection-head-cell>\n    }\n    @for (column of locked; track track($index, column)) {\n      <teta-table-head-group\n        class=\"table-head__group\"\n        [data]=\"data\"\n        [showHeadCellMenu]=\"showHeadCellMenu\"\n        [column]=\"column\"\n      ></teta-table-head-group>\n    }\n  </div>\n}\n@if (unlocked?.length) {\n  @if (selectType === selectTypeEnum.checkBox && locked?.length < 1) {\n    <teta-selection-head-cell style=\"width: 28px\"></teta-selection-head-cell>\n  }\n  @for (column of unlocked; track track($index, column)) {\n    <teta-table-head-group\n      class=\"table-head__group\"\n      [data]=\"data\"\n      [showHeadCellMenu]=\"showHeadCellMenu\"\n      [column]=\"column\"\n    ></teta-table-head-group>\n  }\n}\n", styles: [""], dependencies: [{ kind: "component", type: SelectionHeadCellComponent, selector: "teta-selection-head-cell" }, { kind: "component", type: TableHeadGroupComponent, selector: "teta-table-head-group", inputs: ["showHeadCellMenu", "data", "column"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: TableHeadComponent, deps: [{ token: TableService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: TableHeadComponent, isStandalone: true, selector: "teta-table-head", inputs: { selectType: "selectType", showHeadCellMenu: "showHeadCellMenu" }, host: { properties: { "class.table-head": "this.tableHeadClass" } }, ngImport: i0, template: "@if (locked?.length) {\n  <div\n    class=\"table-head_locked\"\n    [style.flex-grow]=\"lockedFlex\"\n    [style.flex-basis.px]=\"lockedWidth\"\n    [style.min-width.px]=\"lockedWidth\"\n  >\n    @if (selectType === selectTypeEnum.checkBox) {\n      <teta-selection-head-cell style=\"width: 28px\"></teta-selection-head-cell>\n    }\n    @for (column of locked; track track($index, column)) {\n      <teta-table-head-group\n        class=\"table-head__group\"\n        [data]=\"data\"\n        [showHeadCellMenu]=\"showHeadCellMenu\"\n        [column]=\"column\"\n      ></teta-table-head-group>\n    }\n  </div>\n}\n@if (unlocked?.length) {\n  @if (selectType === selectTypeEnum.checkBox && locked?.length < 1) {\n    <teta-selection-head-cell style=\"width: 28px\"></teta-selection-head-cell>\n  }\n  @for (column of unlocked; track track($index, column)) {\n    <teta-table-head-group\n      class=\"table-head__group\"\n      [data]=\"data\"\n      [showHeadCellMenu]=\"showHeadCellMenu\"\n      [column]=\"column\"\n    ></teta-table-head-group>\n  }\n}\n", styles: [""], dependencies: [{ kind: "component", type: SelectionHeadCellComponent, selector: "teta-selection-head-cell" }, { kind: "component", type: TableHeadGroupComponent, selector: "teta-table-head-group", inputs: ["showHeadCellMenu", "data", "column"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: TableHeadComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: TableHeadComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'teta-table-head', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [SelectionHeadCellComponent, TableHeadGroupComponent], template: "@if (locked?.length) {\n  <div\n    class=\"table-head_locked\"\n    [style.flex-grow]=\"lockedFlex\"\n    [style.flex-basis.px]=\"lockedWidth\"\n    [style.min-width.px]=\"lockedWidth\"\n  >\n    @if (selectType === selectTypeEnum.checkBox) {\n      <teta-selection-head-cell style=\"width: 28px\"></teta-selection-head-cell>\n    }\n    @for (column of locked; track track($index, column)) {\n      <teta-table-head-group\n        class=\"table-head__group\"\n        [data]=\"data\"\n        [showHeadCellMenu]=\"showHeadCellMenu\"\n        [column]=\"column\"\n      ></teta-table-head-group>\n    }\n  </div>\n}\n@if (unlocked?.length) {\n  @if (selectType === selectTypeEnum.checkBox && locked?.length < 1) {\n    <teta-selection-head-cell style=\"width: 28px\"></teta-selection-head-cell>\n  }\n  @for (column of unlocked; track track($index, column)) {\n    <teta-table-head-group\n      class=\"table-head__group\"\n      [data]=\"data\"\n      [showHeadCellMenu]=\"showHeadCellMenu\"\n      [column]=\"column\"\n    ></teta-table-head-group>\n  }\n}\n" }]
+            args: [{ selector: 'teta-table-head', changeDetection: ChangeDetectionStrategy.OnPush, imports: [SelectionHeadCellComponent, TableHeadGroupComponent], template: "@if (locked?.length) {\n  <div\n    class=\"table-head_locked\"\n    [style.flex-grow]=\"lockedFlex\"\n    [style.flex-basis.px]=\"lockedWidth\"\n    [style.min-width.px]=\"lockedWidth\"\n  >\n    @if (selectType === selectTypeEnum.checkBox) {\n      <teta-selection-head-cell style=\"width: 28px\"></teta-selection-head-cell>\n    }\n    @for (column of locked; track track($index, column)) {\n      <teta-table-head-group\n        class=\"table-head__group\"\n        [data]=\"data\"\n        [showHeadCellMenu]=\"showHeadCellMenu\"\n        [column]=\"column\"\n      ></teta-table-head-group>\n    }\n  </div>\n}\n@if (unlocked?.length) {\n  @if (selectType === selectTypeEnum.checkBox && locked?.length < 1) {\n    <teta-selection-head-cell style=\"width: 28px\"></teta-selection-head-cell>\n  }\n  @for (column of unlocked; track track($index, column)) {\n    <teta-table-head-group\n      class=\"table-head__group\"\n      [data]=\"data\"\n      [showHeadCellMenu]=\"showHeadCellMenu\"\n      [column]=\"column\"\n    ></teta-table-head-group>\n  }\n}\n" }]
         }], ctorParameters: () => [{ type: TableService }, { type: i0.ChangeDetectorRef }], propDecorators: { selectType: [{
                 type: Input
             }], showHeadCellMenu: [{
@@ -10118,12 +10134,12 @@ class TableComponent {
         }
         return null;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: TableComponent, deps: [{ token: TableService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.1", type: TableComponent, isStandalone: true, selector: "teta-table", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: false, isRequired: false, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: false, isRequired: false, transformFunction: null }, dict: { classPropertyName: "dict", publicName: "dict", isSignal: false, isRequired: false, transformFunction: null }, filterOptions: { classPropertyName: "filterOptions", publicName: "filterOptions", isSignal: false, isRequired: false, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: false, isRequired: false, transformFunction: null }, cookieName: { classPropertyName: "cookieName", publicName: "cookieName", isSignal: false, isRequired: false, transformFunction: null }, virtual: { classPropertyName: "virtual", publicName: "virtual", isSignal: false, isRequired: false, transformFunction: null }, detailComponent: { classPropertyName: "detailComponent", publicName: "detailComponent", isSignal: false, isRequired: false, transformFunction: null }, activeRow: { classPropertyName: "activeRow", publicName: "activeRow", isSignal: false, isRequired: false, transformFunction: null }, selectedRows: { classPropertyName: "selectedRows", publicName: "selectedRows", isSignal: false, isRequired: false, transformFunction: null }, selectType: { classPropertyName: "selectType", publicName: "selectType", isSignal: false, isRequired: false, transformFunction: null }, aggregate: { classPropertyName: "aggregate", publicName: "aggregate", isSignal: false, isRequired: false, transformFunction: null }, trackRow: { classPropertyName: "trackRow", publicName: "trackRow", isSignal: false, isRequired: false, transformFunction: null }, trackColumns: { classPropertyName: "trackColumns", publicName: "trackColumns", isSignal: false, isRequired: false, transformFunction: null }, editType: { classPropertyName: "editType", publicName: "editType", isSignal: false, isRequired: false, transformFunction: null }, editEvent: { classPropertyName: "editEvent", publicName: "editEvent", isSignal: false, isRequired: false, transformFunction: null }, rowEditable: { classPropertyName: "rowEditable", publicName: "rowEditable", isSignal: false, isRequired: false, transformFunction: null }, rowClass: { classPropertyName: "rowClass", publicName: "rowClass", isSignal: false, isRequired: false, transformFunction: null }, scrollToIndex: { classPropertyName: "scrollToIndex", publicName: "scrollToIndex", isSignal: false, isRequired: false, transformFunction: null }, showHeadCellMenu: { classPropertyName: "showHeadCellMenu", publicName: "showHeadCellMenu", isSignal: false, isRequired: false, transformFunction: null }, contextMenu: { classPropertyName: "contextMenu", publicName: "contextMenu", isSignal: false, isRequired: false, transformFunction: null }, contextMenuOpen: { classPropertyName: "contextMenuOpen", publicName: "contextMenuOpen", isSignal: false, isRequired: false, transformFunction: null }, rowHeight: { classPropertyName: "rowHeight", publicName: "rowHeight", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { contextMenuOpenChange: "contextMenuOpenChange", stateChange: "stateChange", bodyLeft: "bodyLeft", activeRowChange: "activeRowChange", selectedRowsChange: "selectedRowsChange", cellClick: "cellClick", cellDoubleClick: "cellDoubleClick", cellFocus: "cellFocus", cellKeyDown: "cellKeyDown", rowLeft: "rowLeft", rowEditStart: "rowEditStart", rowEditEnd: "rowEditEnd", cellEditStart: "cellEditStart", cellEditEnd: "cellEditEnd", valueChange: "valueChange", tableService: "tableService" }, host: { listeners: { "document:click": "handleClickOutsideAnyRow($event)", "focusin": "focusIn($event)", "dblclick": "dblclick($event)", "keydown": "keydown($event)", "mousedown": "mousedown($event)" }, properties: { "class.table": "this.tableClass" } }, providers: [TableService], viewQueries: [{ propertyName: "menu", first: true, predicate: ["contextMenu"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"column column_auto\">\n  <teta-table-head style=\"z-index: 1\" [selectType]=\"selectType\" [showHeadCellMenu]=\"showHeadCellMenu\"></teta-table-head>\n  <div\n    class=\"column column_auto position-relative\"\n    style=\"z-index: 0\"\n    [tetaContextMenu]=\"contextMenu\"\n    [verticalAlign]=\"verticalAlign.auto\"\n    [align]=\"align.auto\"\n    [appendToBody]=\"true\"\n    [data]=\"contextMenuRow\"\n    [open]=\"contextMenuOpen\"\n    (openChange)=\"setContextMenuOpen($event)\"\n  >\n    <teta-table-body\n      (contextmenu)=\"setContextMenuRow($event)\"\n      (scrollChange)=\"onScroll($event)\"\n      [aggregate]=\"aggregate\"\n      [virtual]=\"virtual\"\n      [activeRow]=\"activeRow\"\n      [trackRow]=\"trackRow\"\n      [trackColumns]=\"trackColumns\"\n      [selectedRows]=\"selectedRowsList\"\n      [additionalComponent]=\"detailComponent\"\n      [selectType]=\"selectType\"\n      [rowClass]=\"rowClass\"\n      [rowHeight]=\"rowHeight()\"\n    >\n      <ng-content></ng-content>\n    </teta-table-body>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: TableHeadComponent, selector: "teta-table-head", inputs: ["selectType", "showHeadCellMenu"] }, { kind: "directive", type: ContextMenuDirective, selector: "[tetaContextMenu]", inputs: ["tetaContextMenu", "autoCloseIgnore"] }, { kind: "component", type: TableBodyComponent, selector: "teta-table-body", inputs: ["virtual", "activeRow", "selectedRows", "additionalComponent", "aggregate", "selectType", "rowClass", "trackRow", "trackColumns", "rowHeight"], outputs: ["scrollChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: TableComponent, deps: [{ token: TableService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.0.5", type: TableComponent, isStandalone: true, selector: "teta-table", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: false, isRequired: false, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: false, isRequired: false, transformFunction: null }, dict: { classPropertyName: "dict", publicName: "dict", isSignal: false, isRequired: false, transformFunction: null }, filterOptions: { classPropertyName: "filterOptions", publicName: "filterOptions", isSignal: false, isRequired: false, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: false, isRequired: false, transformFunction: null }, cookieName: { classPropertyName: "cookieName", publicName: "cookieName", isSignal: false, isRequired: false, transformFunction: null }, virtual: { classPropertyName: "virtual", publicName: "virtual", isSignal: false, isRequired: false, transformFunction: null }, detailComponent: { classPropertyName: "detailComponent", publicName: "detailComponent", isSignal: false, isRequired: false, transformFunction: null }, activeRow: { classPropertyName: "activeRow", publicName: "activeRow", isSignal: false, isRequired: false, transformFunction: null }, selectedRows: { classPropertyName: "selectedRows", publicName: "selectedRows", isSignal: false, isRequired: false, transformFunction: null }, selectType: { classPropertyName: "selectType", publicName: "selectType", isSignal: false, isRequired: false, transformFunction: null }, aggregate: { classPropertyName: "aggregate", publicName: "aggregate", isSignal: false, isRequired: false, transformFunction: null }, trackRow: { classPropertyName: "trackRow", publicName: "trackRow", isSignal: false, isRequired: false, transformFunction: null }, trackColumns: { classPropertyName: "trackColumns", publicName: "trackColumns", isSignal: false, isRequired: false, transformFunction: null }, editType: { classPropertyName: "editType", publicName: "editType", isSignal: false, isRequired: false, transformFunction: null }, editEvent: { classPropertyName: "editEvent", publicName: "editEvent", isSignal: false, isRequired: false, transformFunction: null }, rowEditable: { classPropertyName: "rowEditable", publicName: "rowEditable", isSignal: false, isRequired: false, transformFunction: null }, rowClass: { classPropertyName: "rowClass", publicName: "rowClass", isSignal: false, isRequired: false, transformFunction: null }, scrollToIndex: { classPropertyName: "scrollToIndex", publicName: "scrollToIndex", isSignal: false, isRequired: false, transformFunction: null }, showHeadCellMenu: { classPropertyName: "showHeadCellMenu", publicName: "showHeadCellMenu", isSignal: false, isRequired: false, transformFunction: null }, contextMenu: { classPropertyName: "contextMenu", publicName: "contextMenu", isSignal: false, isRequired: false, transformFunction: null }, contextMenuOpen: { classPropertyName: "contextMenuOpen", publicName: "contextMenuOpen", isSignal: false, isRequired: false, transformFunction: null }, rowHeight: { classPropertyName: "rowHeight", publicName: "rowHeight", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { contextMenuOpenChange: "contextMenuOpenChange", stateChange: "stateChange", bodyLeft: "bodyLeft", activeRowChange: "activeRowChange", selectedRowsChange: "selectedRowsChange", cellClick: "cellClick", cellDoubleClick: "cellDoubleClick", cellFocus: "cellFocus", cellKeyDown: "cellKeyDown", rowLeft: "rowLeft", rowEditStart: "rowEditStart", rowEditEnd: "rowEditEnd", cellEditStart: "cellEditStart", cellEditEnd: "cellEditEnd", valueChange: "valueChange", tableService: "tableService" }, host: { listeners: { "document:click": "handleClickOutsideAnyRow($event)", "focusin": "focusIn($event)", "dblclick": "dblclick($event)", "keydown": "keydown($event)", "mousedown": "mousedown($event)" }, properties: { "class.table": "this.tableClass" } }, providers: [TableService], viewQueries: [{ propertyName: "menu", first: true, predicate: ["contextMenu"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"column column_auto\">\n  <teta-table-head style=\"z-index: 1\" [selectType]=\"selectType\" [showHeadCellMenu]=\"showHeadCellMenu\"></teta-table-head>\n  <div\n    class=\"column column_auto position-relative\"\n    style=\"z-index: 0\"\n    [tetaContextMenu]=\"contextMenu\"\n    [verticalAlign]=\"verticalAlign.auto\"\n    [align]=\"align.auto\"\n    [appendToBody]=\"true\"\n    [data]=\"contextMenuRow\"\n    [open]=\"contextMenuOpen\"\n    (openChange)=\"setContextMenuOpen($event)\"\n  >\n    <teta-table-body\n      (contextmenu)=\"setContextMenuRow($event)\"\n      (scrollChange)=\"onScroll($event)\"\n      [aggregate]=\"aggregate\"\n      [virtual]=\"virtual\"\n      [activeRow]=\"activeRow\"\n      [trackRow]=\"trackRow\"\n      [trackColumns]=\"trackColumns\"\n      [selectedRows]=\"selectedRowsList\"\n      [additionalComponent]=\"detailComponent\"\n      [selectType]=\"selectType\"\n      [rowClass]=\"rowClass\"\n      [rowHeight]=\"rowHeight()\"\n    >\n      <ng-content></ng-content>\n    </teta-table-body>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: TableHeadComponent, selector: "teta-table-head", inputs: ["selectType", "showHeadCellMenu"] }, { kind: "directive", type: ContextMenuDirective, selector: "[tetaContextMenu]", inputs: ["tetaContextMenu", "autoCloseIgnore"] }, { kind: "component", type: TableBodyComponent, selector: "teta-table-body", inputs: ["virtual", "activeRow", "selectedRows", "additionalComponent", "aggregate", "selectType", "rowClass", "trackRow", "trackColumns", "rowHeight"], outputs: ["scrollChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: TableComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: TableComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'teta-table', changeDetection: ChangeDetectionStrategy.OnPush, providers: [TableService], standalone: true, imports: [TableHeadComponent, ContextMenuDirective, TableBodyComponent], template: "<div class=\"column column_auto\">\n  <teta-table-head style=\"z-index: 1\" [selectType]=\"selectType\" [showHeadCellMenu]=\"showHeadCellMenu\"></teta-table-head>\n  <div\n    class=\"column column_auto position-relative\"\n    style=\"z-index: 0\"\n    [tetaContextMenu]=\"contextMenu\"\n    [verticalAlign]=\"verticalAlign.auto\"\n    [align]=\"align.auto\"\n    [appendToBody]=\"true\"\n    [data]=\"contextMenuRow\"\n    [open]=\"contextMenuOpen\"\n    (openChange)=\"setContextMenuOpen($event)\"\n  >\n    <teta-table-body\n      (contextmenu)=\"setContextMenuRow($event)\"\n      (scrollChange)=\"onScroll($event)\"\n      [aggregate]=\"aggregate\"\n      [virtual]=\"virtual\"\n      [activeRow]=\"activeRow\"\n      [trackRow]=\"trackRow\"\n      [trackColumns]=\"trackColumns\"\n      [selectedRows]=\"selectedRowsList\"\n      [additionalComponent]=\"detailComponent\"\n      [selectType]=\"selectType\"\n      [rowClass]=\"rowClass\"\n      [rowHeight]=\"rowHeight()\"\n    >\n      <ng-content></ng-content>\n    </teta-table-body>\n  </div>\n</div>\n" }]
+            args: [{ selector: 'teta-table', changeDetection: ChangeDetectionStrategy.OnPush, providers: [TableService], imports: [TableHeadComponent, ContextMenuDirective, TableBodyComponent], template: "<div class=\"column column_auto\">\n  <teta-table-head style=\"z-index: 1\" [selectType]=\"selectType\" [showHeadCellMenu]=\"showHeadCellMenu\"></teta-table-head>\n  <div\n    class=\"column column_auto position-relative\"\n    style=\"z-index: 0\"\n    [tetaContextMenu]=\"contextMenu\"\n    [verticalAlign]=\"verticalAlign.auto\"\n    [align]=\"align.auto\"\n    [appendToBody]=\"true\"\n    [data]=\"contextMenuRow\"\n    [open]=\"contextMenuOpen\"\n    (openChange)=\"setContextMenuOpen($event)\"\n  >\n    <teta-table-body\n      (contextmenu)=\"setContextMenuRow($event)\"\n      (scrollChange)=\"onScroll($event)\"\n      [aggregate]=\"aggregate\"\n      [virtual]=\"virtual\"\n      [activeRow]=\"activeRow\"\n      [trackRow]=\"trackRow\"\n      [trackColumns]=\"trackColumns\"\n      [selectedRows]=\"selectedRowsList\"\n      [additionalComponent]=\"detailComponent\"\n      [selectType]=\"selectType\"\n      [rowClass]=\"rowClass\"\n      [rowHeight]=\"rowHeight()\"\n    >\n      <ng-content></ng-content>\n    </teta-table-body>\n  </div>\n</div>\n" }]
         }], ctorParameters: () => [{ type: TableService }, { type: i0.ElementRef }], propDecorators: { data: [{
                 type: Input
             }], columns: [{
@@ -10243,12 +10259,12 @@ class DateTimeCellComponent extends CellComponentBase {
     stopEdit() {
         this.cdr.markForCheck();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: DateTimeCellComponent, deps: [{ token: TableService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: DateTimeCellComponent, isStandalone: true, selector: "teta-date-time-cell", viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<span [style.display]=\"edit ? 'none' : 'block'\" class=\"cell-text\" [class.cell-text_disabled]=\"!editable\">\n  {{ control?.value | date: 'dd.MM.yyyy HH:mm:ss' }}\n</span>\n@if (edit) {\n  <teta-date-picker\n    class=\"datepicker-table\"\n    #input\n    [appendToBody]=\"true\"\n    [showTime]=\"true\"\n    [formControl]=\"control\"\n  ></teta-date-picker>\n}\n", styles: [""], dependencies: [{ kind: "component", type: DatePickerComponent, selector: "teta-date-picker", inputs: ["date", "showTime", "minDate", "maxDate", "invalid", "disabled", "align", "verticalAlign", "viewType", "appendToBody", "backdrop", "allowNull", "firstDayOfWeek", "disabledDates", "disabledPeriods", "disabledDays", "minYearDate", "maxYearDate"], outputs: ["selectDate"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "pipe", type: DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: DateTimeCellComponent, deps: [{ token: TableService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: DateTimeCellComponent, isStandalone: true, selector: "teta-date-time-cell", viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<span [style.display]=\"edit ? 'none' : 'block'\" class=\"cell-text\" [class.cell-text_disabled]=\"!editable\">\n  {{ control?.value | date: 'dd.MM.yyyy HH:mm:ss' }}\n</span>\n@if (edit) {\n  <teta-date-picker\n    class=\"datepicker-table\"\n    #input\n    [appendToBody]=\"true\"\n    [showTime]=\"true\"\n    [formControl]=\"control\"\n  ></teta-date-picker>\n}\n", styles: [""], dependencies: [{ kind: "component", type: DatePickerComponent, selector: "teta-date-picker", inputs: ["date", "showTime", "minDate", "maxDate", "invalid", "disabled", "align", "verticalAlign", "viewType", "appendToBody", "backdrop", "allowNull", "firstDayOfWeek", "disabledDates", "disabledPeriods", "disabledDays", "minYearDate", "maxYearDate"], outputs: ["selectDate"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "pipe", type: DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: DateTimeCellComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: DateTimeCellComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'teta-date-time-cell', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [DatePickerComponent, FormsModule, ReactiveFormsModule, DatePipe], template: "<span [style.display]=\"edit ? 'none' : 'block'\" class=\"cell-text\" [class.cell-text_disabled]=\"!editable\">\n  {{ control?.value | date: 'dd.MM.yyyy HH:mm:ss' }}\n</span>\n@if (edit) {\n  <teta-date-picker\n    class=\"datepicker-table\"\n    #input\n    [appendToBody]=\"true\"\n    [showTime]=\"true\"\n    [formControl]=\"control\"\n  ></teta-date-picker>\n}\n" }]
+            args: [{ selector: 'teta-date-time-cell', changeDetection: ChangeDetectionStrategy.OnPush, imports: [DatePickerComponent, FormsModule, ReactiveFormsModule, DatePipe], template: "<span [style.display]=\"edit ? 'none' : 'block'\" class=\"cell-text\" [class.cell-text_disabled]=\"!editable\">\n  {{ control?.value | date: 'dd.MM.yyyy HH:mm:ss' }}\n</span>\n@if (edit) {\n  <teta-date-picker\n    class=\"datepicker-table\"\n    #input\n    [appendToBody]=\"true\"\n    [showTime]=\"true\"\n    [formControl]=\"control\"\n  ></teta-date-picker>\n}\n" }]
         }], ctorParameters: () => [{ type: TableService }, { type: i0.ChangeDetectorRef }], propDecorators: { input: [{
                 type: ViewChild,
                 args: ['input', { static: false }]
@@ -10276,12 +10292,12 @@ class ThemeSwitchComponent {
     switchTheme() {
         this._svc.switchTheme();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ThemeSwitchComponent, deps: [{ token: ThemeSwitchService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: ThemeSwitchComponent, isStandalone: true, selector: "teta-theme-switch", inputs: { palette: "palette", view: "view" }, ngImport: i0, template: "<button type=\"button\" teta-button [palette]=\"palette\" [view]=\"view\" [square]=\"true\" (click)=\"switchTheme()\">\n  <teta-icon [name]=\"(theme | async) ? 'lightMode' : 'darkMode'\" [palette]=\"'text'\"></teta-icon>\n</button>\n", styles: [":host{display:flex;align-items:center}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[teta-button], teta-button", inputs: ["palette", "class", "view", "square", "viewType", "size"] }, { kind: "component", type: IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: ThemeSwitchComponent, deps: [{ token: ThemeSwitchService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: ThemeSwitchComponent, isStandalone: true, selector: "teta-theme-switch", inputs: { palette: "palette", view: "view" }, ngImport: i0, template: "<button type=\"button\" teta-button [palette]=\"palette\" [view]=\"view\" [square]=\"true\" (click)=\"switchTheme()\">\n  <teta-icon [name]=\"(theme | async) ? 'lightMode' : 'darkMode'\" [palette]=\"'text'\"></teta-icon>\n</button>\n", styles: [":host{display:flex;align-items:center}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[teta-button], teta-button", inputs: ["palette", "class", "view", "square", "viewType", "size"] }, { kind: "component", type: IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ThemeSwitchComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: ThemeSwitchComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'teta-theme-switch', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [ButtonComponent, IconComponent, AsyncPipe], template: "<button type=\"button\" teta-button [palette]=\"palette\" [view]=\"view\" [square]=\"true\" (click)=\"switchTheme()\">\n  <teta-icon [name]=\"(theme | async) ? 'lightMode' : 'darkMode'\" [palette]=\"'text'\"></teta-icon>\n</button>\n", styles: [":host{display:flex;align-items:center}\n"] }]
+            args: [{ selector: 'teta-theme-switch', changeDetection: ChangeDetectionStrategy.OnPush, imports: [ButtonComponent, IconComponent, AsyncPipe], template: "<button type=\"button\" teta-button [palette]=\"palette\" [view]=\"view\" [square]=\"true\" (click)=\"switchTheme()\">\n  <teta-icon [name]=\"(theme | async) ? 'lightMode' : 'darkMode'\" [palette]=\"'text'\"></teta-icon>\n</button>\n", styles: [":host{display:flex;align-items:center}\n"] }]
         }], ctorParameters: () => [{ type: ThemeSwitchService }], propDecorators: { palette: [{
                 type: Input
             }], view: [{
@@ -10298,23 +10314,23 @@ class StepperComponent {
         this.currentStepId = input.required();
         this.currentIndex = computed(() => this.steps().findIndex((step) => step.id === this.currentStepId()) ?? 0);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: StepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: StepperComponent, isStandalone: true, selector: "app-stepper", inputs: { steps: { classPropertyName: "steps", publicName: "steps", isSignal: true, isRequired: true, transformFunction: null }, currentStepId: { classPropertyName: "currentStepId", publicName: "currentStepId", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "@if (steps().length) {\n  <ul\n    class=\"stepper\"\n    [style]=\"\n      '--step-count: ' +\n      (steps().length - 1) +\n      '; --padding-left: ' +\n      steps().at(0).name.length / 2 +\n      'ch; --padding-right: ' +\n      steps().at(-1).name.length / 2 +\n      'ch;'\n    \"\n  >\n    @for (step of steps(); track step.id; let index = $index) {\n      <li class=\"font-title-3 stepperItem\" [class.stepperItemActive]=\"currentIndex() >= index\">\n        <span class=\"point\">\n          <span class=\"stepLabel\">{{ step.name }}</span>\n        </span>\n      </li>\n    }\n  </ul>\n} @else {\n  <p class=\"font-title-1 text-align-center\">\u0428\u0430\u0433\u0438 \u043E\u0442\u0441\u0443\u0442\u0441\u0442\u0432\u0443\u044E\u0442</p>\n}\n", styles: [":host{display:block;padding:18px 0 0}:host .stepper{--point-radius: 4px;margin:0;padding:0 var(--padding-right) 0 var(--padding-left);list-style:none;display:grid;grid-template-columns:calc(2 * var(--point-radius)) repeat(var(--step-count),1fr)}:host .stepperItem{position:relative;display:flex;justify-content:flex-end;cursor:default}:host .stepperItem:not(:first-child):before{content:\"\";position:absolute;top:calc(var(--point-radius) - .5px);right:calc(2 * var(--point-radius));width:calc(100% - 2 * var(--point-radius));height:1px;background-color:var(--color-text-20)}:host .stepperItem .point{position:relative;display:block;width:calc(2 * var(--point-radius));height:calc(2 * var(--point-radius));border-radius:50%;border:1px solid var(--color-text-20)}:host .stepperItem .stepLabel{position:absolute;bottom:calc(2px + 100%);left:50%;transform:translate(-50%);white-space:nowrap}:host .stepperItemActive:not(:first-child):before{background-color:var(--color-primary-50)}:host .stepperItemActive .point{border-color:var(--color-primary-50)}:host .stepperItemActive .stepLabel{color:var(--color-primary-50)}\n"] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: StepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: StepperComponent, isStandalone: true, selector: "app-stepper", inputs: { steps: { classPropertyName: "steps", publicName: "steps", isSignal: true, isRequired: true, transformFunction: null }, currentStepId: { classPropertyName: "currentStepId", publicName: "currentStepId", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "@if (steps().length) {\n  <ul\n    class=\"stepper\"\n    [style]=\"\n      '--step-count: ' +\n      (steps().length - 1) +\n      '; --padding-left: ' +\n      steps().at(0).name.length / 2 +\n      'ch; --padding-right: ' +\n      steps().at(-1).name.length / 2 +\n      'ch;'\n    \"\n  >\n    @for (step of steps(); track step.id; let index = $index) {\n      <li class=\"font-title-3 stepperItem\" [class.stepperItemActive]=\"currentIndex() >= index\">\n        <span class=\"point\">\n          <span class=\"stepLabel\">{{ step.name }}</span>\n        </span>\n      </li>\n    }\n  </ul>\n} @else {\n  <p class=\"font-title-1 text-align-center\">\u0428\u0430\u0433\u0438 \u043E\u0442\u0441\u0443\u0442\u0441\u0442\u0432\u0443\u044E\u0442</p>\n}\n", styles: [":host{display:block;padding:18px 0 0}:host .stepper{--point-radius: 4px;margin:0;padding:0 var(--padding-right) 0 var(--padding-left);list-style:none;display:grid;grid-template-columns:calc(2 * var(--point-radius)) repeat(var(--step-count),1fr)}:host .stepperItem{position:relative;display:flex;justify-content:flex-end;cursor:default}:host .stepperItem:not(:first-child):before{content:\"\";position:absolute;top:calc(var(--point-radius) - .5px);right:calc(2 * var(--point-radius));width:calc(100% - 2 * var(--point-radius));height:1px;background-color:var(--color-text-20)}:host .stepperItem .point{position:relative;display:block;width:calc(2 * var(--point-radius));height:calc(2 * var(--point-radius));border-radius:50%;border:1px solid var(--color-text-20)}:host .stepperItem .stepLabel{position:absolute;bottom:calc(2px + 100%);left:50%;transform:translate(-50%);white-space:nowrap}:host .stepperItemActive:not(:first-child):before{background-color:var(--color-primary-50)}:host .stepperItemActive .point{border-color:var(--color-primary-50)}:host .stepperItemActive .stepLabel{color:var(--color-primary-50)}\n"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: StepperComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: StepperComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-stepper', standalone: true, imports: [], template: "@if (steps().length) {\n  <ul\n    class=\"stepper\"\n    [style]=\"\n      '--step-count: ' +\n      (steps().length - 1) +\n      '; --padding-left: ' +\n      steps().at(0).name.length / 2 +\n      'ch; --padding-right: ' +\n      steps().at(-1).name.length / 2 +\n      'ch;'\n    \"\n  >\n    @for (step of steps(); track step.id; let index = $index) {\n      <li class=\"font-title-3 stepperItem\" [class.stepperItemActive]=\"currentIndex() >= index\">\n        <span class=\"point\">\n          <span class=\"stepLabel\">{{ step.name }}</span>\n        </span>\n      </li>\n    }\n  </ul>\n} @else {\n  <p class=\"font-title-1 text-align-center\">\u0428\u0430\u0433\u0438 \u043E\u0442\u0441\u0443\u0442\u0441\u0442\u0432\u0443\u044E\u0442</p>\n}\n", styles: [":host{display:block;padding:18px 0 0}:host .stepper{--point-radius: 4px;margin:0;padding:0 var(--padding-right) 0 var(--padding-left);list-style:none;display:grid;grid-template-columns:calc(2 * var(--point-radius)) repeat(var(--step-count),1fr)}:host .stepperItem{position:relative;display:flex;justify-content:flex-end;cursor:default}:host .stepperItem:not(:first-child):before{content:\"\";position:absolute;top:calc(var(--point-radius) - .5px);right:calc(2 * var(--point-radius));width:calc(100% - 2 * var(--point-radius));height:1px;background-color:var(--color-text-20)}:host .stepperItem .point{position:relative;display:block;width:calc(2 * var(--point-radius));height:calc(2 * var(--point-radius));border-radius:50%;border:1px solid var(--color-text-20)}:host .stepperItem .stepLabel{position:absolute;bottom:calc(2px + 100%);left:50%;transform:translate(-50%);white-space:nowrap}:host .stepperItemActive:not(:first-child):before{background-color:var(--color-primary-50)}:host .stepperItemActive .point{border-color:var(--color-primary-50)}:host .stepperItemActive .stepLabel{color:var(--color-primary-50)}\n"] }]
+            args: [{ selector: 'app-stepper', imports: [], template: "@if (steps().length) {\n  <ul\n    class=\"stepper\"\n    [style]=\"\n      '--step-count: ' +\n      (steps().length - 1) +\n      '; --padding-left: ' +\n      steps().at(0).name.length / 2 +\n      'ch; --padding-right: ' +\n      steps().at(-1).name.length / 2 +\n      'ch;'\n    \"\n  >\n    @for (step of steps(); track step.id; let index = $index) {\n      <li class=\"font-title-3 stepperItem\" [class.stepperItemActive]=\"currentIndex() >= index\">\n        <span class=\"point\">\n          <span class=\"stepLabel\">{{ step.name }}</span>\n        </span>\n      </li>\n    }\n  </ul>\n} @else {\n  <p class=\"font-title-1 text-align-center\">\u0428\u0430\u0433\u0438 \u043E\u0442\u0441\u0443\u0442\u0441\u0442\u0432\u0443\u044E\u0442</p>\n}\n", styles: [":host{display:block;padding:18px 0 0}:host .stepper{--point-radius: 4px;margin:0;padding:0 var(--padding-right) 0 var(--padding-left);list-style:none;display:grid;grid-template-columns:calc(2 * var(--point-radius)) repeat(var(--step-count),1fr)}:host .stepperItem{position:relative;display:flex;justify-content:flex-end;cursor:default}:host .stepperItem:not(:first-child):before{content:\"\";position:absolute;top:calc(var(--point-radius) - .5px);right:calc(2 * var(--point-radius));width:calc(100% - 2 * var(--point-radius));height:1px;background-color:var(--color-text-20)}:host .stepperItem .point{position:relative;display:block;width:calc(2 * var(--point-radius));height:calc(2 * var(--point-radius));border-radius:50%;border:1px solid var(--color-text-20)}:host .stepperItem .stepLabel{position:absolute;bottom:calc(2px + 100%);left:50%;transform:translate(-50%);white-space:nowrap}:host .stepperItemActive:not(:first-child):before{background-color:var(--color-primary-50)}:host .stepperItemActive .point{border-color:var(--color-primary-50)}:host .stepperItemActive .stepLabel{color:var(--color-primary-50)}\n"] }]
         }] });
 class DividerComponent {
     constructor() { }
     ngOnInit() { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: DividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: DividerComponent, isStandalone: true, selector: "teta-divider", inputs: { label: "label", template: "template" }, ngImport: i0, template: "<div class=\"divider\" style=\"width: 100%\">\n  <div class=\"bg-text-20\" style=\"height: 1px\"></div>\n  @if (!template) {\n    <div class=\"divider-content padding-h-2\">{{ label }}</div>\n  } @else {\n    <ng-container *ngTemplateOutlet=\"template\"></ng-container>\n  }\n  <div class=\"bg-text-20\" style=\"height: 1px\"></div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: DividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: DividerComponent, isStandalone: true, selector: "teta-divider", inputs: { label: "label", template: "template" }, ngImport: i0, template: "<div class=\"divider\" style=\"width: 100%\">\n  <div class=\"bg-text-20\" style=\"height: 1px\"></div>\n  @if (!template) {\n    <div class=\"divider-content padding-h-2\">{{ label }}</div>\n  } @else {\n    <ng-container *ngTemplateOutlet=\"template\"></ng-container>\n  }\n  <div class=\"bg-text-20\" style=\"height: 1px\"></div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: DividerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: DividerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'teta-divider', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgTemplateOutlet], template: "<div class=\"divider\" style=\"width: 100%\">\n  <div class=\"bg-text-20\" style=\"height: 1px\"></div>\n  @if (!template) {\n    <div class=\"divider-content padding-h-2\">{{ label }}</div>\n  } @else {\n    <ng-container *ngTemplateOutlet=\"template\"></ng-container>\n  }\n  <div class=\"bg-text-20\" style=\"height: 1px\"></div>\n</div>\n" }]
+            args: [{ selector: 'teta-divider', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgTemplateOutlet], template: "<div class=\"divider\" style=\"width: 100%\">\n  <div class=\"bg-text-20\" style=\"height: 1px\"></div>\n  @if (!template) {\n    <div class=\"divider-content padding-h-2\">{{ label }}</div>\n  } @else {\n    <ng-container *ngTemplateOutlet=\"template\"></ng-container>\n  }\n  <div class=\"bg-text-20\" style=\"height: 1px\"></div>\n</div>\n" }]
         }], ctorParameters: () => [], propDecorators: { label: [{
                 type: Input
             }], template: [{
@@ -10456,12 +10472,12 @@ class ResizePanelComponent {
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ResizePanelComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: ResizePanelComponent, isStandalone: true, selector: "teta-resize-panel", inputs: { size: "size", direction: "direction", grabPosition: "grabPosition", name: "name", minSize: "minSize", maxSize: "maxSize" }, host: { properties: { "class.resize-panel": "this.resizePanelClass" } }, ngImport: i0, template: "<ng-content></ng-content>\n<div\n  #grab\n  class=\"resize-grab\"\n  [style.width.px]=\"direction === 'vertical' ? size : ''\"\n  [style.height.px]=\"direction === 'horizontal' ? size : ''\"\n  (resizeStart)=\"resizeStart($event)\"\n  (resizeProcess)=\"resizeProcess($event)\"\n  (resizeEnd)=\"resizeEnd($event)\"\n  [tetaResizeDrag]=\"direction\"\n  [ngClass]=\"getClassName()\"\n>\n  <teta-icon [name]=\"icon\" [palette]=\"'text'\"></teta-icon>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: ResizeDragDirective, selector: "[tetaResizeDrag]", inputs: ["tetaResizeDrag"], outputs: ["resizeStart", "resizeProcess", "resizeEnd"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: ResizePanelComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: ResizePanelComponent, isStandalone: true, selector: "teta-resize-panel", inputs: { size: "size", direction: "direction", grabPosition: "grabPosition", name: "name", minSize: "minSize", maxSize: "maxSize" }, host: { properties: { "class.resize-panel": "this.resizePanelClass" } }, ngImport: i0, template: "<ng-content></ng-content>\n<div\n  #grab\n  class=\"resize-grab\"\n  [style.width.px]=\"direction === 'vertical' ? size : ''\"\n  [style.height.px]=\"direction === 'horizontal' ? size : ''\"\n  (resizeStart)=\"resizeStart($event)\"\n  (resizeProcess)=\"resizeProcess($event)\"\n  (resizeEnd)=\"resizeEnd($event)\"\n  [tetaResizeDrag]=\"direction\"\n  [ngClass]=\"getClassName()\"\n>\n  <teta-icon [name]=\"icon\" [palette]=\"'text'\"></teta-icon>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: ResizeDragDirective, selector: "[tetaResizeDrag]", inputs: ["tetaResizeDrag"], outputs: ["resizeStart", "resizeProcess", "resizeEnd"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ResizePanelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: ResizePanelComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'teta-resize-panel', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [ResizeDragDirective, NgClass, IconComponent], template: "<ng-content></ng-content>\n<div\n  #grab\n  class=\"resize-grab\"\n  [style.width.px]=\"direction === 'vertical' ? size : ''\"\n  [style.height.px]=\"direction === 'horizontal' ? size : ''\"\n  (resizeStart)=\"resizeStart($event)\"\n  (resizeProcess)=\"resizeProcess($event)\"\n  (resizeEnd)=\"resizeEnd($event)\"\n  [tetaResizeDrag]=\"direction\"\n  [ngClass]=\"getClassName()\"\n>\n  <teta-icon [name]=\"icon\" [palette]=\"'text'\"></teta-icon>\n</div>\n" }]
+            args: [{ selector: 'teta-resize-panel', changeDetection: ChangeDetectionStrategy.OnPush, imports: [ResizeDragDirective, NgClass, IconComponent], template: "<ng-content></ng-content>\n<div\n  #grab\n  class=\"resize-grab\"\n  [style.width.px]=\"direction === 'vertical' ? size : ''\"\n  [style.height.px]=\"direction === 'horizontal' ? size : ''\"\n  (resizeStart)=\"resizeStart($event)\"\n  (resizeProcess)=\"resizeProcess($event)\"\n  (resizeEnd)=\"resizeEnd($event)\"\n  [tetaResizeDrag]=\"direction\"\n  [ngClass]=\"getClassName()\"\n>\n  <teta-icon [name]=\"icon\" [palette]=\"'text'\"></teta-icon>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [DOCUMENT]
@@ -10530,10 +10546,10 @@ class AutoPositionDirective {
         const position = PositionUtil.getPosition(rect, targetRect, this.align, this.verticalAlign, 0, 0, parentPosition);
         PositionUtil.setElementPosition(target, position);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: AutoPositionDirective, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.1", type: AutoPositionDirective, isStandalone: true, selector: "[tetaAutoPosition]", inputs: { align: "align", verticalAlign: "verticalAlign" }, host: { properties: { "style.position": "this.fixed" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AutoPositionDirective, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.5", type: AutoPositionDirective, isStandalone: true, selector: "[tetaAutoPosition]", inputs: { align: "align", verticalAlign: "verticalAlign" }, host: { properties: { "style.position": "this.fixed" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: AutoPositionDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AutoPositionDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[tetaAutoPosition]',
@@ -10594,10 +10610,10 @@ class ClickOutsideDirective {
         window.removeEventListener('click', this.listener);
         window.removeEventListener('contextmenu', this.listener);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ClickOutsideDirective, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.1", type: ClickOutsideDirective, isStandalone: true, selector: "[tetaClickOutside]", inputs: { rightClick: "rightClick", tetaClickOutside: "tetaClickOutside" }, outputs: { clickOutside: "clickOutside" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: ClickOutsideDirective, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.5", type: ClickOutsideDirective, isStandalone: true, selector: "[tetaClickOutside]", inputs: { rightClick: "rightClick", tetaClickOutside: "tetaClickOutside" }, outputs: { clickOutside: "clickOutside" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ClickOutsideDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: ClickOutsideDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[tetaClickOutside]',
@@ -10615,10 +10631,10 @@ class DragPreviewDirective {
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: DragPreviewDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.1", type: DragPreviewDirective, isStandalone: true, selector: "[tetaDragPreview]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: DragPreviewDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.5", type: DragPreviewDirective, isStandalone: true, selector: "[tetaDragPreview]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: DragPreviewDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: DragPreviewDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[tetaDragPreview]',
@@ -10761,10 +10777,10 @@ class DragDropService {
             this._preview = this._previewRef = null;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: DragDropService, deps: [{ token: DOCUMENT }, { token: i0.RendererFactory2 }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: DragDropService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: DragDropService, deps: [{ token: DOCUMENT }, { token: i0.RendererFactory2 }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: DragDropService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: DragDropService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: DragDropService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -10818,10 +10834,10 @@ class DragContainerDirective {
     ngOnDestroy() {
         this._alive = false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: DragContainerDirective, deps: [{ token: DragDropService }, { token: i0.ElementRef }, { token: i0.ViewContainerRef }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.1", type: DragContainerDirective, isStandalone: true, selector: "[tetaDragContainer]", inputs: { data: ["tetaDragContainer", "data"], multiple: "multiple", allowDrop: "allowDrop" }, outputs: { tetaDrop: "tetaDrop", tetaDragEnter: "tetaDragEnter" }, host: { listeners: { "mouseleave": "mouseleave($event)", "mouseover": "mouseover($event)", "window:keydown.escape": "escape($event)" }, properties: { "class.teta-drag-container": "\"true\"", "class.teta-drop-target": "isDropTarget" } }, queries: [{ propertyName: "_previewTemplate", first: true, predicate: DragPreviewDirective, descendants: true, static: true }], exportAs: ["dragContainer"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: DragContainerDirective, deps: [{ token: DragDropService }, { token: i0.ElementRef }, { token: i0.ViewContainerRef }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.5", type: DragContainerDirective, isStandalone: true, selector: "[tetaDragContainer]", inputs: { data: ["tetaDragContainer", "data"], multiple: "multiple", allowDrop: "allowDrop" }, outputs: { tetaDrop: "tetaDrop", tetaDragEnter: "tetaDragEnter" }, host: { listeners: { "mouseleave": "mouseleave($event)", "mouseover": "mouseover($event)", "window:keydown.escape": "escape($event)" }, properties: { "class.teta-drag-container": "\"true\"", "class.teta-drop-target": "isDropTarget" } }, queries: [{ propertyName: "_previewTemplate", first: true, predicate: DragPreviewDirective, descendants: true, static: true }], exportAs: ["dragContainer"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: DragContainerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: DragContainerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[tetaDragContainer]',
@@ -10935,10 +10951,10 @@ class DragDirective {
     ngOnDestroy() {
         this._alive = false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: DragDirective, deps: [{ token: DragContainerDirective, optional: true, skipSelf: true }, { token: DragDropService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.1", type: DragDirective, isStandalone: true, selector: "[tetaDrag]", inputs: { data: ["tetaDrag", "data"], allowDrag: "allowDrag", allowDrop: "allowDrop", allowDropPredicate: "allowDropPredicate" }, outputs: { tetaDragEnter: "tetaDragEnter", tetaDrop: "tetaDrop" }, host: { listeners: { "mousedown": "mousedown($event)", "touchstart": "mousedown($event)", "mouseenter": "mouseenter($event)", "mouseleave": "mouseleave($event)" }, properties: { "style.userSelect": "\"none\"", "class.teta-drag-item": "\"true\"", "class.teta_draggable_item": "this.allowDrag", "class.teta_droppable_item": "this.allowDrop", "class.teta-drag-selection": "this.selection", "class.teta-drop-target": "this.isDropTarget" } }, exportAs: ["drag"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: DragDirective, deps: [{ token: DragContainerDirective, optional: true, skipSelf: true }, { token: DragDropService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.5", type: DragDirective, isStandalone: true, selector: "[tetaDrag]", inputs: { data: ["tetaDrag", "data"], allowDrag: "allowDrag", allowDrop: "allowDrop", allowDropPredicate: "allowDropPredicate" }, outputs: { tetaDragEnter: "tetaDragEnter", tetaDrop: "tetaDrop" }, host: { listeners: { "mousedown": "mousedown($event)", "touchstart": "mousedown($event)", "mouseenter": "mouseenter($event)", "mouseleave": "mouseleave($event)" }, properties: { "style.userSelect": "\"none\"", "class.teta-drag-item": "\"true\"", "class.teta_draggable_item": "this.allowDrag", "class.teta_droppable_item": "this.allowDrop", "class.teta-drag-selection": "this.selection", "class.teta-drop-target": "this.isDropTarget" } }, exportAs: ["drag"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: DragDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: DragDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[tetaDrag]',
@@ -10998,10 +11014,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImpor
 class DragPlaceholderDirective {
     constructor() { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: DragPlaceholderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.1", type: DragPlaceholderDirective, isStandalone: true, selector: "[tetaDragPlaceholder]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: DragPlaceholderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.5", type: DragPlaceholderDirective, isStandalone: true, selector: "[tetaDragPlaceholder]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: DragPlaceholderDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: DragPlaceholderDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[tetaDragPlaceholder]',
@@ -11050,10 +11066,10 @@ class DragSortContainerDirective {
             previousIndex: sourceIndex,
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: DragSortContainerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.1", type: DragSortContainerDirective, isStandalone: true, selector: "[tetaDragSortContainer]", inputs: { dragSortList: "dragSortList" }, outputs: { dragSorted: "dragSorted" }, host: { listeners: { "drop": "drop($event)" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: DragSortContainerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.5", type: DragSortContainerDirective, isStandalone: true, selector: "[tetaDragSortContainer]", inputs: { dragSortList: "dragSortList" }, outputs: { dragSorted: "dragSorted" }, host: { listeners: { "drop": "drop($event)" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: DragSortContainerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: DragSortContainerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[tetaDragSortContainer]',
@@ -11134,10 +11150,10 @@ class DragSortItemDirective {
             return event.clientY >= this.rect.y + this.rect.height / 2 ? 'end' : 'start';
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: DragSortItemDirective, deps: [{ token: DragSortContainerDirective, host: true }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.1", type: DragSortItemDirective, isStandalone: true, selector: "[tetaDragSortItem]", inputs: { tetaDragSortItem: "tetaDragSortItem", dragSortDirection: "dragSortDirection" }, host: { listeners: { "dragstart": "dragstart($event)", "dragenter": "dragenter($event)", "dragover": "dragover($event)", "dragleave": "dragleave($event)", "dragend": "dragend($event)", "drop": "drop($event)" }, properties: { "attr.draggable": "this.draggable", "class.position-relative": "this.relative" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: DragSortItemDirective, deps: [{ token: DragSortContainerDirective, host: true }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.5", type: DragSortItemDirective, isStandalone: true, selector: "[tetaDragSortItem]", inputs: { tetaDragSortItem: "tetaDragSortItem", dragSortDirection: "dragSortDirection" }, host: { listeners: { "dragstart": "dragstart($event)", "dragenter": "dragenter($event)", "dragover": "dragover($event)", "dragleave": "dragleave($event)", "dragend": "dragend($event)", "drop": "drop($event)" }, properties: { "attr.draggable": "this.draggable", "class.position-relative": "this.relative" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: DragSortItemDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: DragSortItemDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[tetaDragSortItem]',
@@ -11236,10 +11252,10 @@ class LoaderDirective {
         this._renderer.setStyle(this._loader, 'top', `${position.y + position.height / 2}px`);
         this._renderer.setStyle(this._loader, 'left', `${position.x + +position.width / 2}px`);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: LoaderDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: DOCUMENT }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.1", type: LoaderDirective, isStandalone: true, selector: "[tetaLoader]", inputs: { appendToBody: "appendToBody", mask: "mask", tetaLoader: "tetaLoader" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: LoaderDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: DOCUMENT }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.5", type: LoaderDirective, isStandalone: true, selector: "[tetaLoader]", inputs: { appendToBody: "appendToBody", mask: "mask", tetaLoader: "tetaLoader" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: LoaderDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: LoaderDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[tetaLoader]',
@@ -11300,10 +11316,10 @@ class TooltipDirective extends DynamicContentBaseDirective {
     createTooltip() {
         this._componentRef = this.createContentRef('tooltip');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: TooltipDirective, deps: [{ token: DOCUMENT }, { token: i0.ElementRef }, { token: DynamicComponentService }, { token: i0.Injector }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: ClickService }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.1", type: TooltipDirective, isStandalone: true, selector: "[tetaTooltip]", inputs: { tetaTooltip: "tetaTooltip", align: "align", verticalAlign: "verticalAlign" }, host: { listeners: { "click": "showContent($event)" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: TooltipDirective, deps: [{ token: DOCUMENT }, { token: i0.ElementRef }, { token: DynamicComponentService }, { token: i0.Injector }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: ClickService }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.5", type: TooltipDirective, isStandalone: true, selector: "[tetaTooltip]", inputs: { tetaTooltip: "tetaTooltip", align: "align", verticalAlign: "verticalAlign" }, host: { listeners: { "click": "showContent($event)" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: TooltipDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: TooltipDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[tetaTooltip]',
@@ -11341,10 +11357,10 @@ class NoAutofillDirective {
             this._renderer.insertBefore(this._elementRef.nativeElement, inputElement, this._elementRef.nativeElement.firstChild);
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: NoAutofillDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.1", type: NoAutofillDirective, isStandalone: true, selector: "[tetaNoAutofill]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: NoAutofillDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.5", type: NoAutofillDirective, isStandalone: true, selector: "[tetaNoAutofill]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: NoAutofillDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: NoAutofillDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[tetaNoAutofill]',
@@ -11369,10 +11385,10 @@ class ScrollIntoViewDirective {
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ScrollIntoViewDirective, deps: [{ token: PLATFORM_ID }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.1", type: ScrollIntoViewDirective, isStandalone: true, selector: "[tetaScrollIntoView]", inputs: { tetaScrollIntoView: "tetaScrollIntoView", behavior: "behavior", block: "block" }, usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: ScrollIntoViewDirective, deps: [{ token: PLATFORM_ID }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.5", type: ScrollIntoViewDirective, isStandalone: true, selector: "[tetaScrollIntoView]", inputs: { tetaScrollIntoView: "tetaScrollIntoView", behavior: "behavior", block: "block" }, usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ScrollIntoViewDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: ScrollIntoViewDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[tetaScrollIntoView]',
@@ -11389,6 +11405,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImpor
                 type: Input
             }] } });
+class PrependZeroPipe {
+    transform(value, length) {
+        if (value === null || value === undefined) {
+            return '';
+        }
+        value /= 1;
+        return prependZero(value, length);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: PrependZeroPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.0.5", ngImport: i0, type: PrependZeroPipe, isStandalone: true, name: "tetaPrependZero" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: PrependZeroPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'tetaPrependZero',
+                    standalone: true,
+                }]
+        }] });
 class TetaDatePipe {
     constructor(_transloco) {
         this._transloco = _transloco;
@@ -11413,10 +11448,10 @@ class TetaDatePipe {
             ? date.locale(params.locale).format(format).toString()
             : date.locale(params.locale).format(this.dateFormatMap.get(params.locale)).toString();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: TetaDatePipe, deps: [{ token: i1$2.TranslocoService }], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.1", ngImport: i0, type: TetaDatePipe, isStandalone: true, name: "tetaDate" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: TetaDatePipe, deps: [{ token: i1$2.TranslocoService }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.0.5", ngImport: i0, type: TetaDatePipe, isStandalone: true, name: "tetaDate" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: TetaDatePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: TetaDatePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'tetaDate',
@@ -11449,10 +11484,10 @@ class OverlayContainerService {
     ngOnDestroy() {
         this.removeContainer();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: OverlayContainerService, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: OverlayContainerService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: OverlayContainerService, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: OverlayContainerService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: OverlayContainerService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: OverlayContainerService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -11578,5 +11613,5 @@ function tetaZoneOptimized(ngZone) {
  * Generated bundle index. Do not edit.
  */
-export { ANIMATION_FRAME, AccordionComponent, AccordionContentDirective, AccordionHeadComponent, AccordionItemComponent, AggregationType, Align, ArrayUtil, AutoPositionDirective, AutocompleteComponent, AvatarComponent, BooleanCellComponent, BooleanFilter, BooleanFilterComponent, ButtonComponent, CHECKBOX_CONTROL_VALUE_ACCESSOR, CellComponent, CellComponentBase, CellHostComponent, Chart3dComponent, Chart3dOptions, CheckboxComponent, ClickOutsideDirective, ClickService, ColorInputComponent, ColumnReorderEvent, ColumnResizeEvent, ContextMenuDirective, CurrentModal, DATE_PICKER_CONTROL_VALUE_ACCESSOR, DATE_Range_CONTROL_VALUE_ACCESSOR, DateCalendarComponent, DateCellComponent, DateFilter, DateFilterComponent, DateFilterValue, DatePeriod, DatePickerComponent, DatePickerMode, DateRangeComponent, DateTimeCellComponent, DateUtil, DayModel, DelimiterComponent, DetailComponentBase, DialogComponent, DialogService, DisableControlDirective, DividerComponent, DomUtil, DragContainerDirective, DragContainerInstance, DragDirective, DragDropService, DragInstance, DragPlaceholderDirective, DragPreviewDirective, DragSortContainerDirective, DragSortItemDirective, DropdownComponent, DropdownContentDirective, DropdownDirective, DropdownHeadDirective, DynamicComponentService, DynamicContentBaseDirective, DynamicData, EditEvent, EditType, ExpandCardComponent, ExpandItemComponent, ExpandPanelComponent, ExpandPanelContentDirective, ExpandPanelHeadDirective, ExportType, FileItemComponent, FileUploadAreaComponent, FilterBase, FilterComponentBase, FilterHostComponent, FilterItem, FilterState, FilterType, FormGroupTitleComponent, FormsUtil, HeadCellComponentBase, HeadCellHostComponent, HighlightDirective, HintDirective, IconComponent, IconFileComponent, IconService, IconSpriteDirective, InputComponent, LetContext, LetDirective, ListCellComponent, ListFilter, ListFilterComponent, ListFilterType, LoaderDirective, Message, MessageComponent, MessageHostComponent, MessageService, ModalCloseReason, ModalContainerComponent, ModalInstance, ModalModule, ModalService, NoAutofillDirective, NumberPipe, NumericCellComponent, NumericFilter, NumericFilterComponent, NumericFilterValue, OnlyNumberDirective, OverlayContainerService, PagerComponent, PagerState, PagerUtil, PanelComponent, PopupContentComponent, PositionUtil, ProgressBarComponent, PropertyGridComponent, PropertyGridItemComponent, PropertyGridItemDescriptionDirective, RadioButtonComponent, RadioComponent, RangeCalendarComponent, ResizeDragDirective, ResizePanelComponent, SLIDER_CONTROL_VALUE_ACCESSOR, SWITCH_CONTROL_VALUE_ACCESSOR, ScrollIntoViewDirective, ScrollableComponent, ScrollableDirective, SelectComponent, SelectOptionDirective, SelectType, SelectValueDirective, SidebarComponent, SidebarPosition, SortEvent, SortParam, StateUtil, StepperComponent, StringCellComponent, StringFilter, StringFilterComponent, StringFilterType, StringUtil, SwitchButtonComponent, SwitchComponent, TOGGLE_CONTROL_VALUE_ACCESSOR, TabComponent, TabContentDirective, TabTitleDirective, TableBodyComponent, TableColumn, TableColumnStore, TableComponent, TableHeadComponent, TableRow, TableRowComponent, TableService, TableUtil, TabsComponent, TetaConfigService, TetaContentRef, TetaDatePipe, TetaSize, TetaTemplateDirective, TextFieldComponent, ThemeSwitchComponent, ThemeSwitchService, ToggleComponent, ToolbarComponent, TooltipDirective, TreeComponent, TreeItemToggleComponent, TreeService, VerticalAlign, WINDOW, boolOrFuncCallback, enLocale, exportDomToImage, formatNumber, getCellComponent, getPrecision, isFunction, prependZero, ruLocale, tetaZoneFree, tetaZoneFull, tetaZoneOptimized };
+export { ANIMATION_FRAME, AccordionComponent, AccordionContentDirective, AccordionHeadComponent, AccordionItemComponent, AggregationType, Align, ArrayUtil, AutoPositionDirective, AutocompleteComponent, AvatarComponent, BooleanCellComponent, BooleanFilter, BooleanFilterComponent, ButtonComponent, CHECKBOX_CONTROL_VALUE_ACCESSOR, CellComponent, CellComponentBase, CellHostComponent, Chart3dComponent, Chart3dOptions, CheckboxComponent, ClickOutsideDirective, ClickService, ColorInputComponent, ColumnReorderEvent, ColumnResizeEvent, ContextMenuDirective, CurrentModal, DATE_PICKER_CONTROL_VALUE_ACCESSOR, DATE_Range_CONTROL_VALUE_ACCESSOR, DateCalendarComponent, DateCellComponent, DateFilter, DateFilterComponent, DateFilterValue, DatePeriod, DatePickerComponent, DatePickerMode, DateRangeComponent, DateTimeCellComponent, DateUtil, DayModel, DelimiterComponent, DetailComponentBase, DialogComponent, DialogService, DisableControlDirective, DividerComponent, DomUtil, DragContainerDirective, DragContainerInstance, DragDirective, DragDropService, DragInstance, DragPlaceholderDirective, DragPreviewDirective, DragSortContainerDirective, DragSortItemDirective, DropdownComponent, DropdownContentDirective, DropdownDirective, DropdownHeadDirective, DynamicComponentService, DynamicContentBaseDirective, DynamicData, EditEvent, EditType, ExpandCardComponent, ExpandItemComponent, ExpandPanelComponent, ExpandPanelContentDirective, ExpandPanelHeadDirective, ExportType, FileItemComponent, FileUploadAreaComponent, FilterBase, FilterComponentBase, FilterHostComponent, FilterItem, FilterState, FilterType, FormGroupTitleComponent, FormsUtil, HeadCellComponentBase, HeadCellHostComponent, HighlightDirective, HintDirective, IconComponent, IconFileComponent, IconService, IconSpriteDirective, InputComponent, LetContext, LetDirective, ListCellComponent, ListFilter, ListFilterComponent, ListFilterType, LoaderDirective, Message, MessageComponent, MessageHostComponent, MessageService, ModalCloseReason, ModalContainerComponent, ModalInstance, ModalModule, ModalService, NoAutofillDirective, NumberPipe, NumericCellComponent, NumericFilter, NumericFilterComponent, NumericFilterValue, OnlyNumberDirective, OverlayContainerService, PagerComponent, PagerState, PagerUtil, PanelComponent, PopupContentComponent, PositionUtil, PrependZeroPipe, ProgressBarComponent, PropertyGridComponent, PropertyGridItemComponent, PropertyGridItemDescriptionDirective, RadioButtonComponent, RadioComponent, RangeCalendarComponent, ResizeDragDirective, ResizePanelComponent, SLIDER_CONTROL_VALUE_ACCESSOR, SWITCH_CONTROL_VALUE_ACCESSOR, ScrollIntoViewDirective, ScrollableComponent, ScrollableDirective, SelectComponent, SelectOptionDirective, SelectType, SelectValueDirective, SidebarComponent, SidebarPosition, SortEvent, SortParam, StateUtil, StepperComponent, StringCellComponent, StringFilter, StringFilterComponent, StringFilterType, StringUtil, SwitchButtonComponent, SwitchComponent, TOGGLE_CONTROL_VALUE_ACCESSOR, TabComponent, TabContentDirective, TabTitleDirective, TableBodyComponent, TableColumn, TableColumnStore, TableComponent, TableHeadComponent, TableRow, TableRowComponent, TableService, TableUtil, TabsComponent, TetaConfigService, TetaContentRef, TetaDatePipe, TetaSize, TetaTemplateDirective, TextFieldComponent, ThemeSwitchComponent, ThemeSwitchService, ToggleComponent, ToolbarComponent, TooltipDirective, TreeComponent, TreeItemToggleComponent, TreeService, VerticalAlign, WINDOW, boolOrFuncCallback, enLocale, exportDomToImage, formatNumber, getCellComponent, getPrecision, isFunction, prependZero, ruLocale, tetaZoneFree, tetaZoneFull, tetaZoneOptimized };
 //# sourceMappingURL=tetacom-ng-components.mjs.map