@leanix/components 0.4.853 → 0.4.854

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 (184) hide show
  1. package/fesm2022/leanix-components-ui5.mjs +9 -9
  2. package/fesm2022/leanix-components-ui5.mjs.map +1 -1
  3. package/fesm2022/leanix-components.mjs +483 -485
  4. package/fesm2022/leanix-components.mjs.map +1 -1
  5. package/index.d.ts +5283 -134
  6. package/package.json +10 -10
  7. package/ui5/index.d.ts +88 -8
  8. package/lib/core-ui/components/avatar/avatar.component.d.ts +0 -45
  9. package/lib/core-ui/components/avatar/avatar.helpers.d.ts +0 -8
  10. package/lib/core-ui/components/avatar/avatar.model.d.ts +0 -38
  11. package/lib/core-ui/components/avatar-group/avatar-group.component.d.ts +0 -75
  12. package/lib/core-ui/components/badge/badge.component.d.ts +0 -27
  13. package/lib/core-ui/components/banner/banner.component.d.ts +0 -40
  14. package/lib/core-ui/components/banner/banner.models.d.ts +0 -14
  15. package/lib/core-ui/components/button/button.component.d.ts +0 -87
  16. package/lib/core-ui/components/button-group/button-group.component.d.ts +0 -34
  17. package/lib/core-ui/components/card/card.component.d.ts +0 -26
  18. package/lib/core-ui/components/collapsible/collapsible.component.d.ts +0 -56
  19. package/lib/core-ui/components/counter/counter.component.d.ts +0 -32
  20. package/lib/core-ui/components/ellipsis/ellipsis.component.d.ts +0 -64
  21. package/lib/core-ui/components/empty-state/empty-state.component.d.ts +0 -83
  22. package/lib/core-ui/components/page-header/page-header.component.d.ts +0 -85
  23. package/lib/core-ui/components/skeleton/skeleton.component.d.ts +0 -40
  24. package/lib/core-ui/components/spinner/spinner.component.d.ts +0 -30
  25. package/lib/core-ui/components/stepper/stepper.component.d.ts +0 -76
  26. package/lib/core-ui/components/table/table-header/table-header.component.d.ts +0 -55
  27. package/lib/core-ui/components/table/table.component.d.ts +0 -83
  28. package/lib/core-ui/components/tokenizer/token/token.component.d.ts +0 -26
  29. package/lib/core-ui/components/tokenizer/tokenizer-overflow-popover/tokenizer-overflow-popover.component.d.ts +0 -57
  30. package/lib/core-ui/components/tokenizer/tokenizer.component.d.ts +0 -97
  31. package/lib/core-ui/core-ui.constants.d.ts +0 -16
  32. package/lib/core-ui/core-ui.module.d.ts +0 -72
  33. package/lib/core-ui/directives/after-view-init.directive.d.ts +0 -19
  34. package/lib/core-ui/directives/autoclose-group.service.d.ts +0 -12
  35. package/lib/core-ui/directives/autoclose.directive.d.ts +0 -26
  36. package/lib/core-ui/directives/autofocus.directive.d.ts +0 -13
  37. package/lib/core-ui/functions/core-css.helpers.d.ts +0 -10
  38. package/lib/core-ui/functions/highlight-text.function.d.ts +0 -29
  39. package/lib/core-ui/icon/fa-to-sap-icon.pipe.d.ts +0 -23
  40. package/lib/core-ui/icon/icon-map.d.ts +0 -13
  41. package/lib/core-ui/linkify/linkify.pipe.d.ts +0 -59
  42. package/lib/core-ui/linkify/unlinkify.pipe.d.ts +0 -20
  43. package/lib/core-ui/pipes/br.pipe.d.ts +0 -9
  44. package/lib/core-ui/pipes/contrast-color.pipe.d.ts +0 -7
  45. package/lib/core-ui/pipes/custom-date.pipe.d.ts +0 -28
  46. package/lib/core-ui/pipes/display-avatars.pipe.d.ts +0 -12
  47. package/lib/core-ui/pipes/highlight-range.pipe.d.ts +0 -9
  48. package/lib/core-ui/pipes/highlight-term.pipe.d.ts +0 -23
  49. package/lib/core-ui/pipes/lx-is-uuid.pipe.d.ts +0 -7
  50. package/lib/core-ui/pipes/lx-time-ago.pipe.d.ts +0 -8
  51. package/lib/core-ui/pipes/lx-translate.pipe.d.ts +0 -17
  52. package/lib/core-ui/pipes/markdown.pipe.d.ts +0 -14
  53. package/lib/core-ui/pipes/nbsp.pipe.d.ts +0 -7
  54. package/lib/core-ui/pipes/sort.pipe.d.ts +0 -13
  55. package/lib/core-ui/pipes/translation-after.pipe.d.ts +0 -17
  56. package/lib/core-ui/pipes/translation-before.pipe.d.ts +0 -32
  57. package/lib/core-ui/pipes/translation-between.pipe.d.ts +0 -37
  58. package/lib/core-ui/pipes/unescape-curly-braces.pipe.d.ts +0 -7
  59. package/lib/core-ui/services/resize-observer.service.d.ts +0 -33
  60. package/lib/core-ui/tooltip/to-cdk-position.function.d.ts +0 -3
  61. package/lib/core-ui/tooltip/tooltip-position.interface.d.ts +0 -6
  62. package/lib/core-ui/tooltip/tooltip.component.d.ts +0 -39
  63. package/lib/core-ui/tooltip/tooltip.directive.d.ts +0 -38
  64. package/lib/forms-ui/components/basic-dropdown/basic-dropdown.component.d.ts +0 -127
  65. package/lib/forms-ui/components/basic-dropdown-item/basic-dropdown-item.component.d.ts +0 -53
  66. package/lib/forms-ui/components/breadcrumb/breadcrumb.component.d.ts +0 -48
  67. package/lib/forms-ui/components/cdk-options-dropdown/cdk-options-dropdown.component.d.ts +0 -73
  68. package/lib/forms-ui/components/cdk-options-sub-dropdown/cdk-options-sub-dropdown.component.d.ts +0 -49
  69. package/lib/forms-ui/components/currency/currency-input.component.d.ts +0 -113
  70. package/lib/forms-ui/components/currency/currency-symbol-map.constant.d.ts +0 -3
  71. package/lib/forms-ui/components/currency/currency-symbol.component.d.ts +0 -27
  72. package/lib/forms-ui/components/date-input/date-input.component.d.ts +0 -259
  73. package/lib/forms-ui/components/date-picker-ui/date-formatter.d.ts +0 -4
  74. package/lib/forms-ui/components/date-picker-ui/datepicker-inner.component.d.ts +0 -113
  75. package/lib/forms-ui/components/date-picker-ui/datepicker-ui.module.d.ts +0 -9
  76. package/lib/forms-ui/components/date-picker-ui/datepicker.component.d.ts +0 -81
  77. package/lib/forms-ui/components/date-picker-ui/datepicker.config.d.ts +0 -22
  78. package/lib/forms-ui/components/date-picker-ui/daypicker.component.d.ts +0 -23
  79. package/lib/forms-ui/components/date-picker-ui/isBs3.d.ts +0 -1
  80. package/lib/forms-ui/components/date-picker-ui/monthpicker.component.d.ts +0 -20
  81. package/lib/forms-ui/components/date-picker-ui/yearpicker.component.d.ts +0 -20
  82. package/lib/forms-ui/components/drag-and-drop-list/constants.d.ts +0 -4
  83. package/lib/forms-ui/components/drag-and-drop-list/drag-and-drop-list-item/drag-and-drop-list-item.component.d.ts +0 -68
  84. package/lib/forms-ui/components/drag-and-drop-list/drag-and-drop-list.component.d.ts +0 -104
  85. package/lib/forms-ui/components/drag-and-drop-list/drag-and-drop-list.module.d.ts +0 -13
  86. package/lib/forms-ui/components/drag-and-drop-list/keyboard-sortable-item/keyboard-sortable-item.directive.d.ts +0 -38
  87. package/lib/forms-ui/components/drag-and-drop-list/keyboard-sortable-list/keyboard-sortable-list.directive.d.ts +0 -14
  88. package/lib/forms-ui/components/error-message/error-message.component.d.ts +0 -23
  89. package/lib/forms-ui/components/form-error/form-error.component.d.ts +0 -36
  90. package/lib/forms-ui/components/input/input.component.d.ts +0 -42
  91. package/lib/forms-ui/components/keyboard-select.directive.d.ts +0 -47
  92. package/lib/forms-ui/components/multi-select/multi-select-selection/multi-select-selection.component.d.ts +0 -41
  93. package/lib/forms-ui/components/multi-select/multi-select.component.d.ts +0 -172
  94. package/lib/forms-ui/components/option/option.component.d.ts +0 -81
  95. package/lib/forms-ui/components/option-group/option-group.component.d.ts +0 -36
  96. package/lib/forms-ui/components/option-group-dropdown/option-group-dropdown.component.d.ts +0 -113
  97. package/lib/forms-ui/components/options-dropdown/options-dropdown.component.d.ts +0 -149
  98. package/lib/forms-ui/components/options-sub-dropdown/options-sub-dropdown.component.d.ts +0 -48
  99. package/lib/forms-ui/components/picker/picker-trigger.directive.d.ts +0 -19
  100. package/lib/forms-ui/components/picker/picker.component.d.ts +0 -99
  101. package/lib/forms-ui/components/picker-option/picker-option.component.d.ts +0 -78
  102. package/lib/forms-ui/components/pill-item/pill-item.component.d.ts +0 -38
  103. package/lib/forms-ui/components/pill-list/pill-list.component.d.ts +0 -88
  104. package/lib/forms-ui/components/responsive-input/responsive-input.component.d.ts +0 -51
  105. package/lib/forms-ui/components/rich-text-editor/components/rich-text-editor/rich-text-editor.component.d.ts +0 -34
  106. package/lib/forms-ui/components/rich-text-editor/components/rich-text-editor-toolbar/rich-text-editor-toolbar.component.d.ts +0 -49
  107. package/lib/forms-ui/components/rich-text-editor/directives/focus-editor.directive.d.ts +0 -8
  108. package/lib/forms-ui/components/rich-text-editor/directives/tiptap-editor.directive.d.ts +0 -23
  109. package/lib/forms-ui/components/rich-text-editor/extensions/highlight-term/highlight-term-state.plugin.d.ts +0 -8
  110. package/lib/forms-ui/components/rich-text-editor/extensions/highlight-term/highlight-term.directive.d.ts +0 -8
  111. package/lib/forms-ui/components/rich-text-editor/extensions/highlight-term/highlight-term.extension.d.ts +0 -9
  112. package/lib/forms-ui/components/rich-text-editor/extensions/highlight-term/highlight-term.plugin.d.ts +0 -5
  113. package/lib/forms-ui/components/rich-text-editor/extensions/link/components/link-modal/link-modal.component.d.ts +0 -33
  114. package/lib/forms-ui/components/rich-text-editor/extensions/link/link.extension.d.ts +0 -8
  115. package/lib/forms-ui/components/rich-text-editor/extensions/link/link.plugin.d.ts +0 -10
  116. package/lib/forms-ui/components/rich-text-editor/extensions/link/url-validator.directive.d.ts +0 -7
  117. package/lib/forms-ui/components/rich-text-editor/extensions/table/index.d.ts +0 -2
  118. package/lib/forms-ui/components/rich-text-editor/extensions/table/table-bubble-menu/table-bubble-menu.component.d.ts +0 -30
  119. package/lib/forms-ui/components/rich-text-editor/extensions/table/table-extensions.d.ts +0 -4
  120. package/lib/forms-ui/components/rich-text-editor/extensions/table/utils.d.ts +0 -28
  121. package/lib/forms-ui/components/rich-text-editor/extensions/tracking/tracking.directive.d.ts +0 -8
  122. package/lib/forms-ui/components/rich-text-editor/extensions/tracking/tracking.extension.d.ts +0 -10
  123. package/lib/forms-ui/components/rich-text-editor/extensions/tracking/tracking.plugin.d.ts +0 -4
  124. package/lib/forms-ui/components/rich-text-editor/extensions/truncate/index.d.ts +0 -2
  125. package/lib/forms-ui/components/rich-text-editor/extensions/truncate/truncate-button.component.d.ts +0 -22
  126. package/lib/forms-ui/components/rich-text-editor/extensions/truncate/truncate.directive.d.ts +0 -9
  127. package/lib/forms-ui/components/rich-text-editor/extensions/truncate/truncate.extension.d.ts +0 -6
  128. package/lib/forms-ui/components/rich-text-editor/extensions/truncate/truncate.plugin.d.ts +0 -10
  129. package/lib/forms-ui/components/rich-text-editor/ngx-tiptap/AngularRenderer.d.ts +0 -12
  130. package/lib/forms-ui/components/rich-text-editor/ngx-tiptap/NodeViewRenderer.d.ts +0 -18
  131. package/lib/forms-ui/components/rich-text-editor/ngx-tiptap/editor.directive.d.ts +0 -24
  132. package/lib/forms-ui/components/rich-text-editor/ngx-tiptap/node-view.component.d.ts +0 -27
  133. package/lib/forms-ui/components/rich-text-editor/pipes/extension-enabled.pipe.d.ts +0 -8
  134. package/lib/forms-ui/components/rich-text-editor/pipes/remove-markdown.pipe.d.ts +0 -14
  135. package/lib/forms-ui/components/rich-text-editor/utils/extensions-builder.d.ts +0 -13
  136. package/lib/forms-ui/components/rich-text-editor/utils/features.d.ts +0 -3
  137. package/lib/forms-ui/components/single-select/single-select.component.d.ts +0 -120
  138. package/lib/forms-ui/components/sorting-dropdown/sorting-dropdown.component.d.ts +0 -47
  139. package/lib/forms-ui/components/sorting-dropdown-trigger/sorting-dropdown-trigger.component.d.ts +0 -28
  140. package/lib/forms-ui/components/switch/switch.component.d.ts +0 -57
  141. package/lib/forms-ui/directives/contenteditable.directive.d.ts +0 -28
  142. package/lib/forms-ui/directives/form-error.directive.d.ts +0 -41
  143. package/lib/forms-ui/directives/form-submit.directive.d.ts +0 -12
  144. package/lib/forms-ui/directives/keyboard-action-source.directive.d.ts +0 -16
  145. package/lib/forms-ui/directives/mark-invalid.directive.d.ts +0 -15
  146. package/lib/forms-ui/directives/max-length-counter.directive.d.ts +0 -25
  147. package/lib/forms-ui/directives/select-dropdown.directive.d.ts +0 -23
  148. package/lib/forms-ui/directives/selectable-item.directive.d.ts +0 -14
  149. package/lib/forms-ui/directives/selected-option.directive.d.ts +0 -18
  150. package/lib/forms-ui/forms-ui.module.d.ts +0 -74
  151. package/lib/forms-ui/helpers/key-codes.constants.d.ts +0 -11
  152. package/lib/forms-ui/helpers/keyboard-navigation.helpers.d.ts +0 -12
  153. package/lib/forms-ui/models/base-select.directive.d.ts +0 -75
  154. package/lib/forms-ui/models/dropdown-item.interface.d.ts +0 -5
  155. package/lib/forms-ui/models/single-select-padding.interface.d.ts +0 -1
  156. package/lib/forms-ui/models/sorting.interface.d.ts +0 -5
  157. package/lib/forms-ui/pipes/filter-selection.pipe.d.ts +0 -7
  158. package/lib/forms-ui/pipes/filter-term.pipe.d.ts +0 -10
  159. package/lib/forms-ui/pipes/format-number.pipe.d.ts +0 -23
  160. package/lib/forms-ui/validators/date-in-foreseeable-future.validator.d.ts +0 -11
  161. package/lib/forms-ui/validators/string-not-in-array.validator.d.ts +0 -7
  162. package/lib/modal-ui/components/modal/modal.component.d.ts +0 -119
  163. package/lib/modal-ui/components/modal-footer/modal-footer.component.d.ts +0 -25
  164. package/lib/modal-ui/components/modal-header/modal-header.component.d.ts +0 -29
  165. package/lib/modal-ui/directives/modal-content.directive.d.ts +0 -5
  166. package/lib/modal-ui/modal.constants.d.ts +0 -17
  167. package/lib/popover-ui/components/popover/popover.component.d.ts +0 -116
  168. package/lib/popover-ui/directives/popover-click.directive.d.ts +0 -23
  169. package/lib/popover-ui/directives/popover-content.directive.d.ts +0 -8
  170. package/lib/popover-ui/directives/popover-hover.directive.d.ts +0 -38
  171. package/lib/shared/date-helpers.d.ts +0 -16
  172. package/lib/shared/html-helpers.function.d.ts +0 -2
  173. package/lib/shared/json.helpers.d.ts +0 -7
  174. package/lib/shared/misc-helpers.d.ts +0 -8
  175. package/lib/shared/observe.d.ts +0 -8
  176. package/lib/shared/storybook.helpers.d.ts +0 -12
  177. package/lib/tab-ui/components/tab/tab.component.d.ts +0 -120
  178. package/lib/tab-ui/components/tab-group/tab-group-key-codes.enum.d.ts +0 -10
  179. package/lib/tab-ui/components/tab-group/tab-group.component.d.ts +0 -73
  180. package/ui5/components/breadcrumbs-item.component.d.ts +0 -22
  181. package/ui5/components/breadcrumbs.component.d.ts +0 -29
  182. package/ui5/icons/register-icons.d.ts +0 -4
  183. package/ui5/ui5.provider.d.ts +0 -15
  184. package/ui5/utils/get-outer-html-with-shadow-dom.d.ts +0 -15
