@eui/tools 6.21.29 → 6.21.31

package/scripts/csdr/init/remotes/19.x/full/options/all-locales/config/global.ts

@@ -0,0 +1,122 @@
+import { registerLocaleData } from '@angular/common';
+import { GlobalConfig, I18nConfig, LocaleServiceConfig } from '@eui/core';
+
+import localeBg from '@angular/common/locales/bg';
+import localeBgExtra from '@angular/common/locales/extra/bg';
+import localeEs from '@angular/common/locales/es';
+import localeEsExtra from '@angular/common/locales/extra/es';
+import localeCs from '@angular/common/locales/cs';
+import localeCsExtra from '@angular/common/locales/extra/cs';
+import localeDa from '@angular/common/locales/da';
+import localeDaExtra from '@angular/common/locales/extra/da';
+import localeDe from '@angular/common/locales/de';
+import localeDeExtra from '@angular/common/locales/extra/de';
+import localeEt from '@angular/common/locales/et';
+import localeEtExtra from '@angular/common/locales/extra/et';
+import localeEl from '@angular/common/locales/el';
+import localeElExtra from '@angular/common/locales/extra/el';
+import localeEn from '@angular/common/locales/en';
+import localeEnExtra from '@angular/common/locales/extra/en';
+import localeFr from '@angular/common/locales/fr';
+import localeFrExtra from '@angular/common/locales/extra/fr';
+import localeGa from '@angular/common/locales/ga';
+import localeGaExtra from '@angular/common/locales/extra/ga';
+import localeHr from '@angular/common/locales/hr';
+import localeHrExtra from '@angular/common/locales/extra/hr';
+import localeIt from '@angular/common/locales/it';
+import localeItExtra from '@angular/common/locales/extra/it';
+import localeLv from '@angular/common/locales/lv';
+import localeLvExtra from '@angular/common/locales/extra/lv';
+import localeLt from '@angular/common/locales/lt';
+import localeLtExtra from '@angular/common/locales/extra/lt';
+import localeHu from '@angular/common/locales/hu';
+import localeHuExtra from '@angular/common/locales/extra/hu';
+import localeMt from '@angular/common/locales/mt';
+import localeMtExtra from '@angular/common/locales/extra/mt';
+import localeNl from '@angular/common/locales/nl';
+import localeNlExtra from '@angular/common/locales/extra/nl';
+import localePl from '@angular/common/locales/pl';
+import localePlExtra from '@angular/common/locales/extra/pl';
+import localePt from '@angular/common/locales/pt';
+import localePtExtra from '@angular/common/locales/extra/pt';
+import localeRo from '@angular/common/locales/ro';
+import localeRoExtra from '@angular/common/locales/extra/ro';
+import localeSk from '@angular/common/locales/sk';
+import localeSkExtra from '@angular/common/locales/extra/sk';
+import localeSl from '@angular/common/locales/sl';
+import localeSlExtra from '@angular/common/locales/extra/sl';
+import localeFi from '@angular/common/locales/fi';
+import localeFiExtra from '@angular/common/locales/extra/fi';
+import localeSv from '@angular/common/locales/sv';
+import localeSvExtra from '@angular/common/locales/extra/sv';
+
+/**
+ * import and register locales (currently MWP uses only French and English)
+ */
+registerLocaleData(localeBg, 'bg', localeBgExtra);
+registerLocaleData(localeEs, 'es', localeEsExtra);
+registerLocaleData(localeCs, 'cs', localeCsExtra);
+registerLocaleData(localeDa, 'da', localeDaExtra);
+registerLocaleData(localeDe, 'de', localeDeExtra);
+registerLocaleData(localeEt, 'et', localeEtExtra);
+registerLocaleData(localeEl, 'el', localeElExtra);
+registerLocaleData(localeEn, 'en', localeEnExtra);
+registerLocaleData(localeFr, 'fr', localeFrExtra);
+registerLocaleData(localeGa, 'ga', localeGaExtra);
+registerLocaleData(localeHr, 'hr', localeHrExtra);
+registerLocaleData(localeIt, 'it', localeItExtra);
+registerLocaleData(localeLv, 'lv', localeLvExtra);
+registerLocaleData(localeLt, 'lt', localeLtExtra);
+registerLocaleData(localeHu, 'hu', localeHuExtra);
+registerLocaleData(localeMt, 'mt', localeMtExtra);
+registerLocaleData(localeNl, 'nl', localeNlExtra);
+registerLocaleData(localePl, 'pl', localePlExtra);
+registerLocaleData(localePt, 'pt', localePtExtra);
+registerLocaleData(localeRo, 'ro', localeRoExtra);
+registerLocaleData(localeSk, 'sk', localeSkExtra);
+registerLocaleData(localeSl, 'sl', localeSlExtra);
+registerLocaleData(localeFi, 'fi', localeFiExtra);
+registerLocaleData(localeSv, 'sv', localeSvExtra);
+
+const languages = ['bg', 'es', 'cs', 'da', 'de', 'et', 'el', 'en', 'fr', 'ga', 'hr', 'it', 'lv', 'lt', 'hu', 'mt', 'nl', 'pl',
+    'pt', 'ro', 'sk', 'sl', 'fi', 'sv'];
+
+/**
+ * Internationalization Configuration
+ */
+const i18nConfig: I18nConfig = {
+    i18nLoader: {
+        i18nFolders: ['elements/@remote.name@/bundles/assets/i18n-compiled'],
+    },
+    i18nService: {
+        languages: languages,
+        defaultLanguage: 'en',
+    },
+};
+
+/**
+ * Locale Configuration
+ */
+const localeConfig: LocaleServiceConfig = {
+    id: 'en',
+    available: languages,
+    bindWithTranslate: true,
+    affectGlobalLocale: true,
+};
+
+/**
+ * Global Configuration
+ */
+export const GLOBAL: GlobalConfig = {
+    /* URL that needs to be used in the appRouting of the MWP */
+    baseUrl: '@base.url@',
+    /* Element tag name that needs to be unique - make sure it doesn't collide with any other MWP element */
+    elementName: '@element.name@',
+    /* in case you are using NgRx give it a unique name (mostly for debugging) */
+    storeName: '@store.name@',
+    i18n: i18nConfig,
+    locale: localeConfig,
+    eui: {
+        assetsBaseUrl: 'assets/elements/@remote.name@/bundles/assets',
+    },
+};

