@dev-tcloud/tcloud-ui 6.5.3 → 6.5.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/dev-tcloud-tcloud-ui.mjs +154 -83
- package/fesm2022/dev-tcloud-tcloud-ui.mjs.map +1 -1
- package/lib/_modules/tcloud-ui-loading/components/tcloud-ui-circle/tcloud-ui-circle.component.d.ts +3 -1
- package/lib/_modules/tcloud-ui-loading/tcloud-ui-loading.component.d.ts +6 -1
- package/lib/tcloud-ui.module.d.ts +25 -22
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { Injectable, Component, EventEmitter, Input, Output, forwardRef, ViewChild, InjectionToken, Optional, Inject, input, effect, Directive, Pipe, ViewEncapsulation, signal, HostListener, NgModule, makeEnvironmentProviders, output, ContentChildren,
|
|
2
|
+
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';
|
|
3
3
|
import * as i1 from '@angular/common';
|
|
4
4
|
import { CommonModule, DatePipe, DOCUMENT } from '@angular/common';
|
|
5
5
|
import { Subject, Subscription, debounceTime, distinctUntilChanged, map, BehaviorSubject } from 'rxjs';
|
|
@@ -4547,18 +4547,35 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
|
|
|
4547
4547
|
class TCloudUiCircleComponent {
|
|
4548
4548
|
constructor() {
|
|
4549
4549
|
this.full = false;
|
|
4550
|
+
this.onlyIcon = false;
|
|
4551
|
+
this.onlyInline = false;
|
|
4550
4552
|
}
|
|
4551
4553
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TCloudUiCircleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4552
|
-
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\"
|
|
4554
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: TCloudUiCircleComponent, isStandalone: true, selector: "tcloud-ui-circle", inputs: { full: "full", onlyIcon: "onlyIcon", onlyInline: "onlyInline" }, ngImport: i0, template: "<span class=\"tc-rev-loading-spinner\" \n [class.tc-rev-loading-size-full]=\"full\" \n [class.tc-rev-loading-size-mini]=\"onlyIcon\">\n</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{margin:auto;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}.tc-rev-loading-size-mini{animation:rotation .8s linear infinite;margin:auto;border:2px solid var(--c-neutral-200);border-bottom-color:var(--c-neutral-500);border-radius:50%;box-sizing:border-box;display:block;height:1.5rem;width:1.5rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
4553
4555
|
}
|
|
4554
4556
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TCloudUiCircleComponent, decorators: [{
|
|
4555
4557
|
type: Component,
|
|
4556
|
-
args: [{ selector: 'tcloud-ui-circle', standalone: true, imports: [CommonModule], template: "<span class=\"tc-rev-loading-spinner\" [class.tc-rev-loading-size-full]=\"full\"
|
|
4558
|
+
args: [{ selector: 'tcloud-ui-circle', standalone: true, imports: [CommonModule], template: "<span class=\"tc-rev-loading-spinner\" \n [class.tc-rev-loading-size-full]=\"full\" \n [class.tc-rev-loading-size-mini]=\"onlyIcon\">\n</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{margin:auto;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}.tc-rev-loading-size-mini{animation:rotation .8s linear infinite;margin:auto;border:2px solid var(--c-neutral-200);border-bottom-color:var(--c-neutral-500);border-radius:50%;box-sizing:border-box;display:block;height:1.5rem;width:1.5rem}\n"] }]
|
|
4557
4559
|
}], propDecorators: { full: [{
|
|
4558
4560
|
type: Input
|
|
4561
|
+
}], onlyIcon: [{
|
|
4562
|
+
type: Input
|
|
4563
|
+
}], onlyInline: [{
|
|
4564
|
+
type: Input
|
|
4559
4565
|
}] } });
|
|
4560
4566
|
|
|
4561
4567
|
class TCloudUiLoadingComponent {
|
|
4568
|
+
set mode(mode) {
|
|
4569
|
+
if (mode === 'icon') {
|
|
4570
|
+
this.onlyIcon = true;
|
|
4571
|
+
}
|
|
4572
|
+
if (mode === 'inline') {
|
|
4573
|
+
this.onlyInline = true;
|
|
4574
|
+
}
|
|
4575
|
+
}
|
|
4576
|
+
get mode() {
|
|
4577
|
+
return this._mode;
|
|
4578
|
+
}
|
|
4562
4579
|
set loading(loading) {
|
|
4563
4580
|
if (this._loading !== loading) {
|
|
4564
4581
|
this._loading = loading;
|
|
@@ -4566,18 +4583,27 @@ class TCloudUiLoadingComponent {
|
|
|
4566
4583
|
}
|
|
4567
4584
|
get loading() { return this._loading; }
|
|
4568
4585
|
constructor() {
|
|
4586
|
+
this._mode = '';
|
|
4587
|
+
this.onlyInline = false;
|
|
4588
|
+
this.onlyIcon = false;
|
|
4569
4589
|
this.full = false;
|
|
4570
4590
|
this._loading = false;
|
|
4571
4591
|
}
|
|
4572
4592
|
ngOnInit() {
|
|
4573
4593
|
}
|
|
4574
4594
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TCloudUiLoadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4575
|
-
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
|
|
4595
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: TCloudUiLoadingComponent, isStandalone: true, selector: "tcloud-ui-loading", inputs: { mode: "mode", onlyInline: "onlyInline", onlyIcon: "onlyIcon", full: "full", loading: "loading" }, ngImport: i0, template: "<ng-container *ngIf=\"onlyIcon || onlyInline\">\n <div *ngIf=\"onlyIcon && loading\" class=\"tcloud-ui-loading-only-icon\" [class.tc-mini-inline-block]=\"onlyIcon\">\n <tcloud-ui-circle [onlyIcon]=\"onlyIcon\"></tcloud-ui-circle>\n </div>\n\n <div *ngIf=\"onlyInline && loading\" class=\"tc-loading-box\">\n <div class=\"tcloud-ui-loading-only-icon tc-mini-inline-block\">\n <tcloud-ui-circle [onlyIcon]=\"true\"></tcloud-ui-circle>\n </div>\n </div>\n</ng-container>\n\n\n<ng-container *ngIf=\"!onlyIcon && !onlyInline\">\n <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</ng-container>", 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}.tc-mini-inline-block{display:inline-block;tcloud-ui-circle{display:inline-block}}.tc-loading-box{text-align:center;padding-top:.5rem;padding-bottom:.2rem}.tcloud-ui-loading-only-icon{cursor:progress!important}\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", "onlyIcon", "onlyInline"] }] }); }
|
|
4576
4596
|
}
|
|
4577
4597
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TCloudUiLoadingComponent, decorators: [{
|
|
4578
4598
|
type: Component,
|
|
4579
|
-
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
|
|
4580
|
-
}], ctorParameters: () => [], propDecorators: {
|
|
4599
|
+
args: [{ selector: 'tcloud-ui-loading', standalone: true, imports: [CommonModule, TCloudUiCubesComponent, TCloudUiCircleComponent], template: "<ng-container *ngIf=\"onlyIcon || onlyInline\">\n <div *ngIf=\"onlyIcon && loading\" class=\"tcloud-ui-loading-only-icon\" [class.tc-mini-inline-block]=\"onlyIcon\">\n <tcloud-ui-circle [onlyIcon]=\"onlyIcon\"></tcloud-ui-circle>\n </div>\n\n <div *ngIf=\"onlyInline && loading\" class=\"tc-loading-box\">\n <div class=\"tcloud-ui-loading-only-icon tc-mini-inline-block\">\n <tcloud-ui-circle [onlyIcon]=\"true\"></tcloud-ui-circle>\n </div>\n </div>\n</ng-container>\n\n\n<ng-container *ngIf=\"!onlyIcon && !onlyInline\">\n <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</ng-container>", 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}.tc-mini-inline-block{display:inline-block;tcloud-ui-circle{display:inline-block}}.tc-loading-box{text-align:center;padding-top:.5rem;padding-bottom:.2rem}.tcloud-ui-loading-only-icon{cursor:progress!important}\n"] }]
|
|
4600
|
+
}], ctorParameters: () => [], propDecorators: { mode: [{
|
|
4601
|
+
type: Input
|
|
4602
|
+
}], onlyInline: [{
|
|
4603
|
+
type: Input
|
|
4604
|
+
}], onlyIcon: [{
|
|
4605
|
+
type: Input
|
|
4606
|
+
}], full: [{
|
|
4581
4607
|
type: Input
|
|
4582
4608
|
}], loading: [{
|
|
4583
4609
|
type: Input
|
|
@@ -5222,6 +5248,79 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
|
|
|
5222
5248
|
type: Input
|
|
5223
5249
|
}] } });
|
|
5224
5250
|
|
|
5251
|
+
class ContainerService {
|
|
5252
|
+
constructor() {
|
|
5253
|
+
this._expanded_signal = signal(undefined);
|
|
5254
|
+
this.expanded_signal = this._expanded_signal.asReadonly();
|
|
5255
|
+
}
|
|
5256
|
+
set_expanded_signal(v) {
|
|
5257
|
+
this._expanded_signal.set(v);
|
|
5258
|
+
}
|
|
5259
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ContainerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
5260
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ContainerService }); }
|
|
5261
|
+
}
|
|
5262
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ContainerService, decorators: [{
|
|
5263
|
+
type: Injectable
|
|
5264
|
+
}] });
|
|
5265
|
+
|
|
5266
|
+
class TCloudUiContainerComponent {
|
|
5267
|
+
constructor() {
|
|
5268
|
+
this._containerService = inject(ContainerService);
|
|
5269
|
+
this._expanded = false;
|
|
5270
|
+
}
|
|
5271
|
+
set expanded(v) {
|
|
5272
|
+
// coerce to boolean and only propagate when changed
|
|
5273
|
+
const newVal = !!v;
|
|
5274
|
+
if (this._expanded !== newVal) {
|
|
5275
|
+
this._expanded = newVal;
|
|
5276
|
+
this.to_expanded();
|
|
5277
|
+
}
|
|
5278
|
+
}
|
|
5279
|
+
get expanded() { return this._expanded; }
|
|
5280
|
+
// optional manual trigger kept for backward-compatibility
|
|
5281
|
+
to_expanded() {
|
|
5282
|
+
this._containerService.set_expanded_signal(this._expanded);
|
|
5283
|
+
}
|
|
5284
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TCloudUiContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5285
|
+
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"] }); }
|
|
5286
|
+
}
|
|
5287
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TCloudUiContainerComponent, decorators: [{
|
|
5288
|
+
type: Component,
|
|
5289
|
+
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"] }]
|
|
5290
|
+
}], propDecorators: { expanded: [{
|
|
5291
|
+
type: Input
|
|
5292
|
+
}] } });
|
|
5293
|
+
|
|
5294
|
+
class TCloudUiContainerColComponent {
|
|
5295
|
+
constructor() {
|
|
5296
|
+
this._containerService = inject(ContainerService);
|
|
5297
|
+
}
|
|
5298
|
+
get expanded() {
|
|
5299
|
+
return this._containerService.expanded_signal();
|
|
5300
|
+
}
|
|
5301
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TCloudUiContainerColComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5302
|
+
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"] }); }
|
|
5303
|
+
}
|
|
5304
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TCloudUiContainerColComponent, decorators: [{
|
|
5305
|
+
type: Component,
|
|
5306
|
+
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"] }]
|
|
5307
|
+
}] });
|
|
5308
|
+
|
|
5309
|
+
class TCloudUiContainerContentComponent {
|
|
5310
|
+
constructor() {
|
|
5311
|
+
this._containerService = inject(ContainerService);
|
|
5312
|
+
}
|
|
5313
|
+
get expanded() {
|
|
5314
|
+
return this._containerService.expanded_signal();
|
|
5315
|
+
}
|
|
5316
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TCloudUiContainerContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5317
|
+
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"] }); }
|
|
5318
|
+
}
|
|
5319
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TCloudUiContainerContentComponent, decorators: [{
|
|
5320
|
+
type: Component,
|
|
5321
|
+
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"] }]
|
|
5322
|
+
}] });
|
|
5323
|
+
|
|
5225
5324
|
class TCloudUiAlignDirective {
|
|
5226
5325
|
set TCalign(direction) {
|
|
5227
5326
|
if (direction) {
|
|
@@ -6250,7 +6349,10 @@ const COMPONENTS = [
|
|
|
6250
6349
|
TCloudUiMultiplesValuesComponent,
|
|
6251
6350
|
TCloudUiProgressBarComponent,
|
|
6252
6351
|
TCloudUiReorderItemsComponent,
|
|
6253
|
-
TCloudUiWelcomeComponent
|
|
6352
|
+
TCloudUiWelcomeComponent,
|
|
6353
|
+
TCloudUiContainerComponent,
|
|
6354
|
+
TCloudUiContainerColComponent,
|
|
6355
|
+
TCloudUiContainerContentComponent
|
|
6254
6356
|
];
|
|
6255
6357
|
const DIRECTIVES = [
|
|
6256
6358
|
TCloudUiAlignDirective,
|
|
@@ -6337,7 +6439,10 @@ class TCloudUiModule {
|
|
|
6337
6439
|
TCloudUiMultiplesValuesComponent,
|
|
6338
6440
|
TCloudUiProgressBarComponent,
|
|
6339
6441
|
TCloudUiReorderItemsComponent,
|
|
6340
|
-
TCloudUiWelcomeComponent,
|
|
6442
|
+
TCloudUiWelcomeComponent,
|
|
6443
|
+
TCloudUiContainerComponent,
|
|
6444
|
+
TCloudUiContainerColComponent,
|
|
6445
|
+
TCloudUiContainerContentComponent, TCloudUiAlignDirective,
|
|
6341
6446
|
TCloudUiCurrencyDirective,
|
|
6342
6447
|
TCloudUiElCopyDirective,
|
|
6343
6448
|
TCloudUiHoverParentDirective,
|
|
@@ -6392,7 +6497,10 @@ class TCloudUiModule {
|
|
|
6392
6497
|
TCloudUiMultiplesValuesComponent,
|
|
6393
6498
|
TCloudUiProgressBarComponent,
|
|
6394
6499
|
TCloudUiReorderItemsComponent,
|
|
6395
|
-
TCloudUiWelcomeComponent,
|
|
6500
|
+
TCloudUiWelcomeComponent,
|
|
6501
|
+
TCloudUiContainerComponent,
|
|
6502
|
+
TCloudUiContainerColComponent,
|
|
6503
|
+
TCloudUiContainerContentComponent, TCloudUiAlignDirective,
|
|
6396
6504
|
TCloudUiCurrencyDirective,
|
|
6397
6505
|
TCloudUiElCopyDirective,
|
|
6398
6506
|
TCloudUiHoverParentDirective,
|
|
@@ -6415,7 +6523,43 @@ class TCloudUiModule {
|
|
|
6415
6523
|
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TCloudUiModule, providers: [
|
|
6416
6524
|
DatePipe,
|
|
6417
6525
|
StatusInfoPipe
|
|
6418
|
-
], imports: [
|
|
6526
|
+
], imports: [TCloudUiAccordionComponent,
|
|
6527
|
+
TCloudUiAccordionBodyComponent,
|
|
6528
|
+
TCloudUiAccordionTitleComponent,
|
|
6529
|
+
TCloudUiChoiceIssuesComponent,
|
|
6530
|
+
TCloudUiDataListComponent,
|
|
6531
|
+
TCloudUiDataListOptionComponent,
|
|
6532
|
+
TCloudUiDatepickerTimeComponent,
|
|
6533
|
+
TCloudUiDatepickerComponent,
|
|
6534
|
+
TCloudUiFiltersComponent,
|
|
6535
|
+
TCloudUiRangeDateComponent,
|
|
6536
|
+
TCloudUiInputSearchComponent,
|
|
6537
|
+
TCloudUiLineStepCircleComponent,
|
|
6538
|
+
TCloudUiLinhaLogoComponent,
|
|
6539
|
+
TCloudUiModalComponent,
|
|
6540
|
+
TCloudUiModalBodyComponent,
|
|
6541
|
+
TCloudUiModalHeaderComponent,
|
|
6542
|
+
TCloudUiModalFooterComponent,
|
|
6543
|
+
TCloudUiMultiInputComponent,
|
|
6544
|
+
TCloudUiMultiSelectComponent,
|
|
6545
|
+
TCloudUiNotFoundComponent,
|
|
6546
|
+
TCloudUiNumberStepComponent,
|
|
6547
|
+
TCloudUiScrollBoxComponent,
|
|
6548
|
+
TCloudUiTabMenuComponent,
|
|
6549
|
+
TCloudUiTabHeadComponent,
|
|
6550
|
+
TCloudUiTabContentComponent,
|
|
6551
|
+
TCloudUiTabTitleComponent,
|
|
6552
|
+
TCloudUiTabSubtitleComponent,
|
|
6553
|
+
TCloudUiTableComponent,
|
|
6554
|
+
TCloudUiInputPasswordComponent,
|
|
6555
|
+
TCloudUiLabelTokenComponent,
|
|
6556
|
+
TCloudUiLineStepTitleComponent,
|
|
6557
|
+
TCloudUiLoadingComponent,
|
|
6558
|
+
TCloudUiCubesComponent,
|
|
6559
|
+
TCloudUiMultiplesValuesComponent,
|
|
6560
|
+
TCloudUiProgressBarComponent,
|
|
6561
|
+
TCloudUiReorderItemsComponent,
|
|
6562
|
+
TCloudUiWelcomeComponent] }); }
|
|
6419
6563
|
}
|
|
6420
6564
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TCloudUiModule, decorators: [{
|
|
6421
6565
|
type: NgModule,
|
|
@@ -6592,79 +6736,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
|
|
|
6592
6736
|
args: [TCloudUiSubNavbarItemComponent]
|
|
6593
6737
|
}] } });
|
|
6594
6738
|
|
|
6595
|
-
class ContainerService {
|
|
6596
|
-
constructor() {
|
|
6597
|
-
this._expanded_signal = signal(undefined);
|
|
6598
|
-
this.expanded_signal = this._expanded_signal.asReadonly();
|
|
6599
|
-
}
|
|
6600
|
-
set_expanded_signal(v) {
|
|
6601
|
-
this._expanded_signal.set(v);
|
|
6602
|
-
}
|
|
6603
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ContainerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
6604
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ContainerService }); }
|
|
6605
|
-
}
|
|
6606
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ContainerService, decorators: [{
|
|
6607
|
-
type: Injectable
|
|
6608
|
-
}] });
|
|
6609
|
-
|
|
6610
|
-
class TCloudUiContainerComponent {
|
|
6611
|
-
constructor() {
|
|
6612
|
-
this._containerService = inject(ContainerService);
|
|
6613
|
-
this._expanded = false;
|
|
6614
|
-
}
|
|
6615
|
-
set expanded(v) {
|
|
6616
|
-
// coerce to boolean and only propagate when changed
|
|
6617
|
-
const newVal = !!v;
|
|
6618
|
-
if (this._expanded !== newVal) {
|
|
6619
|
-
this._expanded = newVal;
|
|
6620
|
-
this.to_expanded();
|
|
6621
|
-
}
|
|
6622
|
-
}
|
|
6623
|
-
get expanded() { return this._expanded; }
|
|
6624
|
-
// optional manual trigger kept for backward-compatibility
|
|
6625
|
-
to_expanded() {
|
|
6626
|
-
this._containerService.set_expanded_signal(this._expanded);
|
|
6627
|
-
}
|
|
6628
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TCloudUiContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6629
|
-
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"] }); }
|
|
6630
|
-
}
|
|
6631
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TCloudUiContainerComponent, decorators: [{
|
|
6632
|
-
type: Component,
|
|
6633
|
-
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"] }]
|
|
6634
|
-
}], propDecorators: { expanded: [{
|
|
6635
|
-
type: Input
|
|
6636
|
-
}] } });
|
|
6637
|
-
|
|
6638
|
-
class TCloudUiContainerContentComponent {
|
|
6639
|
-
constructor() {
|
|
6640
|
-
this._containerService = inject(ContainerService);
|
|
6641
|
-
}
|
|
6642
|
-
get expanded() {
|
|
6643
|
-
return this._containerService.expanded_signal();
|
|
6644
|
-
}
|
|
6645
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TCloudUiContainerContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6646
|
-
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"] }); }
|
|
6647
|
-
}
|
|
6648
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TCloudUiContainerContentComponent, decorators: [{
|
|
6649
|
-
type: Component,
|
|
6650
|
-
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"] }]
|
|
6651
|
-
}] });
|
|
6652
|
-
|
|
6653
|
-
class TCloudUiContainerColComponent {
|
|
6654
|
-
constructor() {
|
|
6655
|
-
this._containerService = inject(ContainerService);
|
|
6656
|
-
}
|
|
6657
|
-
get expanded() {
|
|
6658
|
-
return this._containerService.expanded_signal();
|
|
6659
|
-
}
|
|
6660
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TCloudUiContainerColComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6661
|
-
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"] }); }
|
|
6662
|
-
}
|
|
6663
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TCloudUiContainerColComponent, decorators: [{
|
|
6664
|
-
type: Component,
|
|
6665
|
-
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"] }]
|
|
6666
|
-
}] });
|
|
6667
|
-
|
|
6668
6739
|
class TcRevButtonDirective {
|
|
6669
6740
|
constructor(_el) {
|
|
6670
6741
|
this._el = _el;
|