@dev-tcloud/tcloud-ui 6.5.3 → 6.5.4

package/fesm2022/dev-tcloud-tcloud-ui.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Injectable, Component, EventEmitter, Input, Output, forwardRef, ViewChild, InjectionToken, Optional, Inject, input, effect, Directive, Pipe, ViewEncapsulation, signal, HostListener, NgModule, makeEnvironmentProviders, output, ContentChildren, inject, computed, ApplicationRef, model, viewChild, ChangeDetectionStrategy } from '@angular/core';
+import { Injectable, Component, EventEmitter, Input, Output, forwardRef, ViewChild, InjectionToken, Optional, Inject, input, effect, Directive, Pipe, ViewEncapsulation, signal, inject, HostListener, NgModule, makeEnvironmentProviders, output, ContentChildren, computed, ApplicationRef, model, viewChild, ChangeDetectionStrategy } from '@angular/core';
 import * as i1 from '@angular/common';
 import { CommonModule, DatePipe, DOCUMENT } from '@angular/common';
 import { Subject, Subscription, debounceTime, distinctUntilChanged, map, BehaviorSubject } from 'rxjs';
@@ -5222,6 +5222,79 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                 type: Input
             }] } });
 
+class ContainerService {
+    constructor() {
+        this._expanded_signal = signal(undefined);
+        this.expanded_signal = this._expanded_signal.asReadonly();
+    }
+    set_expanded_signal(v) {
+        this._expanded_signal.set(v);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ContainerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ContainerService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ContainerService, decorators: [{
+            type: Injectable
+        }] });
+
+class TCloudUiContainerComponent {
+    constructor() {
+        this._containerService = inject(ContainerService);
+        this._expanded = false;
+    }
+    set expanded(v) {
+        // coerce to boolean and only propagate when changed
+        const newVal = !!v;
+        if (this._expanded !== newVal) {
+            this._expanded = newVal;
+            this.to_expanded();
+        }
+    }
+    get expanded() { return this._expanded; }
+    // optional manual trigger kept for backward-compatibility
+    to_expanded() {
+        this._containerService.set_expanded_signal(this._expanded);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TCloudUiContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: TCloudUiContainerComponent, isStandalone: true, selector: "tcloud-ui-container", inputs: { expanded: "expanded" }, providers: [ContainerService], ngImport: i0, template: "<div class=\"tc-rev-container f-family c-neutral-900 mar-b-24\" [class.container-expanded]=\"expanded\">\n  <ng-content></ng-content>                                                                                                                                                      \n</div>", styles: [":host{display:block}.tc-rev-container{display:flex;gap:24px}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TCloudUiContainerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tcloud-ui-container', imports: [], providers: [ContainerService], template: "<div class=\"tc-rev-container f-family c-neutral-900 mar-b-24\" [class.container-expanded]=\"expanded\">\n  <ng-content></ng-content>                                                                                                                                                      \n</div>", styles: [":host{display:block}.tc-rev-container{display:flex;gap:24px}\n"] }]
+        }], propDecorators: { expanded: [{
+                type: Input
+            }] } });
+
+class TCloudUiContainerColComponent {
+    constructor() {
+        this._containerService = inject(ContainerService);
+    }
+    get expanded() {
+        return this._containerService.expanded_signal();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TCloudUiContainerColComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: TCloudUiContainerColComponent, isStandalone: true, selector: "tcloud-ui-container-col", ngImport: i0, template: "\n<div class=\"tc-rev-container-col\" [class.col-expanded]=\"expanded\">\n  <ng-content></ng-content>\n</div>", styles: [".tc-rev-container-col{height:calc(100vh - 10.875rem);display:flex;position:fixed}\n", ":host{display:block}.tc-rev-container{display:flex;gap:24px}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TCloudUiContainerColComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tcloud-ui-container-col', imports: [], template: "\n<div class=\"tc-rev-container-col\" [class.col-expanded]=\"expanded\">\n  <ng-content></ng-content>\n</div>", styles: [".tc-rev-container-col{height:calc(100vh - 10.875rem);display:flex;position:fixed}\n", ":host{display:block}.tc-rev-container{display:flex;gap:24px}\n"] }]
+        }] });
+
+class TCloudUiContainerContentComponent {
+    constructor() {
+        this._containerService = inject(ContainerService);
+    }
+    get expanded() {
+        return this._containerService.expanded_signal();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TCloudUiContainerContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: TCloudUiContainerContentComponent, isStandalone: true, selector: "tcloud-ui-container-content", ngImport: i0, template: "\n<div class=\"tc-rev-container-content\" [class.content-expanded]=\"expanded\">\n  <ng-content></ng-content>\n</div>", styles: [":host{display:flex;flex:1}.tc-rev-container-content{flex:1;padding-left:52px}.content-expanded{padding-left:232px}\n", ":host{display:block}.tc-rev-container{display:flex;gap:24px}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TCloudUiContainerContentComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tcloud-ui-container-content', imports: [], template: "\n<div class=\"tc-rev-container-content\" [class.content-expanded]=\"expanded\">\n  <ng-content></ng-content>\n</div>", styles: [":host{display:flex;flex:1}.tc-rev-container-content{flex:1;padding-left:52px}.content-expanded{padding-left:232px}\n", ":host{display:block}.tc-rev-container{display:flex;gap:24px}\n"] }]
+        }] });
+
 class TCloudUiAlignDirective {
     set TCalign(direction) {
         if (direction) {
@@ -6250,7 +6323,10 @@ const COMPONENTS = [
     TCloudUiMultiplesValuesComponent,
     TCloudUiProgressBarComponent,
     TCloudUiReorderItemsComponent,
-    TCloudUiWelcomeComponent
+    TCloudUiWelcomeComponent,
+    TCloudUiContainerComponent,
+    TCloudUiContainerColComponent,
+    TCloudUiContainerContentComponent
 ];
 const DIRECTIVES = [
     TCloudUiAlignDirective,
@@ -6337,7 +6413,10 @@ class TCloudUiModule {
             TCloudUiMultiplesValuesComponent,
             TCloudUiProgressBarComponent,
             TCloudUiReorderItemsComponent,
-            TCloudUiWelcomeComponent, TCloudUiAlignDirective,
+            TCloudUiWelcomeComponent,
+            TCloudUiContainerComponent,
+            TCloudUiContainerColComponent,
+            TCloudUiContainerContentComponent, TCloudUiAlignDirective,
             TCloudUiCurrencyDirective,
             TCloudUiElCopyDirective,
             TCloudUiHoverParentDirective,
@@ -6392,7 +6471,10 @@ class TCloudUiModule {
             TCloudUiMultiplesValuesComponent,
             TCloudUiProgressBarComponent,
             TCloudUiReorderItemsComponent,
-            TCloudUiWelcomeComponent, TCloudUiAlignDirective,
+            TCloudUiWelcomeComponent,
+            TCloudUiContainerComponent,
+            TCloudUiContainerColComponent,
+            TCloudUiContainerContentComponent, TCloudUiAlignDirective,
             TCloudUiCurrencyDirective,
             TCloudUiElCopyDirective,
             TCloudUiHoverParentDirective,
@@ -6415,7 +6497,43 @@ class TCloudUiModule {
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TCloudUiModule, providers: [
             DatePipe,
             StatusInfoPipe
-        ], imports: [COMPONENTS] }); }
+        ], imports: [TCloudUiAccordionComponent,
+            TCloudUiAccordionBodyComponent,
+            TCloudUiAccordionTitleComponent,
+            TCloudUiChoiceIssuesComponent,
+            TCloudUiDataListComponent,
+            TCloudUiDataListOptionComponent,
+            TCloudUiDatepickerTimeComponent,
+            TCloudUiDatepickerComponent,
+            TCloudUiFiltersComponent,
+            TCloudUiRangeDateComponent,
+            TCloudUiInputSearchComponent,
+            TCloudUiLineStepCircleComponent,
+            TCloudUiLinhaLogoComponent,
+            TCloudUiModalComponent,
+            TCloudUiModalBodyComponent,
+            TCloudUiModalHeaderComponent,
+            TCloudUiModalFooterComponent,
+            TCloudUiMultiInputComponent,
+            TCloudUiMultiSelectComponent,
+            TCloudUiNotFoundComponent,
+            TCloudUiNumberStepComponent,
+            TCloudUiScrollBoxComponent,
+            TCloudUiTabMenuComponent,
+            TCloudUiTabHeadComponent,
+            TCloudUiTabContentComponent,
+            TCloudUiTabTitleComponent,
+            TCloudUiTabSubtitleComponent,
+            TCloudUiTableComponent,
+            TCloudUiInputPasswordComponent,
+            TCloudUiLabelTokenComponent,
+            TCloudUiLineStepTitleComponent,
+            TCloudUiLoadingComponent,
+            TCloudUiCubesComponent,
+            TCloudUiMultiplesValuesComponent,
+            TCloudUiProgressBarComponent,
+            TCloudUiReorderItemsComponent,
+            TCloudUiWelcomeComponent] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TCloudUiModule, decorators: [{
             type: NgModule,
@@ -6592,79 +6710,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                 args: [TCloudUiSubNavbarItemComponent]
             }] } });
 