@@ -1,75 +0,0 @@
1
- import { AfterViewInit, ElementRef, EventEmitter, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
2
- import { UntypedFormControl } from '@angular/forms';
3
- import { BehaviorSubject, Subject } from 'rxjs';
4
- import { KeyboardSelectAction, KeyboardSelectDirective } from '../components/keyboard-select.directive';
5
- import * as i0 from "@angular/core";
6
- export interface EventSet {
7
- event: KeyboardEvent;
8
- inputCursorPosition: number | undefined;
9
- virtualCursorPosition: number;
10
- selectionLength?: number;
11
- }
12
- export declare abstract class BaseSelectDirective implements AfterViewInit, OnChanges, OnDestroy {
13
- placeholder?: string;
14
- disabled: boolean;
15
- focusOnInit: boolean;
16
- dropdownMaxHeight: number;
17
- allowQuery: boolean;
18
- query: EventEmitter<string>;
19
- close: EventEmitter<void>;
20
- open: EventEmitter<boolean>;
21
- /** @internal */
22
- optionsContainer: ElementRef<HTMLElement>;
23
- /** @internal */
24
- dropdownBase: KeyboardSelectDirective;
25
- abstract selection?: any;
26
- abstract selectionChange: EventEmitter<any>;
27
- /** @internal */
28
- readonly query$: import("rxjs").Observable<string>;
29
- /** @internal */
30
- readonly dropdownDirection$: BehaviorSubject<"TOP" | "BOTTOM">;
31
- /** @internal */
32
- dropdownOpen: boolean;
33
- /** @internal */
34
- activeElement: Element;
35
- /** @internal */
36
- readonly selectionKeyboardSelectAction$: Subject<KeyboardSelectAction | null>;
37
- /** @internal */
38
- readonly optionsKeyboardSelectAction$: Subject<KeyboardSelectAction | null>;
39
- /** @internal */
40
- virtualCursorPosition: number;
41
- /** @internal */
42
- inputWasFocused: boolean;
43
- /** @internal */
44
- readonly queryControl: UntypedFormControl;
45
- /** @internal */
46
- isInputFocused: boolean;
47
- /** @internal */
48
- readonly destroyed$: Subject<void>;
49
- /** @internal */
50
- abstract resetInput(): void;
51
- /** @internal */
52
- abstract focus(): void;
53
- ngAfterViewInit(): void;
54
- ngOnChanges(changes: SimpleChanges): void;
55
- ngOnDestroy(): void;
56
- /**
57
- * @param toggle is true when the caret to the right in a select component was clicked
58
- * @internal
59
- */
60
- handleClick(toggle: boolean): void;
61
- /** @internal */
62
- handleBackdropClick(event: MouseEvent): void;
63
- /** @internal */
64
- closeInput(): void;
65
- /** @internal */
66
- openInput(): void;
67
- protected setOpenDirection(): void;
68
- protected resetSelectState(): void;
69
- protected mapToEventSet(event: KeyboardEvent, input: HTMLInputElement, virtualCursorPosition: number, selectionLength?: number): EventSet;
70
- protected doGetCaretPosition(oField: any): number;
71
- protected selectFirstOption(): void;
72
- private notifyDropdownBase;
73
- static ɵfac: i0.ɵɵFactoryDeclaration<BaseSelectDirective, never>;
74
- static ɵdir: i0.ɵɵDirectiveDeclaration<BaseSelectDirective, never, never, { "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "focusOnInit": { "alias": "focusOnInit"; "required": false; }; "dropdownMaxHeight": { "alias": "dropdownMaxHeight"; "required": false; }; "allowQuery": { "alias": "allowQuery"; "required": false; }; }, { "query": "query"; "close": "close"; "open": "open"; }, ["dropdownBase"], never, true, never>;
75
- }
@@ -1,5 +0,0 @@
1
- import { EventEmitter } from '@angular/core';
2
- export interface DropdownItem {
3
- select?: EventEmitter<any>;
4
- scrollToItem(): void;
5
- }
@@ -1 +0,0 @@
1
- export type SingleSelectPadding = 'default' | 'narrow';
@@ -1,5 +0,0 @@
1
- export type SortingOrder = 'asc' | 'desc';
2
- export declare class Sorting {
3
- key: string;
4
- order: SortingOrder;
5
- }
@@ -1,7 +0,0 @@
1
- import { PipeTransform } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- export declare class FilterSelectionPipe implements PipeTransform {
4
- transform(items: any[] | null | undefined, selection: any, itemKey?: string): any[];
5
- static ɵfac: i0.ɵɵFactoryDeclaration<FilterSelectionPipe, never>;
6
- static ɵpipe: i0.ɵɵPipeDeclaration<FilterSelectionPipe, "lxFilterBySelection", true>;
7
- }
@@ -1,10 +0,0 @@
1
- import { PipeTransform } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- export declare class FilterTermPipe implements PipeTransform {
4
- transform(items: any[] | null, options: {
5
- term?: string | null;
6
- key?: string;
7
- }): any[];
8
- static ɵfac: i0.ɵɵFactoryDeclaration<FilterTermPipe, never>;
9
- static ɵpipe: i0.ɵɵPipeDeclaration<FilterTermPipe, "lxFilterByTerm", true>;
10
- }
@@ -1,23 +0,0 @@
1
- import { PipeTransform } from '@angular/core';
2
- import { Observable } from 'rxjs';
3
- import * as i0 from "@angular/core";
4
- /**
5
- * Reformats numbers into a short format.
6
- * @example {{ 1000 | lxFormatNumber | async }} prints 1K
7
- *
8
- * If the parameter currency is set, a currency sign is inserted based on the value and the current locale.
9
- * In this case, the pipe must be used with an innerHtml attribute.
10
- * @example [innerHtml]="1000 | lxFormatNumber: 'USD' | async" prints $1K
11
- */
12
- export declare class FormatNumberPipe implements PipeTransform {
13
- private getLocale;
14
- constructor(getLocale: Function);
15
- transform(number: number | undefined | null, currency?: string): Observable<string | null>;
16
- /**
17
- * Use custom currency symbol, when the currency in the formated number doesn't match the
18
- * symbol in the CURRENCY_SYMBOL_MAP.
19
- */
20
- private getFormatedCurrency;
21
- static ɵfac: i0.ɵɵFactoryDeclaration<FormatNumberPipe, never>;
22
- static ɵpipe: i0.ɵɵPipeDeclaration<FormatNumberPipe, "lxFormatNumber", true>;
23
- }
@@ -1,11 +0,0 @@
1
- import { AbstractControl } from '@angular/forms';
2
- /**
3
- * Due to limitations of the native html datepicker this validator is needed:
4
- * In the datepicker the min and max values only apply if the date is altered e.g. via scrolling.
5
- * It is still possible to manually input a value lower or higher than min and max value.
6
- */
7
- export declare function ValidateDateInForeseeableFuture(control: AbstractControl): {
8
- dateInForseeableFuture: {
9
- valid: boolean;
10
- };
11
- } | null;
@@ -1,7 +0,0 @@
1
- import { AsyncValidatorFn, ValidatorFn } from '@angular/forms';
2
- import { Observable } from 'rxjs';
3
- /**
4
- * Validates that a string is not inside an array of strings
5
- */
6
- export declare function ValidateStringNotInArray(array: string[], valueMapFunction?: (value: string) => string, validatorName?: string): ValidatorFn;
7
- export declare function ValidateStringNotInArrayAsync(array$: Observable<string[]>, valueMapFunction?: (value: string) => string, validatorName?: string): AsyncValidatorFn;
@@ -1,119 +0,0 @@
1
- import { ConfigurableFocusTrapFactory } from '@angular/cdk/a11y';
2
- import { Overlay } from '@angular/cdk/overlay';
3
- import { CdkPortal, Portal } from '@angular/cdk/portal';
4
- import { AfterViewInit, EventEmitter, OnChanges, OnDestroy, OnInit, Renderer2, TemplateRef } from '@angular/core';
5
- import { Observable, Subject } from 'rxjs';
6
- import { ModalCloseClickLocation } from '../../modal.constants';
7
- import { ModalFooterComponent } from '../modal-footer/modal-footer.component';
8
- import { ModalHeaderComponent } from '../modal-header/modal-header.component';
9
- import * as i0 from "@angular/core";
10
- /**
11
- * This documentation provides details on the usage and configuration of the Modal.
12
- *
13
- * ## Usage
14
- *
15
- * 1. Import `LxModalModule` and `LxCoreUiModule` modules from `@leanix/components` in your module where you want to use the component.
16
- *
17
- * ```ts
18
- * import { LxModalModule, LxCoreUiModule } from '@leanix/components';
19
- * ```
20
- *
21
- * 2. Use the **lx-modal** component in your template with the parameters described below.
22
- *
23
- * - **`open`**: Whether the modal is open or closed.
24
- * - **`size`**: 'dialog' | 'dialog-large'.
25
- * - **`verticalScroll`**: Whether the modal is scrollable or not.
26
- * - **`showHeader`**: Whether the modal has a header or not.
27
- * - **`showFooter`**: Whether the modal has a footer or not.
28
- * - **`showCloseButton`**: Whether to show the close button.
29
- * - **`showBackButton`**: Whether to show the back button.
30
- *
31
- * 3. Use optional **lx-modal-header** component in your template with the parameters described below.
32
- *
33
- * - **`title`**: Title of the modal.
34
- * - **`subtitle`**: Subtitle of the modal.
35
- * - **`bottomBorder`**: Whether to show a bottom border.
36
- *
37
- * 4. Use optional **lx-modal-footer** component in your template with the parameters described below.
38
- *
39
- * - **`border`**: Whether to show the footer at the bottom of the modal.
40
- *
41
- * **GLOBAL PROVIDERS** required for this component:
42
- * - `provideAnimations()`
43
- *
44
- * **ATTENTION - SCROLLABLE DIALOG**:
45
- * The <lx-modal> component when used as "dialog" is not designed to work with a
46
- * scrollable body (via `overflow: auto | scroll`) in combination with dropdowns.
47
- * The overflow on the body will also clip the dropdowns, which is expected.
48
- *
49
- * Reasoning:
50
- * The contents within the dialog should be just a few elements which fit and
51
- * justify the usage of a dialog. If the content is larger than the dialog, and thus
52
- * requires scrolling, we should discuss whether to put it into a dialog at all
53
- * and rather think about putting the content on a separate route or
54
- * using the fullscreen version of the modal.
55
- */
56
- export declare class ModalComponent implements OnChanges, OnInit, OnDestroy, AfterViewInit {
57
- private overlay;
58
- private renderer;
59
- private closeModal$;
60
- private focusTrap;
61
- /** @internal */
62
- readonly NAME = "ModalComponent";
63
- /** Whether the modal is open or closed. */
64
- open: boolean;
65
- /** Whether to show the close button. */
66
- showCloseButton: boolean;
67
- /** Whether to show the back button. */
68
- showBackButton: boolean;
69
- verticalScroll: boolean;
70
- /** The size of the modal. */
71
- size: 'fullscreen' | 'dialog-large' | 'dialog';
72
- /**
73
- * Minimum width of the modal.
74
- *
75
- * _NB: Some modal implementations rely on this minWidth being 600px_
76
- */
77
- minWidth: string;
78
- /** Whether the modal is a focus trap. */
79
- isFocusTrap: boolean;
80
- /** Function to check if the modal can be closed. */
81
- canModalBeClosed?: (closeLocation: ModalCloseClickLocation | boolean) => Promise<boolean>;
82
- /** Event emitted when the modal is closed. */
83
- close: EventEmitter<ModalCloseClickLocation>;
84
- /** Event emitted when the back button is clicked. */
85
- back: EventEmitter<void>;
86
- /** @internal */
87
- header?: ModalHeaderComponent;
88
- /** @internal */
89
- footer?: ModalFooterComponent;
90
- /** @internal */
91
- cdkPortal: Portal<CdkPortal>;
92
- private overlayRef;
93
- private oldOverflow?;
94
- /** @internal */
95
- closeLocation: typeof ModalCloseClickLocation;
96
- /** @internal */
97
- readonly destroyed$: Subject<void>;
98
- /** @internal */
99
- implicitContent: TemplateRef<any>;
100
- /** @internal */
101
- explicitContent?: TemplateRef<any>;
102
- get content(): TemplateRef<any>;
103
- /** @internal */
104
- onEscape(): void;
105
- constructor(overlay: Overlay, renderer: Renderer2, closeModal$: Observable<ModalCloseClickLocation | boolean>, focusTrap: ConfigurableFocusTrapFactory);
106
- ngOnInit(): void;
107
- ngOnChanges(): void;
108
- ngAfterViewInit(): void;
109
- /** @internal */
110
- openModal(): void;
111
- /** @internal */
112
- emitBack(): void;
113
- ngOnDestroy(): void;
114
- /** @internal */
115
- closeModal(closeLocation: ModalCloseClickLocation | boolean): Promise<void>;
116
- private trapFocusInModal;
117
- static ɵfac: i0.ɵɵFactoryDeclaration<ModalComponent, [null, null, { optional: true; }, null]>;
118
- static ɵcmp: i0.ɵɵComponentDeclaration<ModalComponent, "lx-modal", never, { "open": { "alias": "open"; "required": false; }; "showCloseButton": { "alias": "showCloseButton"; "required": false; }; "showBackButton": { "alias": "showBackButton"; "required": false; }; "verticalScroll": { "alias": "verticalScroll"; "required": false; }; "size": { "alias": "size"; "required": false; }; "minWidth": { "alias": "minWidth"; "required": false; }; "isFocusTrap": { "alias": "isFocusTrap"; "required": false; }; "canModalBeClosed": { "alias": "canModalBeClosed"; "required": false; }; }, { "close": "close"; "back": "back"; }, ["header", "footer", "explicitContent"], ["lx-modal-header", "lx-modal-footer", "*"], true, never>;
119
- }
@@ -1,25 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- /**
3
- * Footer component for modals with content projection for action buttons.
4
- *
5
- * ### Projection slots
6
- * - Default slot: Action buttons or footer content
7
- *
8
- * ### Example
9
- * @example
10
- * ```html
11
- * <lx-modal-footer [border]="true">
12
- * <button lx-button (click)="cancel()">Cancel</button>
13
- * <button lx-button color="primary" (click)="save()">Save</button>
14
- * </lx-modal-footer>
15
- * ```
16
- */
17
- export declare class ModalFooterComponent {
18
- /**
19
- * Whether to show a top border on the footer.
20
- * @default false
21
- */
22
- border: boolean;
23
- static ɵfac: i0.ɵɵFactoryDeclaration<ModalFooterComponent, never>;
24
- static ɵcmp: i0.ɵɵComponentDeclaration<ModalFooterComponent, "lx-modal-footer", never, { "border": { "alias": "border"; "required": false; }; }, {}, never, ["*"], true, never>;
25
- }
@@ -1,29 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- /**
3
- * Header component for modals with optional title and content projection.
4
- *
5
- * ### Projection slots
6
- * - Default slot: Custom header content displayed before the title
7
- *
8
- * ### Example
9
- * @example
10
- * ```html
11
- * <lx-modal-header [title]="'Create New Item'" [bottomBorder]="true">
12
- * <button class="close-button">×</button>
13
- * </lx-modal-header>
14
- * ```
15
- */
16
- export declare class ModalHeaderComponent {
17
- /**
18
- * The title text to display in the header.
19
- * @default ''
20
- */
21
- title: string;
22
- /**
23
- * Whether to show a bottom border on the header.
24
- * @default true
25
- */
26
- bottomBorder: boolean;
27
- static ɵfac: i0.ɵɵFactoryDeclaration<ModalHeaderComponent, never>;
28
- static ɵcmp: i0.ɵɵComponentDeclaration<ModalHeaderComponent, "lx-modal-header", never, { "title": { "alias": "title"; "required": false; }; "bottomBorder": { "alias": "bottomBorder"; "required": false; }; }, {}, never, ["*"], true, never>;
29
- }
@@ -1,5 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- export declare class ModalContentDirective {
3
- static ɵfac: i0.ɵɵFactoryDeclaration<ModalContentDirective, never>;
4
- static ɵdir: i0.ɵɵDirectiveDeclaration<ModalContentDirective, "[lxModalContent]", never, {}, {}, never, never, true, never>;
5
- }
@@ -1,17 +0,0 @@
1
- import { InjectionToken } from '@angular/core';
2
- import { Observable } from 'rxjs';
3
- export declare const MODAL_CLOSE: InjectionToken<Observable<boolean | ModalCloseClickLocation>>;
4
- /**
5
- * An enum to track how the modal was closed
6
- * Escape - Esc key press
7
- * CloseButton - top right close button (x)
8
- * OutsideClick - click outside the modal
9
- * Other - modal close with the trigger through closeModal$ subject
10
- */
11
- export declare enum ModalCloseClickLocation {
12
- Escape = "escape",
13
- CloseButton = "closeButton",
14
- OutsideClick = "outsideClick",
15
- CancelButton = "cancelButton",
16
- Other = "other"
17
- }
@@ -1,116 +0,0 @@
1
- import { EventEmitter, OnChanges, SimpleChanges, TemplateRef } from '@angular/core';
2
- import { SatPopoverComponent, SatPopoverHorizontalAlign, SatPopoverVerticalAlign } from '@ncstate/sat-popover';
3
- import { PopoverTriggerDirective } from '../../directives/popover-hover.directive';
4
- import * as i0 from "@angular/core";
5
- /**
6
- * A floating overlay component anchored to a trigger element.
7
- * Based on the [ncstate-sat/popover](https://github.com/ncstate-sat/popover) library.
8
- *
9
- * The popover requires one of the trigger directives:
10
- * - `lxPopoverHover`: Shows on hover (both anchor and popover body)
11
- * - `lxPopoverClick`: Shows on click (stays open while hovering popover body)
12
- *
13
- * ### Example with hover trigger
14
- * @example
15
- * ```html
16
- * <div lxPopoverHover
17
- * hoverAnchor
18
- * satPopoverAnchor
19
- * #anchor="hoverAnchor">Hover me</div>
20
- * <lx-popover [trigger]="anchor"
21
- * horizontalAlign="after"
22
- * verticalAlign="center">
23
- * <p>Popover content</p>
24
- * </lx-popover>
25
- * ```
26
- *
27
- * ### Example with click trigger
28
- * @example
29
- * ```html
30
- * <div lxPopoverClick
31
- * clickAnchor
32
- * satPopoverAnchor
33
- * #anchor="clickAnchor"
34
- * (click)="popover.open()">Click me</div>
35
- * <lx-popover [trigger]="anchor"
36
- * horizontalAlign="after"
37
- * verticalAlign="center"
38
- * #popover>
39
- * <p>Popover content</p>
40
- * </lx-popover>
41
- * ```
42
- *
43
- * ### With strict templates
44
- * When using `strictTemplates=true`, bind `satPopoverAnchor` to the popover's internal reference:
45
- * ### Example
46
- * @example
47
- * ```html
48
- * <div [satPopoverAnchor]="popover.satPopover"></div>
49
- * <lx-popover #popover>
50
- * <p>Popover content</p>
51
- * </lx-popover>
52
- * ```
53
- */
54
- export declare class PopoverComponent implements OnChanges {
55
- /** The trigger directive that will open the popover. This is also the anchor for the popover. */
56
- trigger: PopoverTriggerDirective;
57
- /** The horizontal alignment of the popover (`center` by default). */
58
- horizontalAlign: SatPopoverHorizontalAlign;
59
- /** The vertical alignment of the popover (`above` by default). */
60
- verticalAlign: SatPopoverVerticalAlign;
61
- /** Whether to apply margins. */
62
- noMargin: boolean;
63
- /** Whether to allow the popover to overflow the viewport. */
64
- allowOverflow: boolean;
65
- /** Whether to focus the first focusable element in the popover when it is opened. */
66
- autoFocus: boolean;
67
- /** Whether to restore focus to the previously-focused element when the popover is closed. */
68
- restoreFocus: boolean;
69
- /** Whether the popover has a backdrop. */
70
- hasBackdrop: boolean;
71
- /**
72
- * If you have a popover, that should usually be displayed above or below its anchor,
73
- * and this anchor is in a scrollable container, you should set this to true.
74
- * SatPopover will open this popover in the direction where there is enough space,
75
- * so its position might differ from the horizontalAlign and verticalAlign values.
76
- * In this case we rely on the SatPopover::_classList property to get the computed
77
- * position of the popover after opening.
78
- */
79
- adaptMarginsForViewportAlignChange: boolean;
80
- /** Event emitted when the popover is opened. */
81
- opened: EventEmitter<void>;
82
- /** Event emitted when the popover is closed. */
83
- closed: EventEmitter<void>;
84
- /** @internal */
85
- satPopover: SatPopoverComponent;
86
- /** @internal */
87
- implicitContent: TemplateRef<any>;
88
- /** @internal */
89
- explicitContent?: TemplateRef<any>;
90
- /** @internal */
91
- marginClasses: string;
92
- get content(): TemplateRef<any>;
93
- get isOpen(): boolean;
94
- private _isOpen;
95
- ngOnChanges(changes: SimpleChanges): void;
96
- /** @internal */
97
- open(): void;
98
- /** @internal */
99
- close(): void;
100
- /** @internal */
101
- onOpen(): void;
102
- /** @internal */
103
- onAfterOpen(): void;
104
- /** @internal */
105
- onClose(): void;
106
- /**
107
- * SatPopover::_classList will contain a map of alignment CSS classes, once the popover was opened.
108
- * These alignment classes can be different from what you would expect from the horizontal- and verticalAlign inputs,
109
- * because there might not be enough space above the anchor to meet the verticalAlign='above' criteria,
110
- * so it will be displayed below the anchor instead.
111
- */
112
- private getMarginClassesForClassList;
113
- private getDefaultMarginClasses;
114
- static ɵfac: i0.ɵɵFactoryDeclaration<PopoverComponent, never>;
115
- static ɵcmp: i0.ɵɵComponentDeclaration<PopoverComponent, "lx-popover", never, { "trigger": { "alias": "trigger"; "required": false; }; "horizontalAlign": { "alias": "horizontalAlign"; "required": false; }; "verticalAlign": { "alias": "verticalAlign"; "required": false; }; "noMargin": { "alias": "noMargin"; "required": false; }; "allowOverflow": { "alias": "allowOverflow"; "required": false; }; "autoFocus": { "alias": "autoFocus"; "required": false; }; "restoreFocus": { "alias": "restoreFocus"; "required": false; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; }; "adaptMarginsForViewportAlignChange": { "alias": "adaptMarginsForViewportAlignChange"; "required": false; }; }, { "opened": "opened"; "closed": "closed"; }, ["explicitContent"], ["*"], true, never>;
116
- }
@@ -1,23 +0,0 @@
1
- import { AfterViewInit, OnDestroy } from '@angular/core';
2
- import { SatPopoverAnchorDirective } from '@ncstate/sat-popover';
3
- import { Observable, Subject } from 'rxjs';
4
- import { PopoverTriggerDirective } from './popover-hover.directive';
5
- import * as i0 from "@angular/core";
6
- /**
7
- * @see PopoverComponent for usage documentation.
8
- */
9
- export declare class PopoverClickDirective implements PopoverTriggerDirective, AfterViewInit, OnDestroy {
10
- anchor: SatPopoverAnchorDirective;
11
- lxPopoverPinned: boolean;
12
- pinned$: Observable<boolean>;
13
- private onPopoverShow;
14
- private onMouseLeave;
15
- readonly destroyed$: Subject<void>;
16
- constructor(anchor: SatPopoverAnchorDirective);
17
- ngAfterViewInit(): void;
18
- ngOnDestroy(): void;
19
- showPopover(): void;
20
- closePopover(): void;
21
- static ɵfac: i0.ɵɵFactoryDeclaration<PopoverClickDirective, never>;
22
- static ɵdir: i0.ɵɵDirectiveDeclaration<PopoverClickDirective, "[lxPopoverClick]", ["clickAnchor"], { "lxPopoverPinned": { "alias": "lxPopoverPinned"; "required": false; }; }, {}, never, never, true, never>;
23
- }
@@ -1,8 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- /**
3
- * @see PopoverComponent for usage documentation.
4
- */
5
- export declare class PopoverContentDirective {
6
- static ɵfac: i0.ɵɵFactoryDeclaration<PopoverContentDirective, never>;
7
- static ɵdir: i0.ɵɵDirectiveDeclaration<PopoverContentDirective, "[lxPopoverContent]", never, {}, {}, never, never, true, never>;
8
- }
@@ -1,38 +0,0 @@
1
- import { AfterViewInit, OnDestroy } from '@angular/core';
2
- import { SatPopoverAnchorDirective } from '@ncstate/sat-popover';
3
- import { Subject } from 'rxjs';
4
- import * as i0 from "@angular/core";
5
- export interface PopoverTriggerDirective {
6
- anchor: SatPopoverAnchorDirective;
7
- showPopover(skipDelay?: boolean): void;
8
- closePopover(skipDelay?: boolean): void;
9
- }
10
- /**
11
- * @see PopoverComponent for usage documentation.
12
- */
13
- export declare class PopoverHoverDirective implements AfterViewInit, OnDestroy {
14
- anchor: SatPopoverAnchorDirective;
15
- /**
16
- * Amount of time to delay (ms) after hovering starts before
17
- * the popover opens.
18
- */
19
- get lxPopoverHover(): unknown;
20
- set lxPopoverHover(val: unknown);
21
- private _lxPopoverHover;
22
- /**
23
- * Relevant for tooltip style.
24
- */
25
- skipCloseDelay: boolean;
26
- /** Emits when the user's mouse enters the element. */
27
- private onMouseEnter;
28
- /** Emits when the user's mouse leaves the element. */
29
- private onMouseLeave;
30
- readonly destroyed$: Subject<void>;
31
- constructor(anchor: SatPopoverAnchorDirective);
32
- ngAfterViewInit(): void;
33
- ngOnDestroy(): void;
34
- showPopover(skipDelay?: boolean): void;
35
- closePopover(skipDelay?: boolean): void;
36
- static ɵfac: i0.ɵɵFactoryDeclaration<PopoverHoverDirective, never>;
37
- static ɵdir: i0.ɵɵDirectiveDeclaration<PopoverHoverDirective, "[lxPopoverHover]", ["hoverAnchor"], { "lxPopoverHover": { "alias": "lxPopoverHover"; "required": false; }; "skipCloseDelay": { "alias": "skipCloseDelay"; "required": false; }; }, {}, never, never, true, never>;
38
- }
@@ -1,16 +0,0 @@
1
- /**
2
- * Converts a date into a string with format YYYY-MM-dd for the
3
- * users current timezone.
4
- */
5
- export declare function convertDateToLocaleDateString(date: Date, separator?: string): string;
6
- /**
7
- * Use this whenever you want to create a Date instance from a dateString like "2017-12-06".
8
- * Reason: When you call the Date Constructor like this `new Date("2017-12-06")`
9
- * the date instance will be in the users current timezone (eg in EST GMT-0500 it will become "2017-12-05 19:00:00"),
10
- * but at some places we handle the date only as date without time (e.g. date.getDate()) and there
11
- * we would then get timezone issues, because `date.getDate()` returns day 5 instead of 6!
12
- *
13
- * So instead of doing `new Date("2017-12-06")` you should use this function instead!
14
- */
15
- export declare function createDateFromDateString(dateString: string | null): Date | null;
16
- export declare function isValidDateString(dateString: string | null): boolean;
@@ -1,2 +0,0 @@
1
- /** Trim whitespaces from html */
2
- export declare function trimHtml(str: string): string;
@@ -1,7 +0,0 @@
1
- /**
2
- * A safe version of JSON.stringify that:
3
- * 1. replaces circular references (with "[Circular ~]" for a reference to the whole object
4
- * or "[Circular ~<path>]" for a reference to a specific entry)
5
- * 2. converts BigInt values to strings
6
- */
7
- export declare function safeStringify(value: unknown, replacer?: null | ((key: string, value: unknown) => unknown), spaces?: string | number): string;
@@ -1,8 +0,0 @@
1
- /**
2
- * Schedule and wait for another ZoneJS microTask.
3
- * This should be preferred over setTimeout(), which
4
- * schedules a macroTask & thus triggers full tree change detection.
5
- */
6
- export declare function executeOnNextTick(fn: Function): void;
7
- export declare function getCssVariable(cssVariableName: string): string;
8
- export declare function scrollTop(container: HTMLElement, item: HTMLElement): void;
@@ -1,8 +0,0 @@
1
- /**
2
- * Observe creates an Observable stream and notifies the changes from an observed property.
3
- *
4
- * @example
5
- * Input() foo: string;
6
- * @Observe('foo') foo$: Observable<string>;
7
- */
8
- export declare function Observe<T>(observedKey: string): PropertyDecorator;
@@ -1,12 +0,0 @@
1
- export interface ArgsToInterpolatedTemplateOptions<T> {
2
- include?: Array<T>;
3
- exclude?: Array<T>;
4
- }
5
- /**
6
- * Converts an object of arguments into a string of interpolated template properties.
7
- * This works almost the same as `argsToTemplate` from Storybook, but it interpolates
8
- * the values of the properties instead of referencing local variables. This is most
9
- * useful to make stories copyable by other developers and have them work out of the box
10
- * (or with minor adjustments).
11
- */
12
- export declare function argsToInterpolatedTemplate<T extends Record<string, any>>(args: T, options?: ArgsToInterpolatedTemplateOptions<keyof T>): string;