@clr/angular 15.0.0-beta.1 → 15.0.0-beta.3
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 +158 -489
- package/clr-angular.module.d.ts +12 -15
- package/data/datagrid/datagrid-column.d.ts +1 -22
- package/data/datagrid/datagrid-pagination.d.ts +2 -2
- package/data/datagrid/datagrid.module.d.ts +13 -13
- package/data/stack-view/index.d.ts +0 -2
- package/data/stack-view/stack-block.d.ts +1 -17
- package/data/stack-view/stack-view.d.ts +1 -11
- package/data/stack-view/stack-view.module.d.ts +5 -7
- package/data/tree-view/tree-node.d.ts +6 -6
- package/esm2020/accordion/accordion-panel.mjs +3 -3
- package/esm2020/accordion/stepper/stepper-panel.mjs +3 -3
- package/esm2020/clr-angular.module.mjs +1 -13
- package/esm2020/data/datagrid/datagrid-action-overflow.mjs +10 -10
- package/esm2020/data/datagrid/datagrid-column-separator.mjs +16 -15
- package/esm2020/data/datagrid/datagrid-column-toggle.mjs +18 -20
- package/esm2020/data/datagrid/datagrid-column.mjs +2 -48
- package/esm2020/data/datagrid/datagrid-detail.mjs +8 -6
- package/esm2020/data/datagrid/datagrid-filter.mjs +10 -10
- package/esm2020/data/datagrid/datagrid-pagination.mjs +10 -5
- package/esm2020/data/datagrid/datagrid-row-detail.mjs +7 -8
- package/esm2020/data/datagrid/datagrid-row.mjs +3 -3
- package/esm2020/data/datagrid/datagrid.module.mjs +9 -9
- package/esm2020/data/stack-view/index.mjs +1 -3
- package/esm2020/data/stack-view/stack-block.mjs +2 -8
- package/esm2020/data/stack-view/stack-header.mjs +2 -23
- package/esm2020/data/stack-view/stack-view.mjs +4 -28
- package/esm2020/data/stack-view/stack-view.module.mjs +3 -23
- package/esm2020/data/tree-view/tree-node.mjs +30 -26
- package/esm2020/forms/datepicker/date-container.mjs +9 -9
- package/esm2020/forms/datepicker/datepicker.module.mjs +5 -5
- package/esm2020/layout/nav/nav-level.mjs +23 -10
- package/esm2020/layout/vertical-nav/vertical-nav-group.mjs +3 -7
- package/esm2020/modal/modal.mjs +8 -19
- package/esm2020/modal/modal.module.mjs +5 -5
- package/esm2020/popover/dropdown/dropdown-item.mjs +30 -33
- package/esm2020/utils/cdk/cdk-drag.module.mjs +37 -0
- package/esm2020/utils/cdk/cdk-trap-focus.module.mjs +37 -0
- package/esm2020/utils/i18n/common-strings.default.mjs +2 -3
- package/esm2020/utils/i18n/common-strings.interface.mjs +1 -1
- package/esm2020/utils/index.mjs +1 -5
- package/esm2020/wizard/wizard.mjs +6 -30
- package/fesm2015/clr-angular.mjs +259 -1990
- package/fesm2015/clr-angular.mjs.map +1 -1
- package/fesm2020/clr-angular.mjs +306 -2033
- package/fesm2020/clr-angular.mjs.map +1 -1
- package/forms/datepicker/datepicker.module.d.ts +6 -6
- package/layout/nav/nav-level.d.ts +12 -4
- package/layout/vertical-nav/vertical-nav-group.d.ts +1 -2
- package/modal/modal.d.ts +1 -4
- package/modal/modal.module.d.ts +3 -3
- package/package.json +2 -1
- package/popover/dropdown/dropdown-item.d.ts +7 -13
- package/src/utils/popover/README.md +1 -1
- package/utils/cdk/cdk-drag.module.d.ts +17 -0
- package/utils/cdk/cdk-trap-focus.module.d.ts +17 -0
- package/utils/i18n/common-strings.interface.d.ts +0 -17
- package/utils/index.d.ts +0 -4
- package/wizard/wizard.d.ts +2 -13
- package/data/stack-view/stack-control.d.ts +0 -16
- package/data/stack-view/stack-input.d.ts +0 -10
- package/data/stack-view/stack-select.d.ts +0 -9
- package/esm2020/data/stack-view/stack-control.mjs +0 -34
- package/esm2020/data/stack-view/stack-input.mjs +0 -42
- package/esm2020/data/stack-view/stack-select.mjs +0 -48
- package/esm2020/utils/a11y/aria-live.service.mjs +0 -163
- package/esm2020/utils/a11y/index.mjs +0 -7
- package/esm2020/utils/drag-and-drop/drag-and-drop.module.mjs +0 -42
- package/esm2020/utils/drag-and-drop/drag-event.mjs +0 -16
- package/esm2020/utils/drag-and-drop/drag-handle.mjs +0 -35
- package/esm2020/utils/drag-and-drop/draggable/draggable.mjs +0 -135
- package/esm2020/utils/drag-and-drop/draggable-ghost.mjs +0 -124
- package/esm2020/utils/drag-and-drop/droppable/droppable.mjs +0 -222
- package/esm2020/utils/drag-and-drop/if-dragged.mjs +0 -47
- package/esm2020/utils/drag-and-drop/index.mjs +0 -14
- package/esm2020/utils/drag-and-drop/interfaces/drag-event.interface.mjs +0 -15
- package/esm2020/utils/drag-and-drop/interfaces/drop-tolerance.interface.mjs +0 -7
- package/esm2020/utils/drag-and-drop/providers/drag-and-drop-event-bus.service.mjs +0 -54
- package/esm2020/utils/drag-and-drop/providers/drag-event-listener.service.mjs +0 -179
- package/esm2020/utils/drag-and-drop/providers/drag-handle-registrar.service.mjs +0 -60
- package/esm2020/utils/drag-and-drop/providers/draggable-snapshot.service.mjs +0 -38
- package/esm2020/utils/drag-and-drop/providers/global-drag-mode.service.mjs +0 -26
- package/esm2020/utils/focus-trap/focus-trap-config.interface.mjs +0 -7
- package/esm2020/utils/focus-trap/focus-trap-tracker.service.mjs +0 -32
- package/esm2020/utils/focus-trap/focus-trap.directive.mjs +0 -158
- package/esm2020/utils/focus-trap/focus-trap.mjs +0 -141
- package/esm2020/utils/focus-trap/focus-trap.module.mjs +0 -24
- package/esm2020/utils/focus-trap/index.mjs +0 -9
- package/esm2020/utils/for-type-ahead/for-type-ahead.mjs +0 -54
- package/esm2020/utils/for-type-ahead/for-type-ahead.module.mjs +0 -23
- package/esm2020/utils/for-type-ahead/for-type-ahead.service.mjs +0 -29
- package/esm2020/utils/for-type-ahead/index.mjs +0 -8
- package/utils/a11y/aria-live.service.d.ts +0 -93
- package/utils/a11y/index.d.ts +0 -1
- package/utils/drag-and-drop/drag-and-drop.module.d.ts +0 -14
- package/utils/drag-and-drop/drag-event.d.ts +0 -8
- package/utils/drag-and-drop/drag-handle.d.ts +0 -11
- package/utils/drag-and-drop/draggable/draggable.d.ts +0 -36
- package/utils/drag-and-drop/draggable-ghost.d.ts +0 -30
- package/utils/drag-and-drop/droppable/droppable.d.ts +0 -42
- package/utils/drag-and-drop/if-dragged.d.ts +0 -13
- package/utils/drag-and-drop/index.d.ts +0 -8
- package/utils/drag-and-drop/interfaces/drag-event.interface.d.ts +0 -22
- package/utils/drag-and-drop/interfaces/drop-tolerance.interface.d.ts +0 -6
- package/utils/drag-and-drop/providers/drag-and-drop-event-bus.service.d.ts +0 -16
- package/utils/drag-and-drop/providers/drag-event-listener.service.d.ts +0 -39
- package/utils/drag-and-drop/providers/drag-handle-registrar.service.d.ts +0 -18
- package/utils/drag-and-drop/providers/draggable-snapshot.service.d.ts +0 -16
- package/utils/drag-and-drop/providers/global-drag-mode.service.d.ts +0 -10
- package/utils/focus-trap/focus-trap-config.interface.d.ts +0 -3
- package/utils/focus-trap/focus-trap-tracker.service.d.ts +0 -12
- package/utils/focus-trap/focus-trap.d.ts +0 -29
- package/utils/focus-trap/focus-trap.directive.d.ts +0 -38
- package/utils/focus-trap/focus-trap.module.d.ts +0 -10
- package/utils/focus-trap/index.d.ts +0 -3
- package/utils/for-type-ahead/for-type-ahead.d.ts +0 -15
- package/utils/for-type-ahead/for-type-ahead.module.d.ts +0 -8
- package/utils/for-type-ahead/for-type-ahead.service.d.ts +0 -11
- package/utils/for-type-ahead/index.d.ts +0 -2
|
@@ -10,16 +10,16 @@ import * as i7 from "./yearpicker";
|
|
|
10
10
|
import * as i8 from "./daypicker";
|
|
11
11
|
import * as i9 from "./calendar";
|
|
12
12
|
import * as i10 from "@angular/common";
|
|
13
|
-
import * as i11 from "../../utils/
|
|
14
|
-
import * as i12 from "../../utils/
|
|
15
|
-
import * as i13 from "../../utils/
|
|
16
|
-
import * as i14 from "../../
|
|
17
|
-
import * as i15 from "../../
|
|
13
|
+
import * as i11 from "../../utils/cdk/cdk-trap-focus.module";
|
|
14
|
+
import * as i12 from "../../utils/host-wrapping/host-wrapping.module";
|
|
15
|
+
import * as i13 from "../../utils/conditional/conditional.module";
|
|
16
|
+
import * as i14 from "../../utils/popover/popover.module";
|
|
17
|
+
import * as i15 from "../../icon/icon.module";
|
|
18
18
|
import * as i16 from "../common/common.module";
|
|
19
19
|
export declare const CLR_DATEPICKER_DIRECTIVES: Type<any>[];
|
|
20
20
|
export declare class ClrDatepickerModule {
|
|
21
21
|
constructor();
|
|
22
22
|
static ɵfac: i0.ɵɵFactoryDeclaration<ClrDatepickerModule, never>;
|
|
23
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<ClrDatepickerModule, [typeof i1.ClrDay, typeof i2.ClrDateContainer, typeof i3.ClrDateInput, typeof i4.ClrDateInputValidator, typeof i5.ClrDatepickerViewManager, typeof i6.ClrMonthpicker, typeof i7.ClrYearpicker, typeof i8.ClrDaypicker, typeof i9.ClrCalendar], [typeof i10.CommonModule, typeof i11.
|
|
23
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<ClrDatepickerModule, [typeof i1.ClrDay, typeof i2.ClrDateContainer, typeof i3.ClrDateInput, typeof i4.ClrDateInputValidator, typeof i5.ClrDatepickerViewManager, typeof i6.ClrMonthpicker, typeof i7.ClrYearpicker, typeof i8.ClrDaypicker, typeof i9.ClrCalendar], [typeof i10.CommonModule, typeof i11.CdkTrapFocusModule, typeof i12.ClrHostWrappingModule, typeof i13.ClrConditionalModule, typeof i14.ClrPopoverModuleNext, typeof i15.ClrIconModule, typeof i16.ClrCommonFormsModule], [typeof i1.ClrDay, typeof i2.ClrDateContainer, typeof i3.ClrDateInput, typeof i4.ClrDateInputValidator, typeof i5.ClrDatepickerViewManager, typeof i6.ClrMonthpicker, typeof i7.ClrYearpicker, typeof i8.ClrDaypicker, typeof i9.ClrCalendar]>;
|
|
24
24
|
static ɵinj: i0.ɵɵInjectorDeclaration<ClrDatepickerModule>;
|
|
25
25
|
}
|
|
@@ -1,17 +1,24 @@
|
|
|
1
|
+
import { CdkTrapFocus } from '@angular/cdk/a11y';
|
|
1
2
|
import { ElementRef, Injector, OnInit, Renderer2 } from '@angular/core';
|
|
2
|
-
import { FocusTrap, FocusTrapElement } from '../../utils/focus-trap/focus-trap';
|
|
3
3
|
import { ResponsiveNavigationService } from './providers/responsive-navigation.service';
|
|
4
4
|
import { ResponsiveNavCodes } from './responsive-nav-codes';
|
|
5
5
|
import '@cds/core/internal-components/close-button/register.js';
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
|
-
|
|
7
|
+
declare class StandaloneCdkTrapFocus extends CdkTrapFocus {
|
|
8
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<StandaloneCdkTrapFocus, never>;
|
|
9
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<StandaloneCdkTrapFocus, never, never, {}, {}, never, never, true, never>;
|
|
10
|
+
}
|
|
11
|
+
export declare class ClrNavLevel implements OnInit {
|
|
12
|
+
private cdkTrapFocus;
|
|
8
13
|
private responsiveNavService;
|
|
9
14
|
private elementRef;
|
|
15
|
+
private renderer;
|
|
10
16
|
_level: number;
|
|
11
17
|
closeButtonAriaLabel: string;
|
|
12
18
|
private _subscription;
|
|
13
19
|
private _isOpen;
|
|
14
|
-
|
|
20
|
+
private _document;
|
|
21
|
+
constructor(platformId: any, cdkTrapFocus: StandaloneCdkTrapFocus, responsiveNavService: ResponsiveNavigationService, elementRef: ElementRef<HTMLElement>, renderer: Renderer2, injector: Injector);
|
|
15
22
|
ngOnInit(): void;
|
|
16
23
|
ngAfterViewInit(): void;
|
|
17
24
|
addNavClass(level: number): void;
|
|
@@ -28,5 +35,6 @@ export declare class ClrNavLevel extends FocusTrap implements OnInit {
|
|
|
28
35
|
protected showCloseButton(): void;
|
|
29
36
|
ngOnDestroy(): void;
|
|
30
37
|
static ɵfac: i0.ɵɵFactoryDeclaration<ClrNavLevel, never>;
|
|
31
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<ClrNavLevel, "[clr-nav-level]", never, { "_level": "clr-nav-level"; "closeButtonAriaLabel": "closeAriaLabel"; }, {}, never, never, false,
|
|
38
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ClrNavLevel, "[clr-nav-level]", never, { "_level": "clr-nav-level"; "closeButtonAriaLabel": "closeAriaLabel"; }, {}, never, never, false, [{ directive: typeof StandaloneCdkTrapFocus; inputs: {}; outputs: {}; }]>;
|
|
32
39
|
}
|
|
40
|
+
export {};
|
|
@@ -16,7 +16,6 @@ export declare class ClrVerticalNavGroup implements AfterContentInit, OnDestroy
|
|
|
16
16
|
private wasExpanded;
|
|
17
17
|
get expanded(): boolean;
|
|
18
18
|
set expanded(value: boolean);
|
|
19
|
-
groupLabel: string;
|
|
20
19
|
set userExpandedInput(value: boolean | string);
|
|
21
20
|
expandedChange: EventEmitter<boolean>;
|
|
22
21
|
private _subscriptions;
|
|
@@ -30,5 +29,5 @@ export declare class ClrVerticalNavGroup implements AfterContentInit, OnDestroy
|
|
|
30
29
|
ngAfterContentInit(): void;
|
|
31
30
|
ngOnDestroy(): void;
|
|
32
31
|
static ɵfac: i0.ɵɵFactoryDeclaration<ClrVerticalNavGroup, never>;
|
|
33
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ClrVerticalNavGroup, "clr-vertical-nav-group", never, { "
|
|
32
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ClrVerticalNavGroup, "clr-vertical-nav-group", never, { "userExpandedInput": "clrVerticalNavGroupExpanded"; }, { "expandedChange": "clrVerticalNavGroupExpandedChange"; }, never, ["[clrVerticalNavLink]", "[clrVerticalNavIcon]", "*", "[clrIfExpanded], clr-vertical-nav-group-children"], false, never>;
|
|
34
33
|
}
|
package/modal/modal.d.ts
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { AnimationEvent } from '@angular/animations';
|
|
2
2
|
import { EventEmitter, OnChanges, OnDestroy, SimpleChange } from '@angular/core';
|
|
3
|
-
import { FocusTrapDirective } from '../utils/focus-trap/focus-trap.directive';
|
|
4
3
|
import { ClrCommonStringsService } from '../utils/i18n/common-strings.service';
|
|
5
4
|
import { ScrollingService } from '../utils/scrolling/scrolling-service';
|
|
6
5
|
import * as i0 from "@angular/core";
|
|
@@ -8,7 +7,6 @@ export declare class ClrModal implements OnChanges, OnDestroy {
|
|
|
8
7
|
private _scrollingService;
|
|
9
8
|
commonStrings: ClrCommonStringsService;
|
|
10
9
|
modalId: string;
|
|
11
|
-
focusTrap: FocusTrapDirective;
|
|
12
10
|
_open: boolean;
|
|
13
11
|
_openChanged: EventEmitter<boolean>;
|
|
14
12
|
closable: boolean;
|
|
@@ -16,7 +14,6 @@ export declare class ClrModal implements OnChanges, OnDestroy {
|
|
|
16
14
|
size: string;
|
|
17
15
|
staticBackdrop: boolean;
|
|
18
16
|
skipAnimation: string;
|
|
19
|
-
bypassScrollService: boolean;
|
|
20
17
|
stopClose: boolean;
|
|
21
18
|
altClose: EventEmitter<boolean>;
|
|
22
19
|
labelledBy: string;
|
|
@@ -29,5 +26,5 @@ export declare class ClrModal implements OnChanges, OnDestroy {
|
|
|
29
26
|
close(): void;
|
|
30
27
|
fadeDone(e: AnimationEvent): void;
|
|
31
28
|
static ɵfac: i0.ɵɵFactoryDeclaration<ClrModal, never>;
|
|
32
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ClrModal, "clr-modal", never, { "_open": "clrModalOpen"; "closable": "clrModalClosable"; "closeButtonAriaLabel": "clrModalCloseButtonAriaLabel"; "size": "clrModalSize"; "staticBackdrop": "clrModalStaticBackdrop"; "skipAnimation": "clrModalSkipAnimation"; "
|
|
29
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ClrModal, "clr-modal", never, { "_open": "clrModalOpen"; "closable": "clrModalClosable"; "closeButtonAriaLabel": "clrModalCloseButtonAriaLabel"; "size": "clrModalSize"; "staticBackdrop": "clrModalStaticBackdrop"; "skipAnimation": "clrModalSkipAnimation"; "stopClose": "clrModalPreventClose"; "labelledBy": "clrModalLabelledById"; }, { "_openChanged": "clrModalOpenChange"; "altClose": "clrModalAlternateClose"; }, never, [".modal-nav", ".modal-title", ".modal-body", ".modal-footer"], false, never>;
|
|
33
30
|
}
|
package/modal/modal.module.d.ts
CHANGED
|
@@ -3,13 +3,13 @@ import * as i0 from "@angular/core";
|
|
|
3
3
|
import * as i1 from "./modal";
|
|
4
4
|
import * as i2 from "./modal-body";
|
|
5
5
|
import * as i3 from "@angular/common";
|
|
6
|
-
import * as i4 from "../
|
|
7
|
-
import * as i5 from "../
|
|
6
|
+
import * as i4 from "../utils/cdk/cdk-trap-focus.module";
|
|
7
|
+
import * as i5 from "../icon/icon.module";
|
|
8
8
|
import * as i6 from "../utils/focus/focus-on-view-init/focus-on-view-init.module";
|
|
9
9
|
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.CommonModule, typeof i4.
|
|
13
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<ClrModalModule, [typeof i1.ClrModal, typeof i2.ClrModalBody], [typeof i3.CommonModule, typeof i4.CdkTrapFocusModule, typeof i5.ClrIconModule, typeof i6.ClrFocusOnViewInitModule], [typeof i1.ClrModal, typeof i2.ClrModalBody, typeof i5.ClrIconModule, typeof i6.ClrFocusOnViewInitModule]>;
|
|
14
14
|
static ɵinj: i0.ɵɵInjectorDeclaration<ClrModalModule>;
|
|
15
15
|
}
|
package/package.json
CHANGED
|
@@ -18,6 +18,7 @@
|
|
|
18
18
|
"url": "https://github.com/vmware-clarity/ng-clarity/issues"
|
|
19
19
|
},
|
|
20
20
|
"peerDependencies": {
|
|
21
|
+
"@angular/cdk": "15",
|
|
21
22
|
"@angular/common": "15",
|
|
22
23
|
"@angular/core": "15",
|
|
23
24
|
"@cds/core": "^5.6.0 || ^6.0.0"
|
|
@@ -45,5 +46,5 @@
|
|
|
45
46
|
"dependencies": {
|
|
46
47
|
"tslib": "^2.3.0"
|
|
47
48
|
},
|
|
48
|
-
"version": "15.0.0-beta.
|
|
49
|
+
"version": "15.0.0-beta.3"
|
|
49
50
|
}
|
|
@@ -1,29 +1,23 @@
|
|
|
1
|
-
import { AfterViewInit, ElementRef, Renderer2 } from '@angular/core';
|
|
2
1
|
import { FocusableItem } from '../../utils/focus/focusable-item/focusable-item';
|
|
3
2
|
import { ClrDropdown } from './dropdown';
|
|
4
3
|
import { RootDropdownService } from './providers/dropdown.service';
|
|
5
4
|
import * as i0 from "@angular/core";
|
|
6
|
-
export declare class ClrDropdownItem
|
|
5
|
+
export declare class ClrDropdownItem {
|
|
7
6
|
private dropdown;
|
|
8
|
-
private el;
|
|
9
7
|
private _dropdownService;
|
|
10
|
-
private renderer;
|
|
11
8
|
private focusableItem;
|
|
12
|
-
constructor(dropdown: ClrDropdown,
|
|
13
|
-
private unlisten;
|
|
14
|
-
setByDeprecatedDisabled: boolean;
|
|
9
|
+
constructor(dropdown: ClrDropdown, _dropdownService: RootDropdownService, focusableItem: FocusableItem);
|
|
15
10
|
set disabled(value: boolean | string);
|
|
16
11
|
get disabled(): boolean | string;
|
|
17
|
-
set disabledDeprecated(value: boolean | string);
|
|
18
|
-
get disabledDeprecated(): boolean | string;
|
|
19
12
|
/**
|
|
20
13
|
* Let you overwrite the focusable auto increment id.
|
|
21
14
|
*/
|
|
22
15
|
set dropdownItemId(value: string);
|
|
23
16
|
get dropdownItemId(): string;
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
17
|
+
private onDropdownItemClick;
|
|
18
|
+
private onSpaceKeydown;
|
|
19
|
+
private onEnterKeydown;
|
|
20
|
+
private stopImmediatePropagationIfDisabled;
|
|
27
21
|
static ɵfac: i0.ɵɵFactoryDeclaration<ClrDropdownItem, never>;
|
|
28
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<ClrDropdownItem, "[clrDropdownItem]", never, { "disabled": "clrDisabled"; "
|
|
22
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ClrDropdownItem, "[clrDropdownItem]", never, { "disabled": "clrDisabled"; "dropdownItemId": "id"; }, {}, never, never, false, never>;
|
|
29
23
|
}
|
|
@@ -35,7 +35,7 @@ This is what it looks like from the implementing component perspective:
|
|
|
35
35
|
<div
|
|
36
36
|
[id]="popoverId"
|
|
37
37
|
role="dialog"
|
|
38
|
-
|
|
38
|
+
cdkTrapFocus
|
|
39
39
|
*clrPopoverContent="openState at contentPosition; outsideClickToClose: true; scrollToClose: true"
|
|
40
40
|
>
|
|
41
41
|
<header class="header-4" role="heading">
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { CdkDrag } from '@angular/cdk/drag-drop';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
/**
|
|
4
|
+
* This is just a copy of CdkDrag so it can be used independent of the rest of the CdkDragDropModule.
|
|
5
|
+
*/
|
|
6
|
+
export declare class CdkDragModule_CdkDrag extends CdkDrag {
|
|
7
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CdkDragModule_CdkDrag, never>;
|
|
8
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<CdkDragModule_CdkDrag, "[cdkDrag]", never, {}, {}, never, never, false, never>;
|
|
9
|
+
}
|
|
10
|
+
/**
|
|
11
|
+
* This module allows us to avoid importing all of CdkDragDropModule which results in a smaller application bundle.
|
|
12
|
+
*/
|
|
13
|
+
export declare class CdkDragModule {
|
|
14
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CdkDragModule, never>;
|
|
15
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<CdkDragModule, [typeof CdkDragModule_CdkDrag], never, [typeof CdkDragModule_CdkDrag]>;
|
|
16
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<CdkDragModule>;
|
|
17
|
+
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { CdkTrapFocus } from '@angular/cdk/a11y';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
/**
|
|
4
|
+
* This is just a copy of CdkTrapFocus so it can be used independent of the rest of the A11yModule.
|
|
5
|
+
*/
|
|
6
|
+
export declare class CdkTrapFocusModule_CdkTrapFocus extends CdkTrapFocus {
|
|
7
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CdkTrapFocusModule_CdkTrapFocus, never>;
|
|
8
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<CdkTrapFocusModule_CdkTrapFocus, "[cdkTrapFocus]", never, {}, {}, never, never, false, never>;
|
|
9
|
+
}
|
|
10
|
+
/**
|
|
11
|
+
* This module allows us to avoid importing all of A11yModule which results in a smaller application bundle.
|
|
12
|
+
*/
|
|
13
|
+
export declare class CdkTrapFocusModule {
|
|
14
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CdkTrapFocusModule, never>;
|
|
15
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<CdkTrapFocusModule, [typeof CdkTrapFocusModule_CdkTrapFocus], never, [typeof CdkTrapFocusModule_CdkTrapFocus]>;
|
|
16
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<CdkTrapFocusModule>;
|
|
17
|
+
}
|
|
@@ -214,7 +214,6 @@ export interface ClrCommonStrings {
|
|
|
214
214
|
responsiveNavOverflowOpen: string;
|
|
215
215
|
responsiveNavOverflowClose: string;
|
|
216
216
|
verticalNavToggle: string;
|
|
217
|
-
verticalNavGroupToggle: string;
|
|
218
217
|
/**
|
|
219
218
|
* Timeline Steps
|
|
220
219
|
*/
|
|
@@ -223,22 +222,6 @@ export interface ClrCommonStrings {
|
|
|
223
222
|
timelineStepSuccess: string;
|
|
224
223
|
timelineStepError: string;
|
|
225
224
|
timelineStepProcessing: string;
|
|
226
|
-
/**
|
|
227
|
-
* @deprecated Should be removed in v14
|
|
228
|
-
*/
|
|
229
|
-
dategridExpandableBeginningOf?: string;
|
|
230
|
-
/**
|
|
231
|
-
* @deprecated Should be removed in v14
|
|
232
|
-
*/
|
|
233
|
-
dategridExpandableEndOf?: string;
|
|
234
|
-
/**
|
|
235
|
-
* @deprecated Should be removed in v14
|
|
236
|
-
*/
|
|
237
|
-
dategridExpandableRowContent?: string;
|
|
238
|
-
/**
|
|
239
|
-
* @deprecated Should be removed in v14
|
|
240
|
-
*/
|
|
241
|
-
dategridExpandableRowsHelperText?: string;
|
|
242
225
|
datagridExpandableBeginningOf?: string;
|
|
243
226
|
datagridExpandableEndOf?: string;
|
|
244
227
|
datagridExpandableRowContent?: string;
|
package/utils/index.d.ts
CHANGED
|
@@ -2,10 +2,6 @@ export * from './animations/index';
|
|
|
2
2
|
export * from './loading/index';
|
|
3
3
|
export * from './conditional/index';
|
|
4
4
|
export * from './i18n/index';
|
|
5
|
-
export * from './a11y/index';
|
|
6
|
-
export * from './drag-and-drop/index';
|
|
7
5
|
export * from './popover/index';
|
|
8
6
|
export * from './focus/focus-on-view-init/index';
|
|
9
|
-
export * from './focus-trap/index';
|
|
10
7
|
export * from './destroy';
|
|
11
|
-
export * from './for-type-ahead/index';
|
package/wizard/wizard.d.ts
CHANGED
|
@@ -12,7 +12,6 @@ export declare class ClrWizard implements OnDestroy, AfterContentInit, DoCheck {
|
|
|
12
12
|
pageCollection: PageCollectionService;
|
|
13
13
|
buttonService: ButtonHubService;
|
|
14
14
|
headerActionService: HeaderActionService;
|
|
15
|
-
private elementRef;
|
|
16
15
|
/**
|
|
17
16
|
* Set the modal size of the wizard. Set using `[clrWizardSize]` input.
|
|
18
17
|
*/
|
|
@@ -76,14 +75,6 @@ export declare class ClrWizard implements OnDestroy, AfterContentInit, DoCheck {
|
|
|
76
75
|
set disableStepnav(value: boolean);
|
|
77
76
|
get disableStepnav(): boolean;
|
|
78
77
|
private _disableStepnav;
|
|
79
|
-
/**
|
|
80
|
-
* Used to communicate to the underlying modal that animations are not
|
|
81
|
-
* wanted. Primary use is for the display of static/inline wizards.
|
|
82
|
-
* Set using `[clrWizardPreventModalAnimation]` input.
|
|
83
|
-
*/
|
|
84
|
-
/** @deprecated since 3.0, input should be removed in 4.0 because is only related to inline wizards */
|
|
85
|
-
_stopModalAnimations: boolean;
|
|
86
|
-
get stopModalAnimations(): string;
|
|
87
78
|
/**
|
|
88
79
|
* Emits when the wizard is opened or closed.
|
|
89
80
|
* Listen via `(clrWizardOpenChange)` event.
|
|
@@ -128,11 +119,10 @@ export declare class ClrWizard implements OnDestroy, AfterContentInit, DoCheck {
|
|
|
128
119
|
set currentPage(page: ClrWizardPage);
|
|
129
120
|
get isLast(): boolean;
|
|
130
121
|
get isFirst(): boolean;
|
|
131
|
-
get isStatic(): boolean;
|
|
132
122
|
wizardId: string;
|
|
133
123
|
private differ;
|
|
134
124
|
private subscriptions;
|
|
135
|
-
constructor(platformId: any, navService: WizardNavigationService, pageCollection: PageCollectionService, buttonService: ButtonHubService, headerActionService: HeaderActionService,
|
|
125
|
+
constructor(platformId: any, navService: WizardNavigationService, pageCollection: PageCollectionService, buttonService: ButtonHubService, headerActionService: HeaderActionService, differs: IterableDiffers);
|
|
136
126
|
ngAfterContentInit(): void;
|
|
137
127
|
ngDoCheck(): void;
|
|
138
128
|
ngOnDestroy(): void;
|
|
@@ -231,8 +221,7 @@ export declare class ClrWizard implements OnDestroy, AfterContentInit, DoCheck {
|
|
|
231
221
|
private listenForFinishedChanges;
|
|
232
222
|
private listenForPageChanges;
|
|
233
223
|
private updateNavOnPageChanges;
|
|
234
|
-
private initializeButtons;
|
|
235
224
|
private emitWizardFinished;
|
|
236
225
|
static ɵfac: i0.ɵɵFactoryDeclaration<ClrWizard, never>;
|
|
237
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ClrWizard, "clr-wizard", never, { "size": "clrWizardSize"; "closable": "clrWizardClosable"; "forceForward": "clrWizardForceForwardNavigation"; "clrWizardOpen": "clrWizardOpen"; "stopNext": "clrWizardPreventDefaultNext"; "stopCancel": "clrWizardPreventDefaultCancel"; "stopNavigation": "clrWizardPreventNavigation"; "disableStepnav": "clrWizardDisableStepnav";
|
|
226
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ClrWizard, "clr-wizard", never, { "size": "clrWizardSize"; "closable": "clrWizardClosable"; "forceForward": "clrWizardForceForwardNavigation"; "clrWizardOpen": "clrWizardOpen"; "stopNext": "clrWizardPreventDefaultNext"; "stopCancel": "clrWizardPreventDefaultCancel"; "stopNavigation": "clrWizardPreventNavigation"; "disableStepnav": "clrWizardDisableStepnav"; }, { "_openChanged": "clrWizardOpenChange"; "onCancel": "clrWizardOnCancel"; "wizardFinished": "clrWizardOnFinish"; "onReset": "clrWizardOnReset"; "currentPageChanged": "clrWizardCurrentPageChanged"; "onMoveNext": "clrWizardOnNext"; "onMovePrevious": "clrWizardOnPrevious"; }, ["pages", "headerActions"], ["clr-wizard-title", "clr-wizard-header-action", "*", "clr-wizard-button"], false, never>;
|
|
238
227
|
}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Undocumented experimental feature: inline editing.
|
|
3
|
-
*/
|
|
4
|
-
import { EventEmitter, OnDestroy } from '@angular/core';
|
|
5
|
-
import { ClrStackView } from './stack-view';
|
|
6
|
-
import * as i0 from "@angular/core";
|
|
7
|
-
export declare class StackControl implements OnDestroy {
|
|
8
|
-
protected stackView: ClrStackView;
|
|
9
|
-
model: any;
|
|
10
|
-
modelChange: EventEmitter<any>;
|
|
11
|
-
private subscription;
|
|
12
|
-
constructor(stackView: ClrStackView);
|
|
13
|
-
ngOnDestroy(): void;
|
|
14
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<StackControl, never>;
|
|
15
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<StackControl, never, never, {}, {}, never, never, false, never>;
|
|
16
|
-
}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { StackControl } from './stack-control';
|
|
2
|
-
import { ClrStackView } from './stack-view';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
export declare class ClrStackInput extends StackControl {
|
|
5
|
-
stackView: ClrStackView;
|
|
6
|
-
type: string;
|
|
7
|
-
constructor(stackView: ClrStackView);
|
|
8
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<ClrStackInput, never>;
|
|
9
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ClrStackInput, "clr-stack-input", never, { "model": "clrModel"; "type": "type"; }, { "modelChange": "clrModelChange"; }, never, never, false, never>;
|
|
10
|
-
}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { StackControl } from './stack-control';
|
|
2
|
-
import { ClrStackView } from './stack-view';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
export declare class ClrStackSelect extends StackControl {
|
|
5
|
-
stackView: ClrStackView;
|
|
6
|
-
constructor(stackView: ClrStackView);
|
|
7
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<ClrStackSelect, never>;
|
|
8
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ClrStackSelect, "clr-stack-select", never, { "model": "clrModel"; }, { "modelChange": "clrModelChange"; }, never, ["*"], false, never>;
|
|
9
|
-
}
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
* Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
|
|
3
|
-
* This software is released under MIT license.
|
|
4
|
-
* The full license information can be found in LICENSE in the root directory of this project.
|
|
5
|
-
*/
|
|
6
|
-
/**
|
|
7
|
-
* Undocumented experimental feature: inline editing.
|
|
8
|
-
*/
|
|
9
|
-
import { Directive, EventEmitter } from '@angular/core';
|
|
10
|
-
import * as i0 from "@angular/core";
|
|
11
|
-
import * as i1 from "./stack-view";
|
|
12
|
-
export class StackControl {
|
|
13
|
-
constructor(stackView) {
|
|
14
|
-
this.stackView = stackView;
|
|
15
|
-
this.modelChange = new EventEmitter(false);
|
|
16
|
-
// Make the ClrStackView editable, since it contains a StackControl
|
|
17
|
-
this.stackView.editable = true;
|
|
18
|
-
this.subscription = this.stackView.editingChange.subscribe((editing) => {
|
|
19
|
-
// Edit mode was closed
|
|
20
|
-
if (!editing) {
|
|
21
|
-
this.modelChange.emit(this.model);
|
|
22
|
-
}
|
|
23
|
-
});
|
|
24
|
-
}
|
|
25
|
-
ngOnDestroy() {
|
|
26
|
-
this.subscription.unsubscribe();
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
StackControl.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: StackControl, deps: [{ token: i1.ClrStackView }], target: i0.ɵɵFactoryTarget.Directive });
|
|
30
|
-
StackControl.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.2", type: StackControl, ngImport: i0 });
|
|
31
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: StackControl, decorators: [{
|
|
32
|
-
type: Directive
|
|
33
|
-
}], ctorParameters: function () { return [{ type: i1.ClrStackView }]; } });
|
|
34
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhY2stY29udHJvbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXIvc3JjL2RhdGEvc3RhY2stdmlldy9zdGFjay1jb250cm9sLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7O0dBSUc7QUFFSDs7R0FFRztBQUVILE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFhLE1BQU0sZUFBZSxDQUFDOzs7QUFNbkUsTUFBTSxPQUFPLFlBQVk7SUFNdkIsWUFBc0IsU0FBdUI7UUFBdkIsY0FBUyxHQUFULFNBQVMsQ0FBYztRQUo3QyxnQkFBVyxHQUFzQixJQUFJLFlBQVksQ0FBTSxLQUFLLENBQUMsQ0FBQztRQUs1RCxtRUFBbUU7UUFDbkUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDO1FBQy9CLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxhQUFhLENBQUMsU0FBUyxDQUFDLENBQUMsT0FBZ0IsRUFBRSxFQUFFO1lBQzlFLHVCQUF1QjtZQUN2QixJQUFJLENBQUMsT0FBTyxFQUFFO2dCQUNaLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQzthQUNuQztRQUNILENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsWUFBWSxDQUFDLFdBQVcsRUFBRSxDQUFDO0lBQ2xDLENBQUM7O3lHQW5CVSxZQUFZOzZGQUFaLFlBQVk7MkZBQVosWUFBWTtrQkFEeEIsU0FBUyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTYtMjAyMiBWTXdhcmUsIEluYy4gQWxsIFJpZ2h0cyBSZXNlcnZlZC5cbiAqIFRoaXMgc29mdHdhcmUgaXMgcmVsZWFzZWQgdW5kZXIgTUlUIGxpY2Vuc2UuXG4gKiBUaGUgZnVsbCBsaWNlbnNlIGluZm9ybWF0aW9uIGNhbiBiZSBmb3VuZCBpbiBMSUNFTlNFIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHByb2plY3QuXG4gKi9cblxuLyoqXG4gKiBVbmRvY3VtZW50ZWQgZXhwZXJpbWVudGFsIGZlYXR1cmU6IGlubGluZSBlZGl0aW5nLlxuICovXG5cbmltcG9ydCB7IERpcmVjdGl2ZSwgRXZlbnRFbWl0dGVyLCBPbkRlc3Ryb3kgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFN1YnNjcmlwdGlvbiB9IGZyb20gJ3J4anMnO1xuXG5pbXBvcnQgeyBDbHJTdGFja1ZpZXcgfSBmcm9tICcuL3N0YWNrLXZpZXcnO1xuXG5ARGlyZWN0aXZlKClcbmV4cG9ydCBjbGFzcyBTdGFja0NvbnRyb2wgaW1wbGVtZW50cyBPbkRlc3Ryb3kge1xuICBtb2RlbDogYW55O1xuICBtb2RlbENoYW5nZTogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oZmFsc2UpO1xuXG4gIHByaXZhdGUgc3Vic2NyaXB0aW9uOiBTdWJzY3JpcHRpb247XG5cbiAgY29uc3RydWN0b3IocHJvdGVjdGVkIHN0YWNrVmlldzogQ2xyU3RhY2tWaWV3KSB7XG4gICAgLy8gTWFrZSB0aGUgQ2xyU3RhY2tWaWV3IGVkaXRhYmxlLCBzaW5jZSBpdCBjb250YWlucyBhIFN0YWNrQ29udHJvbFxuICAgIHRoaXMuc3RhY2tWaWV3LmVkaXRhYmxlID0gdHJ1ZTtcbiAgICB0aGlzLnN1YnNjcmlwdGlvbiA9IHRoaXMuc3RhY2tWaWV3LmVkaXRpbmdDaGFuZ2Uuc3Vic2NyaWJlKChlZGl0aW5nOiBib29sZWFuKSA9PiB7XG4gICAgICAvLyBFZGl0IG1vZGUgd2FzIGNsb3NlZFxuICAgICAgaWYgKCFlZGl0aW5nKSB7XG4gICAgICAgIHRoaXMubW9kZWxDaGFuZ2UuZW1pdCh0aGlzLm1vZGVsKTtcbiAgICAgIH1cbiAgICB9KTtcbiAgfVxuXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIHRoaXMuc3Vic2NyaXB0aW9uLnVuc3Vic2NyaWJlKCk7XG4gIH1cbn1cbiJdfQ==
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
* Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
|
|
3
|
-
* This software is released under MIT license.
|
|
4
|
-
* The full license information can be found in LICENSE in the root directory of this project.
|
|
5
|
-
*/
|
|
6
|
-
/**
|
|
7
|
-
* Undocumented experimental feature: inline editing.
|
|
8
|
-
*
|
|
9
|
-
* TODO: support more types of inputs: checkbox, radio, ...
|
|
10
|
-
* TODO: Mirror input attributes from the host to the actual input: size, min, max, placeholder, ...
|
|
11
|
-
*/
|
|
12
|
-
import { Component } from '@angular/core';
|
|
13
|
-
import { StackControl } from './stack-control';
|
|
14
|
-
import * as i0 from "@angular/core";
|
|
15
|
-
import * as i1 from "./stack-view";
|
|
16
|
-
import * as i2 from "@angular/common";
|
|
17
|
-
import * as i3 from "@angular/forms";
|
|
18
|
-
export class ClrStackInput extends StackControl {
|
|
19
|
-
constructor(stackView) {
|
|
20
|
-
super(stackView);
|
|
21
|
-
this.stackView = stackView;
|
|
22
|
-
this.type = 'text';
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
ClrStackInput.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: ClrStackInput, deps: [{ token: i1.ClrStackView }], target: i0.ɵɵFactoryTarget.Component });
|
|
26
|
-
ClrStackInput.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.2", type: ClrStackInput, selector: "clr-stack-input", inputs: { model: ["clrModel", "model"], type: "type" }, outputs: { modelChange: "clrModelChange" }, usesInheritance: true, ngImport: i0, template: `
|
|
27
|
-
<span *ngIf="!stackView.editing">{{ model }}</span>
|
|
28
|
-
<input [type]="type" *ngIf="stackView.editing" [(ngModel)]="model" />
|
|
29
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
|
|
30
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: ClrStackInput, decorators: [{
|
|
31
|
-
type: Component,
|
|
32
|
-
args: [{
|
|
33
|
-
selector: 'clr-stack-input',
|
|
34
|
-
inputs: ['model: clrModel', 'type'],
|
|
35
|
-
outputs: ['modelChange: clrModelChange'],
|
|
36
|
-
template: `
|
|
37
|
-
<span *ngIf="!stackView.editing">{{ model }}</span>
|
|
38
|
-
<input [type]="type" *ngIf="stackView.editing" [(ngModel)]="model" />
|
|
39
|
-
`,
|
|
40
|
-
}]
|
|
41
|
-
}], ctorParameters: function () { return [{ type: i1.ClrStackView }]; } });
|
|
42
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhY2staW5wdXQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyL3NyYy9kYXRhL3N0YWNrLXZpZXcvc3RhY2staW5wdXQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7R0FJRztBQUVIOzs7OztHQUtHO0FBRUgsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUUxQyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7Ozs7O0FBWS9DLE1BQU0sT0FBTyxhQUFjLFNBQVEsWUFBWTtJQUc3QyxZQUE0QixTQUF1QjtRQUNqRCxLQUFLLENBQUMsU0FBUyxDQUFDLENBQUM7UUFEUyxjQUFTLEdBQVQsU0FBUyxDQUFjO1FBRm5ELFNBQUksR0FBRyxNQUFNLENBQUM7SUFJZCxDQUFDOzswR0FMVSxhQUFhOzhGQUFiLGFBQWEsa0xBTGQ7OztHQUdUOzJGQUVVLGFBQWE7a0JBVHpCLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGlCQUFpQjtvQkFDM0IsTUFBTSxFQUFFLENBQUMsaUJBQWlCLEVBQUUsTUFBTSxDQUFDO29CQUNuQyxPQUFPLEVBQUUsQ0FBQyw2QkFBNkIsQ0FBQztvQkFDeEMsUUFBUSxFQUFFOzs7R0FHVDtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTYtMjAyMiBWTXdhcmUsIEluYy4gQWxsIFJpZ2h0cyBSZXNlcnZlZC5cbiAqIFRoaXMgc29mdHdhcmUgaXMgcmVsZWFzZWQgdW5kZXIgTUlUIGxpY2Vuc2UuXG4gKiBUaGUgZnVsbCBsaWNlbnNlIGluZm9ybWF0aW9uIGNhbiBiZSBmb3VuZCBpbiBMSUNFTlNFIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHByb2plY3QuXG4gKi9cblxuLyoqXG4gKiBVbmRvY3VtZW50ZWQgZXhwZXJpbWVudGFsIGZlYXR1cmU6IGlubGluZSBlZGl0aW5nLlxuICpcbiAqIFRPRE86IHN1cHBvcnQgbW9yZSB0eXBlcyBvZiBpbnB1dHM6IGNoZWNrYm94LCByYWRpbywgLi4uXG4gKiBUT0RPOiBNaXJyb3IgaW5wdXQgYXR0cmlidXRlcyBmcm9tIHRoZSBob3N0IHRvIHRoZSBhY3R1YWwgaW5wdXQ6IHNpemUsIG1pbiwgbWF4LCBwbGFjZWhvbGRlciwgLi4uXG4gKi9cblxuaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IFN0YWNrQ29udHJvbCB9IGZyb20gJy4vc3RhY2stY29udHJvbCc7XG5pbXBvcnQgeyBDbHJTdGFja1ZpZXcgfSBmcm9tICcuL3N0YWNrLXZpZXcnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdjbHItc3RhY2staW5wdXQnLFxuICBpbnB1dHM6IFsnbW9kZWw6IGNsck1vZGVsJywgJ3R5cGUnXSxcbiAgb3V0cHV0czogWydtb2RlbENoYW5nZTogY2xyTW9kZWxDaGFuZ2UnXSxcbiAgdGVtcGxhdGU6IGBcbiAgICA8c3BhbiAqbmdJZj1cIiFzdGFja1ZpZXcuZWRpdGluZ1wiPnt7IG1vZGVsIH19PC9zcGFuPlxuICAgIDxpbnB1dCBbdHlwZV09XCJ0eXBlXCIgKm5nSWY9XCJzdGFja1ZpZXcuZWRpdGluZ1wiIFsobmdNb2RlbCldPVwibW9kZWxcIiAvPlxuICBgLFxufSlcbmV4cG9ydCBjbGFzcyBDbHJTdGFja0lucHV0IGV4dGVuZHMgU3RhY2tDb250cm9sIHtcbiAgdHlwZSA9ICd0ZXh0JztcblxuICBjb25zdHJ1Y3RvcihwdWJsaWMgb3ZlcnJpZGUgc3RhY2tWaWV3OiBDbHJTdGFja1ZpZXcpIHtcbiAgICBzdXBlcihzdGFja1ZpZXcpO1xuICB9XG59XG4iXX0=
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
* Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
|
|
3
|
-
* This software is released under MIT license.
|
|
4
|
-
* The full license information can be found in LICENSE in the root directory of this project.
|
|
5
|
-
*/
|
|
6
|
-
/**
|
|
7
|
-
* Undocumented experimental feature: inline editing.
|
|
8
|
-
*
|
|
9
|
-
* TODO: Offer a a way to customize the value displayed, plain value may be unreadable.
|
|
10
|
-
*/
|
|
11
|
-
import { Component } from '@angular/core';
|
|
12
|
-
import { StackControl } from './stack-control';
|
|
13
|
-
import * as i0 from "@angular/core";
|
|
14
|
-
import * as i1 from "./stack-view";
|
|
15
|
-
import * as i2 from "@angular/common";
|
|
16
|
-
import * as i3 from "@angular/forms";
|
|
17
|
-
export class ClrStackSelect extends StackControl {
|
|
18
|
-
constructor(stackView) {
|
|
19
|
-
super(stackView);
|
|
20
|
-
this.stackView = stackView;
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
ClrStackSelect.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: ClrStackSelect, deps: [{ token: i1.ClrStackView }], target: i0.ɵɵFactoryTarget.Component });
|
|
24
|
-
ClrStackSelect.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.2", type: ClrStackSelect, selector: "clr-stack-select", inputs: { model: ["clrModel", "model"] }, outputs: { modelChange: "clrModelChange" }, usesInheritance: true, ngImport: i0, template: `
|
|
25
|
-
<span *ngIf="!stackView.editing">{{ model }}</span>
|
|
26
|
-
<div class="select" *ngIf="stackView.editing">
|
|
27
|
-
<select [(ngModel)]="model">
|
|
28
|
-
<ng-content></ng-content>
|
|
29
|
-
</select>
|
|
30
|
-
</div>
|
|
31
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
|
|
32
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: ClrStackSelect, decorators: [{
|
|
33
|
-
type: Component,
|
|
34
|
-
args: [{
|
|
35
|
-
selector: 'clr-stack-select',
|
|
36
|
-
inputs: ['model: clrModel'],
|
|
37
|
-
outputs: ['modelChange: clrModelChange'],
|
|
38
|
-
template: `
|
|
39
|
-
<span *ngIf="!stackView.editing">{{ model }}</span>
|
|
40
|
-
<div class="select" *ngIf="stackView.editing">
|
|
41
|
-
<select [(ngModel)]="model">
|
|
42
|
-
<ng-content></ng-content>
|
|
43
|
-
</select>
|
|
44
|
-
</div>
|
|
45
|
-
`,
|
|
46
|
-
}]
|
|
47
|
-
}], ctorParameters: function () { return [{ type: i1.ClrStackView }]; } });
|
|
48
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhY2stc2VsZWN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci9zcmMvZGF0YS9zdGFjay12aWV3L3N0YWNrLXNlbGVjdC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7OztHQUlHO0FBRUg7Ozs7R0FJRztBQUVILE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFMUMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDOzs7OztBQWdCL0MsTUFBTSxPQUFPLGNBQWUsU0FBUSxZQUFZO0lBQzlDLFlBQTRCLFNBQXVCO1FBQ2pELEtBQUssQ0FBQyxTQUFTLENBQUMsQ0FBQztRQURTLGNBQVMsR0FBVCxTQUFTLENBQWM7SUFFbkQsQ0FBQzs7MkdBSFUsY0FBYzsrRkFBZCxjQUFjLHFLQVRmOzs7Ozs7O0dBT1Q7MkZBRVUsY0FBYztrQkFiMUIsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsa0JBQWtCO29CQUM1QixNQUFNLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQztvQkFDM0IsT0FBTyxFQUFFLENBQUMsNkJBQTZCLENBQUM7b0JBQ3hDLFFBQVEsRUFBRTs7Ozs7OztHQU9UO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCAoYykgMjAxNi0yMDIyIFZNd2FyZSwgSW5jLiBBbGwgUmlnaHRzIFJlc2VydmVkLlxuICogVGhpcyBzb2Z0d2FyZSBpcyByZWxlYXNlZCB1bmRlciBNSVQgbGljZW5zZS5cbiAqIFRoZSBmdWxsIGxpY2Vuc2UgaW5mb3JtYXRpb24gY2FuIGJlIGZvdW5kIGluIExJQ0VOU0UgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgcHJvamVjdC5cbiAqL1xuXG4vKipcbiAqIFVuZG9jdW1lbnRlZCBleHBlcmltZW50YWwgZmVhdHVyZTogaW5saW5lIGVkaXRpbmcuXG4gKlxuICogVE9ETzogT2ZmZXIgYSBhIHdheSB0byBjdXN0b21pemUgdGhlIHZhbHVlIGRpc3BsYXllZCwgcGxhaW4gdmFsdWUgbWF5IGJlIHVucmVhZGFibGUuXG4gKi9cblxuaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IFN0YWNrQ29udHJvbCB9IGZyb20gJy4vc3RhY2stY29udHJvbCc7XG5pbXBvcnQgeyBDbHJTdGFja1ZpZXcgfSBmcm9tICcuL3N0YWNrLXZpZXcnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdjbHItc3RhY2stc2VsZWN0JyxcbiAgaW5wdXRzOiBbJ21vZGVsOiBjbHJNb2RlbCddLFxuICBvdXRwdXRzOiBbJ21vZGVsQ2hhbmdlOiBjbHJNb2RlbENoYW5nZSddLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxzcGFuICpuZ0lmPVwiIXN0YWNrVmlldy5lZGl0aW5nXCI+e3sgbW9kZWwgfX08L3NwYW4+XG4gICAgPGRpdiBjbGFzcz1cInNlbGVjdFwiICpuZ0lmPVwic3RhY2tWaWV3LmVkaXRpbmdcIj5cbiAgICAgIDxzZWxlY3QgWyhuZ01vZGVsKV09XCJtb2RlbFwiPlxuICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgICA8L3NlbGVjdD5cbiAgICA8L2Rpdj5cbiAgYCxcbn0pXG5leHBvcnQgY2xhc3MgQ2xyU3RhY2tTZWxlY3QgZXh0ZW5kcyBTdGFja0NvbnRyb2wge1xuICBjb25zdHJ1Y3RvcihwdWJsaWMgb3ZlcnJpZGUgc3RhY2tWaWV3OiBDbHJTdGFja1ZpZXcpIHtcbiAgICBzdXBlcihzdGFja1ZpZXcpO1xuICB9XG59XG4iXX0=
|