@dev-tcloud/tcloud-ui 6.5.2 → 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';
@@ -4544,6 +4544,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             args: [{ selector: 'tcloud-ui-cubes', standalone: true, imports: [CommonModule], template: "<div class=\"loadingio-spinner-cube\"><div class=\"tc-cube-loading\">\n  <div></div><div></div><div></div><div></div></div>\n</div>", styles: ["@keyframes tc-cube-loading{0%{transform:scale(1.15)}to{transform:scale(1)}}.tc-cube-loading div{position:absolute;width:34px;height:34px;top:10.6666666667px;left:10.6666666667px;background:#5e5e5e;animation:tc-cube-loading .7s cubic-bezier(0,.5,.5,1) infinite;animation-delay:-.3s}.tc-cube-loading div:nth-child(2){top:10.6666666667px;left:55.3333333333px;background:#5e5e5e;animation-delay:-.2s}.tc-cube-loading div:nth-child(3){top:55.3333333333px;left:10.6666666667px;background:#5e5e5e;animation-delay:0s}.tc-cube-loading div:nth-child(4){top:55.3333333333px;left:55.3333333333px;background:#5e5e5e;animation-delay:-.1s}.loadingio-spinner-cube-duylqtw8i9b{width:48px;height:48px;display:inline-block;overflow:hidden;background:#fff}.tc-cube-loading{width:100%;height:100%;position:relative;transform:translateZ(0) scale(.44);backface-visibility:hidden;transform-origin:0 0}.tc-cube-loading div{box-sizing:content-box}.tc-loading-full,.tc-state-loading-backdrop,.tc-state-loading-main{cursor:progress}\n"] }]
         }] });
 
