@ascentgl/ads-ui 20.8.0 → 20.9.0
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.
|
@@ -66,7 +66,7 @@ import * as i1$5 from '@angular/material/bottom-sheet';
|
|
|
66
66
|
import { MAT_BOTTOM_SHEET_DATA, MatBottomSheetModule } from '@angular/material/bottom-sheet';
|
|
67
67
|
import { MatListModule } from '@angular/material/list';
|
|
68
68
|
import * as i2$4 from '@angular/material/tabs';
|
|
69
|
-
import { MatTabNav, MatTabLink, MatTabNavPanel, MatTabGroup, MatTab } from '@angular/material/tabs';
|
|
69
|
+
import { MatTabNav, MatTabLink, MatTabNavPanel, MatTabGroup, MatTab, MatTabLabel } from '@angular/material/tabs';
|
|
70
70
|
import * as i1$6 from '@angular/common/http';
|
|
71
71
|
|
|
72
72
|
class AdsAvatarComponent {
|
|
@@ -7627,11 +7627,11 @@ class AdsTabsComponent {
|
|
|
7627
7627
|
this.selectedIndexChange = new EventEmitter();
|
|
7628
7628
|
}
|
|
7629
7629
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AdsTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7630
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.3", type: AdsTabsComponent, isStandalone: false, selector: "ads-tabs", inputs: { tabs: "tabs", selectedIndex: "selectedIndex" }, outputs: { selectedIndexChange: "selectedIndexChange" }, ngImport: i0, template: "<mat-tab-group\n [selectedIndex]=\"selectedIndex\"\n (selectedIndexChange)=\"selectedIndexChange.emit($event)\"\n class=\"custom-tabs\"\n [disableRipple]=\"true\"\n>\n @for(tab of tabs; track $index) {\n <mat-tab [disabled]=\"tab.disabled\" [label]=\"tab.text\">\n
|
|
7630
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.3", type: AdsTabsComponent, isStandalone: false, selector: "ads-tabs", inputs: { tabs: "tabs", selectedIndex: "selectedIndex" }, outputs: { selectedIndexChange: "selectedIndexChange" }, ngImport: i0, template: "<mat-tab-group\n [selectedIndex]=\"selectedIndex\"\n (selectedIndexChange)=\"selectedIndexChange.emit($event)\"\n class=\"custom-tabs\"\n [disableRipple]=\"true\"\n>\n @for(tab of tabs; track $index) {\n @if (tab.headerTemplate) {\n <mat-tab [disabled]=\"tab.disabled\">\n <ng-template mat-tab-label>\n <ng-container *ngTemplateOutlet=\"tab.headerTemplate\"></ng-container>\n </ng-template>\n @if(tab.template) {\n <ng-container *ngTemplateOutlet=\"tab.template\"></ng-container>\n }\n </mat-tab>\n } @else {\n <mat-tab [disabled]=\"tab.disabled\" [label]=\"tab.text || ''\">\n @if(tab.template) {\n <ng-container *ngTemplateOutlet=\"tab.template\"></ng-container>\n }\n </mat-tab>\n }\n }\n</mat-tab-group>\n", styles: [":host::ng-deep .mat-mdc-tab.mdc-tab{border-bottom:2px solid var(--color-medium-30)}:host::ng-deep .mat-mdc-tab.mdc-tab .mdc-tab__text-label{line-height:normal;font-weight:400;color:var(--color-medium-30)!important}:host::ng-deep .mat-mdc-tab.mdc-tab.mdc-tab--active{border-bottom:2px solid var(--color-primary-hover)}:host::ng-deep .mat-mdc-tab.mdc-tab.mdc-tab--active .mdc-tab__text-label{color:var(--color-primary-hover)!important;font-weight:500}:host::ng-deep .mat-mdc-tab-disabled{border-bottom:2px solid var(--color-medium-opacity-50)!important}:host::ng-deep .mat-mdc-tab-disabled .mdc-tab__text-label{color:var(--color-medium-opacity-50)!important}:host::ng-deep .mdc-tab-indicator{display:none}\n"], dependencies: [{ kind: "component", type: i2$4.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "mat-align-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "component", type: i2$4.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$4.MatTabLabel, selector: "[mat-tab-label], [matTabLabel]" }] }); }
|
|
7631
7631
|
}
|
|
7632
7632
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AdsTabsComponent, decorators: [{
|
|
7633
7633
|
type: Component,
|
|
7634
|
-
args: [{ selector: 'ads-tabs', standalone: false, template: "<mat-tab-group\n [selectedIndex]=\"selectedIndex\"\n (selectedIndexChange)=\"selectedIndexChange.emit($event)\"\n class=\"custom-tabs\"\n [disableRipple]=\"true\"\n>\n @for(tab of tabs; track $index) {\n <mat-tab [disabled]=\"tab.disabled\" [label]=\"tab.text\">\n
|
|
7634
|
+
args: [{ selector: 'ads-tabs', standalone: false, template: "<mat-tab-group\n [selectedIndex]=\"selectedIndex\"\n (selectedIndexChange)=\"selectedIndexChange.emit($event)\"\n class=\"custom-tabs\"\n [disableRipple]=\"true\"\n>\n @for(tab of tabs; track $index) {\n @if (tab.headerTemplate) {\n <mat-tab [disabled]=\"tab.disabled\">\n <ng-template mat-tab-label>\n <ng-container *ngTemplateOutlet=\"tab.headerTemplate\"></ng-container>\n </ng-template>\n @if(tab.template) {\n <ng-container *ngTemplateOutlet=\"tab.template\"></ng-container>\n }\n </mat-tab>\n } @else {\n <mat-tab [disabled]=\"tab.disabled\" [label]=\"tab.text || ''\">\n @if(tab.template) {\n <ng-container *ngTemplateOutlet=\"tab.template\"></ng-container>\n }\n </mat-tab>\n }\n }\n</mat-tab-group>\n", styles: [":host::ng-deep .mat-mdc-tab.mdc-tab{border-bottom:2px solid var(--color-medium-30)}:host::ng-deep .mat-mdc-tab.mdc-tab .mdc-tab__text-label{line-height:normal;font-weight:400;color:var(--color-medium-30)!important}:host::ng-deep .mat-mdc-tab.mdc-tab.mdc-tab--active{border-bottom:2px solid var(--color-primary-hover)}:host::ng-deep .mat-mdc-tab.mdc-tab.mdc-tab--active .mdc-tab__text-label{color:var(--color-primary-hover)!important;font-weight:500}:host::ng-deep .mat-mdc-tab-disabled{border-bottom:2px solid var(--color-medium-opacity-50)!important}:host::ng-deep .mat-mdc-tab-disabled .mdc-tab__text-label{color:var(--color-medium-opacity-50)!important}:host::ng-deep .mdc-tab-indicator{display:none}\n"] }]
|
|
7635
7635
|
}], propDecorators: { tabs: [{
|
|
7636
7636
|
type: Input
|
|
7637
7637
|
}], selectedIndex: [{
|
|
@@ -7642,13 +7642,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImpor
|
|
|
7642
7642
|
|
|
7643
7643
|
class AdsTabsModule {
|
|
7644
7644
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AdsTabsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
7645
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.3", ngImport: i0, type: AdsTabsModule, declarations: [AdsTabsComponent], imports: [MatTabGroup, MatTab, NgTemplateOutlet], exports: [AdsTabsComponent] }); }
|
|
7645
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.3", ngImport: i0, type: AdsTabsModule, declarations: [AdsTabsComponent], imports: [MatTabGroup, MatTab, NgTemplateOutlet, MatTabLabel], exports: [AdsTabsComponent] }); }
|
|
7646
7646
|
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AdsTabsModule, imports: [MatTabGroup, MatTab] }); }
|
|
7647
7647
|
}
|
|
7648
7648
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AdsTabsModule, decorators: [{
|
|
7649
7649
|
type: NgModule,
|
|
7650
7650
|
args: [{
|
|
7651
|
-
imports: [MatTabGroup, MatTab, NgTemplateOutlet],
|
|
7651
|
+
imports: [MatTabGroup, MatTab, NgTemplateOutlet, MatTabLabel],
|
|
7652
7652
|
exports: [AdsTabsComponent],
|
|
7653
7653
|
declarations: [AdsTabsComponent],
|
|
7654
7654
|
}]
|