ngx-tethys 17.0.0-next.1 → 17.0.0-next.3

package/fesm2022/ngx-tethys-layout.mjs

@@ -3,12 +3,12 @@ import { Directive, Component, ChangeDetectionStrategy, Input, ContentChild, Opt
 import { NgTemplateOutlet, NgIf, NgClass, NgStyle, CommonModule } from '@angular/common';
 import { __decorate, __metadata } from 'tslib';
 import { InputBoolean, InputNumber } from 'ngx-tethys/core';
-import { ThyIconComponent, ThyIconModule } from 'ngx-tethys/icon';
+import { ThyIcon, ThyIconModule } from 'ngx-tethys/icon';
 import { coerceBooleanProperty } from 'ngx-tethys/util';
 import * as i2 from '@tethys/cdk/hotkey';
 import { ThyHotkeyModule } from '@tethys/cdk/hotkey';
 import { isMacPlatform } from '@tethys/cdk/is';
-import { ThyResizeHandleComponent, ThyResizableDirective, ThyResizableModule } from 'ngx-tethys/resizable';
+import { ThyResizeHandle, ThyResizableDirective, ThyResizableModule } from 'ngx-tethys/resizable';
 import { ThyTooltipDirective, ThyTooltipModule } from 'ngx-tethys/tooltip';
 import { DragDropModule } from '@angular/cdk/drag-drop';
 
@@ -42,11 +42,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
  * @name thy-layout
  * @order 6
  */
-class ThyLayoutComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ThyLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: ThyLayoutComponent, isStandalone: true, selector: "thy-layout", hostDirectives: [{ directive: ThyLayoutDirective }], ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+class ThyLayout {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ThyLayout, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: ThyLayout, isStandalone: true, selector: "thy-layout", hostDirectives: [{ directive: ThyLayoutDirective }], ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ThyLayoutComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ThyLayout, decorators: [{
             type: Component,
             args: [{
                     selector: 'thy-layout',
@@ -131,7 +131,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
  * @name thy-header
  * @order 11
  */
-class ThyHeaderComponent {
+class ThyHeader {
     constructor() {
         /**
          * 图标前缀，被弃用，图标使用 SVG 图标
@@ -155,17 +155,17 @@ class ThyHeaderComponent {
             this.svgIconName = null;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ThyHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: ThyHeaderComponent, isStandalone: true, selector: "thy-header", inputs: { thyTitle: "thyTitle", thyIconPrefix: "thyIconPrefix", thyIcon: "thyIcon" }, queries: [{ propertyName: "titleTemplateRef", first: true, predicate: ["headerTitle"], descendants: true }, { propertyName: "contentTemplateRef", first: true, predicate: ["headerContent"], descendants: true }, { propertyName: "operationTemplateRef", first: true, predicate: ["headerOperation"], descendants: true }], hostDirectives: [{ directive: ThyHeaderDirective, inputs: ["thySize", "thySize", "thyShadow", "thyShadow", "thyHasBorder", "thyHasBorder", "thyDivided", "thyDivided"] }], ngImport: i0, template: "<div class=\"layout-header-title\">\n  <ng-template [ngTemplateOutlet]=\"titleTemplateRef\"></ng-template>\n  <ng-container *ngIf=\"!titleTemplateRef\">\n    <thy-icon *ngIf=\"svgIconName; else iconFont\" class=\"prefix-icon\" [thyIconName]=\"svgIconName\"></thy-icon>\n    <ng-template #iconFont>\n      <i *ngIf=\"iconClass\" class=\"prefix-icon\" [ngClass]=\"iconClass\"></i>\n    </ng-template>\n    <span class=\"title-name\">{{ thyTitle }}</span>\n  </ng-container>\n</div>\n<div class=\"layout-header-content\">\n  <ng-template [ngTemplateOutlet]=\"contentTemplateRef\"></ng-template>\n</div>\n<div class=\"layout-header-operation\">\n  <ng-template [ngTemplateOutlet]=\"operationTemplateRef\"></ng-template>\n</div>\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ThyIconComponent, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ThyHeader, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: ThyHeader, isStandalone: true, selector: "thy-header", inputs: { thyTitle: "thyTitle", thyIconPrefix: "thyIconPrefix", thyIcon: "thyIcon" }, queries: [{ propertyName: "titleTemplateRef", first: true, predicate: ["headerTitle"], descendants: true }, { propertyName: "contentTemplateRef", first: true, predicate: ["headerContent"], descendants: true }, { propertyName: "operationTemplateRef", first: true, predicate: ["headerOperation"], descendants: true }], hostDirectives: [{ directive: ThyHeaderDirective, inputs: ["thySize", "thySize", "thyShadow", "thyShadow", "thyHasBorder", "thyHasBorder", "thyDivided", "thyDivided"] }], ngImport: i0, template: "<div class=\"layout-header-title\">\n  <ng-template [ngTemplateOutlet]=\"titleTemplateRef\"></ng-template>\n  <ng-container *ngIf=\"!titleTemplateRef\">\n    <thy-icon *ngIf=\"svgIconName; else iconFont\" class=\"prefix-icon\" [thyIconName]=\"svgIconName\"></thy-icon>\n    <ng-template #iconFont>\n      <i *ngIf=\"iconClass\" class=\"prefix-icon\" [ngClass]=\"iconClass\"></i>\n    </ng-template>\n    <span class=\"title-name\">{{ thyTitle }}</span>\n  </ng-container>\n</div>\n<div class=\"layout-header-content\">\n  <ng-template [ngTemplateOutlet]=\"contentTemplateRef\"></ng-template>\n</div>\n<div class=\"layout-header-operation\">\n  <ng-template [ngTemplateOutlet]=\"operationTemplateRef\"></ng-template>\n</div>\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ThyHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ThyHeader, decorators: [{
             type: Component,
             args: [{ selector: 'thy-header', preserveWhitespaces: false, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
                         {
                             directive: ThyHeaderDirective,
                             inputs: ['thySize', 'thyShadow', 'thyHasBorder', 'thyDivided']
                         }
-                    ], standalone: true, imports: [NgTemplateOutlet, NgIf, ThyIconComponent, NgClass, ThyHeaderDirective], template: "<div class=\"layout-header-title\">\n  <ng-template [ngTemplateOutlet]=\"titleTemplateRef\"></ng-template>\n  <ng-container *ngIf=\"!titleTemplateRef\">\n    <thy-icon *ngIf=\"svgIconName; else iconFont\" class=\"prefix-icon\" [thyIconName]=\"svgIconName\"></thy-icon>\n    <ng-template #iconFont>\n      <i *ngIf=\"iconClass\" class=\"prefix-icon\" [ngClass]=\"iconClass\"></i>\n    </ng-template>\n    <span class=\"title-name\">{{ thyTitle }}</span>\n  </ng-container>\n</div>\n<div class=\"layout-header-content\">\n  <ng-template [ngTemplateOutlet]=\"contentTemplateRef\"></ng-template>\n</div>\n<div class=\"layout-header-operation\">\n  <ng-template [ngTemplateOutlet]=\"operationTemplateRef\"></ng-template>\n</div>\n" }]
+                    ], standalone: true, imports: [NgTemplateOutlet, NgIf, ThyIcon, NgClass, ThyHeaderDirective], template: "<div class=\"layout-header-title\">\n  <ng-template [ngTemplateOutlet]=\"titleTemplateRef\"></ng-template>\n  <ng-container *ngIf=\"!titleTemplateRef\">\n    <thy-icon *ngIf=\"svgIconName; else iconFont\" class=\"prefix-icon\" [thyIconName]=\"svgIconName\"></thy-icon>\n    <ng-template #iconFont>\n      <i *ngIf=\"iconClass\" class=\"prefix-icon\" [ngClass]=\"iconClass\"></i>\n    </ng-template>\n    <span class=\"title-name\">{{ thyTitle }}</span>\n  </ng-container>\n</div>\n<div class=\"layout-header-content\">\n  <ng-template [ngTemplateOutlet]=\"contentTemplateRef\"></ng-template>\n</div>\n<div class=\"layout-header-operation\">\n  <ng-template [ngTemplateOutlet]=\"operationTemplateRef\"></ng-template>\n</div>\n" }]
         }], propDecorators: { thyTitle: [{
                 type: Input
             }], thyIconPrefix: [{
@@ -208,11 +208,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
  * @name thy-content
  * @order 16
  */
-class ThyContentComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ThyContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: ThyContentComponent, isStandalone: true, selector: "thy-content", hostDirectives: [{ directive: ThyContentDirective }], ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+class ThyContent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ThyContent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: ThyContent, isStandalone: true, selector: "thy-content", hostDirectives: [{ directive: ThyContentDirective }], ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ThyContentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ThyContent, decorators: [{
             type: Component,
             args: [{
                     selector: 'thy-content',
@@ -340,7 +340,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
  * @name thy-sidebar
  * @order 21
  */
-class ThySidebarComponent {
+class ThySidebar {
     get sidebarWidth() {
         if (this.thyCollapsible && this.thyCollapsed) {
             return this.thyCollapsedWidth;
@@ -480,8 +480,8 @@ class ThySidebarComponent {
     ngOnDestroy() {
         this.hotkeySubscription?.unsubscribe();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ThySidebarComponent, deps: [{ token: i0.ElementRef }, { token: i2.ThyHotkeyDispatcher }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: ThySidebarComponent, isStandalone: true, selector: "thy-sidebar", inputs: { thyDraggable: "thyDraggable", thyDragMaxWidth: "thyDragMaxWidth", thyDragMinWidth: "thyDragMinWidth", thyTrigger: "thyTrigger", thyCollapsible: "thyCollapsible", thyCollapsed: "thyCollapsed", thyCollapsedWidth: "thyCollapsedWidth", thyDefaultWidth: "thyDefaultWidth" }, outputs: { thyCollapsedChange: "thyCollapsedChange", thyDragWidthChange: "thyDragWidthChange" }, host: { listeners: { "mouseenter": "mouseenter($event)", "mouseleave": "mouseleave($event)" }, properties: { "style.width.px": "this.sidebarWidth", "class.sidebar-collapse-show": "this.collapseVisibility", "class.remove-transition": "this.removeTransition" } }, hostDirectives: [{ directive: ThySidebarDirective, inputs: ["thyTheme", "thyTheme", "thyDirection", "thyDirection", "thyWidth", "thyWidth", "thyIsolated", "thyIsolated", "thyDivided", "thyDivided", "thyHasBorderLeft", "thyHasBorderLeft", "thyHasBorderRight", "thyHasBorderRight"] }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ThySidebar, deps: [{ token: i0.ElementRef }, { token: i2.ThyHotkeyDispatcher }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: ThySidebar, isStandalone: true, selector: "thy-sidebar", inputs: { thyDraggable: "thyDraggable", thyDragMaxWidth: "thyDragMaxWidth", thyDragMinWidth: "thyDragMinWidth", thyTrigger: "thyTrigger", thyCollapsible: "thyCollapsible", thyCollapsed: "thyCollapsed", thyCollapsedWidth: "thyCollapsedWidth", thyDefaultWidth: "thyDefaultWidth" }, outputs: { thyCollapsedChange: "thyCollapsedChange", thyDragWidthChange: "thyDragWidthChange" }, host: { listeners: { "mouseenter": "mouseenter($event)", "mouseleave": "mouseleave($event)" }, properties: { "style.width.px": "this.sidebarWidth", "class.sidebar-collapse-show": "this.collapseVisibility", "class.remove-transition": "this.removeTransition" } }, hostDirectives: [{ directive: ThySidebarDirective, inputs: ["thyTheme", "thyTheme", "thyDirection", "thyDirection", "thyWidth", "thyWidth", "thyIsolated", "thyIsolated", "thyDivided", "thyDivided", "thyHasBorderLeft", "thyHasBorderLeft", "thyHasBorderRight", "thyHasBorderRight"] }], ngImport: i0, template: `
         <ng-content></ng-content>
         <div
             thyResizable
@@ -516,35 +516,35 @@ class ThySidebarComponent {
                 <thy-icon class="sidebar-collapse-icon" [thyIconName]="this.thyCollapsed ? 'indent' : 'outdent'"></thy-icon>
             </ng-template>
         </div>
-    `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ThyResizeHandleComponent, selector: "thy-resize-handle, [thy-resize-handle]", inputs: ["thyDirection", "thyLine"], outputs: ["thyMouseDown"], exportAs: ["thyResizeHandle"] }, { kind: "directive", type: ThyResizableDirective, selector: "[thyResizable]", inputs: ["thyBounds", "thyMaxHeight", "thyMaxWidth", "thyMinHeight", "thyMinWidth", "thyGridColumnCount", "thyMaxColumn", "thyMinColumn", "thyLockAspectRatio", "thyPreview", "thyDisabled"], outputs: ["thyResize", "thyResizeStart", "thyResizeEnd"] }, { kind: "component", type: ThyIconComponent, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "directive", type: ThyTooltipDirective, selector: "[thyTooltip],[thy-tooltip]", inputs: ["thyTooltip", "thyTooltipPlacement", "thyTooltipClass", "thyTooltipShowDelay", "thyTooltipHideDelay", "thyTooltipTrigger", "thyTooltipDisabled", "thyTooltipTemplateContext", "thyTooltipOffset", "thyTooltipPin"], exportAs: ["thyTooltip"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ThyResizeHandle, selector: "thy-resize-handle, [thy-resize-handle]", inputs: ["thyDirection", "thyLine"], outputs: ["thyMouseDown"], exportAs: ["thyResizeHandle"] }, { kind: "directive", type: ThyResizableDirective, selector: "[thyResizable]", inputs: ["thyBounds", "thyMaxHeight", "thyMaxWidth", "thyMinHeight", "thyMinWidth", "thyGridColumnCount", "thyMaxColumn", "thyMinColumn", "thyLockAspectRatio", "thyPreview", "thyDisabled"], outputs: ["thyResize", "thyResizeStart", "thyResizeEnd"] }, { kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "directive", type: ThyTooltipDirective, selector: "[thyTooltip],[thy-tooltip]", inputs: ["thyTooltip", "thyTooltipPlacement", "thyTooltipClass", "thyTooltipShowDelay", "thyTooltipHideDelay", "thyTooltipTrigger", "thyTooltipDisabled", "thyTooltipTemplateContext", "thyTooltipOffset", "thyTooltipPin"], exportAs: ["thyTooltip"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
 }
 __decorate([
     InputBoolean(),
     __metadata("design:type", Boolean)
-], ThySidebarComponent.prototype, "thyDraggable", void 0);
+], ThySidebar.prototype, "thyDraggable", void 0);
 __decorate([
     InputNumber(),
     __metadata("design:type", Number)
-], ThySidebarComponent.prototype, "thyDragMaxWidth", void 0);
+], ThySidebar.prototype, "thyDragMaxWidth", void 0);
 __decorate([
     InputNumber(),
     __metadata("design:type", Number)
-], ThySidebarComponent.prototype, "thyDragMinWidth", void 0);
+], ThySidebar.prototype, "thyDragMinWidth", void 0);
 __decorate([
     InputBoolean(),
     __metadata("design:type", Boolean),
     __metadata("design:paramtypes", [Boolean])
-], ThySidebarComponent.prototype, "thyCollapsible", null);
+], ThySidebar.prototype, "thyCollapsible", null);
 __decorate([
     InputBoolean(),
     __metadata("design:type", Boolean),
     __metadata("design:paramtypes", [Boolean])
-], ThySidebarComponent.prototype, "thyCollapsed", null);
+], ThySidebar.prototype, "thyCollapsed", null);
 __decorate([
     InputNumber(),
     __metadata("design:type", Object)
-], ThySidebarComponent.prototype, "thyCollapsedWidth", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ThySidebarComponent, decorators: [{
+], ThySidebar.prototype, "thyCollapsedWidth", void 0);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ThySidebar, decorators: [{
             type: Component,
             args: [{
                     selector: 'thy-sidebar',
@@ -592,16 +592,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
                         }
                     ],
                     standalone: true,
-                    imports: [
-                        NgTemplateOutlet,
-                        NgIf,
-                        ThyResizeHandleComponent,
-                        ThyResizableDirective,
-                        ThyIconComponent,
-                        ThyTooltipDirective,
-                        NgClass,
-                        NgStyle
-                    ]
+                    imports: [NgTemplateOutlet, NgIf, ThyResizeHandle, ThyResizableDirective, ThyIcon, ThyTooltipDirective, NgClass, NgStyle]
                 }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i2.ThyHotkeyDispatcher }], propDecorators: { sidebarWidth: [{
                 type: HostBinding,
@@ -664,11 +655,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
  * @name thy-content-section
  * @order 41
  */
-class ThyContentSectionComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ThyContentSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: ThyContentSectionComponent, isStandalone: true, selector: "thy-content-section", hostDirectives: [{ directive: ThyContentSectionDirective }], ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+class ThyContentSection {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ThyContentSection, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: ThyContentSection, isStandalone: true, selector: "thy-content-section", hostDirectives: [{ directive: ThyContentSectionDirective }], ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ThyContentSectionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ThyContentSection, decorators: [{
             type: Component,
             args: [{
                     selector: 'thy-content-section',
@@ -704,11 +695,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
  * @name thy-content-main
  * @order 46
  */
-class ThyContentMainComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ThyContentMainComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: ThyContentMainComponent, isStandalone: true, selector: "thy-content-main", hostDirectives: [{ directive: ThyContentMainDirective }], ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+class ThyContentMain {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ThyContentMain, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: ThyContentMain, isStandalone: true, selector: "thy-content-main", hostDirectives: [{ directive: ThyContentMainDirective }], ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ThyContentMainComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ThyContentMain, decorators: [{
             type: Component,
             args: [{
                     selector: 'thy-content-main',
@@ -751,11 +742,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
  * @name thy-sidebar-header
  * @order 26
  */
-class ThySidebarHeaderComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ThySidebarHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: ThySidebarHeaderComponent, isStandalone: true, selector: "thy-sidebar-header", inputs: { thyTitle: "thyTitle" }, queries: [{ propertyName: "operationTemplateRef", first: true, predicate: ["headerOperation"], descendants: true }, { propertyName: "titleTemplateRef", first: true, predicate: ["headerTitle"], descendants: true }], hostDirectives: [{ directive: ThySidebarHeaderDirective, inputs: ["thyDivided", "thyDivided"] }], ngImport: i0, template: "<span class=\"title\" *ngIf=\"thyTitle || titleTemplateRef\">\n  <ng-template *ngIf=\"titleTemplateRef; else defaultTitle\" [ngTemplateOutlet]=\"titleTemplateRef\"></ng-template>\n  <ng-template #defaultTitle>\n    {{ thyTitle }}\n  </ng-template>\n</span>\n<ng-content></ng-content>\n<div class=\"operation\">\n  <ng-template [ngTemplateOutlet]=\"operationTemplateRef\"></ng-template>\n</div>\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+class ThySidebarHeader {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ThySidebarHeader, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: ThySidebarHeader, isStandalone: true, selector: "thy-sidebar-header", inputs: { thyTitle: "thyTitle" }, queries: [{ propertyName: "operationTemplateRef", first: true, predicate: ["headerOperation"], descendants: true }, { propertyName: "titleTemplateRef", first: true, predicate: ["headerTitle"], descendants: true }], hostDirectives: [{ directive: ThySidebarHeaderDirective, inputs: ["thyDivided", "thyDivided"] }], ngImport: i0, template: "<span class=\"title\" *ngIf=\"thyTitle || titleTemplateRef\">\n  <ng-template *ngIf=\"titleTemplateRef; else defaultTitle\" [ngTemplateOutlet]=\"titleTemplateRef\"></ng-template>\n  <ng-template #defaultTitle>\n    {{ thyTitle }}\n  </ng-template>\n</span>\n<ng-content></ng-content>\n<div class=\"operation\">\n  <ng-template [ngTemplateOutlet]=\"operationTemplateRef\"></ng-template>\n</div>\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ThySidebarHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ThySidebarHeader, decorators: [{
             type: Component,
             args: [{ selector: 'thy-sidebar-header', changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
                         {
@@ -797,11 +788,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
  * @name thy-sidebar-footer
  * @order 36
  */
-class ThySidebarFooterComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ThySidebarFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: ThySidebarFooterComponent, isStandalone: true, selector: "thy-sidebar-footer", hostDirectives: [{ directive: ThySidebarFooterDirective }], ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+class ThySidebarFooter {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ThySidebarFooter, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: ThySidebarFooter, isStandalone: true, selector: "thy-sidebar-footer", hostDirectives: [{ directive: ThySidebarFooterDirective }], ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ThySidebarFooterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ThySidebarFooter, decorators: [{
             type: Component,
             args: [{
                     selector: 'thy-sidebar-footer',
@@ -836,11 +827,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
  * @name thy-sidebar-content
  * @order 31
  */
-class ThySidebarContentComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ThySidebarContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: ThySidebarContentComponent, isStandalone: true, selector: "thy-sidebar-content", hostDirectives: [{ directive: ThySidebarContentDirective }], ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+class ThySidebarContent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ThySidebarContent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: ThySidebarContent, isStandalone: true, selector: "thy-sidebar-content", hostDirectives: [{ directive: ThySidebarContentDirective }], ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ThySidebarContentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ThySidebarContent, decorators: [{
             type: Component,
             args: [{
                     selector: 'thy-sidebar-content',
@@ -859,15 +850,15 @@ class ThyLayoutModule {
             ThyTooltipModule,
             ThyResizableModule,
             ThyHotkeyModule,
-            ThyLayoutComponent,
-            ThyHeaderComponent,
-            ThyContentComponent,
-            ThySidebarComponent,
-            ThySidebarHeaderComponent,
-            ThySidebarContentComponent,
-            ThySidebarFooterComponent,
-            ThyContentSectionComponent,
-            ThyContentMainComponent,
+            ThyLayout,
+            ThyHeader,
+            ThyContent,
+            ThySidebar,
+            ThySidebarHeader,
+            ThySidebarContent,
+            ThySidebarFooter,
+            ThyContentSection,
+            ThyContentMain,
             ThyLayoutDirective,
             ThyHeaderDirective,
             ThyContentDirective,
@@ -876,15 +867,15 @@ class ThyLayoutModule {
             ThySidebarContentDirective,
             ThySidebarFooterDirective,
             ThyContentSectionDirective,
-            ThyContentMainDirective], exports: [ThyLayoutComponent,
-            ThyHeaderComponent,
-            ThyContentComponent,
-            ThySidebarComponent,
-            ThySidebarHeaderComponent,
-            ThySidebarContentComponent,
-            ThySidebarFooterComponent,
-            ThyContentSectionComponent,
-            ThyContentMainComponent,
+            ThyContentMainDirective], exports: [ThyLayout,
+            ThyHeader,
+            ThyContent,
+            ThySidebar,
+            ThySidebarHeader,
+            ThySidebarContent,
+            ThySidebarFooter,
+            ThyContentSection,
+            ThyContentMain,
             ThyLayoutDirective,
             ThyHeaderDirective,
             ThyContentDirective,
@@ -900,8 +891,8 @@ class ThyLayoutModule {
             ThyTooltipModule,
             ThyResizableModule,
             ThyHotkeyModule,
-            ThyHeaderComponent,
-            ThySidebarComponent] }); }
+            ThyHeader,
+            ThySidebar] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ThyLayoutModule, decorators: [{
             type: NgModule,
@@ -913,15 +904,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
                         ThyTooltipModule,
                         ThyResizableModule,
                         ThyHotkeyModule,
-                        ThyLayoutComponent,
-                        ThyHeaderComponent,
-                        ThyContentComponent,
-                        ThySidebarComponent,
-                        ThySidebarHeaderComponent,
-                        ThySidebarContentComponent,
-                        ThySidebarFooterComponent,
-                        ThyContentSectionComponent,
-                        ThyContentMainComponent,
+                        ThyLayout,
+                        ThyHeader,
+                        ThyContent,
+                        ThySidebar,
+                        ThySidebarHeader,
+                        ThySidebarContent,
+                        ThySidebarFooter,
+                        ThyContentSection,
+                        ThyContentMain,
                         ThyLayoutDirective,
                         ThyHeaderDirective,
                         ThyContentDirective,
@@ -933,15 +924,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
                         ThyContentMainDirective
                     ],
                     exports: [
-                        ThyLayoutComponent,
-                        ThyHeaderComponent,
-                        ThyContentComponent,
-                        ThySidebarComponent,
-                        ThySidebarHeaderComponent,
-                        ThySidebarContentComponent,
-                        ThySidebarFooterComponent,
-                        ThyContentSectionComponent,
-                        ThyContentMainComponent,
+                        ThyLayout,
+                        ThyHeader,
+                        ThyContent,
+                        ThySidebar,
+                        ThySidebarHeader,
+                        ThySidebarContent,
+                        ThySidebarFooter,
+                        ThyContentSection,
+                        ThyContentMain,
                         ThyLayoutDirective,
                         ThyHeaderDirective,
                         ThyContentDirective,
@@ -959,5 +950,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ThyContentComponent, ThyContentDirective, ThyContentMainComponent, ThyContentMainDirective, ThyContentSectionComponent, ThyContentSectionDirective, ThyHeaderComponent, ThyHeaderDirective, ThyLayoutComponent, ThyLayoutDirective, ThyLayoutModule, ThySidebarComponent, ThySidebarContentComponent, ThySidebarContentDirective, ThySidebarDirective, ThySidebarFooterComponent, ThySidebarFooterDirective, ThySidebarHeaderComponent, ThySidebarHeaderDirective };
+export { ThyContent, ThyContentDirective, ThyContentMain, ThyContentMainDirective, ThyContentSection, ThyContentSectionDirective, ThyHeader, ThyHeaderDirective, ThyLayout, ThyLayoutDirective, ThyLayoutModule, ThySidebar, ThySidebarContent, ThySidebarContentDirective, ThySidebarDirective, ThySidebarFooter, ThySidebarFooterDirective, ThySidebarHeader, ThySidebarHeaderDirective };
 //# sourceMappingURL=ngx-tethys-layout.mjs.map