package/scripts/csdr/init/remotes/19.x/full/options/definitions/dynamic-forms.json

@@ -0,0 +1,4 @@
+{
+    "imports": "import { DynamicFormsModule } from '@eui/dynamic-forms'; import { dynMapConfig } from '@root.npm.pkg@'; ",
+    "definitions": "DynamicFormsModule.forRoot(dynMapConfig)"
+}

package/scripts/csdr/init/remotes/19.x/full/options/definitions/dynatrace.json

@@ -0,0 +1,4 @@
+{
+    "declarations": "declare const window: { dT_: { initAngularNg?: any } | undefined };",
+    "constructorDeclarations": "if (window?.dT_?.initAngularNg) { window.dT_.initAngularNg(http, HttpHeaders); }"
+}

package/scripts/csdr/init/remotes/19.x/full/options/definitions/participant.json

@@ -0,0 +1,3 @@
+{
+    "providers": "...CONTAINER_MAPPED_PROVIDERS"
+}

package/scripts/csdr/init/remotes/19.x/full/options/definitions/user-reducers.json

@@ -0,0 +1,3 @@
+{
+    "providers": "{ provide: USER_PROVIDED_META_REDUCERS, deps: [CONFIG_TOKEN, ElementStorageService], useFactory: metaReducers }"
+}

package/scripts/csdr/init/remotes/19.x/full/options/definitions/zipkin.json

