@seniorsistemas/angular-components 17.27.1-feature-sds-110-174b0744 → 17.27.1-feature-sds-110-660dd566

package/fesm2022/seniorsistemas-angular-components-fieldset.mjs

@@ -1,7 +1,7 @@
 import { trigger, transition, style, animate, state } from '@angular/animations';
 import * as i0 from '@angular/core';
-import { EventEmitter, Component, Input, ContentChild, Output, NgModule } from '@angular/core';
-import { HeaderComponent } from '@seniorsistemas/angular-components/structure';
+import { EventEmitter, Component, Input, ContentChildren, Output, NgModule } from '@angular/core';
+import { TemplateDirective } from 'dist/template';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i2 from '@seniorsistemas/angular-components/interactive-content';
@@ -13,10 +13,14 @@ class FieldsetComponent {
     toggleable = false;
     icon = '';
     destroyOnHide = true;
+    templateDirectives;
     headerTemplate;
     beforeToggle = new EventEmitter();
     afterToggle = new EventEmitter();
     active = true;
+    ngAfterViewInit() {
+        this.headerTemplate = this.templateDirectives?.find((template) => template.type === 'header')?.template;
+    }
     toggleActive(originalEvent) {
         if (!this.toggleable) {
             return;
@@ -26,7 +30,7 @@ class FieldsetComponent {
         this.afterToggle.next({ collapsed: this.active, originalEvent });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FieldsetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: FieldsetComponent, selector: "s-fieldset", inputs: { legend: "legend", toggleable: "toggleable", icon: "icon", destroyOnHide: "destroyOnHide" }, outputs: { beforeToggle: "beforeToggle", afterToggle: "afterToggle" }, queries: [{ propertyName: "headerTemplate", first: true, predicate: HeaderComponent, descendants: true }], ngImport: i0, template: "<fieldset\n    class=\"fieldset\"\n    [class.fieldset-togglable]=\"toggleable\"\n>\n    <legend\n        class=\"fieldset-title\"        \n        (sInteractiveContent)=\"toggleActive($event)\"\n    >\n        <ng-container *ngIf=\"toggleable\">\n            @if (active) {\n                <i class=\"fas fa-plus\"></i>\n            } @else {\n                <i class=\"fas fa-minus\"></i>\n            }\n        </ng-container>\n        @if (headerTemplate && headerTemplate.template) {\n            <ng-container *ngTemplateOutlet=\"headerTemplate.template\"></ng-container>\n        } @else {\n            <i\n                *ngIf=\"icon\"\n                [class]=\"icon\"\n            ></i>\n            {{ legend }}\n        }\n    </legend>\n    @if (destroyOnHide ? (toggleable ? active : true) : true) {\n        <div [@toggleAnimation]=\"destroyOnHide ? null : active ? 'open' : 'closed'\">\n            <ng-content></ng-content>\n        </div>\n    }\n</fieldset>\n", styles: [".fieldset{background-color:#fff;border:1px solid #dedce5;border-radius:6px;margin-bottom:10px;min-height:4.5em;padding:6px 8px}.fieldset-title{align-items:center;color:#212533;font-family:Open Sans,sans-serif;font-size:14px;font-weight:700;display:flex;padding:0 4px;gap:4px;margin-left:16px;-webkit-user-select:none;user-select:none}.fieldset-togglable .fieldset-title,.fieldset-togglable .fieldset-title *{cursor:pointer}.hidden{display:none}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.InteractiveContentDirective, selector: "[sInteractiveContent]", inputs: ["focusable", "disabled"], outputs: ["sInteractiveContent"] }], animations: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: FieldsetComponent, selector: "s-fieldset", inputs: { legend: "legend", toggleable: "toggleable", icon: "icon", destroyOnHide: "destroyOnHide" }, outputs: { beforeToggle: "beforeToggle", afterToggle: "afterToggle" }, queries: [{ propertyName: "templateDirectives", predicate: TemplateDirective }], ngImport: i0, template: "<fieldset\n    class=\"fieldset\"\n    [class.fieldset-togglable]=\"toggleable\"\n>\n    <legend\n        class=\"fieldset-title\"\n        (sInteractiveContent)=\"toggleActive($event)\"\n    >\n        <ng-container *ngIf=\"toggleable\">\n            @if (active) {\n                <i class=\"fas fa-plus\"></i>\n            } @else {\n                <i class=\"fas fa-minus\"></i>\n            }\n        </ng-container>\n        @if (headerTemplate) {\n            <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n        } @else {\n            <i\n                *ngIf=\"icon\"\n                [class]=\"icon\"\n            ></i>\n            {{ legend }}\n        }\n    </legend>\n    @if (destroyOnHide ? (toggleable ? active : true) : true) {\n        <div [@toggleAnimation]=\"destroyOnHide ? null : active ? 'open' : 'closed'\">\n            <ng-content></ng-content>\n        </div>\n    }\n</fieldset>\n", styles: [".fieldset{background-color:#fff;border:1px solid #dedce5;border-radius:6px;margin-bottom:10px;min-height:4.5em;padding:6px 8px}.fieldset-title{align-items:center;color:#212533;font-family:Open Sans,sans-serif;font-size:14px;font-weight:700;display:flex;padding:0 4px;gap:4px;margin-left:16px;-webkit-user-select:none;user-select:none}.fieldset-togglable .fieldset-title,.fieldset-togglable .fieldset-title *{cursor:pointer}.hidden{display:none}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.InteractiveContentDirective, selector: "[sInteractiveContent]", inputs: ["focusable", "disabled"], outputs: ["sInteractiveContent"] }], animations: [
             trigger('toggleAnimation', [
                 transition(':enter', [
                     style({ opacity: 0, height: 0 }),
@@ -58,7 +62,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                             state('closed', style({ opacity: 0, height: 0 })),
                             transition('open <=> closed', animate('300ms ease')),
                         ]),
-                    ], template: "<fieldset\n    class=\"fieldset\"\n    [class.fieldset-togglable]=\"toggleable\"\n>\n    <legend\n        class=\"fieldset-title\"        \n        (sInteractiveContent)=\"toggleActive($event)\"\n    >\n        <ng-container *ngIf=\"toggleable\">\n            @if (active) {\n                <i class=\"fas fa-plus\"></i>\n            } @else {\n                <i class=\"fas fa-minus\"></i>\n            }\n        </ng-container>\n        @if (headerTemplate && headerTemplate.template) {\n            <ng-container *ngTemplateOutlet=\"headerTemplate.template\"></ng-container>\n        } @else {\n            <i\n                *ngIf=\"icon\"\n                [class]=\"icon\"\n            ></i>\n            {{ legend }}\n        }\n    </legend>\n    @if (destroyOnHide ? (toggleable ? active : true) : true) {\n        <div [@toggleAnimation]=\"destroyOnHide ? null : active ? 'open' : 'closed'\">\n            <ng-content></ng-content>\n        </div>\n    }\n</fieldset>\n", styles: [".fieldset{background-color:#fff;border:1px solid #dedce5;border-radius:6px;margin-bottom:10px;min-height:4.5em;padding:6px 8px}.fieldset-title{align-items:center;color:#212533;font-family:Open Sans,sans-serif;font-size:14px;font-weight:700;display:flex;padding:0 4px;gap:4px;margin-left:16px;-webkit-user-select:none;user-select:none}.fieldset-togglable .fieldset-title,.fieldset-togglable .fieldset-title *{cursor:pointer}.hidden{display:none}\n"] }]
+                    ], template: "<fieldset\n    class=\"fieldset\"\n    [class.fieldset-togglable]=\"toggleable\"\n>\n    <legend\n        class=\"fieldset-title\"\n        (sInteractiveContent)=\"toggleActive($event)\"\n    >\n        <ng-container *ngIf=\"toggleable\">\n            @if (active) {\n                <i class=\"fas fa-plus\"></i>\n            } @else {\n                <i class=\"fas fa-minus\"></i>\n            }\n        </ng-container>\n        @if (headerTemplate) {\n            <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n        } @else {\n            <i\n                *ngIf=\"icon\"\n                [class]=\"icon\"\n            ></i>\n            {{ legend }}\n        }\n    </legend>\n    @if (destroyOnHide ? (toggleable ? active : true) : true) {\n        <div [@toggleAnimation]=\"destroyOnHide ? null : active ? 'open' : 'closed'\">\n            <ng-content></ng-content>\n        </div>\n    }\n</fieldset>\n", styles: [".fieldset{background-color:#fff;border:1px solid #dedce5;border-radius:6px;margin-bottom:10px;min-height:4.5em;padding:6px 8px}.fieldset-title{align-items:center;color:#212533;font-family:Open Sans,sans-serif;font-size:14px;font-weight:700;display:flex;padding:0 4px;gap:4px;margin-left:16px;-webkit-user-select:none;user-select:none}.fieldset-togglable .fieldset-title,.fieldset-togglable .fieldset-title *{cursor:pointer}.hidden{display:none}\n"] }]
         }], propDecorators: { legend: [{
                 type: Input
             }], toggleable: [{
@@ -67,9 +71,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Input
             }], destroyOnHide: [{
                 type: Input
-            }], headerTemplate: [{
-                type: ContentChild,
-                args: [HeaderComponent]
+            }], templateDirectives: [{
+                type: ContentChildren,
+                args: [TemplateDirective]
             }], beforeToggle: [{
                 type: Output
             }], afterToggle: [{

package/fesm2022/seniorsistemas-angular-components-fieldset.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"seniorsistemas-angular-components-fieldset.mjs","sources":["../../projects/angular-components/fieldset/src/lib/fieldset/fieldset.component.ts","../../projects/angular-components/fieldset/src/lib/fieldset/fieldset.component.html","../../projects/angular-components/fieldset/src/lib/fieldset/fieldset.module.ts","../../projects/angular-components/fieldset/src/seniorsistemas-angular-components-fieldset.ts"],"sourcesContent":["import { animate, state, style, transition, trigger } from \"@angular/animations\";\nimport { Component, ContentChild, EventEmitter, Input, Output } from \"@angular/core\";\n\nimport { HeaderComponent } from \"@seniorsistemas/angular-components/structure\";\n\nimport { FieldSetToggle } from \"./fieldset.models\";\n\n@Component({\n    selector: \"s-fieldset\",\n    templateUrl: \"./fieldset.component.html\",\n    styleUrls: [\"./fieldset.component.scss\"],\n    animations: [\n        trigger('toggleAnimation', [\n            transition(':enter', [\n                style({ opacity: 0, height: 0 }),\n                animate('300ms ease-out', style({ opacity: 1, height: '*' })),\n            ]),\n            transition(':leave', [\n                style({ opacity: 1, height: '*' }),\n                animate('300ms ease-in', style({ opacity: 0, height: 0 })),\n            ]),\n            state('open', style({ opacity: 1, height: '*' })),\n            state('closed', style({ opacity: 0, height: 0 })),\n            transition('open <=> closed', animate('300ms ease')),\n        ]),\n    ],\n})\nexport class FieldsetComponent {\n    @Input() legend = '';\n    @Input() toggleable = false;\n    @Input() icon = '';\n    @Input() destroyOnHide = true;\n    @ContentChild(HeaderComponent) readonly headerTemplate: HeaderComponent | undefined;\n\n    @Output() beforeToggle = new EventEmitter<FieldSetToggle>();\n    @Output() afterToggle = new EventEmitter<FieldSetToggle>();\n    active = true;\n\n    toggleActive(originalEvent: PointerEvent | KeyboardEvent) {\n        if (!this.toggleable) {\n            return;\n        }\n        this.beforeToggle.next({ collapsed: this.active, originalEvent })\n        this.active = !this.active;\n        this.afterToggle.next({ collapsed: this.active, originalEvent })\n    }\n}\n","<fieldset\n    class=\"fieldset\"\n    [class.fieldset-togglable]=\"toggleable\"\n>\n    <legend\n        class=\"fieldset-title\"        \n        (sInteractiveContent)=\"toggleActive($event)\"\n    >\n        <ng-container *ngIf=\"toggleable\">\n            @if (active) {\n                <i class=\"fas fa-plus\"></i>\n            } @else {\n                <i class=\"fas fa-minus\"></i>\n            }\n        </ng-container>\n        @if (headerTemplate && headerTemplate.template) {\n            <ng-container *ngTemplateOutlet=\"headerTemplate.template\"></ng-container>\n        } @else {\n            <i\n                *ngIf=\"icon\"\n                [class]=\"icon\"\n            ></i>\n            {{ legend }}\n        }\n    </legend>\n    @if (destroyOnHide ? (toggleable ? active : true) : true) {\n        <div [@toggleAnimation]=\"destroyOnHide ? null : active ? 'open' : 'closed'\">\n            <ng-content></ng-content>\n        </div>\n    }\n</fieldset>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { BrowserAnimationsModule } from '@angular/platform-browser/animations';\n\nimport { InteractiveContentDirective } from '@seniorsistemas/angular-components/interactive-content';\n\nimport { FieldsetComponent } from './fieldset.component';\n\n@NgModule({\n    imports: [CommonModule, InteractiveContentDirective, BrowserAnimationsModule],\n    declarations: [FieldsetComponent],\n    exports: [FieldsetComponent],\n})\nexport class FieldsetModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"seniorsistemas-angular-components-fieldset.mjs","sources":["../../projects/angular-components/fieldset/src/lib/fieldset/fieldset.component.ts","../../projects/angular-components/fieldset/src/lib/fieldset/fieldset.component.html","../../projects/angular-components/fieldset/src/lib/fieldset/fieldset.module.ts","../../projects/angular-components/fieldset/src/seniorsistemas-angular-components-fieldset.ts"],"sourcesContent":["import { animate, state, style, transition, trigger } from \"@angular/animations\";\nimport { AfterViewInit, Component, ContentChildren, EventEmitter, Input, Output, QueryList, TemplateRef } from \"@angular/core\";\n\n\nimport { TemplateDirective } from \"dist/template\";\nimport { FieldSetToggle } from \"./fieldset.models\";\n\n@Component({\n    selector: \"s-fieldset\",\n    templateUrl: \"./fieldset.component.html\",\n    styleUrls: [\"./fieldset.component.scss\"],\n    animations: [\n        trigger('toggleAnimation', [\n            transition(':enter', [\n                style({ opacity: 0, height: 0 }),\n                animate('300ms ease-out', style({ opacity: 1, height: '*' })),\n            ]),\n            transition(':leave', [\n                style({ opacity: 1, height: '*' }),\n                animate('300ms ease-in', style({ opacity: 0, height: 0 })),\n            ]),\n            state('open', style({ opacity: 1, height: '*' })),\n            state('closed', style({ opacity: 0, height: 0 })),\n            transition('open <=> closed', animate('300ms ease')),\n        ]),\n    ],\n})\nexport class FieldsetComponent implements AfterViewInit {\n    @Input() legend = '';\n    @Input() toggleable = false;\n    @Input() icon = '';\n    @Input() destroyOnHide = true;\n    @ContentChildren(TemplateDirective) readonly templateDirectives: QueryList<TemplateDirective> | undefined;\n    headerTemplate: TemplateRef<any> | undefined;\n    @Output() beforeToggle = new EventEmitter<FieldSetToggle>();\n    @Output() afterToggle = new EventEmitter<FieldSetToggle>();\n    active = true;\n\n    ngAfterViewInit(): void {\n        this.headerTemplate = this.templateDirectives?.find((template) => template.type === 'header')?.template;\n    }\n\n    toggleActive(originalEvent: PointerEvent | KeyboardEvent) {\n        if (!this.toggleable) {\n            return;\n        }\n        this.beforeToggle.next({ collapsed: this.active, originalEvent })\n        this.active = !this.active;\n        this.afterToggle.next({ collapsed: this.active, originalEvent })\n    }\n}\n","<fieldset\n    class=\"fieldset\"\n    [class.fieldset-togglable]=\"toggleable\"\n>\n    <legend\n        class=\"fieldset-title\"\n        (sInteractiveContent)=\"toggleActive($event)\"\n    >\n        <ng-container *ngIf=\"toggleable\">\n            @if (active) {\n                <i class=\"fas fa-plus\"></i>\n            } @else {\n                <i class=\"fas fa-minus\"></i>\n            }\n        </ng-container>\n        @if (headerTemplate) {\n            <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n        } @else {\n            <i\n                *ngIf=\"icon\"\n                [class]=\"icon\"\n            ></i>\n            {{ legend }}\n        }\n    </legend>\n    @if (destroyOnHide ? (toggleable ? active : true) : true) {\n        <div [@toggleAnimation]=\"destroyOnHide ? null : active ? 'open' : 'closed'\">\n            <ng-content></ng-content>\n        </div>\n    }\n</fieldset>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { BrowserAnimationsModule } from '@angular/platform-browser/animations';\n\nimport { InteractiveContentDirective } from '@seniorsistemas/angular-components/interactive-content';\n\nimport { FieldsetComponent } from './fieldset.component';\n\n@NgModule({\n    imports: [CommonModule, InteractiveContentDirective, BrowserAnimationsModule],\n    declarations: [FieldsetComponent],\n    exports: [FieldsetComponent],\n})\nexport class FieldsetModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/seniorsistemas-angular-components-gantt.mjs

@@ -1567,7 +1567,7 @@ class SideTableComponent {
         this.tasks = this.tasks.filter((task) => task.tasks.length);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SideTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SideTableComponent, selector: "gantt-side-table", inputs: { columnTitle: "columnTitle", tasks: "tasks", multipleTaskPerLine: "multipleTaskPerLine" }, ngImport: i0, template: "<div class=\"side-table\">\n    <div class=\"column-title\">\n        <span>{{ columnTitle }}</span>\n    </div>\n    <div class=\"tasks\" >\n        @for(task of tasks; track task.id; let i = $index) {\n            <div\n                class=\"task\"\n                [ngStyle]=\"{'height.px': multipleTaskPerLine\n                        ? ROW_HEIGHT\n                        : ROW_HEIGHT * task.tasks.length}\"\n                [sTooltip]=\"task.title.length > 20 || task.subtitle.length > 20 ? '<span><strong>' + task.title + ' </strong></br><span> ' + task.subtitle + ' </span></span>' : '' \"\n                [escape]=\"false\">\n                    <div class=\"title\">\n                        {{ task.title }}\n                    </div>\n                    <div class=\"subtitle\">\n                        {{ task.subtitle }}\n                    </div>\n            </div>\n        }\n    </div>\n</div>\n", styles: [".side-table{background:#fff;height:100%;min-width:175px}.side-table .column-title{height:106px;border:solid 1px #e0e0e0;box-sizing:border-box;display:flex;align-items:flex-end;justify-content:center;padding:8px}.side-table .column-title span{font-family:\"Open Sans\" sans-serif;font-size:14px;font-weight:700;line-height:150%}.side-table .task{align-items:center;background-color:#fff;border:solid 1px #e0e0e0;display:flex;flex-direction:column;font-family:Open Sans,sans-serif;font-weight:400;justify-content:center;line-height:150%;padding:0 5px}.side-table .task .title{color:#333;font-size:14px;max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-table .task .subtitle{color:#999;font-size:12px;max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n"], dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.TooltipDirective, selector: "[sTooltip]", inputs: ["sTooltip", "tooltipPosition", "showDelay", "displayTime", "tooltipEvent", "escape", "visible", "mobileBehavior", "focusedInputRef"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SideTableComponent, selector: "gantt-side-table", inputs: { columnTitle: "columnTitle", tasks: "tasks", multipleTaskPerLine: "multipleTaskPerLine" }, ngImport: i0, template: "<div class=\"side-table\">\n    <div class=\"column-title\">\n        <span>{{ columnTitle }}</span>\n    </div>\n    <div class=\"tasks\" >\n        @for(task of tasks; track task.id; let i = $index) {\n            <div\n                class=\"task\"\n                [ngStyle]=\"{'height.px': multipleTaskPerLine\n                        ? ROW_HEIGHT\n                        : ROW_HEIGHT * task.tasks.length}\"\n                [sTooltip]=\"task.title.length > 20 || task.subtitle.length > 20 ? '<span><strong>' + task.title + ' </strong></br><span> ' + task.subtitle + ' </span></span>' : '' \"\n                [escape]=\"false\">\n                    <div class=\"title\">\n                        {{ task.title }}\n                    </div>\n                    <div class=\"subtitle\">\n                        {{ task.subtitle }}\n                    </div>\n            </div>\n        }\n    </div>\n</div>\n", styles: [".side-table{background:#fff;height:100%;min-width:175px}.side-table .column-title{height:106px;border:solid 1px #e0e0e0;box-sizing:border-box;display:flex;align-items:flex-end;justify-content:center;padding:8px}.side-table .column-title span{font-family:\"Open Sans\" sans-serif;font-size:14px;font-weight:700;line-height:150%}.side-table .task{align-items:center;background-color:#fff;border:solid 1px #e0e0e0;display:flex;flex-direction:column;font-family:Open Sans,sans-serif;font-weight:400;justify-content:center;line-height:150%;padding:0 5px}.side-table .task .title{color:#333;font-size:14px;max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-table .task .subtitle{color:#999;font-size:12px;max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n"], dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.TooltipDirective, selector: "[sTooltip]", inputs: ["sTooltip", "tooltipPosition", "showDelay", "displayTime", "tooltipEvent", "escape", "visible", "mobileBehavior", "focusedInputRef", "checkTruncatedText"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SideTableComponent, decorators: [{
             type: Component,