@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.
Files changed (119) hide show
  1. package/clarity.api.md +158 -489
  2. package/clr-angular.module.d.ts +12 -15
  3. package/data/datagrid/datagrid-column.d.ts +1 -22
  4. package/data/datagrid/datagrid-pagination.d.ts +2 -2
  5. package/data/datagrid/datagrid.module.d.ts +13 -13
  6. package/data/stack-view/index.d.ts +0 -2
  7. package/data/stack-view/stack-block.d.ts +1 -17
  8. package/data/stack-view/stack-view.d.ts +1 -11
  9. package/data/stack-view/stack-view.module.d.ts +5 -7
  10. package/data/tree-view/tree-node.d.ts +6 -6
  11. package/esm2020/accordion/accordion-panel.mjs +3 -3
  12. package/esm2020/accordion/stepper/stepper-panel.mjs +3 -3
  13. package/esm2020/clr-angular.module.mjs +1 -13
  14. package/esm2020/data/datagrid/datagrid-action-overflow.mjs +10 -10
  15. package/esm2020/data/datagrid/datagrid-column-separator.mjs +16 -15
  16. package/esm2020/data/datagrid/datagrid-column-toggle.mjs +18 -20
  17. package/esm2020/data/datagrid/datagrid-column.mjs +2 -48
  18. package/esm2020/data/datagrid/datagrid-detail.mjs +8 -6
  19. package/esm2020/data/datagrid/datagrid-filter.mjs +10 -10
  20. package/esm2020/data/datagrid/datagrid-pagination.mjs +10 -5
  21. package/esm2020/data/datagrid/datagrid-row-detail.mjs +7 -8
  22. package/esm2020/data/datagrid/datagrid-row.mjs +3 -3
  23. package/esm2020/data/datagrid/datagrid.module.mjs +9 -9
  24. package/esm2020/data/stack-view/index.mjs +1 -3
  25. package/esm2020/data/stack-view/stack-block.mjs +2 -8
  26. package/esm2020/data/stack-view/stack-header.mjs +2 -23
  27. package/esm2020/data/stack-view/stack-view.mjs +4 -28
  28. package/esm2020/data/stack-view/stack-view.module.mjs +3 -23
  29. package/esm2020/data/tree-view/tree-node.mjs +30 -26
  30. package/esm2020/forms/datepicker/date-container.mjs +9 -9
  31. package/esm2020/forms/datepicker/datepicker.module.mjs +5 -5
  32. package/esm2020/layout/nav/nav-level.mjs +23 -10
  33. package/esm2020/layout/vertical-nav/vertical-nav-group.mjs +3 -7
  34. package/esm2020/modal/modal.mjs +8 -19
  35. package/esm2020/modal/modal.module.mjs +5 -5
  36. package/esm2020/popover/dropdown/dropdown-item.mjs +30 -33
  37. package/esm2020/utils/cdk/cdk-drag.module.mjs +37 -0
  38. package/esm2020/utils/cdk/cdk-trap-focus.module.mjs +37 -0
  39. package/esm2020/utils/i18n/common-strings.default.mjs +2 -3
  40. package/esm2020/utils/i18n/common-strings.interface.mjs +1 -1
  41. package/esm2020/utils/index.mjs +1 -5
  42. package/esm2020/wizard/wizard.mjs +6 -30
  43. package/fesm2015/clr-angular.mjs +259 -1990
  44. package/fesm2015/clr-angular.mjs.map +1 -1
  45. package/fesm2020/clr-angular.mjs +306 -2033
  46. package/fesm2020/clr-angular.mjs.map +1 -1
  47. package/forms/datepicker/datepicker.module.d.ts +6 -6
  48. package/layout/nav/nav-level.d.ts +12 -4
  49. package/layout/vertical-nav/vertical-nav-group.d.ts +1 -2
  50. package/modal/modal.d.ts +1 -4
  51. package/modal/modal.module.d.ts +3 -3
  52. package/package.json +2 -1
  53. package/popover/dropdown/dropdown-item.d.ts +7 -13
  54. package/src/utils/popover/README.md +1 -1
  55. package/utils/cdk/cdk-drag.module.d.ts +17 -0
  56. package/utils/cdk/cdk-trap-focus.module.d.ts +17 -0
  57. package/utils/i18n/common-strings.interface.d.ts +0 -17
  58. package/utils/index.d.ts +0 -4
  59. package/wizard/wizard.d.ts +2 -13
  60. package/data/stack-view/stack-control.d.ts +0 -16
  61. package/data/stack-view/stack-input.d.ts +0 -10
  62. package/data/stack-view/stack-select.d.ts +0 -9
  63. package/esm2020/data/stack-view/stack-control.mjs +0 -34
  64. package/esm2020/data/stack-view/stack-input.mjs +0 -42
  65. package/esm2020/data/stack-view/stack-select.mjs +0 -48
  66. package/esm2020/utils/a11y/aria-live.service.mjs +0 -163
  67. package/esm2020/utils/a11y/index.mjs +0 -7
  68. package/esm2020/utils/drag-and-drop/drag-and-drop.module.mjs +0 -42
  69. package/esm2020/utils/drag-and-drop/drag-event.mjs +0 -16
  70. package/esm2020/utils/drag-and-drop/drag-handle.mjs +0 -35
  71. package/esm2020/utils/drag-and-drop/draggable/draggable.mjs +0 -135
  72. package/esm2020/utils/drag-and-drop/draggable-ghost.mjs +0 -124
  73. package/esm2020/utils/drag-and-drop/droppable/droppable.mjs +0 -222
  74. package/esm2020/utils/drag-and-drop/if-dragged.mjs +0 -47
  75. package/esm2020/utils/drag-and-drop/index.mjs +0 -14
  76. package/esm2020/utils/drag-and-drop/interfaces/drag-event.interface.mjs +0 -15
  77. package/esm2020/utils/drag-and-drop/interfaces/drop-tolerance.interface.mjs +0 -7
  78. package/esm2020/utils/drag-and-drop/providers/drag-and-drop-event-bus.service.mjs +0 -54
  79. package/esm2020/utils/drag-and-drop/providers/drag-event-listener.service.mjs +0 -179
  80. package/esm2020/utils/drag-and-drop/providers/drag-handle-registrar.service.mjs +0 -60
  81. package/esm2020/utils/drag-and-drop/providers/draggable-snapshot.service.mjs +0 -38
  82. package/esm2020/utils/drag-and-drop/providers/global-drag-mode.service.mjs +0 -26
  83. package/esm2020/utils/focus-trap/focus-trap-config.interface.mjs +0 -7
  84. package/esm2020/utils/focus-trap/focus-trap-tracker.service.mjs +0 -32
  85. package/esm2020/utils/focus-trap/focus-trap.directive.mjs +0 -158
  86. package/esm2020/utils/focus-trap/focus-trap.mjs +0 -141
  87. package/esm2020/utils/focus-trap/focus-trap.module.mjs +0 -24
  88. package/esm2020/utils/focus-trap/index.mjs +0 -9
  89. package/esm2020/utils/for-type-ahead/for-type-ahead.mjs +0 -54
  90. package/esm2020/utils/for-type-ahead/for-type-ahead.module.mjs +0 -23
  91. package/esm2020/utils/for-type-ahead/for-type-ahead.service.mjs +0 -29
  92. package/esm2020/utils/for-type-ahead/index.mjs +0 -8
  93. package/utils/a11y/aria-live.service.d.ts +0 -93
  94. package/utils/a11y/index.d.ts +0 -1
  95. package/utils/drag-and-drop/drag-and-drop.module.d.ts +0 -14
  96. package/utils/drag-and-drop/drag-event.d.ts +0 -8
  97. package/utils/drag-and-drop/drag-handle.d.ts +0 -11
  98. package/utils/drag-and-drop/draggable/draggable.d.ts +0 -36
  99. package/utils/drag-and-drop/draggable-ghost.d.ts +0 -30
  100. package/utils/drag-and-drop/droppable/droppable.d.ts +0 -42
  101. package/utils/drag-and-drop/if-dragged.d.ts +0 -13
  102. package/utils/drag-and-drop/index.d.ts +0 -8
  103. package/utils/drag-and-drop/interfaces/drag-event.interface.d.ts +0 -22
  104. package/utils/drag-and-drop/interfaces/drop-tolerance.interface.d.ts +0 -6
  105. package/utils/drag-and-drop/providers/drag-and-drop-event-bus.service.d.ts +0 -16
  106. package/utils/drag-and-drop/providers/drag-event-listener.service.d.ts +0 -39
  107. package/utils/drag-and-drop/providers/drag-handle-registrar.service.d.ts +0 -18
  108. package/utils/drag-and-drop/providers/draggable-snapshot.service.d.ts +0 -16
  109. package/utils/drag-and-drop/providers/global-drag-mode.service.d.ts +0 -10
  110. package/utils/focus-trap/focus-trap-config.interface.d.ts +0 -3
  111. package/utils/focus-trap/focus-trap-tracker.service.d.ts +0 -12
  112. package/utils/focus-trap/focus-trap.d.ts +0 -29
  113. package/utils/focus-trap/focus-trap.directive.d.ts +0 -38
  114. package/utils/focus-trap/focus-trap.module.d.ts +0 -10
  115. package/utils/focus-trap/index.d.ts +0 -3
  116. package/utils/for-type-ahead/for-type-ahead.d.ts +0 -15
  117. package/utils/for-type-ahead/for-type-ahead.module.d.ts +0 -8
  118. package/utils/for-type-ahead/for-type-ahead.service.d.ts +0 -11
  119. package/utils/for-type-ahead/index.d.ts +0 -2
