@clr/angular 17.10.0 → 17.11.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.
- package/clarity.api.md +96 -40
- package/data/datagrid/datagrid-column.d.ts +6 -1
- package/data/datagrid/datagrid-filter.d.ts +2 -9
- package/data/datagrid/datagrid-row.d.ts +1 -0
- package/data/datagrid/datagrid-virtual-scroll.directive.d.ts +2 -0
- package/data/datagrid/datagrid.d.ts +4 -1
- package/data/datagrid/utils/datagrid-filter-registrar.d.ts +1 -1
- package/data/datagrid/utils/key-navigation-grid.controller.d.ts +7 -8
- package/data/datagrid/utils/key-navigation-strategies/expanded-columns-row.d.ts +0 -2
- package/data/datagrid/utils/key-navigation-strategies/expanded-row.d.ts +0 -2
- package/data/datagrid/utils/key-navigation-utils.d.ts +2 -0
- package/esm2020/accordion/stepper/stepper-panel.mjs +3 -3
- package/esm2020/button/button-group/button.mjs +20 -4
- package/esm2020/data/datagrid/datagrid-column.mjs +33 -17
- package/esm2020/data/datagrid/datagrid-detail-header.mjs +3 -3
- package/esm2020/data/datagrid/datagrid-filter.mjs +2 -21
- package/esm2020/data/datagrid/datagrid-pagination.mjs +35 -31
- package/esm2020/data/datagrid/datagrid-row.mjs +6 -7
- package/esm2020/data/datagrid/datagrid-virtual-scroll.directive.mjs +30 -32
- package/esm2020/data/datagrid/datagrid.mjs +43 -11
- package/esm2020/data/datagrid/utils/datagrid-filter-registrar.mjs +1 -1
- package/esm2020/data/datagrid/utils/key-navigation-grid.controller.mjs +32 -34
- package/esm2020/data/datagrid/utils/key-navigation-strategies/expanded-columns-row.mjs +1 -4
- package/esm2020/data/datagrid/utils/key-navigation-strategies/expanded-row.mjs +1 -4
- package/esm2020/data/datagrid/utils/key-navigation-utils.mjs +15 -2
- package/esm2020/data/stack-view/stack-block.mjs +3 -3
- package/esm2020/emphasis/alert/alert.mjs +3 -3
- package/esm2020/forms/combobox/combobox.mjs +3 -3
- package/esm2020/forms/combobox/combobox.module.mjs +20 -3
- package/esm2020/forms/combobox/index.mjs +2 -1
- package/esm2020/forms/combobox/option-group.mjs +42 -0
- package/esm2020/forms/combobox/option-items.directive.mjs +5 -1
- package/esm2020/forms/combobox/options.mjs +3 -3
- package/esm2020/forms/common/abstract-control.mjs +1 -1
- package/esm2020/forms/common/if-control-state/abstract-if-state.mjs +1 -1
- package/esm2020/forms/datepicker/datepicker-view-manager.mjs +3 -3
- package/esm2020/forms/file-input/file-input-container.mjs +2 -2
- package/esm2020/forms/file-input/file-input.mjs +11 -4
- package/esm2020/forms/number-input/number-input-container.mjs +6 -3
- package/esm2020/forms/number-input/number-input.mjs +10 -3
- package/esm2020/layout/breadcrumbs/breadcrumbs.mjs +2 -2
- package/esm2020/modal/index.mjs +2 -2
- package/esm2020/modal/modal-host.component.mjs +29 -0
- package/esm2020/modal/modal.mjs +7 -3
- package/esm2020/modal/modal.module.mjs +4 -4
- package/esm2020/modal/side-panel.mjs +102 -47
- package/esm2020/popover/common/abstract-popover.mjs +8 -2
- package/esm2020/popover/dropdown/dropdown-item.mjs +10 -4
- package/esm2020/popover/dropdown/dropdown-trigger.mjs +12 -4
- package/esm2020/popover/dropdown/utils/content-wrapping.mjs +22 -0
- package/esm2020/utils/animations/expandable-animation/base-expandable-animation.mjs +9 -1
- package/esm2020/utils/animations/expandable-animation/expandable-animation.mjs +5 -6
- package/esm2020/utils/chocolate/oompa-loompa.mjs +1 -1
- package/esm2020/utils/i18n/common-strings.default.mjs +2 -1
- package/esm2020/utils/i18n/common-strings.interface.mjs +1 -1
- package/esm2020/wizard/wizard-stepnav-item.mjs +60 -24
- package/esm2020/wizard/wizard.mjs +3 -3
- package/fesm2015/clr-angular.mjs +594 -315
- package/fesm2015/clr-angular.mjs.map +1 -1
- package/fesm2020/clr-angular.mjs +589 -313
- package/fesm2020/clr-angular.mjs.map +1 -1
- package/forms/combobox/combobox.module.d.ts +12 -11
- package/forms/combobox/index.d.ts +1 -0
- package/forms/combobox/option-group.d.ts +9 -0
- package/forms/combobox/option-items.directive.d.ts +1 -0
- package/forms/common/abstract-control.d.ts +1 -1
- package/forms/common/if-control-state/abstract-if-state.d.ts +1 -1
- package/forms/file-input/file-input.d.ts +2 -0
- package/forms/number-input/number-input-container.d.ts +1 -0
- package/forms/number-input/number-input.d.ts +2 -0
- package/modal/index.d.ts +1 -1
- package/modal/modal-host.component.d.ts +5 -0
- package/modal/modal.module.d.ts +2 -2
- package/modal/side-panel.d.ts +18 -10
- package/package.json +2 -2
- package/popover/common/abstract-popover.d.ts +1 -1
- package/popover/dropdown/dropdown-item.d.ts +5 -1
- package/popover/dropdown/dropdown-trigger.d.ts +5 -2
- package/popover/dropdown/utils/content-wrapping.d.ts +2 -0
- package/utils/animations/expandable-animation/base-expandable-animation.d.ts +3 -0
- package/utils/animations/expandable-animation/expandable-animation.d.ts +0 -3
- package/utils/chocolate/oompa-loompa.d.ts +1 -1
- package/utils/i18n/common-strings.interface.d.ts +4 -0
- package/wizard/wizard-stepnav-item.d.ts +16 -2
- package/esm2020/modal/modal-host.directive.mjs +0 -20
- package/modal/modal-host.directive.d.ts +0 -5
|
@@ -3,19 +3,20 @@ import * as i1 from "./combobox";
|
|
|
3
3
|
import * as i2 from "./combobox-container";
|
|
4
4
|
import * as i3 from "./options";
|
|
5
5
|
import * as i4 from "./option";
|
|
6
|
-
import * as i5 from "./option-
|
|
7
|
-
import * as i6 from "./option-
|
|
8
|
-
import * as i7 from "
|
|
9
|
-
import * as i8 from "@angular/
|
|
10
|
-
import * as i9 from "
|
|
11
|
-
import * as i10 from "../../
|
|
12
|
-
import * as i11 from "
|
|
13
|
-
import * as i12 from "
|
|
14
|
-
import * as i13 from "../../utils/
|
|
15
|
-
import * as i14 from "../../
|
|
6
|
+
import * as i5 from "./option-group";
|
|
7
|
+
import * as i6 from "./option-selected.directive";
|
|
8
|
+
import * as i7 from "./option-items.directive";
|
|
9
|
+
import * as i8 from "@angular/common";
|
|
10
|
+
import * as i9 from "@angular/forms";
|
|
11
|
+
import * as i10 from "../../icon/icon.module";
|
|
12
|
+
import * as i11 from "../../utils/focus/key-focus/key-focus.module";
|
|
13
|
+
import * as i12 from "../common/common.module";
|
|
14
|
+
import * as i13 from "../../utils/conditional/conditional.module";
|
|
15
|
+
import * as i14 from "../../utils/popover/popover.module";
|
|
16
|
+
import * as i15 from "../../progress/spinner/spinner.module";
|
|
16
17
|
export declare class ClrComboboxModule {
|
|
17
18
|
constructor();
|
|
18
19
|
static ɵfac: i0.ɵɵFactoryDeclaration<ClrComboboxModule, never>;
|
|
19
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<ClrComboboxModule, [typeof i1.ClrCombobox, typeof i2.ClrComboboxContainer, typeof i3.ClrOptions, typeof i4.ClrOption, typeof i5.
|
|
20
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<ClrComboboxModule, [typeof i1.ClrCombobox, typeof i2.ClrComboboxContainer, typeof i3.ClrOptions, typeof i4.ClrOption, typeof i5.ClrOptionGroup, typeof i6.ClrOptionSelected, typeof i7.ClrOptionItems], [typeof i8.CommonModule, typeof i9.FormsModule, typeof i10.ClrIconModule, typeof i11.ClrKeyFocusModule, typeof i12.ClrCommonFormsModule, typeof i13.ClrConditionalModule, typeof i14.ClrPopoverModuleNext, typeof i15.ClrSpinnerModule], [typeof i12.ClrCommonFormsModule, typeof i1.ClrCombobox, typeof i2.ClrComboboxContainer, typeof i3.ClrOptions, typeof i4.ClrOption, typeof i5.ClrOptionGroup, typeof i6.ClrOptionSelected, typeof i13.ClrConditionalModule, typeof i7.ClrOptionItems]>;
|
|
20
21
|
static ɵinj: i0.ɵɵInjectorDeclaration<ClrComboboxModule>;
|
|
21
22
|
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { ClrOptionItems } from './option-items.directive';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class ClrOptionGroup<T> {
|
|
4
|
+
label: string;
|
|
5
|
+
protected clrOptionItems: ClrOptionItems<T>;
|
|
6
|
+
protected labelId: string;
|
|
7
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ClrOptionGroup<any>, never>;
|
|
8
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ClrOptionGroup<any>, "clr-option-group", never, { "label": "clrOptionGroupLabel"; }, {}, ["clrOptionItems"], ["*"], false, never>;
|
|
9
|
+
}
|
|
@@ -19,6 +19,7 @@ export declare class ClrOptionItems<T> implements DoCheck, OnDestroy {
|
|
|
19
19
|
set rawItems(items: T[]);
|
|
20
20
|
set trackBy(value: TrackByFunction<T>);
|
|
21
21
|
set field(field: string);
|
|
22
|
+
get hasResults(): number;
|
|
22
23
|
ngDoCheck(): void;
|
|
23
24
|
ngOnDestroy(): void;
|
|
24
25
|
private updateItems;
|
|
@@ -11,7 +11,7 @@ export declare abstract class ClrAbstractControl {
|
|
|
11
11
|
* Hold the suffix for the ID
|
|
12
12
|
*/
|
|
13
13
|
controlIdSuffix: string;
|
|
14
|
-
constructor(controlIdService: ControlIdService, containerIdService: ContainerIdService);
|
|
14
|
+
protected constructor(controlIdService: ControlIdService, containerIdService: ContainerIdService);
|
|
15
15
|
get id(): string;
|
|
16
16
|
static ɵfac: i0.ɵɵFactoryDeclaration<ClrAbstractControl, [{ optional: true; }, { optional: true; }]>;
|
|
17
17
|
static ɵdir: i0.ɵɵDirectiveDeclaration<ClrAbstractControl, never, never, {}, {}, never, never, false, never>;
|
|
@@ -10,7 +10,7 @@ export declare abstract class AbstractIfState {
|
|
|
10
10
|
protected displayedContent: boolean;
|
|
11
11
|
protected control: NgControl;
|
|
12
12
|
protected additionalControls: NgControl[];
|
|
13
|
-
constructor(ifControlStateService: IfControlStateService, ngControlService: NgControlService);
|
|
13
|
+
protected constructor(ifControlStateService: IfControlStateService, ngControlService: NgControlService);
|
|
14
14
|
ngOnDestroy(): void;
|
|
15
15
|
protected handleState(_state: CONTROL_STATE): void;
|
|
16
16
|
static ɵfac: i0.ɵɵFactoryDeclaration<AbstractIfState, [{ optional: true; }, { optional: true; }]>;
|
|
@@ -11,9 +11,11 @@ export interface ClrFileInputSelection {
|
|
|
11
11
|
}
|
|
12
12
|
export declare class ClrFileInput extends WrappedFormControl<ClrFileInputContainer> {
|
|
13
13
|
readonly elementRef: ElementRef<HTMLInputElement>;
|
|
14
|
+
private readonly control;
|
|
14
15
|
private readonly commonStrings;
|
|
15
16
|
selection: ClrFileInputSelection;
|
|
16
17
|
constructor(injector: Injector, renderer: Renderer2, viewContainerRef: ViewContainerRef, elementRef: ElementRef<HTMLInputElement>, control: NgControl, commonStrings: ClrCommonStringsService);
|
|
18
|
+
protected get disabled(): boolean;
|
|
17
19
|
private handleChange;
|
|
18
20
|
private updateSelection;
|
|
19
21
|
static ɵfac: i0.ɵɵFactoryDeclaration<ClrFileInput, [null, null, null, null, { optional: true; self: true; }, null]>;
|
|
@@ -11,6 +11,7 @@ export declare class ClrNumberInputContainer extends ClrAbstractContainer {
|
|
|
11
11
|
focus: boolean;
|
|
12
12
|
protected readonly input: ClrNumberInput;
|
|
13
13
|
constructor(controlClassService: ControlClassService, layoutService: LayoutService, ngControlService: NgControlService, focusService: FocusService, ifControlStateService: IfControlStateService);
|
|
14
|
+
focusOut(): void;
|
|
14
15
|
static ɵfac: i0.ɵɵFactoryDeclaration<ClrNumberInputContainer, [null, { optional: true; }, null, null, null]>;
|
|
15
16
|
static ɵcmp: i0.ɵɵComponentDeclaration<ClrNumberInputContainer, "clr-number-input-container", never, {}, {}, ["input"], ["label", "[clrNumberInput]", "clr-control-helper", "clr-control-error", "clr-control-success"], false, never>;
|
|
16
17
|
}
|
|
@@ -15,6 +15,8 @@ export declare class ClrNumberInput extends WrappedFormControl<ClrNumberInputCon
|
|
|
15
15
|
triggerValidation(): void;
|
|
16
16
|
stepUp(): void;
|
|
17
17
|
stepDown(): void;
|
|
18
|
+
dispatchBlur(): void;
|
|
19
|
+
private dispatchStepChangeEvents;
|
|
18
20
|
static ɵfac: i0.ɵɵFactoryDeclaration<ClrNumberInput, [{ optional: true; }, null, null, { optional: true; self: true; }, null, null]>;
|
|
19
21
|
static ɵdir: i0.ɵɵDirectiveDeclaration<ClrNumberInput, "input[type=\"number\"][clrNumberInput]", never, {}, {}, never, never, false, never>;
|
|
20
22
|
}
|
package/modal/index.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
export * from './modal';
|
|
2
2
|
export * from './modal.module';
|
|
3
3
|
export * from './modal-configuration.service';
|
|
4
|
-
export * from './modal-host.
|
|
4
|
+
export * from './modal-host.component';
|
|
5
5
|
export * from './side-panel.module';
|
|
6
6
|
export * from './modal-body';
|
|
7
7
|
export * from './side-panel';
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class ClrModalHostComponent {
|
|
3
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ClrModalHostComponent, never>;
|
|
4
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ClrModalHostComponent, "[clrModalHost]", never, {}, {}, never, ["*"], false, never>;
|
|
5
|
+
}
|
package/modal/modal.module.d.ts
CHANGED
|
@@ -2,7 +2,7 @@ import { Type } from '@angular/core';
|
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
import * as i1 from "./modal";
|
|
4
4
|
import * as i2 from "./modal-body";
|
|
5
|
-
import * as i3 from "./modal-host.
|
|
5
|
+
import * as i3 from "./modal-host.component";
|
|
6
6
|
import * as i4 from "@angular/common";
|
|
7
7
|
import * as i5 from "../utils/cdk/cdk-trap-focus.module";
|
|
8
8
|
import * as i6 from "../icon/icon.module";
|
|
@@ -10,6 +10,6 @@ export declare const CLR_MODAL_DIRECTIVES: Type<any>[];
|
|
|
10
10
|
export declare class ClrModalModule {
|
|
11
11
|
constructor();
|
|
12
12
|
static ɵfac: i0.ɵɵFactoryDeclaration<ClrModalModule, never>;
|
|
13
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<ClrModalModule, [typeof i1.ClrModal, typeof i2.ClrModalBody, typeof i3.
|
|
13
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<ClrModalModule, [typeof i1.ClrModal, typeof i2.ClrModalBody, typeof i3.ClrModalHostComponent], [typeof i4.CommonModule, typeof i5.CdkTrapFocusModule, typeof i6.ClrIconModule], [typeof i1.ClrModal, typeof i2.ClrModalBody, typeof i3.ClrModalHostComponent, typeof i6.ClrIconModule]>;
|
|
14
14
|
static ɵinj: i0.ɵɵInjectorDeclaration<ClrModalModule>;
|
|
15
15
|
}
|
package/modal/side-panel.d.ts
CHANGED
|
@@ -1,45 +1,53 @@
|
|
|
1
|
-
import { ElementRef, EventEmitter,
|
|
1
|
+
import { ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
|
|
2
2
|
import { ClrCommonStringsService } from '../utils';
|
|
3
3
|
import { ClrModalConfigurationService } from './modal-configuration.service';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
|
-
export declare class ClrSidePanel implements OnInit, OnDestroy
|
|
5
|
+
export declare class ClrSidePanel implements OnInit, OnDestroy {
|
|
6
6
|
private element;
|
|
7
7
|
private configuration;
|
|
8
8
|
commonStrings: ClrCommonStringsService;
|
|
9
|
-
_open: boolean;
|
|
10
9
|
openChange: EventEmitter<boolean>;
|
|
11
10
|
closeButtonAriaLabel: string | undefined;
|
|
12
11
|
skipAnimation: boolean;
|
|
13
12
|
labelledById: string;
|
|
14
13
|
staticBackdrop: boolean;
|
|
14
|
+
closable: boolean;
|
|
15
15
|
preventClose: boolean;
|
|
16
16
|
altClose: EventEmitter<boolean>;
|
|
17
|
-
private modal;
|
|
18
17
|
private _pinnable;
|
|
19
18
|
private _pinned;
|
|
20
19
|
private originalStopClose;
|
|
20
|
+
private _position;
|
|
21
|
+
private _modal;
|
|
22
|
+
private __open;
|
|
21
23
|
private _size;
|
|
22
24
|
constructor(element: ElementRef<HTMLElement>, configuration: ClrModalConfigurationService, commonStrings: ClrCommonStringsService);
|
|
25
|
+
get _open(): boolean;
|
|
26
|
+
set _open(open: boolean);
|
|
23
27
|
get size(): string;
|
|
24
28
|
set size(value: string);
|
|
29
|
+
get position(): string;
|
|
30
|
+
set position(position: string);
|
|
25
31
|
get pinned(): boolean;
|
|
26
32
|
set pinned(pinned: boolean);
|
|
27
33
|
get clrSidePanelBackdrop(): boolean;
|
|
28
34
|
set clrSidePanelBackdrop(backdrop: boolean);
|
|
29
35
|
get clrSidePanelPinnable(): boolean;
|
|
30
36
|
set clrSidePanelPinnable(pinnable: boolean);
|
|
37
|
+
private get modal();
|
|
38
|
+
private set modal(value);
|
|
31
39
|
private get hostElement();
|
|
40
|
+
private get bottomPositionCssClass();
|
|
32
41
|
ngOnInit(): void;
|
|
33
|
-
ngOnChanges(changes: {
|
|
34
|
-
[propName: string]: SimpleChange;
|
|
35
|
-
}): void;
|
|
36
42
|
ngOnDestroy(): void;
|
|
43
|
+
handleModalOpen(open: boolean): void;
|
|
37
44
|
open(): void;
|
|
38
45
|
close(): void;
|
|
39
46
|
togglePinned(): void;
|
|
40
47
|
private documentClick;
|
|
41
|
-
private
|
|
42
|
-
private
|
|
48
|
+
private updateModalState;
|
|
49
|
+
private cleanupPinnedClasses;
|
|
50
|
+
private updatePinnedClasses;
|
|
43
51
|
static ɵfac: i0.ɵɵFactoryDeclaration<ClrSidePanel, never>;
|
|
44
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ClrSidePanel, "clr-side-panel", never, { "
|
|
52
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ClrSidePanel, "clr-side-panel", never, { "closeButtonAriaLabel": "clrSidePanelCloseButtonAriaLabel"; "skipAnimation": "clrSidePanelSkipAnimation"; "labelledById": "clrSidePanelLabelledById"; "staticBackdrop": "clrSidePanelStaticBackdrop"; "closable": "clrSidePanelClosable"; "preventClose": "clrSidePanelPreventClose"; "_open": "clrSidePanelOpen"; "size": "clrSidePanelSize"; "position": "clrSidePanelPosition"; "pinned": "clrSidePanelPinned"; "clrSidePanelBackdrop": "clrSidePanelBackdrop"; "clrSidePanelPinnable": "clrSidePanelPinnable"; }, { "openChange": "clrSidePanelOpenChange"; "altClose": "clrSidePanelAlternateClose"; }, never, [".side-panel-title", ".side-panel-body", ".side-panel-footer"], false, never>;
|
|
45
53
|
}
|
package/package.json
CHANGED
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
"@angular/common": "15 || 16 || 17 || 18 || 19",
|
|
23
23
|
"@angular/core": "15 || 16 || 17 || 18 || 19",
|
|
24
24
|
"@cds/core": ">= 6.9.2",
|
|
25
|
-
"@clr/ui": "17.
|
|
25
|
+
"@clr/ui": "17.11.0"
|
|
26
26
|
},
|
|
27
27
|
"module": "fesm2015/clr-angular.mjs",
|
|
28
28
|
"es2020": "fesm2020/clr-angular.mjs",
|
|
@@ -47,5 +47,5 @@
|
|
|
47
47
|
"dependencies": {
|
|
48
48
|
"tslib": "^2.3.0"
|
|
49
49
|
},
|
|
50
|
-
"version": "17.
|
|
50
|
+
"version": "17.11.0"
|
|
51
51
|
}
|
|
@@ -20,7 +20,7 @@ export declare abstract class AbstractPopover implements AfterViewChecked, OnDes
|
|
|
20
20
|
private popoverInstance;
|
|
21
21
|
private subscription;
|
|
22
22
|
private documentESCListener;
|
|
23
|
-
constructor(injector: Injector, parentHost: ElementRef<HTMLElement>);
|
|
23
|
+
protected constructor(injector: Injector, parentHost: ElementRef<HTMLElement>);
|
|
24
24
|
ngAfterViewChecked(): void;
|
|
25
25
|
ngOnDestroy(): void;
|
|
26
26
|
protected anchor(): void;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { ElementRef, Renderer2 } from '@angular/core';
|
|
1
2
|
import { FocusableItem } from '../../utils/focus/focusable-item/focusable-item';
|
|
2
3
|
import { ClrDropdown } from './dropdown';
|
|
3
4
|
import { RootDropdownService } from './providers/dropdown.service';
|
|
@@ -6,7 +7,9 @@ export declare class ClrDropdownItem {
|
|
|
6
7
|
private dropdown;
|
|
7
8
|
private _dropdownService;
|
|
8
9
|
private focusableItem;
|
|
9
|
-
|
|
10
|
+
private el;
|
|
11
|
+
private renderer;
|
|
12
|
+
constructor(dropdown: ClrDropdown, _dropdownService: RootDropdownService, focusableItem: FocusableItem, el: ElementRef, renderer: Renderer2);
|
|
10
13
|
get disabled(): boolean | string;
|
|
11
14
|
set disabled(value: boolean | string);
|
|
12
15
|
/**
|
|
@@ -14,6 +17,7 @@ export declare class ClrDropdownItem {
|
|
|
14
17
|
*/
|
|
15
18
|
get dropdownItemId(): string;
|
|
16
19
|
set dropdownItemId(value: string);
|
|
20
|
+
ngAfterViewInit(): void;
|
|
17
21
|
private onDropdownItemClick;
|
|
18
22
|
private onSpaceKeydown;
|
|
19
23
|
private onEnterKeydown;
|
|
@@ -1,14 +1,17 @@
|
|
|
1
|
-
import { ElementRef } from '@angular/core';
|
|
1
|
+
import { ElementRef, Renderer2 } from '@angular/core';
|
|
2
2
|
import { ClrPopoverToggleService } from '../../utils/popover/providers/popover-toggle.service';
|
|
3
3
|
import { ClrDropdown } from './dropdown';
|
|
4
4
|
import { DropdownFocusHandler } from './providers/dropdown-focus-handler.service';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
export declare class ClrDropdownTrigger {
|
|
7
7
|
private toggleService;
|
|
8
|
+
private el;
|
|
9
|
+
private renderer;
|
|
8
10
|
isRootLevelToggle: boolean;
|
|
9
|
-
constructor(dropdown: ClrDropdown, toggleService: ClrPopoverToggleService, el: ElementRef<HTMLElement>, focusHandler: DropdownFocusHandler);
|
|
11
|
+
constructor(dropdown: ClrDropdown, toggleService: ClrPopoverToggleService, el: ElementRef<HTMLElement>, focusHandler: DropdownFocusHandler, renderer: Renderer2);
|
|
10
12
|
get active(): boolean;
|
|
11
13
|
onDropdownTriggerClick(event: any): void;
|
|
14
|
+
ngAfterViewInit(): void;
|
|
12
15
|
static ɵfac: i0.ɵɵFactoryDeclaration<ClrDropdownTrigger, never>;
|
|
13
16
|
static ɵdir: i0.ɵɵDirectiveDeclaration<ClrDropdownTrigger, "[clrDropdownTrigger],[clrDropdownToggle]", never, {}, {}, never, never, false, never>;
|
|
14
17
|
}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { ElementRef, Renderer2 } from '@angular/core';
|
|
2
2
|
import { DomAdapter } from '../../dom-adapter/dom-adapter';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
3
4
|
export declare class BaseExpandableAnimation {
|
|
4
5
|
protected element: ElementRef<HTMLElement>;
|
|
5
6
|
protected domAdapter: DomAdapter;
|
|
@@ -10,4 +11,6 @@ export declare class BaseExpandableAnimation {
|
|
|
10
11
|
initAnimationEffects(): void;
|
|
11
12
|
cleanupAnimationEffects(cancelAnimations?: boolean): void;
|
|
12
13
|
private cancelElementAnimations;
|
|
14
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BaseExpandableAnimation, never>;
|
|
15
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<BaseExpandableAnimation, never, never, {}, {}, never, never, false, never>;
|
|
13
16
|
}
|
|
@@ -1,11 +1,8 @@
|
|
|
1
1
|
import { AnimationEvent } from '@angular/animations';
|
|
2
|
-
import { ElementRef, Renderer2 } from '@angular/core';
|
|
3
|
-
import { DomAdapter } from '../../dom-adapter/dom-adapter';
|
|
4
2
|
import { BaseExpandableAnimation } from './base-expandable-animation';
|
|
5
3
|
import * as i0 from "@angular/core";
|
|
6
4
|
export declare class ClrExpandableAnimation extends BaseExpandableAnimation {
|
|
7
5
|
clrExpandTrigger: boolean;
|
|
8
|
-
constructor(element: ElementRef<HTMLElement>, domAdapter: DomAdapter, renderer: Renderer2);
|
|
9
6
|
get expandAnimation(): {
|
|
10
7
|
value: boolean;
|
|
11
8
|
params: {
|
|
@@ -4,7 +4,7 @@ import * as i0 from "@angular/core";
|
|
|
4
4
|
export declare abstract class OompaLoompa implements AfterContentChecked, OnDestroy {
|
|
5
5
|
private latestFlavor;
|
|
6
6
|
private subscription;
|
|
7
|
-
constructor(cdr: ChangeDetectorRef, willyWonka: WillyWonka);
|
|
7
|
+
protected constructor(cdr: ChangeDetectorRef, willyWonka: WillyWonka);
|
|
8
8
|
abstract get flavor(): any;
|
|
9
9
|
ngAfterContentChecked(): void;
|
|
10
10
|
ngOnDestroy(): void;
|
|
@@ -270,6 +270,10 @@ export interface ClrCommonStrings {
|
|
|
270
270
|
* Wizard: Screen-reader text for "step" (read before step number).
|
|
271
271
|
*/
|
|
272
272
|
wizardStep: string;
|
|
273
|
+
/**
|
|
274
|
+
* Wizard: Screen-reader text for current step.
|
|
275
|
+
*/
|
|
276
|
+
wizardStepCurrent: string;
|
|
273
277
|
/**
|
|
274
278
|
* Wizard: Screen-reader text for completed step.
|
|
275
279
|
*/
|
|
@@ -1,14 +1,21 @@
|
|
|
1
|
+
import { ElementRef, OnDestroy, OnInit } from '@angular/core';
|
|
1
2
|
import { ClrCommonStringsService } from '../utils';
|
|
2
3
|
import { PageCollectionService } from './providers/page-collection.service';
|
|
3
4
|
import { WizardNavigationService } from './providers/wizard-navigation.service';
|
|
4
5
|
import { ClrWizardPage } from './wizard-page';
|
|
5
6
|
import * as i0 from "@angular/core";
|
|
6
|
-
export declare class ClrWizardStepnavItem {
|
|
7
|
+
export declare class ClrWizardStepnavItem implements OnInit, OnDestroy {
|
|
7
8
|
navService: WizardNavigationService;
|
|
8
9
|
pageCollection: PageCollectionService;
|
|
9
10
|
commonStrings: ClrCommonStringsService;
|
|
11
|
+
private readonly elementRef;
|
|
10
12
|
page: ClrWizardPage;
|
|
11
|
-
|
|
13
|
+
private subscription;
|
|
14
|
+
/**
|
|
15
|
+
* This is used to prevent the steps from scrolling as the user clicks on the steps.
|
|
16
|
+
*/
|
|
17
|
+
private skipNextScroll;
|
|
18
|
+
constructor(navService: WizardNavigationService, pageCollection: PageCollectionService, commonStrings: ClrCommonStringsService, elementRef: ElementRef<HTMLElement>);
|
|
12
19
|
get id(): string;
|
|
13
20
|
get stepAriaCurrent(): string;
|
|
14
21
|
get isDisabled(): boolean;
|
|
@@ -21,8 +28,15 @@ export declare class ClrWizardStepnavItem {
|
|
|
21
28
|
protected get stepNumberId(): string;
|
|
22
29
|
protected get stepTitleId(): string;
|
|
23
30
|
protected get labelledby(): string;
|
|
31
|
+
protected get icon(): {
|
|
32
|
+
shape: string;
|
|
33
|
+
label: string;
|
|
34
|
+
} | null;
|
|
35
|
+
ngOnInit(): void;
|
|
36
|
+
ngOnDestroy(): void;
|
|
24
37
|
click(): void;
|
|
25
38
|
private pageGuard;
|
|
39
|
+
private ensureCurrentStepIsScrolledIntoView;
|
|
26
40
|
static ɵfac: i0.ɵɵFactoryDeclaration<ClrWizardStepnavItem, never>;
|
|
27
41
|
static ɵcmp: i0.ɵɵComponentDeclaration<ClrWizardStepnavItem, "[clr-wizard-stepnav-item]", never, { "page": "page"; }, {}, never, ["*"], false, never>;
|
|
28
42
|
}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
* Copyright (c) 2016-2025 Broadcom. All Rights Reserved.
|
|
3
|
-
* The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
|
|
4
|
-
* This software is released under MIT license.
|
|
5
|
-
* The full license information can be found in LICENSE in the root directory of this project.
|
|
6
|
-
*/
|
|
7
|
-
import { Directive } from '@angular/core';
|
|
8
|
-
import * as i0 from "@angular/core";
|
|
9
|
-
export class ClrModalHostDirective {
|
|
10
|
-
}
|
|
11
|
-
ClrModalHostDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: ClrModalHostDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
12
|
-
ClrModalHostDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.2", type: ClrModalHostDirective, selector: "[clrModalHost]", host: { properties: { "class.clr-modal-host": "true" } }, ngImport: i0 });
|
|
13
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: ClrModalHostDirective, decorators: [{
|
|
14
|
-
type: Directive,
|
|
15
|
-
args: [{
|
|
16
|
-
selector: '[clrModalHost]',
|
|
17
|
-
host: { '[class.clr-modal-host]': 'true' },
|
|
18
|
-
}]
|
|
19
|
-
}] });
|
|
20
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwtaG9zdC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyL3NyYy9tb2RhbC9tb2RhbC1ob3N0LmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7R0FLRztBQUVILE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBTTFDLE1BQU0sT0FBTyxxQkFBcUI7O2tIQUFyQixxQkFBcUI7c0dBQXJCLHFCQUFxQjsyRkFBckIscUJBQXFCO2tCQUpqQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxnQkFBZ0I7b0JBQzFCLElBQUksRUFBRSxFQUFFLHdCQUF3QixFQUFFLE1BQU0sRUFBRTtpQkFDM0MiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogQ29weXJpZ2h0IChjKSAyMDE2LTIwMjUgQnJvYWRjb20uIEFsbCBSaWdodHMgUmVzZXJ2ZWQuXG4gKiBUaGUgdGVybSBcIkJyb2FkY29tXCIgcmVmZXJzIHRvIEJyb2FkY29tIEluYy4gYW5kL29yIGl0cyBzdWJzaWRpYXJpZXMuXG4gKiBUaGlzIHNvZnR3YXJlIGlzIHJlbGVhc2VkIHVuZGVyIE1JVCBsaWNlbnNlLlxuICogVGhlIGZ1bGwgbGljZW5zZSBpbmZvcm1hdGlvbiBjYW4gYmUgZm91bmQgaW4gTElDRU5TRSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBwcm9qZWN0LlxuICovXG5cbmltcG9ydCB7IERpcmVjdGl2ZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbY2xyTW9kYWxIb3N0XScsXG4gIGhvc3Q6IHsgJ1tjbGFzcy5jbHItbW9kYWwtaG9zdF0nOiAndHJ1ZScgfSxcbn0pXG5leHBvcnQgY2xhc3MgQ2xyTW9kYWxIb3N0RGlyZWN0aXZlIHt9XG4iXX0=
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
export declare class ClrModalHostDirective {
|
|
3
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<ClrModalHostDirective, never>;
|
|
4
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<ClrModalHostDirective, "[clrModalHost]", never, {}, {}, never, never, false, never>;
|
|
5
|
-
}
|