@leanix/components 0.4.852 → 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,113 +0,0 @@
1
- import { AfterViewInit, ChangeDetectorRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
2
- import { ControlValueAccessor } from '@angular/forms';
3
- import { Observable, ReplaySubject, Subject } from 'rxjs';
4
- import * as i0 from "@angular/core";
5
- export type CurrencyInputMode = 'view' | 'edit';
6
- export type CurrencyIconPosition = 'first' | 'end' | 'none';
7
- export type DecimalSeparator = ',' | '.';
8
- /**
9
- * Currency input field with locale-aware formatting and validation.
10
- *
11
- * Supports both view and edit modes with configurable currency symbols, decimal separators, and number types.
12
- *
13
- * ### Example
14
- * @example
15
- * ```html
16
- * <lx-currency-input
17
- * [code]="'USD'"
18
- * [data]="1234.56"
19
- * [mode]="'edit'"
20
- * [fieldDefinitionType]="'DOUBLE'"
21
- * [decimalSeparator]="'.'"
22
- * [iconPosition]="'first'"
23
- * (onChange)="handleValueChange($event)"
24
- * ></lx-currency-input>
25
- * ```
26
- */
27
- export declare class CurrencyInputComponent implements AfterViewInit, OnDestroy, ControlValueAccessor, OnInit {
28
- private changeDetector;
29
- /** ISO currency code to display as a symbol (e.g., 'USD', 'EUR'). */
30
- code: string | null;
31
- /**
32
- * Character used as decimal separator in input.
33
- * @default '.'
34
- */
35
- decimalSeparator: DecimalSeparator;
36
- /** Placeholder text shown when the input is empty. */
37
- placeholder: string;
38
- /**
39
- * The numeric value of the input. Pass `null` to display the N/A placeholder.
40
- * @default 0
41
- */
42
- data: number | null;
43
- /** Optional ID attribute for the input element. */
44
- inputId?: string;
45
- /** @internal */
46
- data$: Observable<number | null>;
47
- /**
48
- * Whether the input is disabled.
49
- * @default false
50
- */
51
- disabled: boolean;
52
- /**
53
- * Display mode of the component.
54
- * @default 'edit'
55
- */
56
- mode: CurrencyInputMode;
57
- /** Numeric type allowed - DOUBLE for decimals, INTEGER for whole numbers. */
58
- fieldDefinitionType: 'DOUBLE' | 'INTEGER';
59
- /**
60
- * Position of the currency symbol relative to the value.
61
- * @default 'first'
62
- */
63
- iconPosition: CurrencyIconPosition;
64
- /**
65
- * Angular decimal pipe format string.
66
- * @default '1.2-2'
67
- */
68
- format: string;
69
- /**
70
- * Whether to visually mark the input as invalid.
71
- * @default false
72
- */
73
- markInvalid: boolean;
74
- /** Emitted when the input loses focus. */
75
- onFocusLost: EventEmitter<boolean>;
76
- /** Emitted when the numeric value changes. */
77
- onChange: EventEmitter<number>;
78
- /** @internal */
79
- private currencyInput;
80
- /** @internal */
81
- showCurrencyInput: boolean;
82
- /** @internal */
83
- dataValue$: ReplaySubject<number | null>;
84
- private get allowedCharacters();
85
- /** @internal */
86
- readonly destroyed$: Subject<void>;
87
- constructor(changeDetector: ChangeDetectorRef);
88
- ngOnInit(): void;
89
- ngAfterViewInit(): void;
90
- ngOnDestroy(): void;
91
- /** @internal */
92
- valueChanged(value: string | number): void;
93
- /** @internal */
94
- onBlur(): void;
95
- /** @internal */
96
- focusCurrencyInput(): void;
97
- /** @internal */
98
- shouldRejectKey(event: KeyboardEvent): boolean;
99
- /** @internal */
100
- propagateChange(_newValue: number): void;
101
- /** @internal */
102
- writeValue(newValue: number): void;
103
- /** @internal */
104
- registerOnChange(fn: any): void;
105
- /** @internal */
106
- registerOnTouched(_fn: any): void;
107
- /** @internal */
108
- setDisabledState(disabled: boolean): void;
109
- private parseInput;
110
- private containsSeparators;
111
- static ɵfac: i0.ɵɵFactoryDeclaration<CurrencyInputComponent, never>;
112
- static ɵcmp: i0.ɵɵComponentDeclaration<CurrencyInputComponent, "lx-currency-input", never, { "code": { "alias": "code"; "required": false; }; "decimalSeparator": { "alias": "decimalSeparator"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "data": { "alias": "data"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "fieldDefinitionType": { "alias": "fieldDefinitionType"; "required": false; }; "iconPosition": { "alias": "iconPosition"; "required": false; }; "format": { "alias": "format"; "required": false; }; "markInvalid": { "alias": "markInvalid"; "required": false; }; }, { "onFocusLost": "onFocusLost"; "onChange": "onChange"; }, never, never, true, never>;
113
- }
@@ -1,3 +0,0 @@
1
- export declare const CURRENCY_SYMBOL_MAP: {
2
- [key: string]: string;
3
- };
@@ -1,27 +0,0 @@
1
- import { OnInit } from '@angular/core';
2
- import { Observable } from 'rxjs';
3
- import * as i0 from "@angular/core";
4
- /**
5
- * Displays a currency symbol based on an ISO currency code.
6
- *
7
- * Converts currency codes (e.g., 'USD', 'EUR') to their symbolic representations ($, €).
8
- *
9
- * ### Example
10
- * @example
11
- * ```html
12
- * <lx-currency-symbol [code]="'USD'"></lx-currency-symbol>
13
- * <lx-currency-symbol [code]="'EUR'"></lx-currency-symbol>
14
- * ```
15
- */
16
- export declare class CurrencySymbolComponent implements OnInit {
17
- /**
18
- * ISO currency code (e.g., 'USD', 'EUR', 'GBP').
19
- * Falls back to displaying the code itself if no symbol is mapped.
20
- */
21
- code: string | null;
22
- code$: Observable<string>;
23
- currency$: Observable<string>;
24
- ngOnInit(): void;
25
- static ɵfac: i0.ɵɵFactoryDeclaration<CurrencySymbolComponent, never>;
26
- static ɵcmp: i0.ɵɵComponentDeclaration<CurrencySymbolComponent, "lx-currency-symbol", never, { "code": { "alias": "code"; "required": false; }; }, {}, never, never, true, never>;
27
- }
@@ -1,259 +0,0 @@
1
- import { ChangeDetectorRef, ElementRef, EventEmitter, OnChanges, OnDestroy, OnInit, SimpleChanges, TemplateRef } from '@angular/core';
2
- import { ControlValueAccessor, UntypedFormControl, Validator } from '@angular/forms';
3
- import { Observable, Subject } from 'rxjs';
4
- import { DateFormatsProvider } from '../../../core-ui/core-ui.constants';
5
- import * as i0 from "@angular/core";
6
- export type DateInputRenderingStyle = 'INPUT' | 'LINK' | 'BUTTON';
7
- /**
8
- * Date input with integrated datepicker dropdown.
9
- *
10
- * Supports multiple rendering styles (input, link, button) and flexible date range restrictions.
11
- *
12
- * ### Projection slots
13
- * - `dateStringTemplate`: Custom template for displaying the date string when `renderingStyle` is 'BUTTON'.
14
- *
15
- * ### Example
16
- * @example
17
- * ```html
18
- * <lx-date-input
19
- * [(date)]="selectedDate"
20
- * [minDate]="minDate"
21
- * [maxDate]="maxDate"
22
- * [renderingStyle]="'INPUT'"
23
- * [placeholder]="'Select a date'"
24
- * (dateChange)="onDateSelected($event)"
25
- * ></lx-date-input>
26
- * ```
27
- */
28
- export declare class DateInputComponent implements OnChanges, OnInit, OnDestroy, ControlValueAccessor, Validator {
29
- private cd;
30
- private dateFormatsProvider;
31
- private getDateFnLocale?;
32
- /**
33
- * The initial date value for the date input field. This is used for `ngModel` and `formControl`.
34
- * @default null
35
- */
36
- date: Date | null;
37
- /**
38
- * Secondary, alternative input with date string (format: 'yyyy-mm-dd').
39
- * @default null
40
- */
41
- dateString: string | null;
42
- /**
43
- * Determines whether formGroup's value accessor uses Date objects or date strings.
44
- * @default 'date'
45
- */
46
- valueAccessor: 'date' | 'dateString';
47
- /**
48
- * ID to be set on input to correspond to outside label.
49
- * @default ''
50
- */
51
- inputId: string;
52
- /**
53
- * The rendering style of the date input component.
54
- * @default 'INPUT'
55
- */
56
- renderingStyle: DateInputRenderingStyle;
57
- /**
58
- * The placeholder text to show in the date input field when there is no date selected.
59
- * @default 'yyyy-mm-dd'
60
- */
61
- placeholder: string;
62
- /**
63
- * Use CDK overlay for datepicker positioning. Set to false to use legacy positioning.
64
- * @default true
65
- */
66
- cdk: boolean;
67
- /**
68
- * Sets datepicker mode, supports: 'day', 'month', 'year'.
69
- * @default 'day'
70
- */
71
- datepickerMode: string;
72
- /** Default date to show if ng-model value is not specified. */
73
- initDateString: string;
74
- /**
75
- * Oldest selectable date.
76
- * @default new Date('0000-01-01')
77
- */
78
- minDate: Date;
79
- /**
80
- * Latest selectable date.
81
- * @default new Date('9999-12-31')
82
- */
83
- maxDate: Date;
84
- /**
85
- * Set lower datepicker mode, supports: 'day', 'month', 'year'.
86
- * @default 'day'
87
- */
88
- minMode: string;
89
- /**
90
- * Sets upper datepicker mode, supports: 'day', 'month', 'year'.
91
- * @default 'year'
92
- */
93
- maxMode: string;
94
- /**
95
- * If false week numbers will be hidden in day picker.
96
- * @default true
97
- */
98
- showWeeks: boolean;
99
- /**
100
- * Format of day in month (date-fns format).
101
- * @default 'dd'
102
- */
103
- formatDay: string;
104
- /**
105
- * Format of month in year (date-fns format).
106
- * @default 'MMMM'
107
- */
108
- formatMonth: string;
109
- /**
110
- * Format of year in year range (date-fns format).
111
- * @default 'yyyy'
112
- */
113
- formatYear: string;
114
- /**
115
- * Format of day in week header (date-fns format).
116
- * @default 'EE'
117
- */
118
- formatDayHeader: string;
119
- /**
120
- * Format of title when selecting day (date-fns format).
121
- * @default 'MMMM yyyy'
122
- */
123
- formatDayTitle: string;
124
- /**
125
- * Format of title when selecting month (date-fns format).
126
- * @default 'yyyy'
127
- */
128
- formatMonthTitle: string;
129
- /**
130
- * Starting day of the week from 0-6 (0=Sunday, 6=Saturday).
131
- * @default 0
132
- */
133
- startingDay: number;
134
- /**
135
- * Number of years displayed in year selection.
136
- * @default 20
137
- */
138
- yearRange: number;
139
- /**
140
- * If true only dates from the currently displayed month will be shown.
141
- * @default false
142
- */
143
- onlyCurrentMonth: boolean;
144
- /**
145
- * If true shortcut event propagation will be disabled.
146
- * @default false
147
- */
148
- shortcutPropagation: boolean;
149
- /**
150
- * Array of custom css classes to be applied to specific dates.
151
- * @default []
152
- */
153
- customClass: {
154
- date: Date;
155
- mode: string;
156
- clazz: string;
157
- }[];
158
- /** If true, the date input field will be disabled. */
159
- disabled: boolean;
160
- /**
161
- * Array of disabled dates with mode specification.
162
- * @default []
163
- */
164
- dateDisabled: {
165
- date: Date;
166
- mode: string;
167
- }[];
168
- /**
169
- * If true, the date input field will be auto-focused when the component is first rendered.
170
- * @default false
171
- */
172
- autoFocus: boolean;
173
- /**
174
- * If true, the date input field will be marked as invalid.
175
- * @default false
176
- */
177
- markInvalid: boolean;
178
- /**
179
- * Also emit dateStringChange on invalid date string.
180
- * @default false
181
- */
182
- alwaysEmitDateString: boolean;
183
- /** Emitted whenever the datepicker is closed. */
184
- closeDateInput: EventEmitter<void>;
185
- /** Emitted whenever the date string changes. */
186
- dateStringChange: EventEmitter<string | null>;
187
- /** Emitted whenever the date changes. */
188
- dateChange: EventEmitter<Date | null>;
189
- /** @internal */
190
- initDateString$: Observable<string>;
191
- /** @internal */
192
- input: ElementRef<HTMLInputElement>;
193
- /** @internal */
194
- dateStringTemplate?: TemplateRef<any>;
195
- /** @internal */
196
- showDatepicker: boolean;
197
- /** @internal */
198
- dateFormat: string;
199
- /** @internal */
200
- initDate: Date;
201
- /** @internal */
202
- readonly destroyed$: Subject<void>;
203
- private formControl;
204
- /** @internal */
205
- hasError: boolean;
206
- /** @internal */
207
- onTouched: () => void;
208
- /** @internal */
209
- propagateChange: (_date: Date | null) => void;
210
- constructor(cd: ChangeDetectorRef, dateFormatsProvider: DateFormatsProvider, getDateFnLocale?: Function | undefined);
211
- /** @internal */
212
- ngOnInit(): void;
213
- /** @internal */
214
- ngOnChanges(changes: SimpleChanges): void;
215
- /** @internal */
216
- ngOnDestroy(): void;
217
- /** @internal */
218
- focus(): void;
219
- /** @internal */
220
- showPopup(): void;
221
- /** @internal */
222
- togglePopup(): void;
223
- /** @internal */
224
- hidePopup(): void;
225
- /** @internal */
226
- onDateStringChange(newDateString: string | null, emit?: boolean): void;
227
- /** @internal */
228
- onSelectionDone(newDate: Date): void;
229
- /** @internal */
230
- onBlur(): void;
231
- private updateDate;
232
- private recheckErrors;
233
- /**
234
- * Write a new value to the element.
235
- * @internal
236
- */
237
- writeValue(newDate: Date | string): void;
238
- /**
239
- * Set the function to be called when the control receives a change event.
240
- * @internal
241
- */
242
- registerOnChange(fn: any): void;
243
- /**
244
- * Set the function to be called when the control receives a touch event.
245
- * @internal
246
- */
247
- registerOnTouched(fn: () => void): void;
248
- /** @internal */
249
- validate(c: UntypedFormControl): {
250
- dateFormatError: {
251
- given: string | null;
252
- format: string;
253
- };
254
- } | null;
255
- /** @internal */
256
- onRawValueChange(event: Event): void;
257
- static ɵfac: i0.ɵɵFactoryDeclaration<DateInputComponent, [null, null, { optional: true; }]>;
258
- static ɵcmp: i0.ɵɵComponentDeclaration<DateInputComponent, "lx-date-input", never, { "date": { "alias": "date"; "required": false; }; "dateString": { "alias": "dateString"; "required": false; }; "valueAccessor": { "alias": "valueAccessor"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "renderingStyle": { "alias": "renderingStyle"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "cdk": { "alias": "cdk"; "required": false; }; "datepickerMode": { "alias": "datepickerMode"; "required": false; }; "initDateString": { "alias": "initDateString"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "minMode": { "alias": "minMode"; "required": false; }; "maxMode": { "alias": "maxMode"; "required": false; }; "showWeeks": { "alias": "showWeeks"; "required": false; }; "formatDay": { "alias": "formatDay"; "required": false; }; "formatMonth": { "alias": "formatMonth"; "required": false; }; "formatYear": { "alias": "formatYear"; "required": false; }; "formatDayHeader": { "alias": "formatDayHeader"; "required": false; }; "formatDayTitle": { "alias": "formatDayTitle"; "required": false; }; "formatMonthTitle": { "alias": "formatMonthTitle"; "required": false; }; "startingDay": { "alias": "startingDay"; "required": false; }; "yearRange": { "alias": "yearRange"; "required": false; }; "onlyCurrentMonth": { "alias": "onlyCurrentMonth"; "required": false; }; "shortcutPropagation": { "alias": "shortcutPropagation"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "dateDisabled": { "alias": "dateDisabled"; "required": false; }; "autoFocus": { "alias": "autoFocus"; "required": false; }; "markInvalid": { "alias": "markInvalid"; "required": false; }; "alwaysEmitDateString": { "alias": "alwaysEmitDateString"; "required": false; }; }, { "closeDateInput": "closeDateInput"; "dateStringChange": "dateStringChange"; "dateChange": "dateChange"; }, ["dateStringTemplate"], never, true, never>;
259
- }
@@ -1,4 +0,0 @@
1
- import { Locale } from 'date-fns';
2
- export declare class DateFormatter {
3
- format(date: Date, format: string, locale?: Locale | string): string;
4
- }
@@ -1,113 +0,0 @@
1
- import { EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
2
- import { DateFormatter } from './date-formatter';
3
- import * as i0 from "@angular/core";
4
- /**
5
- * Core datepicker component managing date selection logic.
6
- *
7
- * Provides the underlying logic for day, month, and year selection modes.
8
- * Used internally by DatePickerComponent.
9
- *
10
- * ### Projection slots
11
- * - Default slot: Child picker components (daypicker, monthpicker, yearpicker).
12
- */
13
- export declare class DatePickerInnerComponent implements OnInit, OnChanges {
14
- /** Locale code for date formatting. */
15
- locale: string;
16
- /** Current datepicker mode: 'day', 'month', or 'year'. */
17
- datepickerMode: string;
18
- /** Starting day of the week from 0-6 (0=Sunday). */
19
- startingDay: number;
20
- /** Number of years displayed in year selection. */
21
- yearRange: number;
22
- /** Minimum selectable date. */
23
- minDate: Date;
24
- /** Maximum selectable date. */
25
- maxDate: Date;
26
- /** Minimum picker mode. */
27
- minMode: string;
28
- /** Maximum picker mode. */
29
- maxMode: string;
30
- /** Whether to show week numbers. */
31
- showWeeks: boolean;
32
- /** Format of day in month. */
33
- formatDay: string;
34
- /** Format of month in year. */
35
- formatMonth: string;
36
- /** Format of year in year range. */
37
- formatYear: string;
38
- /** Format of day in week header. */
39
- formatDayHeader: string;
40
- /** Format of title when selecting day. */
41
- formatDayTitle: string;
42
- /** Format of title when selecting month. */
43
- formatMonthTitle: string;
44
- /** If true, only dates from the currently displayed month will be shown. */
45
- onlyCurrentMonth: boolean;
46
- /** If true, shortcut event propagation will be disabled. */
47
- shortcutPropagation: boolean;
48
- /** Array of custom css classes to be applied to dates. */
49
- customClass: {
50
- date: Date;
51
- mode: string;
52
- clazz: string;
53
- }[];
54
- /** Number of columns in month picker. */
55
- monthColLimit: number;
56
- /** Number of columns in year picker. */
57
- yearColLimit: number;
58
- /** Array of disabled dates. */
59
- dateDisabled: {
60
- date: Date;
61
- mode: string;
62
- }[];
63
- /** Array of disabled day indices (0-6). */
64
- dayDisabled: number[];
65
- /** Initial date to display. */
66
- initDate: Date;
67
- /** Emitted when a date is selected. */
68
- selectionDone: EventEmitter<Date>;
69
- /** Emitted when active date is updated. */
70
- update: EventEmitter<Date>;
71
- /** Emitted when active date changes. */
72
- activeDateChange: EventEmitter<Date>;
73
- stepDay: any;
74
- stepMonth: any;
75
- stepYear: any;
76
- uniqueId: string;
77
- protected modes: string[];
78
- protected dateFormatter: DateFormatter;
79
- protected _activeDate: Date;
80
- protected selectedDate: Date;
81
- protected activeDateId: string;
82
- protected refreshViewHandlerDay: Function;
83
- protected compareHandlerDay: Function;
84
- protected refreshViewHandlerMonth: Function;
85
- protected compareHandlerMonth: Function;
86
- protected refreshViewHandlerYear: Function;
87
- protected compareHandlerYear: Function;
88
- get activeDate(): Date;
89
- set activeDate(value: Date);
90
- ngOnInit(): void;
91
- ngOnChanges(changes: SimpleChanges): void;
92
- checkIfActiveDateGotUpdated(activeDate: any): void;
93
- setCompareHandler(handler: Function, type: string): void;
94
- compare(date1: Date, date2: Date): number | undefined;
95
- setRefreshViewHandler(handler: Function, type: string): void;
96
- refreshView(): void;
97
- dateFilter(date: Date, format: string): string;
98
- isActive(dateObject: any): boolean;
99
- createDateObject(date: Date, format: string): any;
100
- split(arr: any[], size: number): any[];
101
- fixTimeZone(date: Date): Date;
102
- select(date: Date, isManual?: boolean): void;
103
- move(direction: number): void;
104
- toggleMode(_direction: number): void;
105
- protected getCustomClassForDate(date: Date): string;
106
- protected compareDateDisabled(date1Disabled: {
107
- date: Date;
108
- mode: string;
109
- }, date2: Date): number | undefined;
110
- protected isDisabled(date: Date): boolean;
111
- static ɵfac: i0.ɵɵFactoryDeclaration<DatePickerInnerComponent, never>;
112
- static ɵcmp: i0.ɵɵComponentDeclaration<DatePickerInnerComponent, "datepicker-inner", never, { "locale": { "alias": "locale"; "required": false; }; "datepickerMode": { "alias": "datepickerMode"; "required": false; }; "startingDay": { "alias": "startingDay"; "required": false; }; "yearRange": { "alias": "yearRange"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "minMode": { "alias": "minMode"; "required": false; }; "maxMode": { "alias": "maxMode"; "required": false; }; "showWeeks": { "alias": "showWeeks"; "required": false; }; "formatDay": { "alias": "formatDay"; "required": false; }; "formatMonth": { "alias": "formatMonth"; "required": false; }; "formatYear": { "alias": "formatYear"; "required": false; }; "formatDayHeader": { "alias": "formatDayHeader"; "required": false; }; "formatDayTitle": { "alias": "formatDayTitle"; "required": false; }; "formatMonthTitle": { "alias": "formatMonthTitle"; "required": false; }; "onlyCurrentMonth": { "alias": "onlyCurrentMonth"; "required": false; }; "shortcutPropagation": { "alias": "shortcutPropagation"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "monthColLimit": { "alias": "monthColLimit"; "required": false; }; "yearColLimit": { "alias": "yearColLimit"; "required": false; }; "dateDisabled": { "alias": "dateDisabled"; "required": false; }; "dayDisabled": { "alias": "dayDisabled"; "required": false; }; "initDate": { "alias": "initDate"; "required": false; }; "activeDate": { "alias": "activeDate"; "required": false; }; }, { "selectionDone": "selectionDone"; "update": "update"; "activeDateChange": "activeDateChange"; }, never, ["*"], true, never>;
113
- }
@@ -1,9 +0,0 @@
1
- import { ModuleWithProviders } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- import * as i1 from "./datepicker.component";
4
- export declare class DatepickerUiModule {
5
- static forRoot(): ModuleWithProviders<DatepickerUiModule>;
6
- static ɵfac: i0.ɵɵFactoryDeclaration<DatepickerUiModule, never>;
7
- static ɵmod: i0.ɵɵNgModuleDeclaration<DatepickerUiModule, never, [typeof i1.DatePickerComponent], [typeof i1.DatePickerComponent]>;
8
- static ɵinj: i0.ɵɵInjectorDeclaration<DatepickerUiModule>;
9
- }
@@ -1,81 +0,0 @@
1
- import { EventEmitter, Provider } from '@angular/core';
2
- import { ControlValueAccessor } from '@angular/forms';
3
- import { DatePickerInnerComponent } from './datepicker-inner.component';
4
- import { DatepickerConfig } from './datepicker.config';
5
- import * as i0 from "@angular/core";
6
- export declare const DATEPICKER_CONTROL_VALUE_ACCESSOR: Provider;
7
- export declare class DatePickerComponent implements ControlValueAccessor {
8
- /** sets datepicker mode, supports: `day`, `month`, `year` */
9
- datepickerMode: string;
10
- /** default date to show if `ng-model` value is not specified */
11
- initDate: Date;
12
- /** oldest selectable date */
13
- minDate: Date;
14
- /** latest selectable date */
15
- maxDate: Date;
16
- /** set lower datepicker mode, supports: `day`, `month`, `year` */
17
- minMode: string;
18
- /** sets upper datepicker mode, supports: `day`, `month`, `year` */
19
- maxMode: string;
20
- /** if false week numbers will be hidden */
21
- showWeeks: boolean;
22
- /** format of day in month */
23
- formatDay: string;
24
- /** format of month in year */
25
- formatMonth: string;
26
- /** format of year in year range */
27
- formatYear: string;
28
- /** format of day in week header */
29
- formatDayHeader: string;
30
- /** format of title when selecting day */
31
- formatDayTitle: string;
32
- /** format of title when selecting month */
33
- formatMonthTitle: string;
34
- /** starting day of the week from 0-6 (0=Sunday, ..., 6=Saturday) */
35
- startingDay: number;
36
- /** number of years displayed in year selection */
37
- yearRange: number;
38
- /** if true only dates from the currently displayed month will be shown */
39
- onlyCurrentMonth: boolean;
40
- /** if true shortcut`s event propagation will be disabled */
41
- shortcutPropagation: boolean;
42
- /** number of months displayed in a single row of month picker */
43
- monthColLimit: number;
44
- /** number of years displayed in a single row of year picker */
45
- yearColLimit: number;
46
- /** array of custom css classes to be applied to targeted dates */
47
- customClass: {
48
- date: Date;
49
- mode: string;
50
- clazz: string;
51
- }[];
52
- /** array of disabled dates */
53
- dateDisabled: {
54
- date: Date;
55
- mode: string;
56
- }[];
57
- /** disabled days of the week from 0-6 (0=Sunday, ..., 6=Saturday) */
58
- dayDisabled: number[];
59
- /** currently active date */
60
- get activeDate(): Date;
61
- set activeDate(value: Date);
62
- selectionDone: EventEmitter<Date>;
63
- /** callback to invoke when the activeDate is changed. */
64
- activeDateChange: EventEmitter<Date>;
65
- _datePicker: DatePickerInnerComponent;
66
- onChange: any;
67
- onTouched: any;
68
- config: DatepickerConfig;
69
- protected _now: Date;
70
- protected _activeDate: Date;
71
- constructor(config: DatepickerConfig);
72
- configureOptions(): void;
73
- onUpdate(event: Date): void;
74
- onSelectionDone(event: Date): void;
75
- onActiveDateChange(event: Date): void;
76
- writeValue(value: any): void;
77
- registerOnChange(fn: () => void): void;
78
- registerOnTouched(fn: () => void): void;
79
- static ɵfac: i0.ɵɵFactoryDeclaration<DatePickerComponent, never>;
80
- static ɵcmp: i0.ɵɵComponentDeclaration<DatePickerComponent, "datepicker", never, { "datepickerMode": { "alias": "datepickerMode"; "required": false; }; "initDate": { "alias": "initDate"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "minMode": { "alias": "minMode"; "required": false; }; "maxMode": { "alias": "maxMode"; "required": false; }; "showWeeks": { "alias": "showWeeks"; "required": false; }; "formatDay": { "alias": "formatDay"; "required": false; }; "formatMonth": { "alias": "formatMonth"; "required": false; }; "formatYear": { "alias": "formatYear"; "required": false; }; "formatDayHeader": { "alias": "formatDayHeader"; "required": false; }; "formatDayTitle": { "alias": "formatDayTitle"; "required": false; }; "formatMonthTitle": { "alias": "formatMonthTitle"; "required": false; }; "startingDay": { "alias": "startingDay"; "required": false; }; "yearRange": { "alias": "yearRange"; "required": false; }; "onlyCurrentMonth": { "alias": "onlyCurrentMonth"; "required": false; }; "shortcutPropagation": { "alias": "shortcutPropagation"; "required": false; }; "monthColLimit": { "alias": "monthColLimit"; "required": false; }; "yearColLimit": { "alias": "yearColLimit"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "dateDisabled": { "alias": "dateDisabled"; "required": false; }; "dayDisabled": { "alias": "dayDisabled"; "required": false; }; "activeDate": { "alias": "activeDate"; "required": false; }; }, { "selectionDone": "selectionDone"; "activeDateChange": "activeDateChange"; }, never, never, true, never>;
81
- }
@@ -1,22 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- export declare class DatepickerConfig {
3
- locale: string;
4
- datepickerMode: string;
5
- startingDay: number;
6
- yearRange: number;
7
- minMode: string;
8
- maxMode: string;
9
- showWeeks: boolean;
10
- formatDay: string;
11
- formatMonth: string;
12
- formatYear: string;
13
- formatDayHeader: string;
14
- formatDayTitle: string;
15
- formatMonthTitle: string;
16
- onlyCurrentMonth: boolean;
17
- monthColLimit: number;
18
- yearColLimit: number;
19
- shortcutPropagation: boolean;
20
- static ɵfac: i0.ɵɵFactoryDeclaration<DatepickerConfig, never>;
21
- static ɵprov: i0.ɵɵInjectableDeclaration<DatepickerConfig>;
22
- }
@@ -1,23 +0,0 @@
1
- import { OnInit } from '@angular/core';
2
- import { DatePickerInnerComponent } from './datepicker-inner.component';
3
- import * as i0 from "@angular/core";
4
- /**
5
- * Day selection view for the datepicker.
6
- *
7
- * Displays a calendar grid for selecting individual days within a month.
8
- * Used internally by DatePickerInnerComponent.
9
- */
10
- export declare class DayPickerComponent implements OnInit {
11
- labels: any[];
12
- title: string;
13
- rows: any[];
14
- weekNumbers: number[];
15
- datePicker: DatePickerInnerComponent;
16
- constructor(datePicker: DatePickerInnerComponent);
17
- get isBs4(): boolean;
18
- ngOnInit(): void;
19
- protected getDates(startDate: Date, n: number): Date[];
20
- protected getISO8601WeekNumber(date: Date): number;
21
- static ɵfac: i0.ɵɵFactoryDeclaration<DayPickerComponent, never>;
22
- static ɵcmp: i0.ɵɵComponentDeclaration<DayPickerComponent, "daypicker", never, {}, {}, never, never, true, never>;
23
- }
@@ -1 +0,0 @@
1
- export declare const isBs3: () => boolean;