quang 19.0.19-2

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 (127) hide show
  1. package/README.md +25 -0
  2. package/auth/README.md +160 -0
  3. package/auth/auth-providers.d.ts +39 -0
  4. package/auth/auth.service.d.ts +52 -0
  5. package/auth/directives/has-at-least-one-role.directive.d.ts +26 -0
  6. package/auth/directives/has-every-role.directive.d.ts +26 -0
  7. package/auth/directives/is-authenticated.directive.d.ts +14 -0
  8. package/auth/directives/is-not-authenticated.directive.d.ts +14 -0
  9. package/auth/guards/index.d.ts +2 -0
  10. package/auth/guards/is-allowed.guard.d.ts +2 -0
  11. package/auth/guards/is-authenticated.guard.d.ts +2 -0
  12. package/auth/index.d.ts +9 -0
  13. package/auth/logout-on-error.interceptor.d.ts +9 -0
  14. package/auth/mobile/index.d.ts +1 -0
  15. package/auth/mobile/mobile-auth-feature.d.ts +2 -0
  16. package/auth/token-storage/index.d.ts +3 -0
  17. package/auth/token-storage/local-storage-feature.d.ts +2 -0
  18. package/auth/token-storage/memory-storage-feature.d.ts +12 -0
  19. package/auth/token-storage/session-storage-feature.d.ts +2 -0
  20. package/components/autocomplete/autocomplete.component.d.ts +43 -0
  21. package/components/autocomplete/index.d.ts +1 -0
  22. package/components/checkbox/checkbox.component.d.ts +11 -0
  23. package/components/checkbox/index.d.ts +1 -0
  24. package/components/date/date.component.d.ts +85 -0
  25. package/components/date/global-date.component.scss +1 -0
  26. package/components/date/index.d.ts +1 -0
  27. package/components/input/index.d.ts +1 -0
  28. package/components/input/input.component.d.ts +15 -0
  29. package/components/paginator/index.d.ts +5 -0
  30. package/components/paginator/paginator-language.service.d.ts +10 -0
  31. package/components/paginator/paginator.component.d.ts +30 -0
  32. package/components/paginator/paginator.module.d.ts +7 -0
  33. package/components/paginator/paginator.service.d.ts +6 -0
  34. package/components/paginator/paginatorIntl.d.ts +12 -0
  35. package/components/select/index.d.ts +1 -0
  36. package/components/select/select.component.d.ts +29 -0
  37. package/components/shared/ErrorData.d.ts +4 -0
  38. package/components/shared/index.d.ts +4 -0
  39. package/components/shared/makeId.d.ts +1 -0
  40. package/components/shared/option-list/option-list.component.d.ts +50 -0
  41. package/components/shared/quang-base-component.directive.d.ts +50 -0
  42. package/components/table/index.d.ts +1 -0
  43. package/components/table/table.component.d.ts +66 -0
  44. package/components/wysiwyg/global-wysiswyg.component.scss +1 -0
  45. package/components/wysiwyg/index.d.ts +1 -0
  46. package/components/wysiwyg/wysiwyg.component.d.ts +46 -0
  47. package/device/index.d.ts +1 -0
  48. package/device/resize-observable.service.d.ts +11 -0
  49. package/fesm2022/quang-auth-mobile.mjs +48 -0
  50. package/fesm2022/quang-auth-mobile.mjs.map +1 -0
  51. package/fesm2022/quang-auth.mjs +473 -0
  52. package/fesm2022/quang-auth.mjs.map +1 -0
  53. package/fesm2022/quang-components-autocomplete.mjs +196 -0
  54. package/fesm2022/quang-components-autocomplete.mjs.map +1 -0
  55. package/fesm2022/quang-components-checkbox.mjs +53 -0
  56. package/fesm2022/quang-components-checkbox.mjs.map +1 -0
  57. package/fesm2022/quang-components-date.mjs +392 -0
  58. package/fesm2022/quang-components-date.mjs.map +1 -0
  59. package/fesm2022/quang-components-input.mjs +54 -0
  60. package/fesm2022/quang-components-input.mjs.map +1 -0
  61. package/fesm2022/quang-components-paginator.mjs +157 -0
  62. package/fesm2022/quang-components-paginator.mjs.map +1 -0
  63. package/fesm2022/quang-components-select.mjs +123 -0
  64. package/fesm2022/quang-components-select.mjs.map +1 -0
  65. package/fesm2022/quang-components-shared.mjs +386 -0
  66. package/fesm2022/quang-components-shared.mjs.map +1 -0
  67. package/fesm2022/quang-components-table.mjs +162 -0
  68. package/fesm2022/quang-components-table.mjs.map +1 -0
  69. package/fesm2022/quang-components-wysiwyg.mjs +230 -0
  70. package/fesm2022/quang-components-wysiwyg.mjs.map +1 -0
  71. package/fesm2022/quang-device.mjs +42 -0
  72. package/fesm2022/quang-device.mjs.map +1 -0
  73. package/fesm2022/quang-forms.mjs +188 -0
  74. package/fesm2022/quang-forms.mjs.map +1 -0
  75. package/fesm2022/quang-loader.mjs +116 -0
  76. package/fesm2022/quang-loader.mjs.map +1 -0
  77. package/fesm2022/quang-overlay-modal.mjs +118 -0
  78. package/fesm2022/quang-overlay-modal.mjs.map +1 -0
  79. package/fesm2022/quang-overlay-popover.mjs +70 -0
  80. package/fesm2022/quang-overlay-popover.mjs.map +1 -0
  81. package/fesm2022/quang-overlay-shared.mjs +359 -0
  82. package/fesm2022/quang-overlay-shared.mjs.map +1 -0
  83. package/fesm2022/quang-overlay-toast.mjs +105 -0
  84. package/fesm2022/quang-overlay-toast.mjs.map +1 -0
  85. package/fesm2022/quang-overlay-tooltip.mjs +56 -0
  86. package/fesm2022/quang-overlay-tooltip.mjs.map +1 -0
  87. package/fesm2022/quang-shared.mjs +29 -0
  88. package/fesm2022/quang-shared.mjs.map +1 -0
  89. package/fesm2022/quang-translation.mjs +119 -0
  90. package/fesm2022/quang-translation.mjs.map +1 -0
  91. package/fesm2022/quang.mjs +23 -0
  92. package/fesm2022/quang.mjs.map +1 -0
  93. package/forms/README.md +6 -0
  94. package/forms/form-group-model.d.ts +18 -0
  95. package/forms/index.d.ts +2 -0
  96. package/forms/validators.d.ts +43 -0
  97. package/index.d.ts +30 -0
  98. package/loader/README.md +14 -0
  99. package/loader/index.d.ts +4 -0
  100. package/loader/loader-providers.d.ts +23 -0
  101. package/loader/loader.component.d.ts +23 -0
  102. package/loader/loader.interceptor.d.ts +10 -0
  103. package/loader/loader.service.d.ts +9 -0
  104. package/overlay/modal/index.d.ts +1 -0
  105. package/overlay/modal/modal.component.d.ts +29 -0
  106. package/overlay/popover/index.d.ts +1 -0
  107. package/overlay/popover/popover.component.d.ts +13 -0
  108. package/overlay/popover/popover.directive.d.ts +11 -0
  109. package/overlay/shared/CustomViewportRuler.d.ts +63 -0
  110. package/overlay/shared/index.d.ts +3 -0
  111. package/overlay/shared/quang-base-overlay.component.d.ts +9 -0
  112. package/overlay/shared/quang-base-overlay.directive.d.ts +44 -0
  113. package/overlay/toast/index.d.ts +2 -0
  114. package/overlay/toast/toast.component.d.ts +13 -0
  115. package/overlay/toast/toast.service.d.ts +27 -0
  116. package/overlay/tooltip/index.d.ts +2 -0
  117. package/overlay/tooltip/tooltip.component.d.ts +11 -0
  118. package/overlay/tooltip/tooltip.directive.d.ts +11 -0
  119. package/package.json +146 -0
  120. package/shared/index.d.ts +1 -0
  121. package/shared/intercept-utils.d.ts +13 -0
  122. package/translation/README.md +21 -0
  123. package/translation/index.d.ts +4 -0
  124. package/translation/translation-loader.service.d.ts +10 -0
  125. package/translation/translation-providers.d.ts +28 -0
  126. package/translation/translation.service.d.ts +15 -0
  127. package/translation/translations.tokens.d.ts +5 -0
