@tetacom/ng-components 1.2.0 → 1.2.2

package/esm2022/component/input/input/input.component.mjs

@@ -12,10 +12,10 @@ export class InputComponent {
     get column() {
         return !this.horizontal;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: InputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", 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 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 class=\"overflow-hidden text-overflow-ellipsis\"\n      [tetaHint]=\"hint ?? label\"\n      [align]=\"align.left\"\n      [overflownOnly]=\"!hint || hint === label\">\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: "17.3.5", ngImport: i0, type: InputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.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 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 class=\"overflow-hidden text-overflow-ellipsis\"\n      [tetaHint]=\"hint ?? label\"\n      [align]=\"align.left\"\n      [overflownOnly]=\"!hint || hint === label\">\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: "17.1.3", ngImport: i0, type: InputComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.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 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 class=\"overflow-hidden text-overflow-ellipsis\"\n      [tetaHint]=\"hint ?? label\"\n      [align]=\"align.left\"\n      [overflownOnly]=\"!hint || hint === label\">\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: [{

package/esm2022/component/input/text-field/text-field.component.mjs

@@ -45,8 +45,8 @@ export class TextFieldComponent {
     }
     onChange(input) { }
     onTouched() { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TextFieldComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", 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: "17.3.5", ngImport: i0, type: TextFieldComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.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),
@@ -54,7 +54,7 @@ export 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: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.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"] }, { 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: "17.1.3", ngImport: i0, type: TextFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: TextFieldComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-text-field', providers: [
                         {

package/esm2022/component/message/message/message.component.mjs

@@ -49,10 +49,10 @@ export class MessageComponent {
     ngOnDestroy() {
         this.reset();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: MessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", 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\n    type=\"button\"\n    [square]=\"true\"\n    [view]=\"'ghost'\"\n    (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: "17.3.5", ngImport: i0, type: MessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.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\n    type=\"button\"\n    [square]=\"true\"\n    [view]=\"'ghost'\"\n    (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: "17.1.3", ngImport: i0, type: MessageComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: MessageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-message', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
                         ButtonComponent,

package/esm2022/component/message/message-host/message-host.component.mjs

@@ -67,10 +67,10 @@ export class MessageHostComponent {
     ngOnDestroy() {
         this._alive = false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: MessageHostComponent, deps: [{ token: i1.MessageService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", 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\n    (closed)=\"closedItem($event)\"\n    [message]=\"message\"\n    [index]=\"i\">\n  </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: "17.3.5", ngImport: i0, type: MessageHostComponent, deps: [{ token: i1.MessageService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.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\n    (closed)=\"closedItem($event)\"\n    [message]=\"message\"\n    [index]=\"i\">\n  </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: "17.1.3", ngImport: i0, type: MessageHostComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.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\n    (closed)=\"closedItem($event)\"\n    [message]=\"message\"\n    [index]=\"i\">\n  </teta-message>\n}\n" }]
         }], ctorParameters: () => [{ type: i1.MessageService }, { type: i0.ChangeDetectorRef }], propDecorators: { class: [{

package/esm2022/component/message/message.service.mjs

@@ -23,10 +23,10 @@ export class MessageService {
     clearMessages(name) {
         this._clear.next(name);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: MessageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: MessageService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: MessageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: MessageService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: MessageService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: MessageService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'

package/esm2022/component/modal/dialog/dialog.component.mjs

@@ -26,10 +26,10 @@ export class DialogComponent {
         });
     }
     ngOnInit() { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: DialogComponent, deps: [{ token: i1.CurrentModal }, { token: i2.DynamicData }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", 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\n      (click)=\"cancel()\"\n      [palette]=\"'text'\"\n      [view]=\"'ghost'\">\n      {{'common.cancel' | transloco}}\n    </button>\n  }\n\n  <button teta-button\n    (click)=\"ok()\"\n    [square]=\"!buttonText?.length\"\n    [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: i3.TranslocoPipe, name: "transloco" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: DialogComponent, deps: [{ token: i1.CurrentModal }, { token: i2.DynamicData }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.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\n      (click)=\"cancel()\"\n      [palette]=\"'text'\"\n      [view]=\"'ghost'\">\n      {{'common.cancel' | transloco}}\n    </button>\n  }\n\n  <button teta-button\n    (click)=\"ok()\"\n    [square]=\"!buttonText?.length\"\n    [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: i3.TranslocoPipe, name: "transloco" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: DialogComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: DialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-dialog', standalone: true, imports: [
                         ToolbarComponent,

package/esm2022/component/modal/dialog.service.mjs

@@ -28,10 +28,10 @@ export class DialogService {
         });
         return dialog.onClose;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: DialogService, deps: [{ token: i1.ModalService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: DialogService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: DialogService, deps: [{ token: i1.ModalService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: DialogService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: DialogService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: DialogService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',

package/esm2022/component/modal/modal-container/modal-container.component.mjs

@@ -39,8 +39,8 @@ export class ModalContainerComponent {
             });
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ModalContainerComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", 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: "17.3.5", ngImport: i0, type: ModalContainerComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.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%' }),
@@ -50,7 +50,7 @@ export class ModalContainerComponent {
             ]),
         ], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ModalContainerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: ModalContainerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-modal-container', animations: [
                         trigger('dialog', [

package/esm2022/component/modal/modal.module.mjs

@@ -5,11 +5,11 @@ import { DialogComponent } from './dialog/dialog.component';
 import { TRANSLOCO_SCOPE, TranslocoModule } from '@ngneat/transloco';
 import * as i0 from "@angular/core";
 export class ModalModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.3", ngImport: i0, type: ModalModule, imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: ModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.5", ngImport: i0, type: ModalModule, imports: [CommonModule,
             TranslocoModule,
             ModalContainerComponent, DialogComponent], exports: [ModalContainerComponent, DialogComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ModalModule, providers: [
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: ModalModule, providers: [
             {
                 provide: TRANSLOCO_SCOPE,
                 useValue: { scope: 'common', alias: 'common' },
@@ -19,7 +19,7 @@ export class ModalModule {
             TranslocoModule,
             DialogComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ModalModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: ModalModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [ModalContainerComponent, DialogComponent],

package/esm2022/component/modal/modal.service.mjs

@@ -107,10 +107,10 @@ export class ModalService {
             }, 0);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ModalService, deps: [{ token: DOCUMENT }, { token: i0.Injector }, { token: i1.DynamicComponentService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ModalService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: ModalService, deps: [{ token: DOCUMENT }, { token: i0.Injector }, { token: i1.DynamicComponentService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: ModalService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ModalService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: ModalService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',

package/esm2022/component/pager/pager/pager.component.mjs

@@ -3,10 +3,10 @@ import * as i0 from "@angular/core";
 export class PagerComponent {
     constructor() { }
     ngOnInit() { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PagerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", 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: "17.3.5", ngImport: i0, type: PagerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.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: "17.1.3", ngImport: i0, type: PagerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: PagerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-pager', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<p>pager works!</p>\n" }]
         }], ctorParameters: () => [] });

package/esm2022/component/panel/panel/panel.component.mjs

@@ -14,8 +14,8 @@ export class PanelComponent {
         this.auto = true;
     }
     ngOnInit() { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", 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: "17.3.5", ngImport: i0, type: PanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.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' }),
@@ -25,7 +25,7 @@ export class PanelComponent {
             ]),
         ], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PanelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: PanelComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-panel', changeDetection: ChangeDetectionStrategy.OnPush, animations: [
                         trigger('panel', [

package/esm2022/component/progress-bar/progress-bar/progress-bar.component.mjs

@@ -100,10 +100,10 @@ export 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: "17.1.3", 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: "17.1.3", 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 class=\"progress-slider\"\n     [class.progress-slider_visible]=\"moving\"\n     #progressSlider\n     (mousedown)=\"mousedown()\"\n     (click)=\"click($event)\"\n     [style.left.%]=\"percent\"></div>\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.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: "17.3.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 class=\"progress-slider\"\n     [class.progress-slider_visible]=\"moving\"\n     #progressSlider\n     (mousedown)=\"mousedown()\"\n     (click)=\"click($event)\"\n     [style.left.%]=\"percent\"></div>\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ProgressBarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.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 class=\"progress-slider\"\n     [class.progress-slider_visible]=\"moving\"\n     #progressSlider\n     (mousedown)=\"mousedown()\"\n     (click)=\"click($event)\"\n     [style.left.%]=\"percent\"></div>\n" }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{

package/esm2022/component/property-grid/property-grid/property-grid-group/property-grid-group.component.mjs

@@ -30,10 +30,10 @@ export class PropertyGridGroupComponent {
     trackColumns(index, column) {
         return column.name;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PropertyGridGroupComponent, deps: [{ token: i1.ControlContainer, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: PropertyGridGroupComponent, isStandalone: true, selector: "teta-property-grid-group", inputs: { column: "column", hideNonEditable: "hideNonEditable", dict: "dict", item: "item", horizontal: "horizontal", decimalPart: "decimalPart", itemTemplates: "itemTemplates" }, 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 trackColumns($index, col)) {\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\"></teta-property-grid-item>\n        }\n      }\n      @if (col.columns?.length > 0) {\n        <teta-property-grid-group [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)\"></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] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: PropertyGridGroupComponent, deps: [{ token: i1.ControlContainer, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: PropertyGridGroupComponent, isStandalone: true, selector: "teta-property-grid-group", inputs: { column: "column", hideNonEditable: "hideNonEditable", dict: "dict", item: "item", horizontal: "horizontal", decimalPart: "decimalPart", itemTemplates: "itemTemplates" }, 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 trackColumns($index, col)) {\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\"></teta-property-grid-item>\n        }\n      }\n      @if (col.columns?.length > 0) {\n        <teta-property-grid-group [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)\"></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] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PropertyGridGroupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: PropertyGridGroupComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-property-grid-group', viewProviders: [FormsUtil.formProvider], standalone: true, imports: [ExpandItemComponent, PropertyGridItemComponent], 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 trackColumns($index, col)) {\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\"></teta-property-grid-item>\n        }\n      }\n      @if (col.columns?.length > 0) {\n        <teta-property-grid-group [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)\"></teta-property-grid-group>\n      }\n    }\n  </div>\n</teta-expand-item>\n", styles: [":host{display:flex;flex-direction:column}\n"] }]
         }], ctorParameters: () => [{ type: i1.ControlContainer, decorators: [{

package/esm2022/component/property-grid/property-grid/property-grid-item/property-grid-item.component.mjs

@@ -100,10 +100,10 @@ export class PropertyGridItemComponent {
             });
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PropertyGridItemComponent, deps: [{ token: i1.TranslocoService }, { token: i2.ControlContainer, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: PropertyGridItemComponent, isStandalone: true, selector: "teta-property-grid-item", inputs: { column: "column", hideNonEditable: "hideNonEditable", dict: "dict", decimalPart: "decimalPart", item: "item", itemTemplates: "itemTemplates", horizontal: "horizontal" }, outputs: { controlValueChange: "controlValueChange" }, usesOnChanges: true, ngImport: i0, template: "@if (editable || !hideNonEditable) {\n  <teta-input [label]=\"caption\"\n    [hint]=\"column.hint\"\n    [formGroup]=\"formGroup\"\n    [horizontal]=\"horizontal\"\n    [required]=\"column.required\"\n    >\n    @if (template) {\n      <ng-container *ngTemplateOutlet=\"template.template;context: {$implicit: formGroup?.get(column.name)}\"></ng-container>\n    } @else {\n      @if (formGroup?.get(column.name)) {\n        @switch (column.filterType) {\n          @case (filterTypeEnum.list) {\n            <teta-select class=\"row_auto\"\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\"></teta-select>\n          }\n          @case (filterTypeEnum.date) {\n            <teta-date-picker\n              class=\"row_auto\"\n              [appendToBody]=\"true\"\n              [invalid]=\"controlIsInvalid(column.name)\"\n            [formControlName]=\"column.name\"></teta-date-picker>\n          }\n          @case (filterTypeEnum.boolean) {\n            <teta-toggle\n              [formControlName]=\"column.name\">\n              {{column.caption}}\n            </teta-toggle>\n          }\n          @default {\n            <teta-text-field class=\"row_auto\"\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\"></teta-text-field>\n          }\n        }\n      }\n    }\n    <ng-template #default>\n      @if (formGroup?.get(column.name)) {\n        @switch (column.filterType) {\n          @case (filterTypeEnum.list) {\n            <teta-select class=\"row_auto\"\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\"></teta-select>\n          }\n          @case (filterTypeEnum.date) {\n            <teta-date-picker\n              class=\"row_auto\"\n              [appendToBody]=\"true\"\n              [invalid]=\"controlIsInvalid(column.name)\"\n            [formControlName]=\"column.name\"></teta-date-picker>\n          }\n          @case (filterTypeEnum.boolean) {\n            <teta-toggle\n              [formControlName]=\"column.name\">\n              {{column.caption}}\n            </teta-toggle>\n          }\n          @default {\n            <teta-text-field class=\"row_auto\"\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\"></teta-text-field>\n          }\n        }\n      }\n    </ng-template>\n    @if (controlIsInvalid(column.name)) {\n      <div\n        ngProjectAs=\"message\"\n        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"] }], viewProviders: [FormsUtil.formProvider] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: PropertyGridItemComponent, deps: [{ token: i1.TranslocoService }, { token: i2.ControlContainer, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: PropertyGridItemComponent, isStandalone: true, selector: "teta-property-grid-item", inputs: { column: "column", hideNonEditable: "hideNonEditable", dict: "dict", decimalPart: "decimalPart", item: "item", itemTemplates: "itemTemplates", horizontal: "horizontal" }, outputs: { controlValueChange: "controlValueChange" }, usesOnChanges: true, ngImport: i0, template: "@if (editable || !hideNonEditable) {\n  <teta-input [label]=\"caption\"\n    [hint]=\"column.hint\"\n    [formGroup]=\"formGroup\"\n    [horizontal]=\"horizontal\"\n    [required]=\"column.required\"\n    >\n    @if (template) {\n      <ng-container *ngTemplateOutlet=\"template.template;context: {$implicit: formGroup?.get(column.name)}\"></ng-container>\n    } @else {\n      @if (formGroup?.get(column.name)) {\n        @switch (column.filterType) {\n          @case (filterTypeEnum.list) {\n            <teta-select class=\"row_auto\"\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\"></teta-select>\n          }\n          @case (filterTypeEnum.date) {\n            <teta-date-picker\n              class=\"row_auto\"\n              [appendToBody]=\"true\"\n              [invalid]=\"controlIsInvalid(column.name)\"\n            [formControlName]=\"column.name\"></teta-date-picker>\n          }\n          @case (filterTypeEnum.boolean) {\n            <teta-toggle\n              [formControlName]=\"column.name\">\n              {{column.caption}}\n            </teta-toggle>\n          }\n          @default {\n            <teta-text-field class=\"row_auto\"\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\"></teta-text-field>\n          }\n        }\n      }\n    }\n    <ng-template #default>\n      @if (formGroup?.get(column.name)) {\n        @switch (column.filterType) {\n          @case (filterTypeEnum.list) {\n            <teta-select class=\"row_auto\"\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\"></teta-select>\n          }\n          @case (filterTypeEnum.date) {\n            <teta-date-picker\n              class=\"row_auto\"\n              [appendToBody]=\"true\"\n              [invalid]=\"controlIsInvalid(column.name)\"\n            [formControlName]=\"column.name\"></teta-date-picker>\n          }\n          @case (filterTypeEnum.boolean) {\n            <teta-toggle\n              [formControlName]=\"column.name\">\n              {{column.caption}}\n            </teta-toggle>\n          }\n          @default {\n            <teta-text-field class=\"row_auto\"\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\"></teta-text-field>\n          }\n        }\n      }\n    </ng-template>\n    @if (controlIsInvalid(column.name)) {\n      <div\n        ngProjectAs=\"message\"\n        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"] }], viewProviders: [FormsUtil.formProvider] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PropertyGridItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: PropertyGridItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-property-grid-item', viewProviders: [FormsUtil.formProvider], standalone: true, imports: [
                         InputComponent,

package/esm2022/component/property-grid/property-grid/property-grid-item-description.directive.mjs

@@ -4,10 +4,10 @@ export class PropertyGridItemDescriptionDirective {
     constructor(template) {
         this.template = template;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PropertyGridItemDescriptionDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.1.3", type: PropertyGridItemDescriptionDirective, isStandalone: true, selector: "[tetaPropertyGridItemDescription]", inputs: { name: ["tetaPropertyGridItemDescription", "name"] }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: PropertyGridItemDescriptionDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.5", type: PropertyGridItemDescriptionDirective, isStandalone: true, selector: "[tetaPropertyGridItemDescription]", inputs: { name: ["tetaPropertyGridItemDescription", "name"] }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PropertyGridItemDescriptionDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: PropertyGridItemDescriptionDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[tetaPropertyGridItemDescription]',

package/esm2022/component/property-grid/property-grid/property-grid.component.mjs

@@ -66,10 +66,10 @@ export class PropertyGridComponent {
     getDictValue(value, name) {
         return this.dict[name]?.find(_ => _.id === value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PropertyGridComponent, deps: [{ token: i1.ControlContainer, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: PropertyGridComponent, isStandalone: true, selector: "teta-property-grid", inputs: { hideNonEditable: "hideNonEditable", columns: "columns", dict: "dict", item: "item", horizontal: "horizontal", decimalPart: "decimalPart" }, outputs: { controlValueChange: "controlValueChange" }, host: { properties: { "class.form-container": "this.formClass" } }, queries: [{ propertyName: "itemTemplates", predicate: PropertyGridItemDescriptionDirective }], ngImport: i0, template: "@if (columns?.length) {\n  @for (column of columns; track trackColumns($index, column)) {\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'></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'></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: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.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] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: PropertyGridComponent, deps: [{ token: i1.ControlContainer, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: PropertyGridComponent, isStandalone: true, selector: "teta-property-grid", inputs: { hideNonEditable: "hideNonEditable", columns: "columns", dict: "dict", item: "item", horizontal: "horizontal", decimalPart: "decimalPart" }, outputs: { controlValueChange: "controlValueChange" }, host: { properties: { "class.form-container": "this.formClass" } }, queries: [{ propertyName: "itemTemplates", predicate: PropertyGridItemDescriptionDirective }], ngImport: i0, template: "@if (columns?.length) {\n  @for (column of columns; track trackColumns($index, column)) {\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'></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'></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: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.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] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PropertyGridComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: PropertyGridComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-property-grid', viewProviders: [FormsUtil.formProvider], standalone: true, imports: [
                         PropertyGridItemComponent,

package/esm2022/component/property-grid/property-grid.module.mjs

@@ -8,8 +8,8 @@ import { TRANSLOCO_SCOPE, TranslocoModule } from '@ngneat/transloco';
 import { PropertyGridItemDescriptionDirective } from './property-grid/property-grid-item-description.directive';
 import * as i0 from "@angular/core";
 export class PropertyGridModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PropertyGridModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.3", ngImport: i0, type: PropertyGridModule, imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: PropertyGridModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.5", ngImport: i0, type: PropertyGridModule, imports: [CommonModule,
             FormsModule,
             ReactiveFormsModule,
             TranslocoModule,
@@ -17,7 +17,7 @@ export class PropertyGridModule {
             PropertyGridGroupComponent,
             PropertyGridItemComponent,
             PropertyGridItemDescriptionDirective], exports: [PropertyGridComponent, PropertyGridItemDescriptionDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PropertyGridModule, providers: [
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: PropertyGridModule, providers: [
             {
                 provide: TRANSLOCO_SCOPE,
                 useValue: { scope: 'errors', alias: 'errors' },
@@ -31,7 +31,7 @@ export class PropertyGridModule {
             PropertyGridGroupComponent,
             PropertyGridItemComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PropertyGridModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: PropertyGridModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [PropertyGridComponent, PropertyGridItemDescriptionDirective],

package/esm2022/component/radio/radio/radio.component.mjs

@@ -196,8 +196,8 @@ export class RadioComponent {
             this._setChecked(this.selectedButton$);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: RadioComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", 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: "17.3.5", ngImport: i0, type: RadioComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.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),
@@ -205,7 +205,7 @@ export class RadioComponent {
             },
         ], ngImport: i0, template: "<ng-content></ng-content>", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: RadioComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: RadioComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-radio', providers: [
                         {

package/esm2022/component/radio/radio-button/radio-button.component.mjs

@@ -30,10 +30,10 @@ export class RadioButtonComponent {
     ngOnDestroy() {
         this.radio._removeButton(this);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: RadioButtonComponent, deps: [{ token: i0.ViewContainerRef }, { token: i1.RadioComponent, host: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", 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: "17.3.5", ngImport: i0, type: RadioButtonComponent, deps: [{ token: i0.ViewContainerRef }, { token: i1.RadioComponent, host: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.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: "17.1.3", ngImport: i0, type: RadioButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.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: i1.RadioComponent, decorators: [{

package/esm2022/component/resize-panel/resize-panel/resize-panel.component.mjs

@@ -139,10 +139,10 @@ export class ResizePanelComponent {
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", 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: "17.1.3", 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 #grab 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  <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: "17.3.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: "17.3.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 #grab 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  <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: "17.1.3", ngImport: i0, type: ResizePanelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: ResizePanelComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-resize-panel', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
                         ResizeDragDirective,

package/esm2022/component/select/select/select.component.mjs

@@ -183,8 +183,8 @@ export class SelectComponent {
                     this.options?.find(option => this.getValue(option) === value);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: SelectComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i1.TetaConfigService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", 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: "17.3.5", ngImport: i0, type: SelectComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i1.TetaConfigService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.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),
@@ -192,7 +192,7 @@ export 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 [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    <div tetaDropdownHead\n      [class]=\"'row row_auto select-head select_'+viewType\"\n      [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='valueDirective ? valueDirective.template : valueDefault; context: {$implicit: value, value: value}'></ng-container>\n      </div>\n      <teta-icon [name]=\"'arrowDownSmall'\" [palette]=\"'text'\"></teta-icon>\n    </div>\n    @if (options?.length) {\n      <div\n        tetaDropdownContent\n        class='select-body row_auto'\n        (click)='$event.preventDefault()'>\n        @if (searchRef) {\n          <div class='select-search padding-h-2'>\n            <teta-text-field [ngModel]='searchText'\n              [class]=\"'select_'+viewType\"\n              (ngModelChange)='search($event)'\n              [placeholder]='loc.search'\n            [leftIconName]=\"'search'\"></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\"\n              (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 padding-h-2'>\n              <cdk-virtual-scroll-viewport tetaScrollable\n                [itemSize]='40'\n                minBufferPx='200'\n                maxBufferPx='600'>\n                <div [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                  <div [tetaHighlight]='searchText'>\n                    <ng-container\n                      *ngTemplateOutlet='optionDirective ? optionDirective.template : optionDefault; context: {$implicit: option, option: option}'>\n                    </ng-container>\n                  </div>\n                  @if (itemSelected(option)) {\n                    <teta-icon [name]=\"'tick'\" [palette]=\"'text'\"\n                    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 padding-h-2' [contentClass]=\"['column', 'column_auto']\">\n              <div class='list'>\n                @for (option of visibleOptions; track option) {\n                  <div [class]=\"'list-item list-item_interactive justify-content-between  select_'+viewType\"\n                    [class.list-item_active]='itemSelected(option)'\n                    (click)='clickOption(option, $event)'>\n                    <span [tetaHighlight]='searchText'>\n                      <ng-container\n                        *ngTemplateOutlet='optionDirective ? optionDirective.template : optionDefault; context: {$implicit: option, option: option}'>\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\n          class='padding-h-3 text-overflow-ellipsis overflow-hidden select-not-found-option'>{{notFoundText || loc.notFound}}</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 class='cursor-pointer' [palette]=\"'text'\" [name]=\"'closeCircle'\"\n                (click)='removeItemClick(item, $event)'></teta-icon>\n              </div>\n            }\n          </div>\n        }\n      </div>\n    }\n  </teta-dropdown>\n  <ng-template #notFound>\n    <p\n    class='padding-h-3 text-overflow-ellipsis overflow-hidden select-not-found-option'>{{notFoundText || loc.notFound}}</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\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: "17.1.3", ngImport: i0, type: SelectComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: SelectComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-select', providers: [
                         {

package/esm2022/component/select/select-option.directive.mjs

@@ -4,10 +4,10 @@ export class SelectOptionDirective {
     constructor(template) {
         this.template = template;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: SelectOptionDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.1.3", type: SelectOptionDirective, isStandalone: true, selector: "[tetaSelectOption]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: SelectOptionDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.5", type: SelectOptionDirective, isStandalone: true, selector: "[tetaSelectOption]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: SelectOptionDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: SelectOptionDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[tetaSelectOption]',