@tetacom/ng-components 1.6.8 → 1.6.10

package/component/date-picker/date-picker/date-picker.component.d.ts

@@ -29,6 +29,7 @@ export declare class DatePickerComponent extends BasePicker implements OnInit, C
     appendToBody: boolean;
     backdrop: boolean;
     allowNull: boolean;
+    open: boolean;
     firstDayOfWeek: number;
     disabledDates: Date[];
     disabledPeriods: DatePeriod[];
@@ -54,5 +55,5 @@ export declare class DatePickerComponent extends BasePicker implements OnInit, C
     setDisabledState?(isDisabled: boolean): void;
     ngOnChanges(changes: SimpleChanges): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DatePickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DatePickerComponent, "teta-date-picker", never, { "date": { "alias": "date"; "required": false; }; "showTime": { "alias": "showTime"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "align": { "alias": "align"; "required": false; }; "verticalAlign": { "alias": "verticalAlign"; "required": false; }; "viewType": { "alias": "viewType"; "required": false; }; "appendToBody": { "alias": "appendToBody"; "required": false; }; "backdrop": { "alias": "backdrop"; "required": false; }; "allowNull": { "alias": "allowNull"; "required": false; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; }; "disabledDates": { "alias": "disabledDates"; "required": false; }; "disabledPeriods": { "alias": "disabledPeriods"; "required": false; }; "disabledDays": { "alias": "disabledDays"; "required": false; }; "minYearDate": { "alias": "minYearDate"; "required": false; }; "maxYearDate": { "alias": "maxYearDate"; "required": false; }; }, { "selectDate": "selectDate"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DatePickerComponent, "teta-date-picker", never, { "date": { "alias": "date"; "required": false; }; "showTime": { "alias": "showTime"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "align": { "alias": "align"; "required": false; }; "verticalAlign": { "alias": "verticalAlign"; "required": false; }; "viewType": { "alias": "viewType"; "required": false; }; "appendToBody": { "alias": "appendToBody"; "required": false; }; "backdrop": { "alias": "backdrop"; "required": false; }; "allowNull": { "alias": "allowNull"; "required": false; }; "open": { "alias": "open"; "required": false; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; }; "disabledDates": { "alias": "disabledDates"; "required": false; }; "disabledPeriods": { "alias": "disabledPeriods"; "required": false; }; "disabledDays": { "alias": "disabledDays"; "required": false; }; "minYearDate": { "alias": "minYearDate"; "required": false; }; "maxYearDate": { "alias": "maxYearDate"; "required": false; }; }, { "selectDate": "selectDate"; }, never, never, true, never>;
 }

package/component/select/select/select.component.d.ts

@@ -65,5 +65,5 @@ export declare class SelectComponent implements ControlValueAccessor {
     setDisabledState?(isDisabled: boolean): void;
     private getSelectedValue;
     static ɵfac: i0.ɵɵFactoryDeclaration<SelectComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent, "teta-select", never, { "multiple": { "alias": "multiple"; "required": false; }; "options": { "alias": "options"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "align": { "alias": "align"; "required": false; }; "verticalAlign": { "alias": "verticalAlign"; "required": false; }; "autoClose": { "alias": "autoClose"; "required": false; }; "autoCloseIgnore": { "alias": "autoCloseIgnore"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "itemSize": { "alias": "itemSize"; "required": false; }; "virtual": { "alias": "virtual"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "appendToBody": { "alias": "appendToBody"; "required": false; }; "allowNull": { "alias": "allowNull"; "required": false; }; "viewType": { "alias": "viewType"; "required": false; }; "notFoundText": { "alias": "notFoundText"; "required": false; }; "valueRef": { "alias": "valueRef"; "required": false; }; "textRef": { "alias": "textRef"; "required": false; }; "searchRef": { "alias": "searchRef"; "required": false; }; }, {}, ["optionDirective", "valueDirective"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent, "teta-select", never, { "multiple": { "alias": "multiple"; "required": false; }; "options": { "alias": "options"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "align": { "alias": "align"; "required": false; }; "verticalAlign": { "alias": "verticalAlign"; "required": false; }; "autoClose": { "alias": "autoClose"; "required": false; }; "autoCloseIgnore": { "alias": "autoCloseIgnore"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "itemSize": { "alias": "itemSize"; "required": false; }; "virtual": { "alias": "virtual"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "appendToBody": { "alias": "appendToBody"; "required": false; }; "allowNull": { "alias": "allowNull"; "required": false; }; "viewType": { "alias": "viewType"; "required": false; }; "notFoundText": { "alias": "notFoundText"; "required": false; }; "valueRef": { "alias": "valueRef"; "required": false; }; "textRef": { "alias": "textRef"; "required": false; }; "searchRef": { "alias": "searchRef"; "required": false; }; "open": { "alias": "open"; "required": false; }; }, {}, ["optionDirective", "valueDirective"], never, true, never>;
 }

package/component/table/default/date-cell/date-cell.component.d.ts

@@ -8,6 +8,7 @@ export declare class DateCellComponent<T> extends CellComponentBase<T> implement
     protected svc: TableService<T>;
     protected cdr: ChangeDetectorRef;
     input: DatePickerComponent;
+    open: import("@angular/core").WritableSignal<boolean>;
     constructor(svc: TableService<T>, cdr: ChangeDetectorRef);
     ngOnInit(): void;
     startEdit(initiator: ICellCoordinates, type: 'cell' | 'row'): void;

package/component/table/default/date-time-cell/date-time-cell.component.d.ts

@@ -8,6 +8,7 @@ export declare class DateTimeCellComponent<T> extends CellComponentBase<T> imple
     protected svc: TableService<T>;
     protected cdr: ChangeDetectorRef;
     input: DatePickerComponent;
+    open: import("@angular/core").WritableSignal<boolean>;
     constructor(svc: TableService<T>, cdr: ChangeDetectorRef);
     ngOnInit(): void;
     startEdit(initiator: ICellCoordinates, type: 'cell' | 'row'): void;

package/component/table/default/list-cell/list-cell.component.d.ts

@@ -9,6 +9,7 @@ import * as i0 from "@angular/core";
 export declare class ListCellComponent<T> extends CellComponentBase<T> implements OnInit {
     protected svc: TableService<T>;
     protected cdr: ChangeDetectorRef;
+    open: import("@angular/core").WritableSignal<boolean>;
     get displayFilterOptions(): IIdName<any>[];
     input: SelectComponent;
     verticalAlign: typeof VerticalAlign;

package/directive/full-screen/full-screen-toggle.directive.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+export declare class FullScreenToggleDirective {
+    private fullScreen;
+    onClick(): Promise<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FullScreenToggleDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FullScreenToggleDirective, "[tetaFullScreenToggle]", never, {}, {}, never, never, true, never>;
+}

package/directive/full-screen/full-screen.directive.d.ts

@@ -0,0 +1,12 @@
+import { ElementRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class FullScreenDirective {
+    private service;
+    elementRef: ElementRef<any>;
+    enter(): Promise<void>;
+    exit(): Promise<void>;
+    toggle(): Promise<void>;
+    onEsc(ev: KeyboardEvent): Promise<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FullScreenDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FullScreenDirective, "[tetaFullScreen]", never, {}, {}, never, never, true, never>;
+}

package/directive/full-screen/full-screen.service.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+export declare class FullScreenService {
+    private active?;
+    enter(el: Element): Promise<void>;
+    exit(): Promise<void>;
+    toggle(el: Element): Promise<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FullScreenService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<FullScreenService>;
+}

package/directive/public-api.d.ts

@@ -5,6 +5,9 @@ export * from './disable-control/public-api';
 export * from './drag-drop/public-api';
 export * from './drag-sort/public-api';
 export * from './dynamic-content-base.directive';
+export * from './full-screen/full-screen.directive';
+export * from './full-screen/full-screen.service';
+export * from './full-screen/full-screen-toggle.directive';
 export * from './highlight/public-api';
 export * from './hint/public-api';
 export * from './loader/public-api';

package/fesm2022/tetacom-ng-components.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, HostBinding, Directive, Optional, Inject, ContentChild, Input, Injectable, Host, HostListener, ViewChild, forwardRef, ElementRef, EventEmitter, Output, TemplateRef, Injector, ViewContainerRef, Pipe, ViewEncapsulation, ChangeDetectorRef, inject, NgModule, input, computed, output, contentChildren, effect, NgZone, model, ContentChildren, SkipSelf, PLATFORM_ID, InjectionToken } from '@angular/core';
+import { Component, ChangeDetectionStrategy, HostBinding, Directive, Optional, Inject, ContentChild, Input, Injectable, Host, HostListener, ViewChild, forwardRef, ElementRef, EventEmitter, Output, TemplateRef, Injector, ViewContainerRef, Pipe, ViewEncapsulation, ChangeDetectorRef, inject, NgModule, input, computed, output, contentChildren, effect, signal, NgZone, model, ContentChildren, SkipSelf, PLATFORM_ID, InjectionToken } from '@angular/core';
 import * as i1$1 from '@angular/common';
 import { NgTemplateOutlet, DOCUMENT, NgClass, AsyncPipe, DatePipe, CommonModule, isPlatformBrowser } from '@angular/common';
 import * as i1 from '@angular/common/http';
@@ -2387,6 +2387,7 @@ class DatePickerComponent extends BasePicker {
         this.viewType = 'rounded';
         this.backdrop = false;
         this.allowNull = true;
+        this.open = false;
         this.firstDayOfWeek = 1;
         this.selectDate = new EventEmitter();
         this.selectedDate = new ReplaySubject(1);
@@ -2499,7 +2500,7 @@ class DatePickerComponent extends BasePicker {
         this.prepareInput(false);
     }
     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 }); }
+    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", open: "open", 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: "19.0.5", ngImport: i0, type: DatePickerComponent, decorators: [{
             type: Component,
@@ -2539,6 +2540,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImpor
                 type: Input
             }], allowNull: [{
                 type: Input
+            }], open: [{
+                type: Input
             }], firstDayOfWeek: [{
                 type: Input
             }], disabledDates: [{
@@ -3568,7 +3571,7 @@ class DateFilterComponent extends FilterComponentBase {
         return filter;
     }
     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 }); }
+    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", "open", "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: "19.0.5", ngImport: i0, type: DateFilterComponent, decorators: [{
             type: Component,
@@ -6033,7 +6036,7 @@ class SelectComponent {
         }
     }
     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: [
+    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", open: "open" }, 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),
@@ -6116,6 +6119,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImpor
             }], open: [{
                 type: HostBinding,
                 args: ['class.select_open']
+            }, {
+                type: Input
             }], selectClass: [{
                 type: HostBinding,
                 args: ['class.select']
@@ -6261,7 +6266,7 @@ class PropertyGridItemComponent {
         }
     }
     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  @if (template()) {\n    <ng-container\n      *ngTemplateOutlet=\"template().template; context: {\n        $implicit: formGroup?.get(column().name),\n        control:formGroup?.get(column().name),\n        column: column()\n      }\"\n    ></ng-container>\n  } @else {\n    @if (formGroup?.get(column().name)) {\n      <teta-input [label]=\"caption()\"\n                  [hint]=\"hint()\"\n                  [formGroup]=\"formGroup\"\n                  [horizontal]=\"horizontal() || column().filterType === filterTypeEnum.color\"\n                  [required]=\"column().required\">\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\n              [tetaDisableControl]=\"!editable()\"\n              [formControlName]=\"column().name\"\n              [tetaHint]=\"hint()\"\n              [align]=\"align.left\"\n            >\n              {{ column().caption }}\n            </teta-toggle>\n          }\n          @case (filterTypeEnum.color) {\n            <teta-color-input\n              class=\"border border-text-20 border-radius-4 padding-1\"\n              [tetaDisableControl]=\"!editable()\"\n              [formControlName]=\"column().name\">\n            </teta-color-input>\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        @if (controlIsInvalid(column().name)) {\n          <div ngProjectAs=\"message\" class=\"color-red-50\">\n            {{ getError(column()) }}\n          </div>\n        }\n      </teta-input>\n    }\n  }\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"] }, { kind: "directive", type: HintDirective, selector: "[tetaHint]", inputs: ["tetaHint", "align", "verticalAlign", "delay", "viewType", "overflownOnly"] }, { kind: "component", type: ColorInputComponent, selector: "teta-color-input", inputs: ["disabled"] }], viewProviders: [FormsUtil.formProvider], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    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  @if (template()) {\n    <ng-container\n      *ngTemplateOutlet=\"template().template; context: {\n        $implicit: formGroup?.get(column().name),\n        control:formGroup?.get(column().name),\n        column: column()\n      }\"\n    ></ng-container>\n  } @else {\n    @if (formGroup?.get(column().name)) {\n      <teta-input [label]=\"caption()\"\n                  [hint]=\"hint()\"\n                  [formGroup]=\"formGroup\"\n                  [horizontal]=\"horizontal() || column().filterType === filterTypeEnum.color\"\n                  [required]=\"column().required\">\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\n              [tetaDisableControl]=\"!editable()\"\n              [formControlName]=\"column().name\"\n              [tetaHint]=\"hint()\"\n              [align]=\"align.left\"\n            >\n              {{ column().caption }}\n            </teta-toggle>\n          }\n          @case (filterTypeEnum.color) {\n            <teta-color-input\n              class=\"border border-text-20 border-radius-4 padding-1\"\n              [tetaDisableControl]=\"!editable()\"\n              [formControlName]=\"column().name\">\n            </teta-color-input>\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        @if (controlIsInvalid(column().name)) {\n          <div ngProjectAs=\"message\" class=\"color-red-50\">\n            {{ getError(column()) }}\n          </div>\n        }\n      </teta-input>\n    }\n  }\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", "open"] }, { kind: "component", type: DatePickerComponent, selector: "teta-date-picker", inputs: ["date", "showTime", "minDate", "maxDate", "invalid", "disabled", "align", "verticalAlign", "viewType", "appendToBody", "backdrop", "allowNull", "open", "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"] }, { kind: "directive", type: HintDirective, selector: "[tetaHint]", inputs: ["tetaHint", "align", "verticalAlign", "delay", "viewType", "overflownOnly"] }, { kind: "component", type: ColorInputComponent, selector: "teta-color-input", inputs: ["disabled"] }], viewProviders: [FormsUtil.formProvider], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: PropertyGridItemComponent, decorators: [{
             type: Component,
@@ -7820,6 +7825,7 @@ class NumericCellComponent extends CellComponentBase {
         if (initiator?.column === this.column.name) {
             this.cdr.detectChanges();
             this.input.nativeElement?.focus();
+            this.input.nativeElement?.select();
         }
     }
     stopEdit() {
@@ -7841,12 +7847,14 @@ class DateCellComponent extends CellComponentBase {
         super(svc, cdr);
         this.svc = svc;
         this.cdr = cdr;
+        this.open = signal(false);
     }
     ngOnInit() {
         super.ngOnInit();
     }
     startEdit(initiator, type) {
         if (initiator?.column === this.column.name) {
+            this.open.set(true);
             setTimeout(() => {
                 this.input?.focus();
                 this.cdr.markForCheck();
@@ -7854,14 +7862,15 @@ class DateCellComponent extends CellComponentBase {
         }
     }
     stopEdit() {
+        this.open.set(false);
         this.cdr.markForCheck();
     }
     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" }], viewProviders: [FormsUtil.formProvider], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    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    [open]=\"open()\"\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", "open", "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" }], viewProviders: [FormsUtil.formProvider], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 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, viewProviders: [FormsUtil.formProvider], 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, viewProviders: [FormsUtil.formProvider], 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    [open]=\"open()\"\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 }]
@@ -7881,6 +7890,7 @@ class ListCellComponent extends CellComponentBase {
         super(svc, cdr);
         this.svc = svc;
         this.cdr = cdr;
+        this.open = signal(false);
         this.verticalAlign = VerticalAlign;
     }
     startEdit(initiator, type) {
@@ -7889,9 +7899,11 @@ class ListCellComponent extends CellComponentBase {
                 this.input?.focus();
                 this.cdr.markForCheck();
             }, 0);
+            this.open.set(true);
         }
     }
     stopEdit() {
+        this.open.set(false);
         this.cdr.markForCheck();
     }
     ngOnInit() {
@@ -7908,11 +7920,11 @@ class ListCellComponent extends CellComponentBase {
         return item.name;
     }
     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' : 'flex'\" class=\"cell-text justify-content-between\"\n      [class.cell-text_disabled]=\"!editable\">\n  <span class=\"row_auto overflow-hidden text-overflow-ellipsis\">{{ getValue(control.value) }}</span>\n  @if (column.editable) {\n    <teta-icon [name]=\"'arrowDownSmall'\" [palette]=\"'text'\"></teta-icon>\n  }\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"] }, { kind: "component", type: IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }], viewProviders: [FormsUtil.formProvider], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    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' : 'flex'\" class=\"cell-text justify-content-between\"\n      [class.cell-text_disabled]=\"!editable\">\n  <span class=\"row_auto overflow-hidden text-overflow-ellipsis\">{{ getValue(control.value) }}</span>\n  @if (column.editable) {\n    <teta-icon [name]=\"'arrowDownSmall'\" [palette]=\"'text'\"></teta-icon>\n  }\n</span>\n@if (edit) {\n  <teta-select\n    #input\n    class=\"row_auto select-table\"\n    [open]=\"open()\"\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", "open"] }, { 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: "component", type: IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }], viewProviders: [FormsUtil.formProvider], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 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, viewProviders: [FormsUtil.formProvider], imports: [SelectComponent, FormsModule, ReactiveFormsModule, IconComponent], template: "<span [style.display]=\"edit ? 'none' : 'flex'\" class=\"cell-text justify-content-between\"\n      [class.cell-text_disabled]=\"!editable\">\n  <span class=\"row_auto overflow-hidden text-overflow-ellipsis\">{{ getValue(control.value) }}</span>\n  @if (column.editable) {\n    <teta-icon [name]=\"'arrowDownSmall'\" [palette]=\"'text'\"></teta-icon>\n  }\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, viewProviders: [FormsUtil.formProvider], imports: [SelectComponent, FormsModule, ReactiveFormsModule, IconComponent], template: "<span [style.display]=\"edit ? 'none' : 'flex'\" class=\"cell-text justify-content-between\"\n      [class.cell-text_disabled]=\"!editable\">\n  <span class=\"row_auto overflow-hidden text-overflow-ellipsis\">{{ getValue(control.value) }}</span>\n  @if (column.editable) {\n    <teta-icon [name]=\"'arrowDownSmall'\" [palette]=\"'text'\"></teta-icon>\n  }\n</span>\n@if (edit) {\n  <teta-select\n    #input\n    class=\"row_auto select-table\"\n    [open]=\"open()\"\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 }]
@@ -10329,12 +10341,14 @@ class DateTimeCellComponent extends CellComponentBase {
         super(svc, cdr);
         this.svc = svc;
         this.cdr = cdr;
+        this.open = signal(false);
     }
     ngOnInit() {
         super.ngOnInit();
     }
     startEdit(initiator, type) {
         if (initiator?.column === this.column.name) {
+            this.open.set(true);
             setTimeout(() => {
                 this.input?.openPicker(true);
                 this.cdr.markForCheck();
@@ -10342,14 +10356,15 @@ class DateTimeCellComponent extends CellComponentBase {
         }
     }
     stopEdit() {
+        this.open.set(false);
         this.cdr.markForCheck();
     }
     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" }], viewProviders: [FormsUtil.formProvider], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    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    [open]=\"open()\"\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", "open", "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" }], viewProviders: [FormsUtil.formProvider], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 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, viewProviders: [FormsUtil.formProvider], 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, viewProviders: [FormsUtil.formProvider], 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    [open]=\"open()\"\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 }]
@@ -11276,6 +11291,94 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImpor
                 args: ['drop', ['$event']]
             }] } });
 