@@ -0,0 +1,386 @@
1
+ import * as i0 from '@angular/core';
2
+ import { input, computed, output, signal, inject, Injector, DestroyRef, Directive, viewChild, effect, HostListener, ChangeDetectionStrategy, Component } from '@angular/core';
3
+ import { toObservable, takeUntilDestroyed } from '@angular/core/rxjs-interop';
4
+ import { NgControl, Validators } from '@angular/forms';
5
+ import { NgStyle, NgClass } from '@angular/common';
6
+ import { TranslocoPipe } from '@jsverse/transloco';
7
+ import { QUANG_LOGGING_BEHAVIOR } from 'quang';
8
+ import { fromEvent } from 'rxjs';
9
+
10
+ const makeId = (length) => {
11
+ let result = '';
12
+ const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
13
+ const charactersLength = characters.length;
14
+ for (let i = 0; i < length; i++) {
15
+ result += characters.charAt(Math.floor(Math.random() * charactersLength));
16
+ }
17
+ return result;
18
+ };
19
+
20
+ class QuangBaseComponent {
21
+ constructor() {
22
+ this.componentId = input(makeId(10));
23
+ this.isReadonly = input(false);
24
+ this.isReadonly$ = toObservable(this.isReadonly);
25
+ this.componentTabIndex = input(0);
26
+ this.componentClass = input('');
27
+ this.componentLabel = input('');
28
+ this.componentPlaceholder = input('');
29
+ this.errorMap = input([]);
30
+ this._errorMessagesByKey = computed(() => new Map((this.errorMap() ?? []).map((errorData) => [errorData.error, errorData.message])));
31
+ this.successMessage = input('');
32
+ this.helpMessage = input('');
33
+ this.formControl = input();
34
+ this.componentBlur = output();
35
+ this._value = signal(null);
36
+ this._isRequired = signal(false);
37
+ this._isDisabled = signal(false);
38
+ this._isTouched = signal(false);
39
+ this._isValid = signal(false);
40
+ this._showSuccess = computed(() => this.successMessage() && this._isValid() && this._isTouched() && !this._isDisabled());
41
+ this._showErrors = computed(() => this.errorMap()?.length > 0 && !this._isValid() && this._isTouched() && !this._isDisabled());
42
+ this._currentErrorMessage = signal('');
43
+ this._currentErrorMessageExtraData = signal({});
44
+ this._ngControl = signal(null);
45
+ this._injector = signal(inject(Injector));
46
+ this.getIsRequiredControl = computed(() => !!this._ngControl()?.control?._rawValidators?.find((x) => x.name === 'required'));
47
+ this.destroyRef = inject(DestroyRef);
48
+ this.onChangeIsReadonly = this.isReadonly$.pipe(takeUntilDestroyed()).subscribe((isReadonly) => {
49
+ this._isDisabled.set(isReadonly || this._ngControl()?.disabled || false);
50
+ });
51
+ toObservable(this.formControl)
52
+ .pipe(takeUntilDestroyed(this.destroyRef))
53
+ .subscribe((form) => {
54
+ if (form) {
55
+ this.setupFormControl();
56
+ }
57
+ });
58
+ }
59
+ registerOnChange(fn) {
60
+ this.onChange = fn;
61
+ }
62
+ writeValue(val) {
63
+ this._value.set(val);
64
+ }
65
+ registerOnTouched(fn) {
66
+ this.onTouched = () => {
67
+ this._isTouched.set(true);
68
+ fn();
69
+ };
70
+ }
71
+ onChangedEventHandler($event) {
72
+ const inputElement = $event.target;
73
+ this.onChangedHandler(inputElement.value);
74
+ }
75
+ onChangedHandler(value) {
76
+ this._value.set(value);
77
+ if (this.onChange) {
78
+ this.onChange(value);
79
+ }
80
+ if (this.onTouched) {
81
+ this.onTouched();
82
+ }
83
+ }
84
+ onBlurHandler() {
85
+ if (this.onTouched) {
86
+ this.onTouched();
87
+ }
88
+ this.componentBlur.emit();
89
+ }
90
+ setupFormControl() {
91
+ if (this._statusChange$) {
92
+ this._statusChange$.unsubscribe();
93
+ this._statusChange$ = undefined;
94
+ }
95
+ this._ngControl.set(this._injector().get(NgControl));
96
+ this._statusChange$ = this._ngControl()
97
+ ?.control?.statusChanges.pipe(takeUntilDestroyed(this.destroyRef))
98
+ .subscribe(() => {
99
+ this.checkFormErrors();
100
+ });
101
+ this._isTouched.set(this._ngControl()?.touched ?? false);
102
+ this._isDisabled.set(this.isReadonly() || this._ngControl()?.disabled || false);
103
+ this.checkFormErrors();
104
+ }
105
+ setDisabledState(isDisabled) {
106
+ this._isDisabled.set(isDisabled);
107
+ }
108
+ checkFormErrors() {
109
+ const control = this._ngControl()?.control;
110
+ this._isValid.set(control?.valid ?? false);
111
+ this._isTouched.set(!control?.pristine);
112
+ const validationErrors = control?.errors;
113
+ this._isRequired.set(validationErrors?.[Validators.required.name]);
114
+ let errorName = '';
115
+ let errorMessage = '';
116
+ let errorData = true;
117
+ for (const [validationErrorName, validationErrorData] of Object.entries(validationErrors ?? {})) {
118
+ const relatedErrorMessage = this._errorMessagesByKey().get(validationErrorName);
119
+ if (relatedErrorMessage) {
120
+ errorName = validationErrorName;
121
+ errorMessage = relatedErrorMessage;
122
+ errorData = validationErrorData;
123
+ }
124
+ }
125
+ this._currentErrorMessage.set(errorMessage);
126
+ this._currentErrorMessageExtraData.set({ [errorName]: errorData });
127
+ }
128
+ ngAfterViewInit() {
129
+ this.setupFormControl();
130
+ }
131
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: QuangBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
132
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.5", type: QuangBaseComponent, isStandalone: true, inputs: { componentId: { classPropertyName: "componentId", publicName: "componentId", isSignal: true, isRequired: false, transformFunction: null }, isReadonly: { classPropertyName: "isReadonly", publicName: "isReadonly", isSignal: true, isRequired: false, transformFunction: null }, componentTabIndex: { classPropertyName: "componentTabIndex", publicName: "componentTabIndex", isSignal: true, isRequired: false, transformFunction: null }, componentClass: { classPropertyName: "componentClass", publicName: "componentClass", isSignal: true, isRequired: false, transformFunction: null }, componentLabel: { classPropertyName: "componentLabel", publicName: "componentLabel", isSignal: true, isRequired: false, transformFunction: null }, componentPlaceholder: { classPropertyName: "componentPlaceholder", publicName: "componentPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, errorMap: { classPropertyName: "errorMap", publicName: "errorMap", isSignal: true, isRequired: false, transformFunction: null }, successMessage: { classPropertyName: "successMessage", publicName: "successMessage", isSignal: true, isRequired: false, transformFunction: null }, helpMessage: { classPropertyName: "helpMessage", publicName: "helpMessage", isSignal: true, isRequired: false, transformFunction: null }, formControl: { classPropertyName: "formControl", publicName: "formControl", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { componentBlur: "componentBlur" }, ngImport: i0 }); }
133
+ }
134
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: QuangBaseComponent, decorators: [{
135
+ type: Directive
136
+ }], ctorParameters: () => [] });
137
+
138
+ /* eslint-disable @typescript-eslint/no-explicit-any */
139
+ var OptionListParentType;
140
+ (function (OptionListParentType) {
141
+ OptionListParentType["SELECT"] = "select";
142
+ OptionListParentType["AUTOCOMPLETE"] = "autocomplete";
143
+ })(OptionListParentType || (OptionListParentType = {}));
144
+ class QuangOptionListComponent {
145
+ constructor() {
146
+ this.logLevel = inject(QUANG_LOGGING_BEHAVIOR, { optional: true });
147
+ this.selectionMode = input('single');
148
+ this.optionListMaxHeight = input('201px');
149
+ this.selectOptions = input([]);
150
+ this.selectButtonRef = input.required();
151
+ this._value = input();
152
+ this._isDisabled = input();
153
+ this.componentClass = input('');
154
+ this.componentLabel = input('');
155
+ this.componentTabIndex = input(0);
156
+ this.translateValue = input(false);
157
+ this.nullOption = input(true);
158
+ this.elementWidth = signal('0px');
159
+ this.elementTop = signal('0px');
160
+ this.elementBottom = signal('0px');
161
+ this.scrollBehaviorOnOpen = input('smooth');
162
+ this.changedHandler = output();
163
+ this.blurHandler = output();
164
+ this.optionListContainer = viewChild('optionListContainer');
165
+ this.destroyRef = inject(DestroyRef);
166
+ this.parentType = input.required();
167
+ this.parentID = input('');
168
+ this.selectButtonRef$ = toObservable(this.selectButtonRef)
169
+ .pipe(takeUntilDestroyed(this.destroyRef))
170
+ .subscribe(() => {
171
+ this.getOptionListWidth();
172
+ this.getOptionListTop();
173
+ this.getScrollParent(this.selectButtonRef())?.addEventListener('scroll', () => {
174
+ this.getOptionListWidth();
175
+ this.getOptionListTop();
176
+ });
177
+ });
178
+ this.selectOptionsList = computed(() => {
179
+ if (this.nullOption() && this.selectionMode() === 'single') {
180
+ return [
181
+ {
182
+ label: '',
183
+ value: null,
184
+ },
185
+ ...this.selectOptions(),
186
+ ];
187
+ }
188
+ return [...this.selectOptions()];
189
+ });
190
+ this.onKeyDown = null;
191
+ this.selectedElementIndex = computed(() => this.selectOptionsList()?.findIndex((x) => x?.value === this._value()) ?? 0);
192
+ this.optionList$ = effect(() => {
193
+ const optionListContainer = this.optionListContainer();
194
+ if (optionListContainer && this.parentType() === OptionListParentType.SELECT) {
195
+ optionListContainer?.nativeElement.focus();
196
+ const optionListContainerNativeElement = optionListContainer?.nativeElement;
197
+ if (optionListContainerNativeElement) {
198
+ const ul = optionListContainerNativeElement?.children[0];
199
+ const listItem = ul?.children.item(this.selectedElementIndex());
200
+ if (listItem) {
201
+ setTimeout(() => {
202
+ listItem.scrollIntoView({ behavior: this.scrollBehaviorOnOpen() });
203
+ }, 0);
204
+ }
205
+ }
206
+ }
207
+ const ul = optionListContainer?.nativeElement?.children[0];
208
+ const listItems = (ul?.children ?? []);
209
+ let currentIndex = this.selectedElementIndex();
210
+ listItems?.[currentIndex]?.classList.add('selected');
211
+ if (this.onKeyDown) {
212
+ this.onKeyDown.unsubscribe();
213
+ }
214
+ this.onKeyDown = fromEvent(document, 'keydown', {
215
+ capture: true,
216
+ })
217
+ .pipe(takeUntilDestroyed(this.destroyRef))
218
+ .subscribe((event) => {
219
+ switch (event.key) {
220
+ case 'ArrowDown': {
221
+ if (this.parentType() === OptionListParentType.AUTOCOMPLETE)
222
+ optionListContainer?.nativeElement.focus();
223
+ if (currentIndex !== this.selectedElementIndex())
224
+ listItems[currentIndex]?.classList.remove('selected');
225
+ if (currentIndex === listItems.length - 1) {
226
+ currentIndex = listItems.length - 1;
227
+ }
228
+ else {
229
+ currentIndex += 1;
230
+ }
231
+ if (currentIndex === 0) {
232
+ event.preventDefault();
233
+ optionListContainer?.nativeElement?.scroll(0, 0);
234
+ }
235
+ const optionListBottom = optionListContainer?.nativeElement?.getBoundingClientRect()?.bottom ?? 0;
236
+ const itemListHeight = optionListContainer?.nativeElement?.children?.[0]?.children
237
+ ?.item(currentIndex)
238
+ ?.getBoundingClientRect()?.height;
239
+ const itemListBottom = optionListContainer?.nativeElement?.children?.[0]?.children
240
+ ?.item(currentIndex)
241
+ ?.getBoundingClientRect()?.bottom;
242
+ if (optionListBottom > (itemListBottom ?? 0) + (itemListHeight ?? 0))
243
+ event.preventDefault();
244
+ listItems[currentIndex]?.classList.add('selected');
245
+ if ((optionListContainer?.nativeElement?.scrollTop ?? 0) >=
246
+ (optionListContainer?.nativeElement?.scrollHeight ?? 0) -
247
+ (optionListContainer?.nativeElement?.offsetHeight ?? 0)) {
248
+ event.preventDefault();
249
+ }
250
+ break;
251
+ }
252
+ case 'ArrowUp': {
253
+ if (this.parentType() === OptionListParentType.AUTOCOMPLETE)
254
+ optionListContainer?.nativeElement.focus();
255
+ if (currentIndex !== this.selectedElementIndex())
256
+ listItems[currentIndex]?.classList.remove('selected');
257
+ if (currentIndex !== 0)
258
+ currentIndex -= 1;
259
+ const optionListTop = optionListContainer?.nativeElement?.getBoundingClientRect()?.top ?? 0;
260
+ const itemListHeight = optionListContainer?.nativeElement?.children?.[0]?.children
261
+ ?.item(currentIndex)
262
+ ?.getBoundingClientRect()?.height;
263
+ const itemListTop = optionListContainer?.nativeElement?.children?.[0]?.children
264
+ ?.item(currentIndex)
265
+ ?.getBoundingClientRect()?.top;
266
+ if (optionListTop < (itemListTop ?? 0) - (itemListHeight ?? 0))
267
+ event.preventDefault();
268
+ listItems[currentIndex]?.classList.add('selected');
269
+ if (!optionListContainer?.nativeElement?.scrollTop) {
270
+ event.preventDefault();
271
+ }
272
+ break;
273
+ }
274
+ case 'Enter': {
275
+ this.onSelectItem(this.selectOptionsList()[currentIndex]);
276
+ break;
277
+ }
278
+ default: {
279
+ if ((event?.key?.length === 1 || event?.key === 'Backspace') &&
280
+ this.parentType() === OptionListParentType.AUTOCOMPLETE &&
281
+ document.activeElement?.id === optionListContainer?.nativeElement?.id) {
282
+ currentIndex = 0;
283
+ document.getElementById(this.parentID())?.focus();
284
+ document.getElementById(this.parentID())?.click();
285
+ }
286
+ break;
287
+ }
288
+ }
289
+ });
290
+ });
291
+ }
292
+ changePosition() {
293
+ this.getOptionListWidth();
294
+ this.getOptionListTop();
295
+ }
296
+ isScrollable(ele) {
297
+ if (!ele)
298
+ return false;
299
+ let result = false;
300
+ try {
301
+ const hasScrollableContent = ele.scrollHeight > ele.clientHeight;
302
+ const overflowYStyle = window.getComputedStyle(ele).overflowY;
303
+ const isOverflowHidden = overflowYStyle.includes('hidden');
304
+ result = hasScrollableContent && !isOverflowHidden;
305
+ }
306
+ catch (_error) {
307
+ if (this.logLevel === 'verbose')
308
+ console.error('captured error isScrollable', _error);
309
+ }
310
+ return result;
311
+ }
312
+ getScrollParent(node) {
313
+ if (!node || node === document.body || !(node instanceof Element))
314
+ return document.body;
315
+ return this.isScrollable(node) ? node : this.getScrollParent(node.parentNode);
316
+ }
317
+ onSelectItem(item) {
318
+ if (this.selectionMode() === 'single') {
319
+ this.changedHandler.emit(item?.value ?? null);
320
+ }
321
+ else {
322
+ const values = this._value();
323
+ if (values) {
324
+ if (values.some((x) => x === item?.value)) {
325
+ this.changedHandler.emit(values.filter((x) => x !== item?.value));
326
+ }
327
+ else if (item) {
328
+ this.changedHandler.emit([...values, item.value]);
329
+ }
330
+ else {
331
+ this.changedHandler.emit([...values]);
332
+ }
333
+ }
334
+ else {
335
+ this.changedHandler.emit(null);
336
+ }
337
+ }
338
+ }
339
+ getSelected(item) {
340
+ if (this.selectionMode() === 'single') {
341
+ return this._value() === item.value;
342
+ }
343
+ return this._value()?.some((x) => x === item?.value);
344
+ }
345
+ onBlurHandler(e) {
346
+ this.blurHandler.emit(e);
347
+ }
348
+ getOptionListWidth() {
349
+ this.elementWidth.set(`${this.selectButtonRef()?.offsetWidth}px`);
350
+ }
351
+ getOptionListTop() {
352
+ const nativeElement = this.optionListContainer()?.nativeElement;
353
+ const diff = window.innerHeight -
354
+ (nativeElement?.getBoundingClientRect()?.height ?? 0) -
355
+ (this.selectButtonRef()?.getBoundingClientRect()?.top ?? 0) -
356
+ (this.selectButtonRef()?.getBoundingClientRect()?.height ?? 0);
357
+ let topValue = 'unset';
358
+ let bottomValue = 'unset';
359
+ const isTop = diff >= 0;
360
+ if (isTop) {
361
+ topValue = `${(this.selectButtonRef()?.getBoundingClientRect()?.top ?? 0) + (this.selectButtonRef()?.offsetHeight ?? 0)}px`;
362
+ }
363
+ else {
364
+ bottomValue = `${window.innerHeight - (this.selectButtonRef()?.getBoundingClientRect()?.bottom ?? 0) + (this.selectButtonRef()?.getBoundingClientRect()?.height ?? 0)}px`;
365
+ }
366
+ nativeElement?.classList.toggle('option-list-top', !isTop);
367
+ this.elementTop.set(topValue);
368
+ this.elementBottom.set(bottomValue);
369
+ }
370
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: QuangOptionListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
371
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: QuangOptionListComponent, isStandalone: true, selector: "quang-option-list", inputs: { selectionMode: { classPropertyName: "selectionMode", publicName: "selectionMode", isSignal: true, isRequired: false, transformFunction: null }, optionListMaxHeight: { classPropertyName: "optionListMaxHeight", publicName: "optionListMaxHeight", isSignal: true, isRequired: false, transformFunction: null }, selectOptions: { classPropertyName: "selectOptions", publicName: "selectOptions", isSignal: true, isRequired: false, transformFunction: null }, selectButtonRef: { classPropertyName: "selectButtonRef", publicName: "selectButtonRef", isSignal: true, isRequired: true, transformFunction: null }, _value: { classPropertyName: "_value", publicName: "_value", isSignal: true, isRequired: false, transformFunction: null }, _isDisabled: { classPropertyName: "_isDisabled", publicName: "_isDisabled", isSignal: true, isRequired: false, transformFunction: null }, componentClass: { classPropertyName: "componentClass", publicName: "componentClass", isSignal: true, isRequired: false, transformFunction: null }, componentLabel: { classPropertyName: "componentLabel", publicName: "componentLabel", isSignal: true, isRequired: false, transformFunction: null }, componentTabIndex: { classPropertyName: "componentTabIndex", publicName: "componentTabIndex", isSignal: true, isRequired: false, transformFunction: null }, translateValue: { classPropertyName: "translateValue", publicName: "translateValue", isSignal: true, isRequired: false, transformFunction: null }, nullOption: { classPropertyName: "nullOption", publicName: "nullOption", isSignal: true, isRequired: false, transformFunction: null }, scrollBehaviorOnOpen: { classPropertyName: "scrollBehaviorOnOpen", publicName: "scrollBehaviorOnOpen", isSignal: true, isRequired: false, transformFunction: null }, parentType: { classPropertyName: "parentType", publicName: "parentType", isSignal: true, isRequired: true, transformFunction: null }, parentID: { classPropertyName: "parentID", publicName: "parentID", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { changedHandler: "changedHandler", blurHandler: "blurHandler" }, host: { listeners: { "window:scroll": "changePosition()" } }, viewQueries: [{ propertyName: "optionListContainer", first: true, predicate: ["optionListContainer"], descendants: true, isSignal: true }], ngImport: i0, template: "<div\n [ngStyle]=\"{\n 'max-height': optionListMaxHeight(),\n '--option-list-width': elementWidth(),\n '--option-list-top': elementTop(),\n '--option-list-bottom': elementBottom(),\n }\"\n (blur)=\"onBlurHandler($event)\"\n #optionListContainer\n class=\"option-list\"\n id=\"optionList\"\n tabindex=\"1\"\n>\n <ul>\n @for (item of selectOptionsList(); track i; let i = $index; let last = $last) {\n <li\n [class.m-0]=\"last\"\n [class.selected]=\"selectionMode() === 'single' ? getSelected(item) : null\"\n [id]=\"'item-' + i\"\n (mousedown)=\"$event.stopImmediatePropagation(); onSelectItem(item)\"\n class=\"item\"\n >\n <input\n [checked]=\"getSelected(item)\"\n [class.d-none]=\"selectionMode() === 'single' || !item?.value\"\n [disabled]=\"true\"\n [id]=\"i + '-' + item.value + '-checkbox'\"\n [name]=\"i + '-' + item.value + '-checkbox'\"\n [ngClass]=\"componentClass()\"\n [tabIndex]=\"componentTabIndex()\"\n [value]=\"getSelected(item)\"\n (blur)=\"onBlurHandler($event)\"\n #inputCheckbox\n class=\"form-check-input opacity-100\"\n type=\"checkbox\"\n />\n <label\n [class.ms-3]=\"selectionMode() === 'multiple' && item?.value\"\n [for]=\"i + '-' + item.value + '-checkbox'\"\n class=\"form-check-label checkbox-label w-100 opacity-100\"\n >\n {{ translateValue() ? (item.label | transloco) : item.label }}\n </label>\n </li>\n }\n </ul>\n</div>\n", styles: [":host{display:block;z-index:999}.option-list{--option-list-width: 100%;--option-list-top: 10px;--option-list-bottom: unset;border:1px solid var(--bs-border-color);border-top:0;border-radius:var(--bs-border-radius);overflow:auto;position:fixed;width:var(--option-list-width);top:var(--option-list-top);bottom:var(--option-list-bottom);z-index:999}.option-list ul{margin:0;padding:0}.option-list .selected{background-color:var(--bs-body-bg);filter:brightness(95%)}.option-list.option-list-top{border-top:1px solid var(--bs-border-color);border-bottom:0}.option-list:focus-visible{outline:none}.item{display:flex;background-color:var(--bs-body-bg);z-index:1;padding:0 .5rem;min-height:2.5rem}.item label{padding:.5rem 0}.item:hover{cursor:pointer;background-color:var(--bs-body-bg);filter:brightness(95%)}.item *:hover{cursor:pointer}.item .form-check-input{align-self:center}.item .form-check-input:focus{border-color:var(--bs-border-color);box-shadow:unset}.item .form-check-input:checked{background-color:var(--bs-primary);border-color:var(--bs-border-color)}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: TranslocoPipe, name: "transloco" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
372
+ }
373
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: QuangOptionListComponent, decorators: [{
374
+ type: Component,
375
+ args: [{ selector: 'quang-option-list', imports: [NgStyle, NgClass, TranslocoPipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n [ngStyle]=\"{\n 'max-height': optionListMaxHeight(),\n '--option-list-width': elementWidth(),\n '--option-list-top': elementTop(),\n '--option-list-bottom': elementBottom(),\n }\"\n (blur)=\"onBlurHandler($event)\"\n #optionListContainer\n class=\"option-list\"\n id=\"optionList\"\n tabindex=\"1\"\n>\n <ul>\n @for (item of selectOptionsList(); track i; let i = $index; let last = $last) {\n <li\n [class.m-0]=\"last\"\n [class.selected]=\"selectionMode() === 'single' ? getSelected(item) : null\"\n [id]=\"'item-' + i\"\n (mousedown)=\"$event.stopImmediatePropagation(); onSelectItem(item)\"\n class=\"item\"\n >\n <input\n [checked]=\"getSelected(item)\"\n [class.d-none]=\"selectionMode() === 'single' || !item?.value\"\n [disabled]=\"true\"\n [id]=\"i + '-' + item.value + '-checkbox'\"\n [name]=\"i + '-' + item.value + '-checkbox'\"\n [ngClass]=\"componentClass()\"\n [tabIndex]=\"componentTabIndex()\"\n [value]=\"getSelected(item)\"\n (blur)=\"onBlurHandler($event)\"\n #inputCheckbox\n class=\"form-check-input opacity-100\"\n type=\"checkbox\"\n />\n <label\n [class.ms-3]=\"selectionMode() === 'multiple' && item?.value\"\n [for]=\"i + '-' + item.value + '-checkbox'\"\n class=\"form-check-label checkbox-label w-100 opacity-100\"\n >\n {{ translateValue() ? (item.label | transloco) : item.label }}\n </label>\n </li>\n }\n </ul>\n</div>\n", styles: [":host{display:block;z-index:999}.option-list{--option-list-width: 100%;--option-list-top: 10px;--option-list-bottom: unset;border:1px solid var(--bs-border-color);border-top:0;border-radius:var(--bs-border-radius);overflow:auto;position:fixed;width:var(--option-list-width);top:var(--option-list-top);bottom:var(--option-list-bottom);z-index:999}.option-list ul{margin:0;padding:0}.option-list .selected{background-color:var(--bs-body-bg);filter:brightness(95%)}.option-list.option-list-top{border-top:1px solid var(--bs-border-color);border-bottom:0}.option-list:focus-visible{outline:none}.item{display:flex;background-color:var(--bs-body-bg);z-index:1;padding:0 .5rem;min-height:2.5rem}.item label{padding:.5rem 0}.item:hover{cursor:pointer;background-color:var(--bs-body-bg);filter:brightness(95%)}.item *:hover{cursor:pointer}.item .form-check-input{align-self:center}.item .form-check-input:focus{border-color:var(--bs-border-color);box-shadow:unset}.item .form-check-input:checked{background-color:var(--bs-primary);border-color:var(--bs-border-color)}\n"] }]
376
+ }], propDecorators: { changePosition: [{
377
+ type: HostListener,
378
+ args: ['window:scroll']
379
+ }] } });
380
+
381
+ /**
382
+ * Generated bundle index. Do not edit.
383
+ */
384
+
385
+ export { OptionListParentType, QuangBaseComponent, QuangOptionListComponent, makeId };
386
+ //# sourceMappingURL=quang-components-shared.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"quang-components-shared.mjs","sources":["../../../projects/quang/components/shared/makeId.ts","../../../projects/quang/components/shared/quang-base-component.directive.ts","../../../projects/quang/components/shared/option-list/option-list.component.ts","../../../projects/quang/components/shared/option-list/option-list.component.html","../../../projects/quang/components/shared/quang-components-shared.ts"],"sourcesContent":["export const makeId = (length: number) => {\n let result = ''\n const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789'\n const charactersLength = characters.length\n for (let i = 0; i < length; i++) {\n result += characters.charAt(Math.floor(Math.random() * charactersLength))\n }\n return result\n}\n","import { AfterViewInit, DestroyRef, Directive, Injector, computed, inject, input, output, signal } from '@angular/core'\nimport { takeUntilDestroyed, toObservable } from '@angular/core/rxjs-interop'\nimport { ControlValueAccessor, FormControl, NgControl, Validators } from '@angular/forms'\n\nimport { Subscription } from 'rxjs'\n\nimport { ErrorData } from './ErrorData'\nimport { makeId } from './makeId'\n\n@Directive()\nexport abstract class QuangBaseComponent<T = any> implements ControlValueAccessor, AfterViewInit {\n componentId = input<string>(makeId(10))\n\n isReadonly = input<boolean>(false)\n\n isReadonly$ = toObservable(this.isReadonly)\n\n componentTabIndex = input<number>(0)\n\n componentClass = input<string | string[]>('')\n\n componentLabel = input<string>('')\n\n componentPlaceholder = input<string>('')\n\n errorMap = input<ErrorData[]>([])\n\n _errorMessagesByKey = computed(\n () => new Map((this.errorMap() ?? []).map((errorData) => [errorData.error, errorData.message]))\n )\n\n successMessage = input<string>('')\n\n helpMessage = input<string>('')\n\n formControl = input<FormControl>()\n\n componentBlur = output<void>()\n\n _value = signal<T | null>(null)\n\n _isRequired = signal<boolean>(false)\n\n _isDisabled = signal<boolean>(false)\n\n _isTouched = signal<boolean>(false)\n\n _isValid = signal<boolean>(false)\n\n _showSuccess = computed(() => this.successMessage() && this._isValid() && this._isTouched() && !this._isDisabled())\n\n _showErrors = computed(\n () => this.errorMap()?.length > 0 && !this._isValid() && this._isTouched() && !this._isDisabled()\n )\n\n _currentErrorMessage = signal<string>('')\n\n _currentErrorMessageExtraData = signal<Record<string, any>>({})\n\n _ngControl = signal<NgControl | null>(null)\n\n _injector = signal<Injector>(inject(Injector))\n\n _statusChange$?: Subscription\n\n getIsRequiredControl = computed(\n () => !!(this._ngControl()?.control as any)?._rawValidators?.find((x: any) => x.name === 'required')\n )\n\n onChange?: (value: T) => void\n\n onTouched?: () => void\n\n destroyRef = inject(DestroyRef)\n\n constructor() {\n toObservable(this.formControl)\n .pipe(takeUntilDestroyed(this.destroyRef))\n .subscribe((form) => {\n if (form) {\n this.setupFormControl()\n }\n })\n }\n\n registerOnChange(fn: (value: T) => void): void {\n this.onChange = fn\n }\n\n writeValue(val: T): void {\n this._value.set(val)\n }\n\n registerOnTouched(fn: () => void): void {\n this.onTouched = () => {\n this._isTouched.set(true)\n fn()\n }\n }\n\n onChangedEventHandler($event: Event) {\n const inputElement = $event.target as HTMLInputElement\n this.onChangedHandler(inputElement.value as T)\n }\n\n onChangedHandler(value: T) {\n this._value.set(value)\n if (this.onChange) {\n this.onChange(value)\n }\n\n if (this.onTouched) {\n this.onTouched()\n }\n }\n\n onBlurHandler() {\n if (this.onTouched) {\n this.onTouched()\n }\n this.componentBlur.emit()\n }\n\n setupFormControl() {\n if (this._statusChange$) {\n this._statusChange$.unsubscribe()\n this._statusChange$ = undefined\n }\n\n this._ngControl.set(this._injector().get(NgControl))\n this._statusChange$ = this._ngControl()\n ?.control?.statusChanges.pipe(takeUntilDestroyed(this.destroyRef))\n .subscribe(() => {\n this.checkFormErrors()\n })\n\n this._isTouched.set(this._ngControl()?.touched ?? false)\n this._isDisabled.set(this.isReadonly() || this._ngControl()?.disabled || false)\n this.checkFormErrors()\n }\n\n onChangeIsReadonly = this.isReadonly$.pipe(takeUntilDestroyed()).subscribe((isReadonly: boolean) => {\n this._isDisabled.set(isReadonly || this._ngControl()?.disabled || false)\n })\n\n setDisabledState(isDisabled: boolean) {\n this._isDisabled.set(isDisabled)\n }\n\n checkFormErrors() {\n const control = this._ngControl()?.control\n this._isValid.set(control?.valid ?? false)\n this._isTouched.set(!control?.pristine)\n\n const validationErrors = control?.errors\n\n this._isRequired.set(validationErrors?.[Validators.required.name])\n\n let errorName = ''\n let errorMessage = ''\n let errorData = true\n\n for (const [validationErrorName, validationErrorData] of Object.entries(validationErrors ?? {})) {\n const relatedErrorMessage = this._errorMessagesByKey().get(validationErrorName)\n if (relatedErrorMessage) {\n errorName = validationErrorName\n errorMessage = relatedErrorMessage\n errorData = validationErrorData\n }\n }\n\n this._currentErrorMessage.set(errorMessage)\n this._currentErrorMessageExtraData.set({ [errorName]: errorData })\n }\n\n ngAfterViewInit(): void {\n this.setupFormControl()\n }\n}\n","/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { NgClass, NgStyle } from '@angular/common'\nimport {\n ChangeDetectionStrategy,\n Component,\n DestroyRef,\n ElementRef,\n HostListener,\n computed,\n effect,\n inject,\n input,\n output,\n signal,\n viewChild,\n} from '@angular/core'\nimport { takeUntilDestroyed, toObservable } from '@angular/core/rxjs-interop'\n\nimport { TranslocoPipe } from '@jsverse/transloco'\nimport { QUANG_LOGGING_BEHAVIOR } from 'quang'\nimport { Subscription, fromEvent } from 'rxjs'\n\nexport interface SelectOption {\n label: string\n value: string | number | null\n}\n\nexport enum OptionListParentType {\n SELECT = 'select',\n AUTOCOMPLETE = 'autocomplete',\n}\n\n@Component({\n selector: 'quang-option-list',\n imports: [NgStyle, NgClass, TranslocoPipe],\n templateUrl: './option-list.component.html',\n styleUrl: './option-list.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class QuangOptionListComponent {\n logLevel = inject(QUANG_LOGGING_BEHAVIOR, { optional: true })\n\n selectionMode = input<'single' | 'multiple'>('single')\n\n optionListMaxHeight = input<string>('201px')\n\n selectOptions = input<SelectOption[]>([])\n\n selectButtonRef = input.required<HTMLButtonElement | HTMLInputElement>()\n\n _value = input<any>()\n\n _isDisabled = input<boolean>()\n\n componentClass = input<string | string[]>('')\n\n componentLabel = input<string>('')\n\n componentTabIndex = input<number>(0)\n\n translateValue = input<boolean>(false)\n\n nullOption = input<boolean>(true)\n\n elementWidth = signal<string>('0px')\n\n elementTop = signal<string>('0px')\n\n elementBottom = signal<string>('0px')\n\n scrollBehaviorOnOpen = input<ScrollBehavior>('smooth')\n\n changedHandler = output<any>()\n\n blurHandler = output<any>()\n\n optionListContainer = viewChild<ElementRef<HTMLDivElement>>('optionListContainer')\n\n destroyRef = inject(DestroyRef)\n\n parentType = input.required<OptionListParentType>()\n\n parentID = input<string>('')\n\n selectButtonRef$ = toObservable(this.selectButtonRef)\n .pipe(takeUntilDestroyed(this.destroyRef))\n .subscribe(() => {\n this.getOptionListWidth()\n this.getOptionListTop()\n this.getScrollParent(this.selectButtonRef())?.addEventListener('scroll', () => {\n this.getOptionListWidth()\n this.getOptionListTop()\n })\n })\n\n selectOptionsList = computed(() => {\n if (this.nullOption() && this.selectionMode() === 'single') {\n return [\n {\n label: '',\n value: null,\n },\n ...this.selectOptions(),\n ]\n }\n return [...this.selectOptions()]\n })\n\n onKeyDown: Subscription | null = null\n\n selectedElementIndex = computed<number>(\n () => this.selectOptionsList()?.findIndex((x) => x?.value === this._value()) ?? 0\n )\n\n optionList$ = effect(() => {\n const optionListContainer = this.optionListContainer()\n if (optionListContainer && this.parentType() === OptionListParentType.SELECT) {\n optionListContainer?.nativeElement.focus()\n const optionListContainerNativeElement = optionListContainer?.nativeElement\n if (optionListContainerNativeElement) {\n const ul = optionListContainerNativeElement?.children[0] as HTMLUListElement\n const listItem = ul?.children.item(this.selectedElementIndex()) as HTMLLIElement | undefined\n if (listItem) {\n setTimeout(() => {\n listItem.scrollIntoView({ behavior: this.scrollBehaviorOnOpen() })\n }, 0)\n }\n }\n }\n const ul = optionListContainer?.nativeElement?.children[0] as HTMLUListElement | undefined\n const listItems = (ul?.children ?? []) as HTMLLIElement[]\n let currentIndex = this.selectedElementIndex()\n listItems?.[currentIndex]?.classList.add('selected')\n\n if (this.onKeyDown) {\n this.onKeyDown.unsubscribe()\n }\n\n this.onKeyDown = fromEvent(document, 'keydown', {\n capture: true,\n })\n .pipe(takeUntilDestroyed(this.destroyRef))\n .subscribe((event) => {\n switch ((event as KeyboardEvent).key) {\n case 'ArrowDown': {\n if (this.parentType() === OptionListParentType.AUTOCOMPLETE) optionListContainer?.nativeElement.focus()\n if (currentIndex !== this.selectedElementIndex()) listItems[currentIndex]?.classList.remove('selected')\n if (currentIndex === listItems.length - 1) {\n currentIndex = listItems.length - 1\n } else {\n currentIndex += 1\n }\n if (currentIndex === 0) {\n event.preventDefault()\n optionListContainer?.nativeElement?.scroll(0, 0)\n }\n const optionListBottom = optionListContainer?.nativeElement?.getBoundingClientRect()?.bottom ?? 0\n const itemListHeight = optionListContainer?.nativeElement?.children?.[0]?.children\n ?.item(currentIndex)\n ?.getBoundingClientRect()?.height\n const itemListBottom = optionListContainer?.nativeElement?.children?.[0]?.children\n ?.item(currentIndex)\n ?.getBoundingClientRect()?.bottom\n if (optionListBottom > (itemListBottom ?? 0) + (itemListHeight ?? 0)) event.preventDefault()\n\n listItems[currentIndex]?.classList.add('selected')\n if (\n (optionListContainer?.nativeElement?.scrollTop ?? 0) >=\n (optionListContainer?.nativeElement?.scrollHeight ?? 0) -\n (optionListContainer?.nativeElement?.offsetHeight ?? 0)\n ) {\n event.preventDefault()\n }\n break\n }\n case 'ArrowUp': {\n if (this.parentType() === OptionListParentType.AUTOCOMPLETE) optionListContainer?.nativeElement.focus()\n if (currentIndex !== this.selectedElementIndex()) listItems[currentIndex]?.classList.remove('selected')\n if (currentIndex !== 0) currentIndex -= 1\n const optionListTop = optionListContainer?.nativeElement?.getBoundingClientRect()?.top ?? 0\n const itemListHeight = optionListContainer?.nativeElement?.children?.[0]?.children\n ?.item(currentIndex)\n ?.getBoundingClientRect()?.height\n const itemListTop = optionListContainer?.nativeElement?.children?.[0]?.children\n ?.item(currentIndex)\n ?.getBoundingClientRect()?.top\n if (optionListTop < (itemListTop ?? 0) - (itemListHeight ?? 0)) event.preventDefault()\n listItems[currentIndex]?.classList.add('selected')\n if (!optionListContainer?.nativeElement?.scrollTop) {\n event.preventDefault()\n }\n break\n }\n case 'Enter': {\n this.onSelectItem(this.selectOptionsList()[currentIndex])\n break\n }\n default: {\n if (\n ((event as KeyboardEvent)?.key?.length === 1 || (event as KeyboardEvent)?.key === 'Backspace') &&\n this.parentType() === OptionListParentType.AUTOCOMPLETE &&\n document.activeElement?.id === optionListContainer?.nativeElement?.id\n ) {\n currentIndex = 0\n document.getElementById(this.parentID())?.focus()\n document.getElementById(this.parentID())?.click()\n }\n break\n }\n }\n })\n })\n\n @HostListener('window:scroll') changePosition() {\n this.getOptionListWidth()\n this.getOptionListTop()\n }\n\n isScrollable(ele: Element): boolean {\n if (!ele) return false\n\n let result = false\n\n try {\n const hasScrollableContent = ele.scrollHeight > ele.clientHeight\n\n const overflowYStyle = window.getComputedStyle(ele).overflowY\n const isOverflowHidden = overflowYStyle.includes('hidden')\n\n result = hasScrollableContent && !isOverflowHidden\n } catch (_error) {\n if (this.logLevel === 'verbose') console.error('captured error isScrollable', _error)\n }\n\n return result\n }\n\n getScrollParent(node: unknown): Element {\n if (!node || node === document.body || !(node instanceof Element)) return document.body\n return this.isScrollable(node) ? node : this.getScrollParent(node.parentNode)\n }\n\n onSelectItem(item: SelectOption | null): void {\n if (this.selectionMode() === 'single') {\n this.changedHandler.emit(item?.value ?? null)\n } else {\n const values: string[] | number[] | null = this._value() as string[] | number[] | null\n if (values) {\n if (values.some((x) => x === item?.value)) {\n this.changedHandler.emit(values.filter((x) => x !== item?.value) as string[] | number[])\n } else if (item) {\n this.changedHandler.emit([...values, item.value] as string[] | number[])\n } else {\n this.changedHandler.emit([...values] as string[] | number[])\n }\n } else {\n this.changedHandler.emit(null)\n }\n }\n }\n\n getSelected(item: SelectOption): boolean {\n if (this.selectionMode() === 'single') {\n return this._value() === item.value\n }\n return this._value()?.some((x: number | string | null) => x === item?.value)\n }\n\n onBlurHandler(e: Event): void {\n this.blurHandler.emit(e)\n }\n\n getOptionListWidth() {\n this.elementWidth.set(`${this.selectButtonRef()?.offsetWidth}px`)\n }\n\n getOptionListTop() {\n const nativeElement = this.optionListContainer()?.nativeElement\n const diff =\n window.innerHeight -\n (nativeElement?.getBoundingClientRect()?.height ?? 0) -\n (this.selectButtonRef()?.getBoundingClientRect()?.top ?? 0) -\n (this.selectButtonRef()?.getBoundingClientRect()?.height ?? 0)\n let topValue = 'unset'\n let bottomValue = 'unset'\n const isTop = diff >= 0\n if (isTop) {\n topValue = `${(this.selectButtonRef()?.getBoundingClientRect()?.top ?? 0) + (this.selectButtonRef()?.offsetHeight ?? 0)}px`\n } else {\n bottomValue = `${window.innerHeight - (this.selectButtonRef()?.getBoundingClientRect()?.bottom ?? 0) + (this.selectButtonRef()?.getBoundingClientRect()?.height ?? 0)}px`\n }\n nativeElement?.classList.toggle('option-list-top', !isTop)\n this.elementTop.set(topValue)\n this.elementBottom.set(bottomValue)\n }\n}\n","<div\n [ngStyle]=\"{\n 'max-height': optionListMaxHeight(),\n '--option-list-width': elementWidth(),\n '--option-list-top': elementTop(),\n '--option-list-bottom': elementBottom(),\n }\"\n (blur)=\"onBlurHandler($event)\"\n #optionListContainer\n class=\"option-list\"\n id=\"optionList\"\n tabindex=\"1\"\n>\n <ul>\n @for (item of selectOptionsList(); track i; let i = $index; let last = $last) {\n <li\n [class.m-0]=\"last\"\n [class.selected]=\"selectionMode() === 'single' ? getSelected(item) : null\"\n [id]=\"'item-' + i\"\n (mousedown)=\"$event.stopImmediatePropagation(); onSelectItem(item)\"\n class=\"item\"\n >\n <input\n [checked]=\"getSelected(item)\"\n [class.d-none]=\"selectionMode() === 'single' || !item?.value\"\n [disabled]=\"true\"\n [id]=\"i + '-' + item.value + '-checkbox'\"\n [name]=\"i + '-' + item.value + '-checkbox'\"\n [ngClass]=\"componentClass()\"\n [tabIndex]=\"componentTabIndex()\"\n [value]=\"getSelected(item)\"\n (blur)=\"onBlurHandler($event)\"\n #inputCheckbox\n class=\"form-check-input opacity-100\"\n type=\"checkbox\"\n />\n <label\n [class.ms-3]=\"selectionMode() === 'multiple' && item?.value\"\n [for]=\"i + '-' + item.value + '-checkbox'\"\n class=\"form-check-label checkbox-label w-100 opacity-100\"\n >\n {{ translateValue() ? (item.label | transloco) : item.label }}\n </label>\n </li>\n }\n </ul>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}