+class TCloudUiCircleComponent {
+    constructor() {
+        this.full = false;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TCloudUiCircleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: TCloudUiCircleComponent, isStandalone: true, selector: "tcloud-ui-circle", inputs: { full: "full" }, ngImport: i0, template: "<span class=\"tc-rev-loading-spinner\" [class.tc-rev-loading-size-full]=\"full\" ></span>\n<!-- <p class=\"tc-rev-loading-message\">{{message()}}...</p> -->", styles: ["@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tc-rev-loading-spinner{animation:rotation 1s linear infinite;border:3px solid var(--c-neutral-200);border-bottom-color:var(--c-neutral-500);border-radius:50%;box-sizing:border-box;display:block;height:3rem;width:3rem}.tc-rev-loading-message{background-color:var(--c-neutral-600);border-radius:var(--bor-radius-8);color:var(--c-neutral-50);font-family:var(--f-family);font-size:var(--f-size-16);margin:var(--size-12) 0 0 0;padding:var(--size-4) var(--size-12)}.tc-rev-loading-size-full{border:4px solid var(--c-neutral-200)!important;border-bottom-color:var(--c-neutral-500)!important;height:6rem!important;width:6rem!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TCloudUiCircleComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tcloud-ui-circle', standalone: true, imports: [CommonModule], template: "<span class=\"tc-rev-loading-spinner\" [class.tc-rev-loading-size-full]=\"full\" ></span>\n<!-- <p class=\"tc-rev-loading-message\">{{message()}}...</p> -->", styles: ["@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tc-rev-loading-spinner{animation:rotation 1s linear infinite;border:3px solid var(--c-neutral-200);border-bottom-color:var(--c-neutral-500);border-radius:50%;box-sizing:border-box;display:block;height:3rem;width:3rem}.tc-rev-loading-message{background-color:var(--c-neutral-600);border-radius:var(--bor-radius-8);color:var(--c-neutral-50);font-family:var(--f-family);font-size:var(--f-size-16);margin:var(--size-12) 0 0 0;padding:var(--size-4) var(--size-12)}.tc-rev-loading-size-full{border:4px solid var(--c-neutral-200)!important;border-bottom-color:var(--c-neutral-500)!important;height:6rem!important;width:6rem!important}\n"] }]
+        }], propDecorators: { full: [{
+                type: Input
+            }] } });
+
 class TCloudUiLoadingComponent {
     set loading(loading) {
         if (this._loading !== loading) {
@@ -4558,11 +4572,11 @@ class TCloudUiLoadingComponent {
     ngOnInit() {
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TCloudUiLoadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: TCloudUiLoadingComponent, isStandalone: true, selector: "tcloud-ui-loading", inputs: { full: "full", loading: "loading" }, ngImport: i0, template: "<div *ngIf=\"full && loading\" class=\"tc-loading-full\">\n    <div class=\"tc-state-loading-backdrop\"></div>\n    <div class=\"tc-state-loading-main\">\n      <div class=\"tc-state-loading-artifact\">\n  \n        <tcloud-ui-cubes></tcloud-ui-cubes>\n  \n      </div>\n    </div>\n  </div>\n  \n  <ng-container *ngIf=\"!full && loading\">\n    <div class=\"tc-state-loading-backdrop\"></div>\n    <div class=\"tc-state-loading-main\">\n      <div class=\"tc-state-loading-artifact\">\n  \n        <tcloud-ui-cubes></tcloud-ui-cubes>\n  \n      </div>\n    </div>\n  </ng-container>\n  ", styles: [".tc-loading-full{width:100%;height:100%;position:fixed;background-color:var(--tc-gray-400);left:0;top:0;z-index:5000;cursor:progress!important}.tc-state-loading-backdrop{z-index:1999;position:absolute;inset:0;background-color:#1920224d;cursor:progress!important}.tc-state-loading-artifact{width:40px;height:40px;position:absolute;inset:0;margin:auto;z-index:2000;cursor:progress!important}.tc-progress-loading{height:100vh;opacity:.1}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TCloudUiCubesComponent, selector: "tcloud-ui-cubes" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: TCloudUiLoadingComponent, isStandalone: true, selector: "tcloud-ui-loading", inputs: { full: "full", loading: "loading" }, ngImport: i0, template: "<div *ngIf=\"full && loading\" class=\"tc-loading-full\">\n    <div class=\"tc-state-loading-backdrop\"></div>\n    <div class=\"tc-state-loading-main\">\n      <div class=\"tc-state-loading-artifact\">\n  \n        <!-- <tcloud-ui-cubes></tcloud-ui-cubes> -->\n         <tcloud-ui-circle [full]=\"full\"></tcloud-ui-circle>\n  \n      </div>\n    </div>\n  </div>\n  \n  <ng-container *ngIf=\"!full && loading\">\n    <div class=\"tc-state-loading-backdrop\"></div>\n    <div class=\"tc-state-loading-main\">\n      <div class=\"tc-state-loading-artifact\">\n  \n        <!-- <tcloud-ui-cubes></tcloud-ui-cubes> -->\n        <tcloud-ui-circle></tcloud-ui-circle>\n\n      </div>\n    </div>\n  </ng-container>\n  ", styles: [".tc-loading-full{width:100%;height:100%;position:fixed;background-color:#8b8d8e4d;left:0;top:0;z-index:1999;cursor:progress!important}.tc-state-loading-backdrop{z-index:1999;position:absolute;inset:0;background-color:#8b8d8e4d;cursor:progress!important}.tc-state-loading-artifact{width:80px;height:80px;position:absolute;inset:0;margin:auto;z-index:2000;cursor:progress!important}.tc-progress-loading{height:100vh;opacity:.1}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TCloudUiCircleComponent, selector: "tcloud-ui-circle", inputs: ["full"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TCloudUiLoadingComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'tcloud-ui-loading', standalone: true, imports: [CommonModule, TCloudUiCubesComponent], template: "<div *ngIf=\"full && loading\" class=\"tc-loading-full\">\n    <div class=\"tc-state-loading-backdrop\"></div>\n    <div class=\"tc-state-loading-main\">\n      <div class=\"tc-state-loading-artifact\">\n  \n        <tcloud-ui-cubes></tcloud-ui-cubes>\n  \n      </div>\n    </div>\n  </div>\n  \n  <ng-container *ngIf=\"!full && loading\">\n    <div class=\"tc-state-loading-backdrop\"></div>\n    <div class=\"tc-state-loading-main\">\n      <div class=\"tc-state-loading-artifact\">\n  \n        <tcloud-ui-cubes></tcloud-ui-cubes>\n  \n      </div>\n    </div>\n  </ng-container>\n  ", styles: [".tc-loading-full{width:100%;height:100%;position:fixed;background-color:var(--tc-gray-400);left:0;top:0;z-index:5000;cursor:progress!important}.tc-state-loading-backdrop{z-index:1999;position:absolute;inset:0;background-color:#1920224d;cursor:progress!important}.tc-state-loading-artifact{width:40px;height:40px;position:absolute;inset:0;margin:auto;z-index:2000;cursor:progress!important}.tc-progress-loading{height:100vh;opacity:.1}\n"] }]
+            args: [{ selector: 'tcloud-ui-loading', standalone: true, imports: [CommonModule, TCloudUiCubesComponent, TCloudUiCircleComponent], template: "<div *ngIf=\"full && loading\" class=\"tc-loading-full\">\n    <div class=\"tc-state-loading-backdrop\"></div>\n    <div class=\"tc-state-loading-main\">\n      <div class=\"tc-state-loading-artifact\">\n  \n        <!-- <tcloud-ui-cubes></tcloud-ui-cubes> -->\n         <tcloud-ui-circle [full]=\"full\"></tcloud-ui-circle>\n  \n      </div>\n    </div>\n  </div>\n  \n  <ng-container *ngIf=\"!full && loading\">\n    <div class=\"tc-state-loading-backdrop\"></div>\n    <div class=\"tc-state-loading-main\">\n      <div class=\"tc-state-loading-artifact\">\n  \n        <!-- <tcloud-ui-cubes></tcloud-ui-cubes> -->\n        <tcloud-ui-circle></tcloud-ui-circle>\n\n      </div>\n    </div>\n  </ng-container>\n  ", styles: [".tc-loading-full{width:100%;height:100%;position:fixed;background-color:#8b8d8e4d;left:0;top:0;z-index:1999;cursor:progress!important}.tc-state-loading-backdrop{z-index:1999;position:absolute;inset:0;background-color:#8b8d8e4d;cursor:progress!important}.tc-state-loading-artifact{width:80px;height:80px;position:absolute;inset:0;margin:auto;z-index:2000;cursor:progress!important}.tc-progress-loading{height:100vh;opacity:.1}\n"] }]
         }], ctorParameters: () => [], propDecorators: { full: [{
                 type: Input
             }], loading: [{
@@ -5208,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) {
@@ -6236,7 +6323,10 @@ const COMPONENTS = [
     TCloudUiMultiplesValuesComponent,
     TCloudUiProgressBarComponent,
     TCloudUiReorderItemsComponent,
-    TCloudUiWelcomeComponent
+    TCloudUiWelcomeComponent,
+    TCloudUiContainerComponent,
+    TCloudUiContainerColComponent,
+    TCloudUiContainerContentComponent
 ];
 const DIRECTIVES = [
     TCloudUiAlignDirective,
@@ -6323,7 +6413,10 @@ class TCloudUiModule {
             TCloudUiMultiplesValuesComponent,
             TCloudUiProgressBarComponent,
             TCloudUiReorderItemsComponent,
-            TCloudUiWelcomeComponent, TCloudUiAlignDirective,
+            TCloudUiWelcomeComponent,
+            TCloudUiContainerComponent,
+            TCloudUiContainerColComponent,
+            TCloudUiContainerContentComponent, TCloudUiAlignDirective,
             TCloudUiCurrencyDirective,
             TCloudUiElCopyDirective,
             TCloudUiHoverParentDirective,
@@ -6378,7 +6471,10 @@ class TCloudUiModule {
             TCloudUiMultiplesValuesComponent,
             TCloudUiProgressBarComponent,
             TCloudUiReorderItemsComponent,
-            TCloudUiWelcomeComponent, TCloudUiAlignDirective,
+            TCloudUiWelcomeComponent,
+            TCloudUiContainerComponent,
+            TCloudUiContainerColComponent,
+            TCloudUiContainerContentComponent, TCloudUiAlignDirective,
             TCloudUiCurrencyDirective,
             TCloudUiElCopyDirective,
             TCloudUiHoverParentDirective,
@@ -6401,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,
@@ -6578,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;