@ardium-ui/ui 5.0.0-alpha.18 → 5.0.0-alpha.19
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.
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { TemplateRef } from '@angular/core';
|
|
1
|
+
import { OnDestroy, TemplateRef } from '@angular/core';
|
|
2
2
|
import { BooleanLike } from '@ardium-ui/devkit';
|
|
3
|
+
import { Subject } from 'rxjs';
|
|
3
4
|
import * as i0 from "@angular/core";
|
|
4
|
-
export declare class ArdiumTabComponent {
|
|
5
|
+
export declare class ArdiumTabComponent implements OnDestroy {
|
|
5
6
|
protected readonly _DEFAULTS: import("./tab.defaults").ArdTabDefaults;
|
|
6
7
|
readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
|
|
7
8
|
readonly selected: import("@angular/core").WritableSignal<boolean>;
|
|
8
9
|
set _selected(v: any);
|
|
9
10
|
setSelected(state: boolean): void;
|
|
10
|
-
get _selectedHostAttribute(): boolean;
|
|
11
11
|
private _emitChange;
|
|
12
12
|
readonly focused: import("@angular/core").WritableSignal<boolean>;
|
|
13
13
|
readonly _label: import("@angular/core").InputSignal<string | TemplateRef<any> | null>;
|
|
@@ -16,6 +16,9 @@ export declare class ArdiumTabComponent {
|
|
|
16
16
|
readonly focusEvent: import("@angular/core").OutputEmitterRef<void>;
|
|
17
17
|
readonly blurEvent: import("@angular/core").OutputEmitterRef<void>;
|
|
18
18
|
readonly selectedChange: import("@angular/core").OutputEmitterRef<boolean>;
|
|
19
|
+
readonly selectedChangeInternal$: Subject<boolean>;
|
|
20
|
+
private _selectedChangeSub;
|
|
21
|
+
ngOnDestroy(): void;
|
|
19
22
|
static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumTabComponent, never>;
|
|
20
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumTabComponent, "ard-tab", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "_selected": { "alias": "selected"; "required": false; }; "_label": { "alias": "label"; "required": false; "isSignal": true; }; "tabId": { "alias": "tabId"; "required": true; "isSignal": true; }; }, { "focusEvent": "
|
|
23
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumTabComponent, "ard-tab", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "_selected": { "alias": "selected"; "required": false; }; "_label": { "alias": "label"; "required": false; "isSignal": true; }; "tabId": { "alias": "tabId"; "required": true; "isSignal": true; }; }, { "focusEvent": "focus"; "blurEvent": "blur"; "selectedChange": "selectedChange"; }, never, ["*"], false, never>;
|
|
21
24
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { AfterContentInit, TemplateRef } from '@angular/core';
|
|
1
|
+
import { AfterContentInit, OnChanges, SimpleChanges, TemplateRef } from '@angular/core';
|
|
2
2
|
import { BooleanLike } from '@ardium-ui/devkit';
|
|
3
3
|
import { OneAxisAlignment } from '../types/alignment.types';
|
|
4
4
|
import { ComponentColor } from '../types/colors.types';
|
|
@@ -6,19 +6,25 @@ import { ArdiumTabComponent } from './tab/tab.component';
|
|
|
6
6
|
import { ArdTabberLabelTemplateDirective } from './tabber.directives';
|
|
7
7
|
import { TabberLabelContext } from './tabber.types';
|
|
8
8
|
import * as i0 from "@angular/core";
|
|
9
|
-
export declare class ArdiumTabberComponent implements AfterContentInit {
|
|
9
|
+
export declare class ArdiumTabberComponent implements AfterContentInit, OnChanges {
|
|
10
10
|
protected readonly _DEFAULTS: import("./tabber.defaults").ArdTabberDefaults;
|
|
11
11
|
readonly tabs: import("@angular/core").Signal<readonly ArdiumTabComponent[]>;
|
|
12
|
-
readonly
|
|
13
|
-
readonly
|
|
12
|
+
readonly selectedTabId: import("@angular/core").ModelSignal<string | null>;
|
|
13
|
+
readonly selectedTab: import("@angular/core").Signal<ArdiumTabComponent | null>;
|
|
14
|
+
readonly focusedTabId: import("@angular/core").WritableSignal<string | null>;
|
|
15
|
+
readonly focusedTab: import("@angular/core").Signal<ArdiumTabComponent | null>;
|
|
16
|
+
readonly focusedTabIdChange: import("@angular/core").OutputEmitterRef<string>;
|
|
17
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
14
18
|
readonly initialTab: import("@angular/core").InputSignal<string | undefined>;
|
|
15
19
|
ngAfterContentInit(): void;
|
|
16
|
-
|
|
20
|
+
selectTab(tab: ArdiumTabComponent): void;
|
|
21
|
+
private _unselectSpecificTab;
|
|
22
|
+
private _unselectCurrentTab;
|
|
23
|
+
private _selectNewTab;
|
|
17
24
|
onTabFocus(tab: ArdiumTabComponent): void;
|
|
18
25
|
onTabBlur(tab: ArdiumTabComponent): void;
|
|
19
26
|
readonly focusEvent: import("@angular/core").OutputEmitterRef<string>;
|
|
20
27
|
readonly blurEvent: import("@angular/core").OutputEmitterRef<string>;
|
|
21
|
-
readonly changeTab: import("@angular/core").OutputEmitterRef<string>;
|
|
22
28
|
readonly color: import("@angular/core").InputSignal<ComponentColor>;
|
|
23
29
|
readonly ngClasses: import("@angular/core").Signal<string>;
|
|
24
30
|
readonly stretchTabs: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
|
|
@@ -33,5 +39,5 @@ export declare class ArdiumTabberComponent implements AfterContentInit {
|
|
|
33
39
|
templateContext: TabberLabelContext | null;
|
|
34
40
|
}[]>;
|
|
35
41
|
static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumTabberComponent, never>;
|
|
36
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumTabberComponent, "ard-tabber", never, { "initialTab": { "alias": "initialTab"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "stretchTabs": { "alias": "stretchTabs"; "required": false; "isSignal": true; }; "uniformTabWidths": { "alias": "uniformTabWidths"; "required": false; "isSignal": true; }; "tabAlignment": { "alias": "tabAlignment"; "required": false; "isSignal": true; }; "tabIndex": { "alias": "tabIndex"; "required": false; "isSignal": true; }; }, { "
|
|
42
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumTabberComponent, "ard-tabber", never, { "selectedTabId": { "alias": "selectedTab"; "required": false; "isSignal": true; }; "initialTab": { "alias": "initialTab"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "stretchTabs": { "alias": "stretchTabs"; "required": false; "isSignal": true; }; "uniformTabWidths": { "alias": "uniformTabWidths"; "required": false; "isSignal": true; }; "tabAlignment": { "alias": "tabAlignment"; "required": false; "isSignal": true; }; "tabIndex": { "alias": "tabIndex"; "required": false; "isSignal": true; }; }, { "selectedTabId": "selectedTabChange"; "focusedTabIdChange": "focusedTabIdChange"; "focusEvent": "focus"; "blurEvent": "blur"; }, ["tabs", "labelTemplate"], ["*"], false, never>;
|
|
37
43
|
}
|