@@ -0,0 +1,5 @@
+{
+    "imports": "import { getZipkinConfig, TRACE_MODULE_CONFIGURATION, ZipkinModule } from '@csdr/zipkin-tracing';",
+    "definitions": "ZipkinModule.forRoot()",
+    "providers": "{ provide: TRACE_MODULE_CONFIGURATION, useFactory: getZipkinConfig, deps: [CONFIG_TOKEN] }"
+}

package/scripts/csdr/init/remotes/19.x/full/options/extra-locales/config/global.ts

@@ -0,0 +1,215 @@
+import { registerLocaleData } from '@angular/common';
+
+// import and register locale manually
+import localeEn from '@angular/common/locales/en';
+import localeEN_150 from '@angular/common/locales/en-150';
+import localeEN_AT from '@angular/common/locales/en-AT';
+import localeEN_BE from '@angular/common/locales/en-BE';
+import localeEN_CH from '@angular/common/locales/en-CH';
+import localeEN_CY from '@angular/common/locales/en-CY';
+import localeEN_DE from '@angular/common/locales/en-DE';
+import localeEN_DK from '@angular/common/locales/en-DK';
+import localeEN_FI from '@angular/common/locales/en-FI';
+import localeEN_GG from '@angular/common/locales/en-GG';
+import localeEN_GI from '@angular/common/locales/en-GI';
+import localeEN_IE from '@angular/common/locales/en-IE';
+import localeEN_IM from '@angular/common/locales/en-IM';
+import localeEN_JE from '@angular/common/locales/en-JE';
+import localeEN_MT from '@angular/common/locales/en-MT';
+import localeEN_NL from '@angular/common/locales/en-NL';
+import localeEN_SE from '@angular/common/locales/en-SE';
+import localeEN_SI from '@angular/common/locales/en-SI';
+import localeEnExtra from '@angular/common/locales/extra/en';
+import localeEnExtra_150 from '@angular/common/locales/extra/en-150';
+import localeEnExtra_AT from '@angular/common/locales/extra/en-AT';
+import localeEnExtra_BE from '@angular/common/locales/extra/en-BE';
+import localeEnExtra_CH from '@angular/common/locales/extra/en-CH';
+import localeEnExtra_CY from '@angular/common/locales/extra/en-CY';
+import localeEnExtra_DE from '@angular/common/locales/extra/en-DE';
+import localeEnExtra_DK from '@angular/common/locales/extra/en-DK';
+import localeEnExtra_FI from '@angular/common/locales/extra/en-FI';
+import localeEnExtra_GG from '@angular/common/locales/extra/en-GG';
+import localeEnExtra_GI from '@angular/common/locales/extra/en-GI';
+import localeEnExtra_IE from '@angular/common/locales/extra/en-IE';
+import localeEnExtra_IM from '@angular/common/locales/extra/en-IM';
+import localeEnExtra_JE from '@angular/common/locales/extra/en-JE';
+import localeEnExtra_MT from '@angular/common/locales/extra/en-MT';
+import localeEnExtra_NL from '@angular/common/locales/extra/en-NL';
+import localeEnExtra_SE from '@angular/common/locales/extra/en-SE';
+import localeEnExtra_SI from '@angular/common/locales/extra/en-SI';
+import localeFr from '@angular/common/locales/fr';
+import localeFR_MC from '@angular/common/locales/fr-MC';
+import localeFR_LU from '@angular/common/locales/fr-LU';
+import localeFR_CH from '@angular/common/locales/fr-CH';
+import localeFR_BE from '@angular/common/locales/fr-BE';
+import localeFRExtra_BE from '@angular/common/locales/extra/fr-BE';
+import localeFRExtra_CH from '@angular/common/locales/extra/fr-CH';
+import localeFRExtra_LU from '@angular/common/locales/extra/fr-LU';
+import localeFRExtra_MC from '@angular/common/locales/extra/fr-MC';
+import localeFrExtra from '@angular/common/locales/extra/fr';
+
+import { GlobalConfig, I18nConfig, LocaleServiceConfig } from '@eui/core';
+
+import * as moment from 'moment';
+
+/**
+ * import and register locales (currently MWP uses only French and English)
+ */
+registerLocaleData(localeEn, 'en', localeEnExtra);
+registerLocaleData(localeFr, 'fr', localeFrExtra);
+registerLocaleData(localeEN_150, localeEnExtra_150);
+registerLocaleData(localeEN_AT, localeEnExtra_AT);
+registerLocaleData(localeEN_BE, localeEnExtra_BE);
+registerLocaleData(localeEN_CH, localeEnExtra_CH);
+registerLocaleData(localeEN_CY, localeEnExtra_CY);
+registerLocaleData(localeEN_DE, localeEnExtra_DE);
+registerLocaleData(localeEN_DK, localeEnExtra_DK);
+registerLocaleData(localeEN_FI, localeEnExtra_FI);
+registerLocaleData(localeEN_GG, localeEnExtra_GG);
+registerLocaleData(localeEN_GI, localeEnExtra_GI);
+registerLocaleData(localeEN_IE, localeEnExtra_IE);
+registerLocaleData(localeEN_IM, localeEnExtra_IM);
+registerLocaleData(localeEN_JE, localeEnExtra_JE);
+registerLocaleData(localeEN_MT, localeEnExtra_MT);
+registerLocaleData(localeEN_NL, localeEnExtra_NL);
+registerLocaleData(localeEN_SE, localeEnExtra_SE);
+registerLocaleData(localeEN_SI, localeEnExtra_SI);
+registerLocaleData(localeFR_MC, localeFRExtra_MC);
+registerLocaleData(localeFR_LU, localeFRExtra_LU);
+registerLocaleData(localeFR_CH, localeFRExtra_CH);
+registerLocaleData(localeFR_BE, localeFRExtra_BE);
+
+/**
+ * Within the MyWP environment, the 'L' and 'l' date formats have been modified to align with each other
+ * and to adhere to the CLDR-based date formats utilized by Angular.
+ * For instance, the 'shortDate' format now corresponds to 'DD/MM/YY' instead of the default
+ * Moment.js format of 'DD/MM/YYYY'.
+ */
+const longDateFormat = {
+    /** LTS: Specifies the format for displaying time with seconds. */
+    LT: 'HH:mm',
+    /** LT: Specifies the format for displaying time without seconds. */
+    LTS: 'HH:mm:ss',
+    /**
+     * This format typically produces a localized short date format that is more complete,
+     * often including the full month name and day of the month without any abbreviations.
+     * e.g. moment().format('L'); // Output: 09/03/2024
+     */
+    /** L: Specifies the format for displaying the date in short format. */
+    L: 'DD/MM/YY',
+    /** LL: Specifies the format for displaying the date in long format. */
+    LL: 'D MMMM YYYY',
+    /** LLL: Specifies the format for displaying the date and time. */
+    LLL: 'D MMMM YYYY HH:mm',
+    /** LLLL: Specifies the format for displaying the full date and time with the day of the week. */
+    LLLL: 'dddd, D MMMM YYYY HH:mm',
+    /**
+     * This format usually renders a localized short date format that is even shorter,
+     * potentially using abbreviations for the month and/or day of the month.
+     * e.g. moment().format('l'); // Output: 9/3/2024
+     */
+    /** l: Specifies the format for displaying the date in short format. */
+    l: 'DD/MM/YY',
+    /** ll: Specifies the format for displaying the date in long format. */
+    ll: 'D MMMM YYYY',
+    /** lll: Specifies the format for displaying the date and time. */
+    lll: 'D MMMM YYYY HH:mm',
+    /** llll: Specifies the format for displaying the full date and time with the day of the week. */
+    llll: 'dddd, D MMMM YYYY HH:mm',
+}
+
+const longDateFormat_Common = {
+    LT: 'HH:mm',
+    LTS: 'HH:mm:ss',
+    L: 'DD/MM/YYYY',
+    LL: 'D MMMM YYYY',
+    LLL: 'D MMMM YYYY HH:mm',
+    LLLL: 'dddd, D MMMM YYYY HH:mm',
+    l: 'DD/MM/YYYY',
+    ll: 'D MMMM YYYY',
+    lll: 'D MMMM YYYY HH:mm',
+    llll: 'dddd, D MMMM YYYY HH:mm',
+}
+
+moment.defineLocale('en-at', { parentLocale: 'en', longDateFormat_Common });
+moment.defineLocale('en-be', { parentLocale: 'en', longDateFormat });
+moment.defineLocale('en-ch', { parentLocale: 'en', longDateFormat_Common });
+moment.defineLocale('en-cy', { parentLocale: 'en', longDateFormat_Common });
+moment.defineLocale('en-de', { parentLocale: 'en', longDateFormat_Common });
+moment.defineLocale('en-dk', { parentLocale: 'en', longDateFormat_Common });
+moment.defineLocale('en-fi', { parentLocale: 'en', longDateFormat_Common });
+moment.defineLocale('en-gg', { parentLocale: 'en', longDateFormat_Common });
+moment.defineLocale('en-gi', { parentLocale: 'en', longDateFormat_Common });
+moment.defineLocale('en-im', { parentLocale: 'en', longDateFormat_Common });
+moment.defineLocale('en-je', { parentLocale: 'en', longDateFormat_Common });
+moment.defineLocale('en-mt', { parentLocale: 'en', longDateFormat_Common });
+moment.defineLocale('en-nl', { parentLocale: 'en', longDateFormat_Common });
+moment.defineLocale('en-se', {
+    parentLocale: 'en',
+    longDateFormat: {
+        /** LTS: Specifies the format for displaying time with seconds. */
+        LT: 'HH:mm',
+        /** LT: Specifies the format for displaying time without seconds. */
+        LTS: 'HH:mm:ss',
+        /** L: Specifies the format for displaying the date in short format. */
+        L: 'Y-MM-DD',
+        /** LL: Specifies the format for displaying the date in long format. */
+        LL: 'D MMMM YYYY',
+        /** LLL: Specifies the format for displaying the date and time. */
+        LLL: 'D MMMM YYYY HH:mm',
+        /** LLLL: Specifies the format for displaying the full date and time with the day of the week. */
+        LLLL: 'dddd, D MMMM YYYY HH:mm',
+        /** l: Specifies the format for displaying the date in short format. */
+        l: 'Y-MM-DD',
+        /** ll: Specifies the format for displaying the date in long format. */
+        ll: 'D MMMM YYYY',
+        /** lll: Specifies the format for displaying the date and time. */
+        lll: 'D MMMM YYYY HH:mm',
+        /** llll: Specifies the format for displaying the full date and time with the day of the week. */
+        llll: 'dddd, D MMMM YYYY HH:mm',
+    }
+});
+moment.defineLocale('en-si', { parentLocale: 'en', longDateFormat_Common });
+moment.defineLocale('fr-be', { parentLocale: 'fr', longDateFormat });
+moment.defineLocale('fr-lu', { parentLocale: 'fr', longDateFormat });
+moment.defineLocale('fr-mc', { parentLocale: 'fr', longDateFormat });
+
+/**
+ * Internationalization Configuration
+ */
+const i18nConfig: I18nConfig = {
+    i18nLoader: {
+        i18nFolders: ['elements/@remote.name@/bundles/assets/i18n-compiled'],
+    },
+    i18nService: {
+        languages: ['en', 'fr'],
+        defaultLanguage: 'en',
+    },
+};
+
+/**
+ * Locale Configuration
+ */
+const localeConfig: LocaleServiceConfig = {
+    id: 'en',
+    available: ['en', 'fr'],
+    bindWithTranslate: true,
+    affectGlobalLocale: true,
+};
+
+/**
+ * Global Configuration
+ */
+export const GLOBAL: GlobalConfig = {
+    /* URL that needs to be used in the appRouting of the MWP */
+    baseUrl: '@base.url@',
+    /* Element tag name that needs to be unique - make sure it doesn't collide with any other MWP element */
+    elementName: '@element.name@',
+    /* in case you are using NgRx give it a unique name (mostly for debugging) */
+    storeName: '@store.name@',
+    i18n: i18nConfig,
+    locale: localeConfig,
+    eui: {
+        assetsBaseUrl: 'assets/elements/@remote.name@/bundles/assets',
+    },
+};