-class ContainerService {
-    constructor() {
-        this._expanded_signal = signal(undefined);
-        this.expanded_signal = this._expanded_signal.asReadonly();
-    }
-    set_expanded_signal(v) {
-        this._expanded_signal.set(v);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ContainerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ContainerService }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ContainerService, decorators: [{
-            type: Injectable
-        }] });
-
-class TCloudUiContainerComponent {
-    constructor() {
-        this._containerService = inject(ContainerService);
-        this._expanded = false;
-    }
-    set expanded(v) {
-        // coerce to boolean and only propagate when changed
-        const newVal = !!v;
-        if (this._expanded !== newVal) {
-            this._expanded = newVal;
-            this.to_expanded();
-        }
-    }
-    get expanded() { return this._expanded; }
-    // optional manual trigger kept for backward-compatibility
-    to_expanded() {
-        this._containerService.set_expanded_signal(this._expanded);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TCloudUiContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: TCloudUiContainerComponent, isStandalone: true, selector: "tcloud-ui-container", inputs: { expanded: "expanded" }, providers: [ContainerService], ngImport: i0, template: "<div class=\"tc-rev-container f-family c-neutral-900 mar-b-24\" [class.container-expanded]=\"expanded\">\n  <ng-content></ng-content>                                                                                                                                                      \n</div>", styles: [":host{display:block}.tc-rev-container{display:flex;gap:24px}\n"] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TCloudUiContainerComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'tcloud-ui-container', imports: [], providers: [ContainerService], template: "<div class=\"tc-rev-container f-family c-neutral-900 mar-b-24\" [class.container-expanded]=\"expanded\">\n  <ng-content></ng-content>                                                                                                                                                      \n</div>", styles: [":host{display:block}.tc-rev-container{display:flex;gap:24px}\n"] }]
-        }], propDecorators: { expanded: [{
-                type: Input
-            }] } });
-
-class TCloudUiContainerContentComponent {
-    constructor() {
-        this._containerService = inject(ContainerService);
-    }
-    get expanded() {
-        return this._containerService.expanded_signal();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TCloudUiContainerContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: TCloudUiContainerContentComponent, isStandalone: true, selector: "tcloud-ui-container-content", ngImport: i0, template: "\n<div class=\"tc-rev-container-content\" [class.content-expanded]=\"expanded\">\n  <ng-content></ng-content>\n</div>", styles: [":host{display:flex;flex:1}.tc-rev-container-content{flex:1;padding-left:52px}.content-expanded{padding-left:232px}\n", ":host{display:block}.tc-rev-container{display:flex;gap:24px}\n"] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TCloudUiContainerContentComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'tcloud-ui-container-content', imports: [], template: "\n<div class=\"tc-rev-container-content\" [class.content-expanded]=\"expanded\">\n  <ng-content></ng-content>\n</div>", styles: [":host{display:flex;flex:1}.tc-rev-container-content{flex:1;padding-left:52px}.content-expanded{padding-left:232px}\n", ":host{display:block}.tc-rev-container{display:flex;gap:24px}\n"] }]
-        }] });
-
-class TCloudUiContainerColComponent {
-    constructor() {
-        this._containerService = inject(ContainerService);
-    }
-    get expanded() {
-        return this._containerService.expanded_signal();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TCloudUiContainerColComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: TCloudUiContainerColComponent, isStandalone: true, selector: "tcloud-ui-container-col", ngImport: i0, template: "\n<div class=\"tc-rev-container-col\" [class.col-expanded]=\"expanded\">\n  <ng-content></ng-content>\n</div>", styles: [".tc-rev-container-col{height:calc(100vh - 10.875rem);display:flex;position:fixed}\n", ":host{display:block}.tc-rev-container{display:flex;gap:24px}\n"] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TCloudUiContainerColComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'tcloud-ui-container-col', imports: [], template: "\n<div class=\"tc-rev-container-col\" [class.col-expanded]=\"expanded\">\n  <ng-content></ng-content>\n</div>", styles: [".tc-rev-container-col{height:calc(100vh - 10.875rem);display:flex;position:fixed}\n", ":host{display:block}.tc-rev-container{display:flex;gap:24px}\n"] }]
-        }] });
-
 class TcRevButtonDirective {
     constructor(_el) {
         this._el = _el;