@@ -1,6 +0,0 @@
1
- export interface ClrDropToleranceInterface {
2
- top?: number;
3
- right?: number;
4
- bottom?: number;
5
- left?: number;
6
- }
@@ -1,16 +0,0 @@
1
- import { Observable } from 'rxjs';
2
- import { DragEventInterface } from '../interfaces/drag-event.interface';
3
- import * as i0 from "@angular/core";
4
- export declare class DragAndDropEventBusService<T> {
5
- private dragStart;
6
- private dragMove;
7
- private dragEnd;
8
- private drop;
9
- get dragStarted(): Observable<DragEventInterface<T>>;
10
- get dragMoved(): Observable<DragEventInterface<T>>;
11
- get dragEnded(): Observable<DragEventInterface<T>>;
12
- get dropped(): Observable<DragEventInterface<T>>;
13
- broadcast(event: DragEventInterface<T>): void;
14
- static ɵfac: i0.ɵɵFactoryDeclaration<DragAndDropEventBusService<any>, never>;
15
- static ɵprov: i0.ɵɵInjectableDeclaration<DragAndDropEventBusService<any>>;
16
- }
@@ -1,39 +0,0 @@
1
- import { NgZone, Renderer2 } from '@angular/core';
2
- import { Observable } from 'rxjs';
3
- import { DragEventInterface, DragPointPosition } from '../interfaces/drag-event.interface';
4
- import { DragAndDropEventBusService } from './drag-and-drop-event-bus.service';
5
- import * as i0 from "@angular/core";
6
- export declare class DragEventListenerService<T> {
7
- private ngZone;
8
- private renderer;
9
- private eventBus;
10
- private draggableEl;
11
- private listeners;
12
- private nestedListeners;
13
- private checkDragStartBoundaryListener;
14
- private dragStart;
15
- private dragMove;
16
- private dragEnd;
17
- private hasDragStarted;
18
- private dragStartDelayTimeout;
19
- get dragStarted(): Observable<DragEventInterface<T>>;
20
- get dragMoved(): Observable<DragEventInterface<T>>;
21
- get dragEnded(): Observable<DragEventInterface<T>>;
22
- get dragStartPosition(): DragPointPosition;
23
- constructor(ngZone: NgZone, renderer: Renderer2, eventBus: DragAndDropEventBusService<T>);
24
- private initialPosition;
25
- dragDataTransfer?: T;
26
- group?: string | string[];
27
- dragStartDelay: number;
28
- ghostElement?: any;
29
- dropPointPosition?: DragPointPosition;
30
- attachDragListeners(draggableEl: Node): void;
31
- detachDragListeners(): void;
32
- private getNativeEventObject;
33
- private customDragEvent;
34
- private checkDragStartBoundary;
35
- private broadcast;
36
- private generateDragEvent;
37
- static ɵfac: i0.ɵɵFactoryDeclaration<DragEventListenerService<any>, never>;
38
- static ɵprov: i0.ɵɵInjectableDeclaration<DragEventListenerService<any>>;
39
- }
@@ -1,18 +0,0 @@
1
- import { Renderer2 } from '@angular/core';
2
- import { DragEventListenerService } from './drag-event-listener.service';
3
- import * as i0 from "@angular/core";
4
- export declare class DragHandleRegistrarService<T> {
5
- private dragEventListener;
6
- private renderer;
7
- private _customHandleEl;
8
- private _defaultHandleEl;
9
- get defaultHandleEl(): Node;
10
- set defaultHandleEl(el: Node);
11
- constructor(dragEventListener: DragEventListenerService<T>, renderer: Renderer2);
12
- private makeElementHandle;
13
- get customHandleEl(): any;
14
- registerCustomHandle(el: Node): void;
15
- unregisterCustomHandle(): void;
16
- static ɵfac: i0.ɵɵFactoryDeclaration<DragHandleRegistrarService<any>, never>;
17
- static ɵprov: i0.ɵɵInjectableDeclaration<DragHandleRegistrarService<any>>;
18
- }
@@ -1,16 +0,0 @@
1
- import { DomAdapter } from '../../dom-adapter/dom-adapter';
2
- import { DragEventInterface } from '../interfaces/drag-event.interface';
3
- import * as i0 from "@angular/core";
4
- export declare class DraggableSnapshotService<T> {
5
- private domAdapter;
6
- constructor(domAdapter: DomAdapter);
7
- private draggableElClientRect;
8
- private snapshotDragEvent;
9
- capture(el: Node, event: DragEventInterface<T>): void;
10
- discard(): void;
11
- get hasDraggableState(): boolean;
12
- get clientRect(): ClientRect;
13
- get dragEvent(): DragEventInterface<T>;
14
- static ɵfac: i0.ɵɵFactoryDeclaration<DraggableSnapshotService<any>, never>;
15
- static ɵprov: i0.ɵɵInjectableDeclaration<DraggableSnapshotService<any>>;
16
- }
@@ -1,10 +0,0 @@
1
- import { Renderer2 } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- export declare class GlobalDragModeService {
4
- private renderer;
5
- constructor(renderer: Renderer2);
6
- enter(): void;
7
- exit(): void;
8
- static ɵfac: i0.ɵɵFactoryDeclaration<GlobalDragModeService, never>;
9
- static ɵprov: i0.ɵɵInjectableDeclaration<GlobalDragModeService>;
10
- }
@@ -1,3 +0,0 @@
1
- export interface FocusTrapConfig {
2
- strict: boolean;
3
- }
@@ -1,12 +0,0 @@
1
- import { FocusTrapDirective } from './focus-trap.directive';
2
- import * as i0 from "@angular/core";
3
- export declare class FocusTrapTracker {
4
- private _previousFocusTraps;
5
- private _current;
6
- get current(): FocusTrapDirective;
7
- set current(value: FocusTrapDirective);
8
- get nbFocusTrappers(): number;
9
- activatePreviousTrapper(): void;
10
- static ɵfac: i0.ɵɵFactoryDeclaration<FocusTrapTracker, never>;
11
- static ɵprov: i0.ɵɵInjectableDeclaration<FocusTrapTracker>;
12
- }
@@ -1,29 +0,0 @@
1
- import { Injector, Renderer2 } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- export interface FocusTrapElement extends HTMLElement {
4
- topReboundElement: HTMLElement | undefined;
5
- bottomReboundElement: HTMLElement | undefined;
6
- focusTrapId: string;
7
- }
8
- export declare function refocusIfOutsideFocusTrapElement(focusedElement: HTMLElement, focusTrapElement: FocusTrapElement, elementToRefocus?: HTMLElement): void;
9
- export declare function elementIsOutsideFocusTrapElement(focusedElement: HTMLElement, focusTrapElement: FocusTrapElement): boolean;
10
- export declare function createFocusTrapReboundElement(document: Document): HTMLSpanElement;
11
- export declare function addReboundElementsToFocusTrapElement(document: Document, focusTrapElement: FocusTrapElement): void;
12
- export declare function removeReboundElementsFromFocusTrapElement(focusTrapElement: FocusTrapElement): void;
13
- export declare function castHtmlElementToFocusTrapElement(el: HTMLElement): FocusTrapElement;
14
- export declare class FocusTrap {
15
- protected renderer: Renderer2;
16
- focusTrapElement: FocusTrapElement;
17
- private previousFocus;
18
- private onFocusInEvent;
19
- private unlisten;
20
- protected _document: Document;
21
- firstFocusElement: HTMLElement | FocusTrapElement;
22
- active: boolean;
23
- constructor(renderer: Renderer2, injector: Injector, platformId: any, hostElement: FocusTrapElement);
24
- enableFocusTrap(): void;
25
- removeFocusTrap(): void;
26
- private onFocusIn;
27
- static ɵfac: i0.ɵɵFactoryDeclaration<FocusTrap, never>;
28
- static ɵprov: i0.ɵɵInjectableDeclaration<FocusTrap>;
29
- }
@@ -1,38 +0,0 @@
1
- import { AfterViewInit, ElementRef, Injector, OnDestroy, OnInit, Renderer2 } from '@angular/core';
2
- import { FocusTrapConfig } from './focus-trap-config.interface';
3
- import { FocusTrapTracker } from './focus-trap-tracker.service';
4
- import * as i0 from "@angular/core";
5
- export declare const FOCUSABLES = "[href]:not([tabindex=\"-1\"]), button:not([disabled]):not([tabindex=\"-1\"]), input:not([disabled]):not([tabindex=\"-1\"]), select:not([disabled]):not([tabindex=\"-1\"]), textarea:not([disabled]):not([tabindex=\"-1\"]), [contenteditable=\"true\"]:not([tabindex=\"-1\"]), [tabindex]:not([tabindex=\"-1\"]) ";
6
- export declare class FocusTrapDirective implements OnInit, AfterViewInit, OnDestroy {
7
- private el;
8
- private injector;
9
- private focusTrapsTracker;
10
- private renderer;
11
- private platformId;
12
- private previousActiveElement;
13
- private localFocusEscaped;
14
- private document;
15
- private parentElement;
16
- private topReboundEl;
17
- private bottomReboundEl;
18
- private firstFocusableEl;
19
- private lastFocusableEl;
20
- constructor(el: ElementRef, injector: Injector, focusTrapsTracker: FocusTrapTracker, renderer: Renderer2, platformId: any);
21
- private _config;
22
- set config(config: FocusTrapConfig | string);
23
- onFocusIn(event: any): void;
24
- private createFocusableOffScreenEl;
25
- private addReboundEls;
26
- private removeReboundEls;
27
- setPreviousFocus(): void;
28
- ngOnInit(): void;
29
- ngAfterViewInit(): void;
30
- private get potentiallyFocusableEls();
31
- private focusFirstFocusable;
32
- private focusLastFocusable;
33
- private focusTrapElIfOutside;
34
- private focusElement;
35
- ngOnDestroy(): void;
36
- static ɵfac: i0.ɵɵFactoryDeclaration<FocusTrapDirective, never>;
37
- static ɵdir: i0.ɵɵDirectiveDeclaration<FocusTrapDirective, "[clrFocusTrap]", never, { "config": "clrFocusTrap"; }, {}, never, never, false, never>;
38
- }
@@ -1,10 +0,0 @@
1
- import { Type } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- import * as i1 from "./focus-trap.directive";
4
- import * as i2 from "@angular/common";
5
- export declare const FOCUS_TRAP_DIRECTIVES: Type<any>[];
6
- export declare class ClrFocusTrapModule {
7
- static ɵfac: i0.ɵɵFactoryDeclaration<ClrFocusTrapModule, never>;
8
- static ɵmod: i0.ɵɵNgModuleDeclaration<ClrFocusTrapModule, [typeof i1.FocusTrapDirective], [typeof i2.CommonModule], [typeof i1.FocusTrapDirective]>;
9
- static ɵinj: i0.ɵɵInjectorDeclaration<ClrFocusTrapModule>;
10
- }
@@ -1,3 +0,0 @@
1
- export { FocusTrapTracker as ÇlrFocusTrapTracker } from './focus-trap-tracker.service';
2
- export { FocusTrapDirective as ÇlrFocusTrapDirective } from './focus-trap.directive';
3
- export { ClrFocusTrapModule as ÇlrClrFocusTrapModule } from './focus-trap.module';
@@ -1,15 +0,0 @@
1
- import { ElementRef } from '@angular/core';
2
- import { ForTypeAheadProvider } from './for-type-ahead.service';
3
- import * as i0 from "@angular/core";
4
- export declare class ClrForTypeAhead {
5
- private el;
6
- private forTypeAheadProvider;
7
- constructor(el: ElementRef, forTypeAheadProvider: ForTypeAheadProvider);
8
- private trimAndLowerCase;
9
- private _content;
10
- get content(): string;
11
- set content(value: string);
12
- ngOnInit(): void;
13
- static ɵfac: i0.ɵɵFactoryDeclaration<ClrForTypeAhead, never>;
14
- static ɵdir: i0.ɵɵDirectiveDeclaration<ClrForTypeAhead, "[clrForTypeAhead]", never, { "content": "clrForTypeAhead"; }, {}, never, never, false, never>;
15
- }
@@ -1,8 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- import * as i1 from "./for-type-ahead";
3
- import * as i2 from "@angular/common";
4
- export declare class ClrForTypeAheadModule {
5
- static ɵfac: i0.ɵɵFactoryDeclaration<ClrForTypeAheadModule, never>;
6
- static ɵmod: i0.ɵɵNgModuleDeclaration<ClrForTypeAheadModule, [typeof i1.ClrForTypeAhead], [typeof i2.CommonModule], [typeof i1.ClrForTypeAhead]>;
7
- static ɵinj: i0.ɵɵInjectorDeclaration<ClrForTypeAheadModule>;
8
- }
@@ -1,11 +0,0 @@
1
- import { Observable } from 'rxjs';
2
- import * as i0 from "@angular/core";
3
- export declare class ForTypeAheadProvider {
4
- private _textContentChange;
5
- get textContentChange(): Observable<string>;
6
- private _textContent;
7
- get textContent(): string;
8
- set textContent(value: string);
9
- static ɵfac: i0.ɵɵFactoryDeclaration<ForTypeAheadProvider, never>;
10
- static ɵprov: i0.ɵɵInjectableDeclaration<ForTypeAheadProvider>;
11
- }
@@ -1,2 +0,0 @@
1
- export { ClrForTypeAhead } from './for-type-ahead';
2
- export { ClrForTypeAheadModule } from './for-type-ahead.module';