package/scripts/csdr/init/remotes/19.x/full/options/participant/app/module.component.ts

@@ -0,0 +1,94 @@
+import { ChangeDetectionStrategy, Component, ElementRef, inject, OnDestroy, OnInit, signal } from '@angular/core';
+
+import { Subscription } from 'rxjs';
+import { first } from 'rxjs/operators';
+
+import { CONFIG_TOKEN } from '@eui/core';
+import { ElementLifeCycleService, ElementSetupService } from '@csdr/integration/element';
+
+type StatusType = 'Loading' | 'Loaded' | 'Failed';
+
+@Component({
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    template: `
+        @if (status() === 'Loaded') {
+            <!-- BLOCK_CONTAINER_PLACEHOLDER -->
+        }
+        @if (status() === 'Loading') {
+            <eui-block-content [isBlocked]="true">
+                <div style="height: 100%"></div>
+            </eui-block-content>
+        }
+        @if (status() === 'Failed') {
+            <div class="error-container">
+                <div>
+                    <h1>Translations or user data for this module failed to load.</h1>
+                    <p>Do you want to try again?</p>
+                    <button euiButton euiPrimary (click)="loadData()">
+                        <span euiLabel>{{ 'global.RELOAD' | translate }}</span>
+                    </button>
+                </div>
+            </div>
+        }`,
+    styles: [`
+        .error-container {
+            width: 50vw;
+            height: 50vh;
+            position: absolute;
+            top: 50%;
+            left: 50%;
+            transform: translate(-50%, -50%);
+        }
+
+        .error-container div {
+            text-align: center
+        }
+    `],
+    standalone: false,
+})
+export class ModuleComponent implements OnInit, OnDestroy {
+    status = signal<StatusType | undefined>(undefined);
+
+    block: any;
+
+    private initSubscription: Subscription | undefined = undefined;
+
+    private elRef = inject(ElementRef);
+    private config = inject(CONFIG_TOKEN);
+    private elementLifeCycleService = inject(ElementLifeCycleService);
+    private elementSetupService = inject(ElementSetupService);
+
+    ngOnInit() {
+        this.block = this.elRef.nativeElement.block;
+        const elementData = this.elementLifeCycleService.getElementData(this.elRef);
+        this.elementLifeCycleService.setup(elementData);
+        this.loadData();
+    }
+
+    ngOnDestroy(): void {
+        this.initSubscription?.unsubscribe();
+        this.elementLifeCycleService.cleanup();
+    }
+
+    loadData() {
+        this.status.set('Loading');
+        try {
+            this.initSubscription?.unsubscribe();
+
+            this.initSubscription = this.elementSetupService
+                .init()
+                .pipe(first())
+                .subscribe((loadStatus: { success: boolean, error?: string }) => {
+                    if (!loadStatus.success) {
+                        this.status.set('Failed');
+                        console.error(`[ELEMENT: ${this.config.global.elementName}] `, loadStatus.error);
+                    } else {
+                        this.status.set('Loaded');
+                    }
+                });
+        } catch (e) {
+            console.log(e);
+            this.status.set('Failed');
+        }
+    }
+}