+class FullScreenService {
+    async enter(el) {
+        if (this.active) {
+            await this.exit();
+        }
+        this.active = el;
+        await el.requestFullscreen();
+    }
+    async exit() {
+        if (document.fullscreenElement) {
+            await document.exitFullscreen();
+        }
+        this.active = undefined;
+    }
+    async toggle(el) {
+        if (document.fullscreenElement === el) {
+            await this.exit();
+        }
+        else {
+            await this.enter(el);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: FullScreenService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: FullScreenService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: FullScreenService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+class FullScreenDirective {
+    constructor() {
+        this.service = inject(FullScreenService);
+        this.elementRef = inject(ElementRef);
+    }
+    async enter() {
+        await this.service.enter(this.elementRef.nativeElement);
+    }
+    async exit() {
+        await this.service.exit();
+    }
+    async toggle() {
+        await this.service.toggle(this.elementRef.nativeElement);
+    }
+    async onEsc(ev) {
+        if (document.fullscreenElement === this.elementRef.nativeElement) {
+            ev.stopPropagation();
+            await this.exit();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: FullScreenDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.5", type: FullScreenDirective, isStandalone: true, selector: "[tetaFullScreen]", host: { listeners: { "keydown.escape": "onEsc($event)" } }, providers: [FullScreenService], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: FullScreenDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[tetaFullScreen]',
+                    providers: [FullScreenService],
+                    host: {
+                        '(keydown.escape)': 'onEsc($event)',
+                    },
+                }]
+        }] });
+
+class FullScreenToggleDirective {
+    constructor() {
+        this.fullScreen = inject(FullScreenDirective, {
+            optional: true,
+        });
+    }
+    async onClick() {
+        await this.fullScreen?.toggle();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: FullScreenToggleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.5", type: FullScreenToggleDirective, isStandalone: true, selector: "[tetaFullScreenToggle]", host: { listeners: { "click": "onClick()" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: FullScreenToggleDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[tetaFullScreenToggle]',
+                    host: {
+                        '(click)': 'onClick()',
+                    },
+                }]
+        }] });
+
 class LoaderDirective {
     set tetaLoader(value) {
         this._loading = value;
@@ -11698,5 +11801,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, ColorCellComponent, ColorInputComponent, ColorUtil, 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 };
+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, ColorCellComponent, ColorInputComponent, ColorUtil, 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, FullScreenDirective, FullScreenService, FullScreenToggleDirective, 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