npm - @tetacom/ng-components - Versions diffs - 1.3.9 → 1.4.1 - Mend

@tetacom/ng-components 1.3.9 → 1.4.1

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

Files changed (147) hide show

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

@@ -139,10 +139,10 @@ export class ResizePanelComponent {
             }
         }
     }
-    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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ResizePanelComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: ResizePanelComponent, isStandalone: true, selector: "teta-resize-panel", inputs: { size: "size", direction: "direction", grabPosition: "grabPosition", name: "name", minSize: "minSize", maxSize: "maxSize" }, host: { properties: { "class.resize-panel": "this.resizePanelClass" } }, ngImport: i0, template: "<ng-content></ng-content>\n<div #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.3.5", ngImport: i0, type: ResizePanelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", 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 CHANGED Viewed

@@ -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.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: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: SelectComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i1.TetaConfigService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: SelectComponent, isStandalone: true, selector: "teta-select", inputs: { multiple: "multiple", options: "options", invalid: "invalid", align: "align", verticalAlign: "verticalAlign", autoClose: "autoClose", autoCloseIgnore: "autoCloseIgnore", disabled: "disabled", itemSize: "itemSize", virtual: "virtual", icon: "icon", placeholder: "placeholder", appendToBody: "appendToBody", allowNull: "allowNull", viewType: "viewType", notFoundText: "notFoundText", valueRef: "valueRef", textRef: "textRef", searchRef: "searchRef" }, host: { properties: { "class.select_multiple": "this.multiple", "class.select_open": "this.open", "class.select": "this.selectClass", "tabindex": "this.tabindex", "class.select_disabled": "this.isDisabled" } }, providers: [
             {
                 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.3.5", ngImport: i0, type: SelectComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: SelectComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-select', providers: [
                         {

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

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

package/esm2022/component/select/select-value.directive.mjs CHANGED Viewed

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

package/esm2022/component/sidebar/sidebar/sidebar.component.mjs CHANGED Viewed

@@ -15,8 +15,8 @@ export class SidebarComponent {
         this.openChange.emit(this.open);
     }
     ngOnInit() { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: SidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: SidebarComponent, isStandalone: true, selector: "teta-sidebar", inputs: { position: "position", backdrop: "backdrop", open: "open", className: "className" }, outputs: { openChange: "openChange" }, host: { properties: { "style.z-index": "this.zIndex" } }, ngImport: i0, template: "@if (backdrop && open) {\n  <div\n    [@sidebar]\n    (click)=\"setOpen(false)\"\n  class=\"sidebar-backdrop\"></div>\n}\n@if (open) {\n  <div class=\"sidebar\"\n    [@sidebar]\n    [ngClass]=\"className\"\n    [class.sidebar-top]=\"position === sidebarPosition.top\"\n    [class.sidebar-bottom]=\"position === sidebarPosition.bottom\"\n    [class.sidebar-left]=\"position === sidebarPosition.left\"\n    [class.sidebar-right]=\"position === sidebarPosition.right\"\n    >\n    <ng-content></ng-content>\n  </div>\n}\n", styles: [""], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], animations: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: SidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: SidebarComponent, isStandalone: true, selector: "teta-sidebar", inputs: { position: "position", backdrop: "backdrop", open: "open", className: "className" }, outputs: { openChange: "openChange" }, host: { properties: { "style.z-index": "this.zIndex" } }, ngImport: i0, template: "@if (backdrop && open) {\n  <div\n    [@sidebar]\n    (click)=\"setOpen(false)\"\n  class=\"sidebar-backdrop\"></div>\n}\n@if (open) {\n  <div class=\"sidebar\"\n    [@sidebar]\n    [ngClass]=\"className\"\n    [class.sidebar-top]=\"position === sidebarPosition.top\"\n    [class.sidebar-bottom]=\"position === sidebarPosition.bottom\"\n    [class.sidebar-left]=\"position === sidebarPosition.left\"\n    [class.sidebar-right]=\"position === sidebarPosition.right\"\n    >\n    <ng-content></ng-content>\n  </div>\n}\n", styles: [""], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], animations: [
             trigger('sidebar', [
                 transition('void => *', [
                     style({ opacity: '0' }),
@@ -26,7 +26,7 @@ export class SidebarComponent {
             ]),
         ], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: SidebarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: SidebarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-sidebar', changeDetection: ChangeDetectionStrategy.OnPush, animations: [
                         trigger('sidebar', [

package/esm2022/component/stepper/stepper/stepper.component.mjs CHANGED Viewed

@@ -6,10 +6,10 @@ export class StepperComponent {
         this.currentStepId = input.required();
         this.currentIndex = computed(() => this.steps().findIndex((step) => step.id === this.currentStepId()) ?? 0);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: StepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: StepperComponent, isStandalone: true, selector: "app-stepper", inputs: { steps: { classPropertyName: "steps", publicName: "steps", isSignal: true, isRequired: true, transformFunction: null }, currentStepId: { classPropertyName: "currentStepId", publicName: "currentStepId", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "@if (steps().length) {\n<ul\n  class=\"stepper\"\n  [style]=\"\n    '--step-count: ' +\n    (steps().length - 1) +\n    '; --padding-left: ' +\n    steps().at(0).name.length / 2 +\n    'ch; --padding-right: ' +\n    steps().at(-1).name.length / 2 +\n    'ch;'\n  \"\n>\n  @for (step of steps(); track step.id; let index = $index) {\n  <li class=\"font-title-3 stepperItem\" [class.stepperItemActive]=\"currentIndex() >= index\">\n    <span class=\"point\">\n      <span class=\"stepLabel\">{{ step.name }}</span>\n    </span>\n  </li>\n  }\n</ul>\n} @else {\n<p class=\"font-title-1 text-align-center\">\u0428\u0430\u0433\u0438 \u043E\u0442\u0441\u0443\u0442\u0441\u0442\u0432\u0443\u044E\u0442</p>\n}\n", styles: [":host{display:block;padding:18px 0 0}:host .stepper{--point-radius: 4px;margin:0;padding:0 var(--padding-right) 0 var(--padding-left);list-style:none;display:grid;grid-template-columns:calc(2 * var(--point-radius)) repeat(var(--step-count),1fr)}:host .stepperItem{position:relative;display:flex;justify-content:flex-end;cursor:default}:host .stepperItem:not(:first-child):before{content:\"\";position:absolute;top:calc(var(--point-radius) - .5px);right:calc(2 * var(--point-radius));width:calc(100% - 2 * var(--point-radius));height:1px;background-color:var(--color-text-20)}:host .stepperItem .point{position:relative;display:block;width:calc(2 * var(--point-radius));height:calc(2 * var(--point-radius));border-radius:50%;border:1px solid var(--color-text-20)}:host .stepperItem .stepLabel{position:absolute;bottom:calc(2px + 100%);left:50%;transform:translate(-50%);white-space:nowrap}:host .stepperItemActive:not(:first-child):before{background-color:var(--color-primary-50)}:host .stepperItemActive .point{border-color:var(--color-primary-50)}:host .stepperItemActive .stepLabel{color:var(--color-primary-50)}\n"] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: StepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: StepperComponent, isStandalone: true, selector: "app-stepper", inputs: { steps: { classPropertyName: "steps", publicName: "steps", isSignal: true, isRequired: true, transformFunction: null }, currentStepId: { classPropertyName: "currentStepId", publicName: "currentStepId", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "@if (steps().length) {\n<ul\n  class=\"stepper\"\n  [style]=\"\n    '--step-count: ' +\n    (steps().length - 1) +\n    '; --padding-left: ' +\n    steps().at(0).name.length / 2 +\n    'ch; --padding-right: ' +\n    steps().at(-1).name.length / 2 +\n    'ch;'\n  \"\n>\n  @for (step of steps(); track step.id; let index = $index) {\n  <li class=\"font-title-3 stepperItem\" [class.stepperItemActive]=\"currentIndex() >= index\">\n    <span class=\"point\">\n      <span class=\"stepLabel\">{{ step.name }}</span>\n    </span>\n  </li>\n  }\n</ul>\n} @else {\n<p class=\"font-title-1 text-align-center\">\u0428\u0430\u0433\u0438 \u043E\u0442\u0441\u0443\u0442\u0441\u0442\u0432\u0443\u044E\u0442</p>\n}\n", styles: [":host{display:block;padding:18px 0 0}:host .stepper{--point-radius: 4px;margin:0;padding:0 var(--padding-right) 0 var(--padding-left);list-style:none;display:grid;grid-template-columns:calc(2 * var(--point-radius)) repeat(var(--step-count),1fr)}:host .stepperItem{position:relative;display:flex;justify-content:flex-end;cursor:default}:host .stepperItem:not(:first-child):before{content:\"\";position:absolute;top:calc(var(--point-radius) - .5px);right:calc(2 * var(--point-radius));width:calc(100% - 2 * var(--point-radius));height:1px;background-color:var(--color-text-20)}:host .stepperItem .point{position:relative;display:block;width:calc(2 * var(--point-radius));height:calc(2 * var(--point-radius));border-radius:50%;border:1px solid var(--color-text-20)}:host .stepperItem .stepLabel{position:absolute;bottom:calc(2px + 100%);left:50%;transform:translate(-50%);white-space:nowrap}:host .stepperItemActive:not(:first-child):before{background-color:var(--color-primary-50)}:host .stepperItemActive .point{border-color:var(--color-primary-50)}:host .stepperItemActive .stepLabel{color:var(--color-primary-50)}\n"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: StepperComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: StepperComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-stepper', standalone: true, imports: [], template: "@if (steps().length) {\n<ul\n  class=\"stepper\"\n  [style]=\"\n    '--step-count: ' +\n    (steps().length - 1) +\n    '; --padding-left: ' +\n    steps().at(0).name.length / 2 +\n    'ch; --padding-right: ' +\n    steps().at(-1).name.length / 2 +\n    'ch;'\n  \"\n>\n  @for (step of steps(); track step.id; let index = $index) {\n  <li class=\"font-title-3 stepperItem\" [class.stepperItemActive]=\"currentIndex() >= index\">\n    <span class=\"point\">\n      <span class=\"stepLabel\">{{ step.name }}</span>\n    </span>\n  </li>\n  }\n</ul>\n} @else {\n<p class=\"font-title-1 text-align-center\">\u0428\u0430\u0433\u0438 \u043E\u0442\u0441\u0443\u0442\u0441\u0442\u0432\u0443\u044E\u0442</p>\n}\n", styles: [":host{display:block;padding:18px 0 0}:host .stepper{--point-radius: 4px;margin:0;padding:0 var(--padding-right) 0 var(--padding-left);list-style:none;display:grid;grid-template-columns:calc(2 * var(--point-radius)) repeat(var(--step-count),1fr)}:host .stepperItem{position:relative;display:flex;justify-content:flex-end;cursor:default}:host .stepperItem:not(:first-child):before{content:\"\";position:absolute;top:calc(var(--point-radius) - .5px);right:calc(2 * var(--point-radius));width:calc(100% - 2 * var(--point-radius));height:1px;background-color:var(--color-text-20)}:host .stepperItem .point{position:relative;display:block;width:calc(2 * var(--point-radius));height:calc(2 * var(--point-radius));border-radius:50%;border:1px solid var(--color-text-20)}:host .stepperItem .stepLabel{position:absolute;bottom:calc(2px + 100%);left:50%;transform:translate(-50%);white-space:nowrap}:host .stepperItemActive:not(:first-child):before{background-color:var(--color-primary-50)}:host .stepperItemActive .point{border-color:var(--color-primary-50)}:host .stepperItemActive .stepLabel{color:var(--color-primary-50)}\n"] }]
         }] });

package/esm2022/component/switch/switch/switch.component.mjs CHANGED Viewed

@@ -46,10 +46,10 @@ export class SwitchComponent {
     ngOnDestroy() {
         this._alive = false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: SwitchComponent, deps: [{ token: i1.SwitchService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: SwitchComponent, isStandalone: true, selector: "teta-switch", inputs: { viewType: "viewType" }, host: { properties: { "class.switch": "this.switchClass", "class": "this.class" } }, providers: [SWITCH_CONTROL_VALUE_ACCESSOR, SwitchService], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: SwitchComponent, deps: [{ token: i1.SwitchService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: SwitchComponent, isStandalone: true, selector: "teta-switch", inputs: { viewType: "viewType" }, host: { properties: { "class.switch": "this.switchClass", "class": "this.class" } }, providers: [SWITCH_CONTROL_VALUE_ACCESSOR, SwitchService], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: SwitchComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: SwitchComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-switch', providers: [SWITCH_CONTROL_VALUE_ACCESSOR, SwitchService], changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<ng-content></ng-content>\n" }]
         }], ctorParameters: () => [{ type: i1.SwitchService }, { type: i0.ChangeDetectorRef }], propDecorators: { viewType: [{

package/esm2022/component/switch/switch-button/switch-button.component.mjs CHANGED Viewed

@@ -28,10 +28,10 @@ export class SwitchButtonComponent {
     ngOnDestroy() {
         this._alive = false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: SwitchButtonComponent, deps: [{ token: i1.SwitchService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: SwitchButtonComponent, isStandalone: true, selector: "teta-switch-button", inputs: { value: "value", class: "class" }, host: { listeners: { "click": "click($event)" }, properties: { "class": "this.getClass" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: SwitchButtonComponent, deps: [{ token: i1.SwitchService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: SwitchButtonComponent, isStandalone: true, selector: "teta-switch-button", inputs: { value: "value", class: "class" }, host: { listeners: { "click": "click($event)" }, properties: { "class": "this.getClass" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: SwitchButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: SwitchButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-switch-button', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<ng-content></ng-content>\n" }]
         }], ctorParameters: () => [{ type: i1.SwitchService }, { type: i0.ChangeDetectorRef }], propDecorators: { value: [{

package/esm2022/component/switch/switch.service.mjs CHANGED Viewed

@@ -9,10 +9,10 @@ export class SwitchService {
     setValue(value) {
         this.value$.next(value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: SwitchService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: SwitchService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: SwitchService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: SwitchService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: SwitchService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: SwitchService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'

package/esm2022/component/table/base/cell-component-base.mjs CHANGED Viewed

@@ -152,10 +152,10 @@ export class CellComponentBase {
         this.stopEdit();
         this.cdr.markForCheck();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: CellComponentBase, deps: [{ token: i1.TableService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: CellComponentBase, selector: "ng-component", host: { properties: { "class.cell-component": "this.cellClass", "class.cell-invalid": "this.cellInvalid" } }, ngImport: i0, template: '', isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: CellComponentBase, deps: [{ token: i1.TableService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: CellComponentBase, selector: "ng-component", host: { properties: { "class.cell-component": "this.cellClass", "class.cell-invalid": "this.cellInvalid" } }, ngImport: i0, template: '', isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: CellComponentBase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: CellComponentBase, decorators: [{
             type: Component,
             args: [{
                     template: '',

package/esm2022/component/table/base/head-cell-component-base.mjs CHANGED Viewed

@@ -3,10 +3,10 @@ import { TableColumn } from '../contract/table-column';
 import * as i0 from "@angular/core";
 // eslint-disable-next-line @angular-eslint/component-class-suffix
 export class HeadCellComponentBase {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: HeadCellComponentBase, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: HeadCellComponentBase, selector: "ng-component", host: { properties: { "class.table-head__cell__component": "this.column" } }, ngImport: i0, template: '', isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: HeadCellComponentBase, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: HeadCellComponentBase, selector: "ng-component", host: { properties: { "class.table-head__cell__component": "this.column" } }, ngImport: i0, template: '', isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: HeadCellComponentBase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: HeadCellComponentBase, decorators: [{
             type: Component,
             args: [{
                     template: ''

package/esm2022/component/table/cell/cell.component.mjs CHANGED Viewed

@@ -7,10 +7,10 @@ export class CellComponent {
     constructor() {
         this.tableCellClass = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: CellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: CellComponent, isStandalone: true, selector: "teta-cell", inputs: { column: "column", filterOptions: "filterOptions", dict: "dict", row: "row" }, host: { properties: { "class.cell": "this.tableCellClass" } }, ngImport: i0, template: "<teta-cell-host [row]=\"row\"\n                [column]=\"column\"\n                [filterOptions]=\"filterOptions\"\n                [dict]=\"dict\"></teta-cell-host>\n", styles: [""], dependencies: [{ kind: "component", type: CellHostComponent, selector: "teta-cell-host", inputs: ["column", "row", "filterOptions", "dict"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: CellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: CellComponent, isStandalone: true, selector: "teta-cell", inputs: { column: "column", filterOptions: "filterOptions", dict: "dict", row: "row" }, host: { properties: { "class.cell": "this.tableCellClass" } }, ngImport: i0, template: "<teta-cell-host [row]=\"row\"\n                [column]=\"column\"\n                [filterOptions]=\"filterOptions\"\n                [dict]=\"dict\"></teta-cell-host>\n", styles: [""], dependencies: [{ kind: "component", type: CellHostComponent, selector: "teta-cell-host", inputs: ["column", "row", "filterOptions", "dict"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: CellComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: CellComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-cell', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CellHostComponent], template: "<teta-cell-host [row]=\"row\"\n                [column]=\"column\"\n                [filterOptions]=\"filterOptions\"\n                [dict]=\"dict\"></teta-cell-host>\n" }]
         }], propDecorators: { column: [{

package/esm2022/component/table/cell-host/cell-host.component.mjs CHANGED Viewed

@@ -38,10 +38,10 @@ export class CellHostComponent {
             this._componentRef.injector.get(ChangeDetectorRef).markForCheck();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: CellHostComponent, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: CellHostComponent, isStandalone: true, selector: "teta-cell-host", inputs: { column: "column", row: "row", filterOptions: "filterOptions", dict: "dict" }, usesOnChanges: true, ngImport: i0, template: '', isInline: true, styles: [""], viewProviders: [FormsUtil.formProvider], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: CellHostComponent, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: CellHostComponent, isStandalone: true, selector: "teta-cell-host", inputs: { column: "column", row: "row", filterOptions: "filterOptions", dict: "dict" }, usesOnChanges: true, ngImport: i0, template: '', isInline: true, styles: [""], viewProviders: [FormsUtil.formProvider], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: CellHostComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: CellHostComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-cell-host', template: '', changeDetection: ChangeDetectionStrategy.OnPush, viewProviders: [FormsUtil.formProvider], standalone: true }]
         }], ctorParameters: () => [{ type: i0.ViewContainerRef }], propDecorators: { column: [{

package/esm2022/component/table/default/boolean-cell/boolean-cell.component.mjs CHANGED Viewed

@@ -26,10 +26,10 @@ export class BooleanCellComponent extends CellComponentBase {
     stopEdit() {
         this.cdr.markForCheck();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: BooleanCellComponent, deps: [{ token: i1.TableService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: BooleanCellComponent, isStandalone: true, selector: "teta-boolean-cell", viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<span [style.display]=\"edit ? 'none' : 'block'\"\n  class=\"cell-text\"\n  [class.cell-text_disabled]=\"!editable\">\n  {{ control?.value }}\n</span>\n@if (edit) {\n  <teta-checkbox\n    #input\n    [binary]=\"true\"\n    [formControl]='control'\n  ></teta-checkbox>\n}\n", styles: [""], dependencies: [{ kind: "component", type: CheckboxComponent, selector: "teta-checkbox", inputs: ["class", "palette", "noLabel", "disabled", "value", "binary", "labelPosition", "allowNull"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: BooleanCellComponent, deps: [{ token: i1.TableService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: BooleanCellComponent, isStandalone: true, selector: "teta-boolean-cell", viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<span [style.display]=\"edit ? 'none' : 'block'\"\n  class=\"cell-text\"\n  [class.cell-text_disabled]=\"!editable\">\n  {{ control?.value }}\n</span>\n@if (edit) {\n  <teta-checkbox\n    #input\n    [binary]=\"true\"\n    [formControl]='control'\n  ></teta-checkbox>\n}\n", styles: [""], dependencies: [{ kind: "component", type: CheckboxComponent, selector: "teta-checkbox", inputs: ["class", "palette", "noLabel", "disabled", "value", "binary", "labelPosition", "allowNull"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: BooleanCellComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: BooleanCellComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-boolean-cell', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
                         CheckboxComponent,

package/esm2022/component/table/default/date-cell/date-cell.component.mjs CHANGED Viewed

@@ -27,10 +27,10 @@ export class DateCellComponent extends CellComponentBase {
     stopEdit() {
         this.cdr.markForCheck();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: DateCellComponent, deps: [{ token: i1.TableService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.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'\"\n  class='cell-text'\n  [class.cell-text_disabled]='!editable'>\n  {{control?.value | date : 'dd.MM.yyyy'}}\n</span>\n@if (edit) {\n  <teta-date-picker class='datepicker-table'\n    #input\n    [allowNull]='!column.required'\n    [appendToBody]='true'\n    [showTime]='false'\n  [formControl]='control'></teta-date-picker>\n}\n", styles: [""], dependencies: [{ kind: "component", type: DatePickerComponent, selector: "teta-date-picker", inputs: ["date", "showTime", "minDate", "maxDate", "invalid", "disabled", "align", "verticalAlign", "viewType", "appendToBody", "backdrop", "allowNull", "firstDayOfWeek", "disabledDates", "disabledPeriods", "disabledDays", "minYearDate", "maxYearDate"], outputs: ["selectDate"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "pipe", type: DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: DateCellComponent, deps: [{ token: i1.TableService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: DateCellComponent, isStandalone: true, selector: "teta-date-cell", viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<span [style.display]=\"edit ? 'none' : 'block'\"\n  class='cell-text'\n  [class.cell-text_disabled]='!editable'>\n  {{control?.value | date : 'dd.MM.yyyy'}}\n</span>\n@if (edit) {\n  <teta-date-picker class='datepicker-table'\n    #input\n    [allowNull]='!column.required'\n    [appendToBody]='true'\n    [showTime]='false'\n  [formControl]='control'></teta-date-picker>\n}\n", styles: [""], dependencies: [{ kind: "component", type: DatePickerComponent, selector: "teta-date-picker", inputs: ["date", "showTime", "minDate", "maxDate", "invalid", "disabled", "align", "verticalAlign", "viewType", "appendToBody", "backdrop", "allowNull", "firstDayOfWeek", "disabledDates", "disabledPeriods", "disabledDays", "minYearDate", "maxYearDate"], outputs: ["selectDate"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "pipe", type: DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: DateCellComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: DateCellComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-date-cell', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
                         DatePickerComponent,

package/esm2022/component/table/default/date-time-cell/date-time-cell.component.mjs CHANGED Viewed

@@ -27,10 +27,10 @@ export class DateTimeCellComponent extends CellComponentBase {
     stopEdit() {
         this.cdr.markForCheck();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: DateTimeCellComponent, deps: [{ token: i1.TableService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.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'\"\n  class='cell-text'\n  [class.cell-text_disabled]='!editable'>\n  {{control?.value | date : 'dd.MM.yyyy HH:mm:ss'}}\n</span>\n@if (edit) {\n  <teta-date-picker class='datepicker-table'\n    #input\n    [appendToBody]='true'\n    [showTime]='true'\n    [formControl]='control'\n  ></teta-date-picker>\n}\n", styles: [""], dependencies: [{ kind: "component", type: DatePickerComponent, selector: "teta-date-picker", inputs: ["date", "showTime", "minDate", "maxDate", "invalid", "disabled", "align", "verticalAlign", "viewType", "appendToBody", "backdrop", "allowNull", "firstDayOfWeek", "disabledDates", "disabledPeriods", "disabledDays", "minYearDate", "maxYearDate"], outputs: ["selectDate"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "pipe", type: DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: DateTimeCellComponent, deps: [{ token: i1.TableService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: DateTimeCellComponent, isStandalone: true, selector: "teta-date-time-cell", viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<span [style.display]=\"edit ? 'none' : 'block'\"\n  class='cell-text'\n  [class.cell-text_disabled]='!editable'>\n  {{control?.value | date : 'dd.MM.yyyy HH:mm:ss'}}\n</span>\n@if (edit) {\n  <teta-date-picker class='datepicker-table'\n    #input\n    [appendToBody]='true'\n    [showTime]='true'\n    [formControl]='control'\n  ></teta-date-picker>\n}\n", styles: [""], dependencies: [{ kind: "component", type: DatePickerComponent, selector: "teta-date-picker", inputs: ["date", "showTime", "minDate", "maxDate", "invalid", "disabled", "align", "verticalAlign", "viewType", "appendToBody", "backdrop", "allowNull", "firstDayOfWeek", "disabledDates", "disabledPeriods", "disabledDays", "minYearDate", "maxYearDate"], outputs: ["selectDate"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "pipe", type: DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: DateTimeCellComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: DateTimeCellComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-date-time-cell', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
                         DatePickerComponent,

package/esm2022/component/table/default/default-head-cell/default-head-cell.component.mjs CHANGED Viewed

@@ -31,10 +31,10 @@ export class DefaultHeadCellComponent extends HeadCellComponentBase {
     }
     ngOnInit() {
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: DefaultHeadCellComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: DefaultHeadCellComponent, isStandalone: true, selector: "teta-default-head-cell", inputs: { column: "column", columns: "columns", data: "data" }, usesInheritance: true, ngImport: i0, template: "<div class=\"column column_auto\" [tetaHint]=\"column.hint || column.caption\">\n  <div class=\"table-head__cell__text\">\n    {{column.caption}}\n  </div>\n  @if (column.unit) {\n    <div class=\"table-head__cell__text font-caption color-text-70\">\n      [{{column.unit}}]\n    </div>\n  }\n</div>\n", styles: [":host{align-items:center;justify-content:center;display:flex;min-width:0;padding:6px 8px}\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: "18.2.1", ngImport: i0, type: DefaultHeadCellComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: DefaultHeadCellComponent, isStandalone: true, selector: "teta-default-head-cell", inputs: { column: "column", columns: "columns", data: "data" }, usesInheritance: true, ngImport: i0, template: "<div class=\"column column_auto\" [tetaHint]=\"column.hint || column.caption\">\n  <div class=\"table-head__cell__text\">\n    {{column.caption}}\n  </div>\n  @if (column.unit) {\n    <div class=\"table-head__cell__text font-caption color-text-70\">\n      [{{column.unit}}]\n    </div>\n  }\n</div>\n", styles: [":host{align-items:center;justify-content:center;display:flex;min-width:0;padding:6px 8px}\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.3.5", ngImport: i0, type: DefaultHeadCellComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: DefaultHeadCellComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-default-head-cell', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [HintDirective], template: "<div class=\"column column_auto\" [tetaHint]=\"column.hint || column.caption\">\n  <div class=\"table-head__cell__text\">\n    {{column.caption}}\n  </div>\n  @if (column.unit) {\n    <div class=\"table-head__cell__text font-caption color-text-70\">\n      [{{column.unit}}]\n    </div>\n  }\n</div>\n", styles: [":host{align-items:center;justify-content:center;display:flex;min-width:0;padding:6px 8px}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { column: [{

package/esm2022/component/table/default/list-cell/list-cell.component.mjs CHANGED Viewed

@@ -49,10 +49,10 @@ export class ListCellComponent extends CellComponentBase {
         }
         return item.name;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: ListCellComponent, deps: [{ token: i1.TableService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: ListCellComponent, isStandalone: true, selector: "teta-list-cell", viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<span [style.display]=\"edit ? 'none' : 'block'\"\n  class='cell-text'\n  [class.cell-text_disabled]='!editable'>\n  {{getValue(control.value)}}\n</span>\n@if (edit) {\n  <teta-select #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  </teta-select>\n}\n", styles: [""], dependencies: [{ kind: "component", type: SelectComponent, selector: "teta-select", inputs: ["multiple", "options", "invalid", "align", "verticalAlign", "autoClose", "autoCloseIgnore", "disabled", "itemSize", "virtual", "icon", "placeholder", "appendToBody", "allowNull", "viewType", "notFoundText", "valueRef", "textRef", "searchRef"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ListCellComponent, deps: [{ token: i1.TableService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: ListCellComponent, isStandalone: true, selector: "teta-list-cell", viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<span [style.display]=\"edit ? 'none' : 'block'\"\n  class='cell-text'\n  [class.cell-text_disabled]='!editable'>\n  {{getValue(control.value)}}\n</span>\n@if (edit) {\n  <teta-select #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  </teta-select>\n}\n", styles: [""], dependencies: [{ kind: "component", type: SelectComponent, selector: "teta-select", inputs: ["multiple", "options", "invalid", "align", "verticalAlign", "autoClose", "autoCloseIgnore", "disabled", "itemSize", "virtual", "icon", "placeholder", "appendToBody", "allowNull", "viewType", "notFoundText", "valueRef", "textRef", "searchRef"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: ListCellComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ListCellComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-list-cell', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
                         SelectComponent,

package/esm2022/component/table/default/numeric-cell/numeric-cell.component.mjs CHANGED Viewed

@@ -26,10 +26,10 @@ export class NumericCellComponent extends CellComponentBase {
     stopEdit() {
         this.cdr.markForCheck();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: NumericCellComponent, deps: [{ token: i1.TableService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: NumericCellComponent, isStandalone: true, selector: "teta-numeric-cell", viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<span [style.display]=\"edit ? 'none' : 'block'\"\n  class=\"cell-text\"\n  [class.cell-text_disabled]=\"!editable\">\n  {{control?.value | tetaNumber : 2}}\n</span>\n@if (edit) {\n  <input #input\n    [tetaOnlyNumber]=\"true\"\n    type=\"text\"\n    class=\"input row_auto border-radius-0\"\n    (keydown.enter)='input.blur()'\n    [formControl]=\"control\"/>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: OnlyNumberDirective, selector: "[tetaOnlyNumber]", inputs: ["tetaOnlyNumber", "allowDecimals", "allowSign", "decimalSeparator", "commaSeparator", "onlyPositive"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "pipe", type: NumberPipe, name: "tetaNumber" }], viewProviders: [FormsUtil.formProvider], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: NumericCellComponent, deps: [{ token: i1.TableService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: NumericCellComponent, isStandalone: true, selector: "teta-numeric-cell", viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<span [style.display]=\"edit ? 'none' : 'block'\"\n  class=\"cell-text\"\n  [class.cell-text_disabled]=\"!editable\">\n  {{control?.value | tetaNumber : 2}}\n</span>\n@if (edit) {\n  <input #input\n    [tetaOnlyNumber]=\"true\"\n    type=\"text\"\n    class=\"input row_auto border-radius-0\"\n    (keydown.enter)='input.blur()'\n    [formControl]=\"control\"/>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: OnlyNumberDirective, selector: "[tetaOnlyNumber]", inputs: ["tetaOnlyNumber", "allowDecimals", "allowSign", "decimalSeparator", "commaSeparator", "onlyPositive"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "pipe", type: NumberPipe, name: "tetaNumber" }], viewProviders: [FormsUtil.formProvider], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: NumericCellComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: NumericCellComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-numeric-cell', changeDetection: ChangeDetectionStrategy.OnPush, viewProviders: [FormsUtil.formProvider], standalone: true, imports: [
                         FormsModule,

package/esm2022/component/table/default/string-cell/string-cell.component.mjs CHANGED Viewed

@@ -27,10 +27,10 @@ export class StringCellComponent extends CellComponentBase {
     stopEdit() {
         this.cdr.detectChanges();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: StringCellComponent, deps: [{ token: i1.TableService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: StringCellComponent, isStandalone: true, selector: "teta-string-cell", viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<span [style.display]=\"edit ? 'none' : 'block'\"\n  class=\"cell-text\"\n  [tetaHint]=\"row[column.name]\"\n  [align]=\"align.auto\"\n  [appendToBody]=\"true\"\n  [overflownOnly]=\"true\"\n  [class.cell-text_disabled]=\"!editable\">\n  {{control.value}}\n</span>\n@if (edit) {\n  <input #input\n    type=\"text\"\n    class=\"input row_auto border-radius-0\"\n    (keydown.enter)='input.blur()'\n    [formControl]='control'/>\n}\n\n", styles: [""], dependencies: [{ kind: "directive", type: HintDirective, selector: "[tetaHint]", inputs: ["tetaHint", "align", "verticalAlign", "delay", "viewType", "overflownOnly"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: StringCellComponent, deps: [{ token: i1.TableService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: StringCellComponent, isStandalone: true, selector: "teta-string-cell", viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<span [style.display]=\"edit ? 'none' : 'block'\"\n  class=\"cell-text\"\n  [tetaHint]=\"row[column.name]\"\n  [align]=\"align.auto\"\n  [appendToBody]=\"true\"\n  [overflownOnly]=\"true\"\n  [class.cell-text_disabled]=\"!editable\">\n  {{control.value}}\n</span>\n@if (edit) {\n  <input #input\n    type=\"text\"\n    class=\"input row_auto border-radius-0\"\n    (keydown.enter)='input.blur()'\n    [formControl]='control'/>\n}\n\n", styles: [""], dependencies: [{ kind: "directive", type: HintDirective, selector: "[tetaHint]", inputs: ["tetaHint", "align", "verticalAlign", "delay", "viewType", "overflownOnly"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: StringCellComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: StringCellComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-string-cell', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
                         HintDirective,

package/esm2022/component/table/head-cell/head-cell.component.mjs CHANGED Viewed

@@ -148,10 +148,10 @@ export class HeadCellComponent {
     resizeEnd() {
         this._startPosition = null;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: HeadCellComponent, deps: [{ token: i1.TableService }, { token: i0.ApplicationRef }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: HeadCellComponent, isStandalone: true, selector: "teta-head-cell", inputs: { column: "column", showHeadCellMenu: "showHeadCellMenu", data: "data" }, host: { listeners: { "dragenter": "dragenter($event)", "dragover": "allowDrop($event)", "dragleave": "dragleave($event)", "dragend": "dragend($event)", "drop": "drop($event)" }, properties: { "class.table-head__cell_active": "this.dropDownOpen" } }, viewQueries: [{ propertyName: "mainTemplate", first: true, predicate: ["mainTemplate"], descendants: true, static: true }, { propertyName: "filterTemplate", first: true, predicate: ["filterTemplate"], descendants: true, static: true }, { propertyName: "columnsTemplate", first: true, predicate: ["columnsTemplate"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"row row_auto\">\n  <teta-dropdown\n    [autoCloseIgnore]=\"['enter', 'inside']\"\n    [verticalAlign]=\"verticalAlign.auto\"\n    [appendToBody]=\"true\"\n    [(open)]=\"dropDownOpen\"\n    [align]=\"align.auto\"\n    (click)=\"$event.preventDefault()\"\n    [class.table-head__cell__menu_open]=\"dropDownOpen\"\n    class=\"column column_auto justify-content-center\"\n  >\n    <div\n      tetaDropdownHead\n      draggable=\"true\"\n      class=\"table-head__cell__wrapper\"\n      (dragstart)=\"dragstart($event)\"\n      [ngClass]=\"column.headCellClass\"\n    >\n      <teta-head-cell-host [column]=\"column\" [columns]=\"columns | async\" [data]=\"data\"></teta-head-cell-host>\n      @if (iconName | async; as icon) {\n      <teta-icon [palette]=\"'text'\" [name]=\"icon\"></teta-icon>\n      }\n    </div>\n    @if (showHeadCellMenu) {\n    <teta-head-cell-dropdown\n      tetaDropdownContent\n      [tabTemplates]=\"tabTemplates\"\n      [data]=\"data\"\n      [column]=\"column\"\n      [columns]=\"columns | async\"\n      [state]=\"state | async\"\n      [(dropDownOpen)]=\"dropDownOpen\"\n    ></teta-head-cell-dropdown>\n    }\n  </teta-dropdown>\n  @if (showDrag) {\n  <div\n    class=\"drop-area\"\n    draggable=\"false\"\n    [class.drop-area_left]=\"showDrag === 'left'\"\n    [class.drop-area_right]=\"showDrag === 'right'\"\n  ></div>\n  }\n</div>\n<div\n  class=\"table-head__cell__resize\"\n  draggable=\"false\"\n  (dragstart)=\"$event.preventDefault(); $event.stopPropagation()\"\n  (drag)=\"$event.preventDefault(); $event.stopPropagation()\"\n  [tetaResizeDrag]=\"'vertical'\"\n  (resizeStart)=\"resizeStart()\"\n  (resizeProcess)=\"resizeProcess($event)\"\n  (resizeEnd)=\"resizeEnd()\"\n>\n  <div class=\"table-head__cell__resize_drag\"></div>\n</div>\n<ng-template\n  #mainTemplate\n  let-column=\"column\"\n  let-columns=\"columns\"\n  let-data=\"data\"\n  let-state=\"state\"\n  let-close=\"close\"\n>\n  <teta-main-dropdown-tab\n    [column]=\"column\"\n    [state]=\"state\"\n    [close]=\"close\"\n    [headCellElementRef]=\"elementRef\"\n  ></teta-main-dropdown-tab>\n</ng-template>\n<ng-template\n  #filterTemplate\n  let-column=\"column\"\n  let-columns=\"columns\"\n  let-data=\"data\"\n  let-state=\"state\"\n  let-close=\"close\"\n>\n  <teta-filter-dropdown-tab [column]=\"column\" [state]=\"state\" [close]=\"close\" [data]=\"data\"></teta-filter-dropdown-tab>\n</ng-template>\n<ng-template\n  #columnsTemplate\n  let-column=\"column\"\n  let-columns=\"columns\"\n  let-data=\"data\"\n  let-state=\"state\"\n  let-close=\"close\"\n>\n  <teta-visibility-dropdown-tab\n    [column]=\"column\"\n    [columns]=\"columns\"\n    [state]=\"state\"\n    [close]=\"close\"\n    [data]=\"data\"\n  ></teta-visibility-dropdown-tab>\n</ng-template>\n", styles: [".drop-area{position:absolute;width:1px;background:var(--color-text-50);top:0;bottom:0;z-index:10}.drop-area_left{left:-1px}.drop-area_right{right:-1px}\n"], dependencies: [{ kind: "component", type: DropdownComponent, selector: "teta-dropdown", exportAs: ["dropdown"] }, { kind: "directive", type: DropdownHeadDirective, selector: "[tetaDropdownHead]" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: HeadCellHostComponent, selector: "teta-head-cell-host", inputs: ["column", "columns", "data"] }, { kind: "component", type: IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }, { kind: "component", type: HeadCellDropdownComponent, selector: "teta-head-cell-dropdown", inputs: ["columns", "column", "state", "data", "tabTemplates", "dropDownOpen"], outputs: ["dropDownOpenChange"] }, { kind: "directive", type: DropdownContentDirective, selector: "[tetaDropdownContent]" }, { kind: "directive", type: ResizeDragDirective, selector: "[tetaResizeDrag]", inputs: ["tetaResizeDrag"], outputs: ["resizeStart", "resizeProcess", "resizeEnd"] }, { kind: "component", type: MainDropdownTabComponent, selector: "teta-main-dropdown-tab", inputs: ["columns", "column", "state", "data", "close", "headCellElementRef"] }, { kind: "component", type: FilterDropdownTabComponent, selector: "teta-filter-dropdown-tab", inputs: ["columns", "column", "state", "data", "close"] }, { kind: "component", type: VisibilityDropdownTabComponent, selector: "teta-visibility-dropdown-tab", inputs: ["columns", "column", "state", "data", "close"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: HeadCellComponent, deps: [{ token: i1.TableService }, { token: i0.ApplicationRef }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: HeadCellComponent, isStandalone: true, selector: "teta-head-cell", inputs: { column: "column", showHeadCellMenu: "showHeadCellMenu", data: "data" }, host: { listeners: { "dragenter": "dragenter($event)", "dragover": "allowDrop($event)", "dragleave": "dragleave($event)", "dragend": "dragend($event)", "drop": "drop($event)" }, properties: { "class.table-head__cell_active": "this.dropDownOpen" } }, viewQueries: [{ propertyName: "mainTemplate", first: true, predicate: ["mainTemplate"], descendants: true, static: true }, { propertyName: "filterTemplate", first: true, predicate: ["filterTemplate"], descendants: true, static: true }, { propertyName: "columnsTemplate", first: true, predicate: ["columnsTemplate"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"row row_auto\">\n  <teta-dropdown\n    [autoCloseIgnore]=\"['enter', 'inside']\"\n    [verticalAlign]=\"verticalAlign.auto\"\n    [appendToBody]=\"true\"\n    [(open)]=\"dropDownOpen\"\n    [align]=\"align.auto\"\n    (click)=\"$event.preventDefault()\"\n    [class.table-head__cell__menu_open]=\"dropDownOpen\"\n    class=\"column column_auto justify-content-center\"\n  >\n    <div\n      tetaDropdownHead\n      draggable=\"true\"\n      class=\"table-head__cell__wrapper\"\n      (dragstart)=\"dragstart($event)\"\n      [ngClass]=\"column.headCellClass\"\n    >\n      <teta-head-cell-host [column]=\"column\" [columns]=\"columns | async\" [data]=\"data\"></teta-head-cell-host>\n      @if (iconName | async; as icon) {\n      <teta-icon [palette]=\"'text'\" [name]=\"icon\"></teta-icon>\n      }\n    </div>\n    @if (showHeadCellMenu) {\n    <teta-head-cell-dropdown\n      tetaDropdownContent\n      [tabTemplates]=\"tabTemplates\"\n      [data]=\"data\"\n      [column]=\"column\"\n      [columns]=\"columns | async\"\n      [state]=\"state | async\"\n      [(dropDownOpen)]=\"dropDownOpen\"\n    ></teta-head-cell-dropdown>\n    }\n  </teta-dropdown>\n  @if (showDrag) {\n  <div\n    class=\"drop-area\"\n    draggable=\"false\"\n    [class.drop-area_left]=\"showDrag === 'left'\"\n    [class.drop-area_right]=\"showDrag === 'right'\"\n  ></div>\n  }\n</div>\n<div\n  class=\"table-head__cell__resize\"\n  draggable=\"false\"\n  (dragstart)=\"$event.preventDefault(); $event.stopPropagation()\"\n  (drag)=\"$event.preventDefault(); $event.stopPropagation()\"\n  [tetaResizeDrag]=\"'vertical'\"\n  (resizeStart)=\"resizeStart()\"\n  (resizeProcess)=\"resizeProcess($event)\"\n  (resizeEnd)=\"resizeEnd()\"\n>\n  <div class=\"table-head__cell__resize_drag\"></div>\n</div>\n<ng-template\n  #mainTemplate\n  let-column=\"column\"\n  let-columns=\"columns\"\n  let-data=\"data\"\n  let-state=\"state\"\n  let-close=\"close\"\n>\n  <teta-main-dropdown-tab\n    [column]=\"column\"\n    [state]=\"state\"\n    [close]=\"close\"\n    [headCellElementRef]=\"elementRef\"\n  ></teta-main-dropdown-tab>\n</ng-template>\n<ng-template\n  #filterTemplate\n  let-column=\"column\"\n  let-columns=\"columns\"\n  let-data=\"data\"\n  let-state=\"state\"\n  let-close=\"close\"\n>\n  <teta-filter-dropdown-tab [column]=\"column\" [state]=\"state\" [close]=\"close\" [data]=\"data\"></teta-filter-dropdown-tab>\n</ng-template>\n<ng-template\n  #columnsTemplate\n  let-column=\"column\"\n  let-columns=\"columns\"\n  let-data=\"data\"\n  let-state=\"state\"\n  let-close=\"close\"\n>\n  <teta-visibility-dropdown-tab\n    [column]=\"column\"\n    [columns]=\"columns\"\n    [state]=\"state\"\n    [close]=\"close\"\n    [data]=\"data\"\n  ></teta-visibility-dropdown-tab>\n</ng-template>\n", styles: [".drop-area{position:absolute;width:1px;background:var(--color-text-50);top:0;bottom:0;z-index:10}.drop-area_left{left:-1px}.drop-area_right{right:-1px}\n"], dependencies: [{ kind: "component", type: DropdownComponent, selector: "teta-dropdown", exportAs: ["dropdown"] }, { kind: "directive", type: DropdownHeadDirective, selector: "[tetaDropdownHead]" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: HeadCellHostComponent, selector: "teta-head-cell-host", inputs: ["column", "columns", "data"] }, { kind: "component", type: IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }, { kind: "component", type: HeadCellDropdownComponent, selector: "teta-head-cell-dropdown", inputs: ["columns", "column", "state", "data", "tabTemplates", "dropDownOpen"], outputs: ["dropDownOpenChange"] }, { kind: "directive", type: DropdownContentDirective, selector: "[tetaDropdownContent]" }, { kind: "directive", type: ResizeDragDirective, selector: "[tetaResizeDrag]", inputs: ["tetaResizeDrag"], outputs: ["resizeStart", "resizeProcess", "resizeEnd"] }, { kind: "component", type: MainDropdownTabComponent, selector: "teta-main-dropdown-tab", inputs: ["columns", "column", "state", "data", "close", "headCellElementRef"] }, { kind: "component", type: FilterDropdownTabComponent, selector: "teta-filter-dropdown-tab", inputs: ["columns", "column", "state", "data", "close"] }, { kind: "component", type: VisibilityDropdownTabComponent, selector: "teta-visibility-dropdown-tab", inputs: ["columns", "column", "state", "data", "close"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: HeadCellComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: HeadCellComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-head-cell', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
                         DropdownComponent,

package/esm2022/component/table/head-cell-dropdown/head-cell-dropdown.component.mjs CHANGED Viewed

@@ -26,10 +26,10 @@ export class HeadCellDropdownComponent {
     trackIndex(index) {
         return index;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: HeadCellDropdownComponent, deps: [{ token: i1.TableService }, { token: i2.TetaConfigService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: HeadCellDropdownComponent, isStandalone: true, selector: "teta-head-cell-dropdown", inputs: { columns: "columns", column: "column", state: "state", data: "data", tabTemplates: "tabTemplates", dropDownOpen: "dropDownOpen" }, outputs: { dropDownOpenChange: "dropDownOpenChange" }, ngImport: i0, template: "@if (dropDownOpen) {\n  <teta-tabs class=\"column_auto\">\n    @for (tab of tabTemplates; track trackIndex($index)) {\n      @if (tab.showTab(column)) {\n        <teta-tab>\n          <ng-template tetaTabTitle>\n            @if (tab.icon) {\n              <teta-icon [name]=\"tab.icon\" [palette]=\"'text'\"></teta-icon>\n            }\n          </ng-template>\n          <ng-template tetaTabContent>\n            <ng-container\n          *ngTemplateOutlet=\"tab.template; context: {\n            column: column,\n            columns: columns,\n            data: data,\n            state: state,\n            close: closeDropdown\n          }\"></ng-container>\n          </ng-template>\n        </teta-tab>\n      }\n    }\n  </teta-tabs>\n}\n", styles: [":host{display:flex;flex-grow:1;min-height:0;min-width:250px}\n"], dependencies: [{ kind: "component", type: TabsComponent, selector: "teta-tabs", inputs: ["activeId", "direction", "size", "destroyOnHide"], outputs: ["tabChange"] }, { kind: "component", type: TabComponent, selector: "teta-tab", inputs: ["id", "title", "disabled"] }, { kind: "directive", type: TabTitleDirective, selector: "[tetaTabTitle]" }, { kind: "component", type: IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }, { kind: "directive", type: TabContentDirective, selector: "[tetaTabContent]" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: HeadCellDropdownComponent, deps: [{ token: i1.TableService }, { token: i2.TetaConfigService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: HeadCellDropdownComponent, isStandalone: true, selector: "teta-head-cell-dropdown", inputs: { columns: "columns", column: "column", state: "state", data: "data", tabTemplates: "tabTemplates", dropDownOpen: "dropDownOpen" }, outputs: { dropDownOpenChange: "dropDownOpenChange" }, ngImport: i0, template: "@if (dropDownOpen) {\n  <teta-tabs class=\"column_auto\">\n    @for (tab of tabTemplates; track trackIndex($index)) {\n      @if (tab.showTab(column)) {\n        <teta-tab>\n          <ng-template tetaTabTitle>\n            @if (tab.icon) {\n              <teta-icon [name]=\"tab.icon\" [palette]=\"'text'\"></teta-icon>\n            }\n          </ng-template>\n          <ng-template tetaTabContent>\n            <ng-container\n          *ngTemplateOutlet=\"tab.template; context: {\n            column: column,\n            columns: columns,\n            data: data,\n            state: state,\n            close: closeDropdown\n          }\"></ng-container>\n          </ng-template>\n        </teta-tab>\n      }\n    }\n  </teta-tabs>\n}\n", styles: [":host{display:flex;flex-grow:1;min-height:0;min-width:250px}\n"], dependencies: [{ kind: "component", type: TabsComponent, selector: "teta-tabs", inputs: ["activeId", "direction", "size", "destroyOnHide"], outputs: ["tabChange"] }, { kind: "component", type: TabComponent, selector: "teta-tab", inputs: ["id", "title", "disabled"] }, { kind: "directive", type: TabTitleDirective, selector: "[tetaTabTitle]" }, { kind: "component", type: IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }, { kind: "directive", type: TabContentDirective, selector: "[tetaTabContent]" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: HeadCellDropdownComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: HeadCellDropdownComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-head-cell-dropdown', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
                         TabsComponent,

package/esm2022/component/table/head-cell-host/head-cell-host.component.mjs CHANGED Viewed

@@ -45,10 +45,10 @@ export class HeadCellHostComponent {
         this.componentRef.instance.data = this.data;
         this.init = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: HeadCellHostComponent, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: HeadCellHostComponent, isStandalone: true, selector: "teta-head-cell-host", inputs: { column: "column", columns: "columns", data: "data" }, ngImport: i0, template: '', isInline: true, styles: [":host{display:contents}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: HeadCellHostComponent, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: HeadCellHostComponent, isStandalone: true, selector: "teta-head-cell-host", inputs: { column: "column", columns: "columns", data: "data" }, ngImport: i0, template: '', isInline: true, styles: [":host{display:contents}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: HeadCellHostComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: HeadCellHostComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-head-cell-host', template: '', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, styles: [":host{display:contents}\n"] }]
         }], ctorParameters: () => [{ type: i0.ViewContainerRef }], propDecorators: { column: [{

package/esm2022/component/table/selection-cell/selection-cell.component.mjs CHANGED Viewed

@@ -33,10 +33,10 @@ export class SelectionCellComponent {
     ngOnDestroy() {
         this._alive = false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: SelectionCellComponent, deps: [{ token: i1.TableService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: SelectionCellComponent, isStandalone: true, selector: "teta-selection-cell", inputs: { row: "row" }, host: { properties: { "class.cell": "this.tableCellClass" } }, ngImport: i0, template: "<teta-checkbox [binary]=\"true\"\n               [noLabel]=\"true\"\n               [ngModel]=\"selectedRows?.indexOf(row) >= 0\"\n               (ngModelChange)=\"selectRow($event)\"\n               (click)=\"$event.stopPropagation()\"></teta-checkbox>\n", styles: [":host{display:flex;align-items:center;justify-content:center}\n"], dependencies: [{ kind: "component", type: CheckboxComponent, selector: "teta-checkbox", inputs: ["class", "palette", "noLabel", "disabled", "value", "binary", "labelPosition", "allowNull"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: SelectionCellComponent, deps: [{ token: i1.TableService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: SelectionCellComponent, isStandalone: true, selector: "teta-selection-cell", inputs: { row: "row" }, host: { properties: { "class.cell": "this.tableCellClass" } }, ngImport: i0, template: "<teta-checkbox [binary]=\"true\"\n               [noLabel]=\"true\"\n               [ngModel]=\"selectedRows?.indexOf(row) >= 0\"\n               (ngModelChange)=\"selectRow($event)\"\n               (click)=\"$event.stopPropagation()\"></teta-checkbox>\n", styles: [":host{display:flex;align-items:center;justify-content:center}\n"], dependencies: [{ kind: "component", type: CheckboxComponent, selector: "teta-checkbox", inputs: ["class", "palette", "noLabel", "disabled", "value", "binary", "labelPosition", "allowNull"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: SelectionCellComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: SelectionCellComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-selection-cell', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CheckboxComponent, FormsModule], template: "<teta-checkbox [binary]=\"true\"\n               [noLabel]=\"true\"\n               [ngModel]=\"selectedRows?.indexOf(row) >= 0\"\n               (ngModelChange)=\"selectRow($event)\"\n               (click)=\"$event.stopPropagation()\"></teta-checkbox>\n", styles: [":host{display:flex;align-items:center;justify-content:center}\n"] }]
         }], ctorParameters: () => [{ type: i1.TableService }, { type: i0.ChangeDetectorRef }], propDecorators: { row: [{