package/scripts/csdr/init/remotes/19.x/full/options/participant/app/routing.module.ts

@@ -0,0 +1,21 @@
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+
+import { appConfig } from '../config/index'; // tslint:disable-line
+import { FallbackComponent } from './fallback.component'; // tslint:disable-line
+import { ModuleComponent } from './module.component';
+
+const elementRoutes: Routes = [
+    { path: '**', component: ModuleComponent },
+];
+
+@NgModule({
+    imports: [
+        RouterModule.forRoot(elementRoutes),
+    ],
+    exports: [
+        RouterModule,
+    ],
+})
+export class RoutingModule {
+}

package/scripts/csdr/init/remotes/19.x/full/options/participant/config/index.ts

@@ -0,0 +1,10 @@
+import { GLOBAL } from './global';
+import { MODULES } from './modules';
+
+import { EuiAppConfig } from '@eui/core';
+import { configMapping } from '@csdr/integration/element';
+
+export const appConfig: EuiAppConfig = configMapping({
+    global: GLOBAL,
+    modules: MODULES,
+});

package/scripts/csdr/init/remotes/19.x/full/options/user-reducers/app/reducers/index.ts

@@ -0,0 +1,75 @@
+import { InjectionToken } from '@angular/core';
+import { ActionReducer, ActionReducerMap, MetaReducer, INIT, RuntimeChecks } from '@ngrx/store';
+import * as fromRouter from '@ngrx/router-store';
+import { storeFreeze } from 'ngrx-store-freeze';
+
+import { reducers as coreReducers, CoreState } from '@eui/core';
+import { ElementStorageService } from '@csdr/core';
+
+import { environment } from '../../environments/environment';
+
+export interface AppState extends CoreState {
+    router: fromRouter.RouterReducerState<any>;
+}
+
+// -----------------
+// ------------ AOT
+export const TOKEN = new InjectionToken<any>('AppReducers');
+
+export function getReducers(): ActionReducerMap<AppState, any> {
+    return {
+        router: fromRouter.routerReducer,
+        ...coreReducers,
+    };
+}
+
+export const reducerProvider = [
+    { provide: TOKEN, useFactory: getReducers },
+];
+
+// console.log all actions
+export function logger(reducer: ActionReducer<AppState>): ActionReducer<AppState> {
+    return (state, action) => {
+        const result = reducer(state, action);
+        console.groupCollapsed(action.type);
+        console.log('prev state', state);
+        console.log('action', action);
+        console.log('next state', result);
+        console.groupEnd();
+
+        return result;
+    };
+}
+
+export function hydrationFactory(config: any, elementStorage: ElementStorageService): MetaReducer<AppState> {
+    return (reducer: ActionReducer<AppState>): ActionReducer<any> => {
+        return (state, action) => {
+            const key = `NgRx store: ${config.global.elementName}`;
+            if (action.type === INIT && elementStorage.hasData(key)) {
+                const cachedState = elementStorage.getData(key);
+                const nextStateFromCache = reducer(cachedState as AppState, action);
+                elementStorage.setData(key, nextStateFromCache);
+                return nextStateFromCache;
+            }
+            const nextState = reducer(state, action);
+            elementStorage.setData(key, nextState);
+            return nextState;
+        };
+    };
+}
+
+export function metaReducers(config: any, elementStorage: ElementStorageService): MetaReducer<AppState>[] {
+    if (!environment.production) {
+        return [logger, storeFreeze, hydrationFactory(config, elementStorage)];
+    }
+    return [hydrationFactory(config, elementStorage)];
+}
+
+export const runtimeChecks: RuntimeChecks = {
+    strictStateSerializability: false,
+    strictActionSerializability: false,
+    strictStateImmutability: false,
+    strictActionImmutability: false,
+    strictActionWithinNgZone: false,
+    strictActionTypeUniqueness: false,
+};

package/scripts/utils/build/package/element.js

@@ -42,7 +42,11 @@ module.exports.build = (pkg, isMaster) => {
       if (versionNumber <= 10) {
         args = ['--max_old_space_size=8096', ng, 'build', pkgName, '--prod'];
       } else {
-        args = ['--max_old_space_size=8096', ng, 'build', pkgName];
+        if (versionNumber >= 19) {
+          args = [ng, 'build', pkgName];
+        } else {
+          args = ['--max_old_space_size=8096', ng, 'build', pkgName];
+        }
       }
 
       if (statsJson) {