@six-group/ui-library-angular 5.5.1-rc.1 → 5.5.1

package/fesm2022/six-group-ui-library-angular.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, Output, ChangeDetectionStrategy, Component, Injectable, InjectionToken, inject, HostListener, Directive, Input, Optional, HostBinding, ContentChildren, APP_INITIALIZER, NgModule, NgZone } from '@angular/core';
+import { EventEmitter, Output, ChangeDetectionStrategy, Component, Injectable, InjectionToken, inject, HostListener, Directive, Input, Optional, HostBinding, ContentChildren, provideAppInitializer, NgModule, NgZone } from '@angular/core';
 import { __decorate } from 'tslib';
 import { fromEvent } from 'rxjs';
 import { defineCustomElements } from '@six-group/ui-library/loader';
@@ -2107,7 +2107,23 @@ const DEFAULT_UI_LIBRARY_CONFIG = {
     showAsteriskOnRequiredValidator: false,
     disableValidationService: false,
 };
-const UI_LIBRARY_CONFIG = new InjectionToken('UiLibraryConfig');
+/**
+ * Injection token holding the {@link UiLibraryConfig}.
+ *
+ * The token provides {@link DEFAULT_UI_LIBRARY_CONFIG} by default, so that components and
+ * directives of this library can be used without calling `UiLibraryAngularModule.forRoot()`
+ * (e.g. in unit tests). Provide the token explicitly to override single options:
+ *
+ * ```ts
+ * TestBed.configureTestingModule({
+ *   providers: [{ provide: UI_LIBRARY_CONFIG, useValue: { showAsteriskOnRequiredValidator: true } }],
+ * });
+ * ```
+ */
+const UI_LIBRARY_CONFIG = new InjectionToken('UiLibraryConfig', {
+    providedIn: 'root',
+    factory: () => DEFAULT_UI_LIBRARY_CONFIG,
+});
 
 class ValueAccessor {
     injector;
@@ -3249,6 +3265,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
                 args: ['change', ['$event.target']]
             }] } });
 
+/**
+ * Custom elements are registered in the global `customElements` registry, so registering them
+ * more than once is pointless and expensive. `forRoot()` may be called once per injector
+ * (e.g. once per test case), therefore the registration is memoized per JS realm.
+ */
+let customElementsRegistration;
+const registerCustomElementsOnce = () => {
+    customElementsRegistration ??= (async () => {
+        defineCustomElements();
+    })();
+    return customElementsRegistration;
+};
 class UiLibraryAngularModule {
     static forRoot(customValidationMessagesService, config) {
         const mergedConfig = {
@@ -3258,11 +3286,7 @@ class UiLibraryAngularModule {
         return {
             ngModule: UiLibraryAngularModule,
             providers: [
-                {
-                    provide: APP_INITIALIZER,
-                    useFactory: () => async () => defineCustomElements(),
-                    multi: true,
-                },
+                provideAppInitializer(() => registerCustomElementsOnce()),
                 { provide: ValidationMessagesService, useClass: customValidationMessagesService ?? ValidationMessagesService },
                 { provide: UI_LIBRARY_CONFIG, useValue: mergedConfig },
             ],
@@ -3435,5 +3459,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ActiveSidebarDirective, ActiveSidebarItemDirective, ActiveSidebarItemGroupDirective, AlertService, AllowedDatesValidator, AllowedDatesValidatorIso, CheckboxMultiSelectValueAccessor, CheckboxValueAccessor, DIRECTIVES, DateValueAccessor, DatepickerValueAccessor, MaxDateValidator, MaxDateValidatorIso, MaxValidator, MinDateValidator, MinDateValidatorIso, MinValidator, NumericValueAccessor, RadioValueAccessor, RangeValueAccessor, SelectValueAccessor, SixAlert, SixAvatar, SixBadge, SixBreadcrumbs, SixBreadcrumbsItem, SixButton, SixCard, SixCheckbox, SixCheckboxGroupDirective, SixDate, SixDatepicker, SixDetails, SixDialog, SixDrawer, SixDropdown, SixError, SixErrorPage, SixFileList, SixFileListItem, SixFileUpload, SixFooter, SixFormDirective, SixFormUtilDirective, SixGroupLabel, SixHeader, SixHeaderDropdownItem, SixHeaderItem, SixHeaderMenuButton, SixIcon, SixIconButton, SixInput, SixItemPicker, SixLanguageSwitcher, SixLayoutGrid, SixLogo, SixMainContainer, SixMenu, SixMenuDivider, SixMenuItem, SixMenuLabel, SixPaginator, SixPicto, SixProgressBar, SixProgressRing, SixRadio, SixRange, SixRating, SixRoot, SixRouterLinkDirective, SixSearchField, SixSelect, SixSidebar, SixSidebarItem, SixSidebarItemGroup, SixSpinner, SixStageIndicator, SixSwitch, SixTab, SixTabGroup, SixTabPanel, SixTag, SixTextarea, SixTile, SixTimepicker, SixTooltip, SixUiLibraryValidators, SwitchValueAccessor, TextValueAccessor, TimepickerValueAccessor, UiLibraryAngularModule, ValidationMessagesService, ValueAccessor };
+export { ActiveSidebarDirective, ActiveSidebarItemDirective, ActiveSidebarItemGroupDirective, AlertService, AllowedDatesValidator, AllowedDatesValidatorIso, CheckboxMultiSelectValueAccessor, CheckboxValueAccessor, DEFAULT_UI_LIBRARY_CONFIG, DIRECTIVES, DateValueAccessor, DatepickerValueAccessor, MaxDateValidator, MaxDateValidatorIso, MaxValidator, MinDateValidator, MinDateValidatorIso, MinValidator, NumericValueAccessor, RadioValueAccessor, RangeValueAccessor, SelectValueAccessor, SixAlert, SixAvatar, SixBadge, SixBreadcrumbs, SixBreadcrumbsItem, SixButton, SixCard, SixCheckbox, SixCheckboxGroupDirective, SixDate, SixDatepicker, SixDetails, SixDialog, SixDrawer, SixDropdown, SixError, SixErrorPage, SixFileList, SixFileListItem, SixFileUpload, SixFooter, SixFormDirective, SixFormUtilDirective, SixGroupLabel, SixHeader, SixHeaderDropdownItem, SixHeaderItem, SixHeaderMenuButton, SixIcon, SixIconButton, SixInput, SixItemPicker, SixLanguageSwitcher, SixLayoutGrid, SixLogo, SixMainContainer, SixMenu, SixMenuDivider, SixMenuItem, SixMenuLabel, SixPaginator, SixPicto, SixProgressBar, SixProgressRing, SixRadio, SixRange, SixRating, SixRoot, SixRouterLinkDirective, SixSearchField, SixSelect, SixSidebar, SixSidebarItem, SixSidebarItemGroup, SixSpinner, SixStageIndicator, SixSwitch, SixTab, SixTabGroup, SixTabPanel, SixTag, SixTextarea, SixTile, SixTimepicker, SixTooltip, SixUiLibraryValidators, SwitchValueAccessor, TextValueAccessor, TimepickerValueAccessor, UI_LIBRARY_CONFIG, UiLibraryAngularModule, ValidationMessagesService, ValueAccessor };
 //# sourceMappingURL=six-group-ui-library-angular.mjs.map