@eui/ecl 21.2.4 → 21.2.5-snapshot-1777542445736

package/docs/json/documentation.json

@@ -2699,12 +2699,12 @@
         },
         {
             "name": "EclAppLanguageDismissEvent",
-            "id": "class-EclAppLanguageDismissEvent-8ef91486157c71f5a045531a7960729d91e83bea8a6ab9e8fb10fa4b8336f48b113a54db9135d677bf076f5dbd7c20205aa4a7353a10d29dd643051b415b7b23",
+            "id": "class-EclAppLanguageDismissEvent-78b52c516430ce7c1a68147ee861fe17a0cdc42202283b2222fcb150d4eb7ffe38cef35968a48c15cf1d3a1008bc2f0c49ac81f1a8cf376abaa44cf0edf0d925",
             "file": "packages/ecl/components/ecl-app/ecl-app.component.ts",
             "deprecated": false,
             "deprecationMessage": "",
             "type": "class",
-            "sourceCode": "import { DOCUMENT, isPlatformBrowser } from '@angular/common';\nimport { AfterViewInit, Component, ContentChild, EventEmitter, HostBinding, OnDestroy, OnInit, Output, PLATFORM_ID, inject } from '@angular/core';\nimport { CssUtils, EuiAppShellService } from '@eui/core';\nimport { EuiLanguage } from '@eui/base';\nimport { EclSiteHeaderLanguageComponent, EclSiteHeaderLanguageSelectedEvent } from '@eui/ecl/components/ecl-site-header';\nimport { ECLBaseDirective, EclBaseEvent, EclRtlService } from '@eui/ecl/core';\nimport { fromEvent, Subject } from 'rxjs';\nimport { debounceTime, takeUntil } from 'rxjs/operators';\n\n/**\n * The wrapper component for an ecl application. Has some important global properties.\n */\nexport class EclAppLanguageDismissEvent extends EclBaseEvent {\n    constructor(public language?: EuiLanguage) {\n        super();\n    }\n}\n\n@Component({\n    selector: 'ecl-app',\n    templateUrl: './ecl-app.component.html',\n})\nexport class EclAppComponent extends ECLBaseDirective implements OnInit, AfterViewInit, OnDestroy {\n    /**\n     * Text direction, by default is 'ltr' - left-to-write. Can also be 'rtl' - right-to-left, which will\n     *  make all components within <ecl-app> to lign to the right, and apply some special styling and functionality.\n     */\n    @HostBinding('attr.dir') textDirection = 'ltr';\n\n    @ContentChild(EclSiteHeaderLanguageComponent) eclSiteHeaderLanguage: EclSiteHeaderLanguageComponent;\n\n    @Output() languageDismiss = new EventEmitter<EclAppLanguageDismissEvent>();\n\n    protected destroy$: Subject<boolean> = new Subject<boolean>();\n    private readonly eclRtlService = inject(EclRtlService);\n    private readonly document = inject<Document>(DOCUMENT);\n    private readonly platformId = inject(PLATFORM_ID);\n    private readonly appShellService = inject(EuiAppShellService);\n\n    ngOnInit(): void {\n        if (isPlatformBrowser(this.platformId)) {\n            const browserAgent = window.navigator.userAgent.toLowerCase();\n\n            this.appShellService.setState({\n                ...this.appShellService.state,\n                windowHeight: window.innerHeight,\n                windowWidth: window.innerWidth,\n                hasHeader: false,\n                hasSidebar: false,\n                deviceInfo: {\n                    isChrome: browserAgent.indexOf('chrome') > -1,\n                    isIE: browserAgent.indexOf('trident') > -1,\n                    isFF: browserAgent.indexOf('firefox') > -1,\n                },\n                appBaseFontSize: this.appShellService.getBaseFontSize(),\n            });\n        }\n\n        if (isPlatformBrowser(this.platformId)) {\n            fromEvent(window, 'resize')\n                .pipe(debounceTime(50), takeUntil(this.destroy$))\n                .subscribe(() => {\n                    this.appShellService?.setState({\n                        ...this.appShellService.state,\n                        windowHeight: window.innerHeight,\n                        windowWidth: window.innerWidth,\n                    });\n                    CssUtils.setAppViewportCssVars(this.platformId);\n                });\n        }\n    }\n\n    ngAfterViewInit(): void {\n        // Adds global class, which is used to apply the correct styling for eui-21.\n        CssUtils.setHtmlClass('eui-21', this.document);\n        this.handleRtlChangeState();\n        this.handleUIEvents();\n    }\n\n    ngOnDestroy(): void {\n        this.destroy$.next(true);\n        this.destroy$.unsubscribe();\n    }\n\n    /**\n     * Changes the text direction from 'ltr' to 'rtl' and vice versa.\n     */\n    private handleRtlChangeState(): void {\n        this.eclRtlService.currentRtlState$.pipe(takeUntil(this.destroy$)).subscribe((rtlState) => {\n            if (rtlState) {\n                this.textDirection = 'rtl';\n            } else {\n                this.textDirection = 'ltr';\n            }\n        });\n    }\n\n    private handleUIEvents(): void {\n        this.eclSiteHeaderLanguage?.languageSelected\n            .pipe(takeUntil(this.destroy$))\n            .subscribe((evt: EclSiteHeaderLanguageSelectedEvent) => {\n                this.languageDismiss.next(new EclAppLanguageDismissEvent(evt.language));\n            });\n    }\n}\n",
+            "sourceCode": "import { DOCUMENT, isPlatformBrowser } from '@angular/common';\nimport { AfterViewInit, Component, ContentChild, EventEmitter, HostBinding, OnDestroy, OnInit, Output, PLATFORM_ID, inject } from '@angular/core';\nimport { CssUtils, EuiAppShellService } from '@eui/core';\nimport { EuiLanguage } from '@eui/base';\nimport { EclSiteHeaderLanguageComponent, EclSiteHeaderLanguageSelectedEvent } from '@eui/ecl/components/ecl-site-header';\nimport { ECLBaseDirective, EclBaseEvent, EclRtlService } from '@eui/ecl/core';\nimport { fromEvent, Subject } from 'rxjs';\nimport { debounceTime, takeUntil } from 'rxjs/operators';\n\n/**\n * The wrapper component for an ecl application. Has some important global properties.\n */\nexport class EclAppLanguageDismissEvent extends EclBaseEvent {\n    constructor(public language?: EuiLanguage) {\n        super();\n    }\n}\n\n@Component({\n    selector: 'ecl-app',\n    templateUrl: './ecl-app.component.html',\n})\nexport class EclAppComponent extends ECLBaseDirective implements OnInit, AfterViewInit, OnDestroy {\n    /**\n     * Text direction, by default is 'ltr' - left-to-write. Can also be 'rtl' - right-to-left, which will\n     *  make all components within <ecl-app> to lign to the right, and apply some special styling and functionality.\n     */\n    @HostBinding('attr.dir') textDirection = 'ltr';\n\n    @ContentChild(EclSiteHeaderLanguageComponent) eclSiteHeaderLanguage: EclSiteHeaderLanguageComponent;\n\n    @Output() languageDismiss = new EventEmitter<EclAppLanguageDismissEvent>();\n\n    protected destroy$: Subject<boolean> = new Subject<boolean>();\n    private readonly eclRtlService = inject(EclRtlService);\n    private readonly document = inject<Document>(DOCUMENT);\n    private readonly platformId = inject(PLATFORM_ID);\n    private readonly appShellService = inject(EuiAppShellService);\n\n    ngOnInit(): void {\n\n        CssUtils.initCssVars(this.document, this.platformId);\n        if (isPlatformBrowser(this.platformId)) {\n            const browserAgent = window.navigator.userAgent.toLowerCase();\n\n            this.appShellService.setState({\n                ...this.appShellService.state,\n                windowHeight: window.innerHeight,\n                windowWidth: window.innerWidth,\n                hasHeader: false,\n                hasSidebar: false,\n                deviceInfo: {\n                    isChrome: browserAgent.indexOf('chrome') > -1,\n                    isIE: browserAgent.indexOf('trident') > -1,\n                    isFF: browserAgent.indexOf('firefox') > -1,\n                },\n                appBaseFontSize: this.appShellService.getBaseFontSize(),\n            });\n        }\n\n        if (isPlatformBrowser(this.platformId)) {\n            fromEvent(window, 'resize')\n                .pipe(debounceTime(50), takeUntil(this.destroy$))\n                .subscribe(() => {\n                    this.appShellService?.setState({\n                        ...this.appShellService.state,\n                        windowHeight: window.innerHeight,\n                        windowWidth: window.innerWidth,\n                    });\n                    CssUtils.setAppViewportCssVars(this.platformId);\n                });\n        }\n    }\n\n    ngAfterViewInit(): void {\n        // Adds global class, which is used to apply the correct styling for eui-21.\n        CssUtils.setHtmlClass('eui-21', this.document);\n        this.handleRtlChangeState();\n        this.handleUIEvents();\n    }\n\n    ngOnDestroy(): void {\n        this.destroy$.next(true);\n        this.destroy$.unsubscribe();\n    }\n\n    /**\n     * Changes the text direction from 'ltr' to 'rtl' and vice versa.\n     */\n    private handleRtlChangeState(): void {\n        this.eclRtlService.currentRtlState$.pipe(takeUntil(this.destroy$)).subscribe((rtlState) => {\n            if (rtlState) {\n                this.textDirection = 'rtl';\n            } else {\n                this.textDirection = 'ltr';\n            }\n        });\n    }\n\n    private handleUIEvents(): void {\n        this.eclSiteHeaderLanguage?.languageSelected\n            .pipe(takeUntil(this.destroy$))\n            .subscribe((evt: EclSiteHeaderLanguageSelectedEvent) => {\n                this.languageDismiss.next(new EclAppLanguageDismissEvent(evt.language));\n            });\n    }\n}\n",
             "constructorObj": {
                 "name": "constructor",
                 "description": "",
@@ -32606,7 +32606,7 @@
         },
         {
             "name": "EclAppComponent",
-            "id": "component-EclAppComponent-8ef91486157c71f5a045531a7960729d91e83bea8a6ab9e8fb10fa4b8336f48b113a54db9135d677bf076f5dbd7c20205aa4a7353a10d29dd643051b415b7b23",
+            "id": "component-EclAppComponent-78b52c516430ce7c1a68147ee861fe17a0cdc42202283b2222fcb150d4eb7ffe38cef35968a48c15cf1d3a1008bc2f0c49ac81f1a8cf376abaa44cf0edf0d925",
             "file": "packages/ecl/components/ecl-app/ecl-app.component.ts",
             "encapsulation": [],
             "entryComponents": [],
@@ -32730,7 +32730,7 @@
                     "optional": false,
                     "returnType": "void",
                     "typeParameters": [],
-                    "line": 73,
+                    "line": 75,
                     "deprecated": false,
                     "deprecationMessage": ""
                 },
@@ -32740,7 +32740,7 @@
                     "optional": false,
                     "returnType": "void",
                     "typeParameters": [],
-                    "line": 80,
+                    "line": 82,
                     "deprecated": false,
                     "deprecationMessage": ""
                 },
@@ -32811,7 +32811,7 @@
             "description": "",
             "rawdescription": "\n",
             "type": "component",
-            "sourceCode": "import { DOCUMENT, isPlatformBrowser } from '@angular/common';\nimport { AfterViewInit, Component, ContentChild, EventEmitter, HostBinding, OnDestroy, OnInit, Output, PLATFORM_ID, inject } from '@angular/core';\nimport { CssUtils, EuiAppShellService } from '@eui/core';\nimport { EuiLanguage } from '@eui/base';\nimport { EclSiteHeaderLanguageComponent, EclSiteHeaderLanguageSelectedEvent } from '@eui/ecl/components/ecl-site-header';\nimport { ECLBaseDirective, EclBaseEvent, EclRtlService } from '@eui/ecl/core';\nimport { fromEvent, Subject } from 'rxjs';\nimport { debounceTime, takeUntil } from 'rxjs/operators';\n\n/**\n * The wrapper component for an ecl application. Has some important global properties.\n */\nexport class EclAppLanguageDismissEvent extends EclBaseEvent {\n    constructor(public language?: EuiLanguage) {\n        super();\n    }\n}\n\n@Component({\n    selector: 'ecl-app',\n    templateUrl: './ecl-app.component.html',\n})\nexport class EclAppComponent extends ECLBaseDirective implements OnInit, AfterViewInit, OnDestroy {\n    /**\n     * Text direction, by default is 'ltr' - left-to-write. Can also be 'rtl' - right-to-left, which will\n     *  make all components within <ecl-app> to lign to the right, and apply some special styling and functionality.\n     */\n    @HostBinding('attr.dir') textDirection = 'ltr';\n\n    @ContentChild(EclSiteHeaderLanguageComponent) eclSiteHeaderLanguage: EclSiteHeaderLanguageComponent;\n\n    @Output() languageDismiss = new EventEmitter<EclAppLanguageDismissEvent>();\n\n    protected destroy$: Subject<boolean> = new Subject<boolean>();\n    private readonly eclRtlService = inject(EclRtlService);\n    private readonly document = inject<Document>(DOCUMENT);\n    private readonly platformId = inject(PLATFORM_ID);\n    private readonly appShellService = inject(EuiAppShellService);\n\n    ngOnInit(): void {\n        if (isPlatformBrowser(this.platformId)) {\n            const browserAgent = window.navigator.userAgent.toLowerCase();\n\n            this.appShellService.setState({\n                ...this.appShellService.state,\n                windowHeight: window.innerHeight,\n                windowWidth: window.innerWidth,\n                hasHeader: false,\n                hasSidebar: false,\n                deviceInfo: {\n                    isChrome: browserAgent.indexOf('chrome') > -1,\n                    isIE: browserAgent.indexOf('trident') > -1,\n                    isFF: browserAgent.indexOf('firefox') > -1,\n                },\n                appBaseFontSize: this.appShellService.getBaseFontSize(),\n            });\n        }\n\n        if (isPlatformBrowser(this.platformId)) {\n            fromEvent(window, 'resize')\n                .pipe(debounceTime(50), takeUntil(this.destroy$))\n                .subscribe(() => {\n                    this.appShellService?.setState({\n                        ...this.appShellService.state,\n                        windowHeight: window.innerHeight,\n                        windowWidth: window.innerWidth,\n                    });\n                    CssUtils.setAppViewportCssVars(this.platformId);\n                });\n        }\n    }\n\n    ngAfterViewInit(): void {\n        // Adds global class, which is used to apply the correct styling for eui-21.\n        CssUtils.setHtmlClass('eui-21', this.document);\n        this.handleRtlChangeState();\n        this.handleUIEvents();\n    }\n\n    ngOnDestroy(): void {\n        this.destroy$.next(true);\n        this.destroy$.unsubscribe();\n    }\n\n    /**\n     * Changes the text direction from 'ltr' to 'rtl' and vice versa.\n     */\n    private handleRtlChangeState(): void {\n        this.eclRtlService.currentRtlState$.pipe(takeUntil(this.destroy$)).subscribe((rtlState) => {\n            if (rtlState) {\n                this.textDirection = 'rtl';\n            } else {\n                this.textDirection = 'ltr';\n            }\n        });\n    }\n\n    private handleUIEvents(): void {\n        this.eclSiteHeaderLanguage?.languageSelected\n            .pipe(takeUntil(this.destroy$))\n            .subscribe((evt: EclSiteHeaderLanguageSelectedEvent) => {\n                this.languageDismiss.next(new EclAppLanguageDismissEvent(evt.language));\n            });\n    }\n}\n",
+            "sourceCode": "import { DOCUMENT, isPlatformBrowser } from '@angular/common';\nimport { AfterViewInit, Component, ContentChild, EventEmitter, HostBinding, OnDestroy, OnInit, Output, PLATFORM_ID, inject } from '@angular/core';\nimport { CssUtils, EuiAppShellService } from '@eui/core';\nimport { EuiLanguage } from '@eui/base';\nimport { EclSiteHeaderLanguageComponent, EclSiteHeaderLanguageSelectedEvent } from '@eui/ecl/components/ecl-site-header';\nimport { ECLBaseDirective, EclBaseEvent, EclRtlService } from '@eui/ecl/core';\nimport { fromEvent, Subject } from 'rxjs';\nimport { debounceTime, takeUntil } from 'rxjs/operators';\n\n/**\n * The wrapper component for an ecl application. Has some important global properties.\n */\nexport class EclAppLanguageDismissEvent extends EclBaseEvent {\n    constructor(public language?: EuiLanguage) {\n        super();\n    }\n}\n\n@Component({\n    selector: 'ecl-app',\n    templateUrl: './ecl-app.component.html',\n})\nexport class EclAppComponent extends ECLBaseDirective implements OnInit, AfterViewInit, OnDestroy {\n    /**\n     * Text direction, by default is 'ltr' - left-to-write. Can also be 'rtl' - right-to-left, which will\n     *  make all components within <ecl-app> to lign to the right, and apply some special styling and functionality.\n     */\n    @HostBinding('attr.dir') textDirection = 'ltr';\n\n    @ContentChild(EclSiteHeaderLanguageComponent) eclSiteHeaderLanguage: EclSiteHeaderLanguageComponent;\n\n    @Output() languageDismiss = new EventEmitter<EclAppLanguageDismissEvent>();\n\n    protected destroy$: Subject<boolean> = new Subject<boolean>();\n    private readonly eclRtlService = inject(EclRtlService);\n    private readonly document = inject<Document>(DOCUMENT);\n    private readonly platformId = inject(PLATFORM_ID);\n    private readonly appShellService = inject(EuiAppShellService);\n\n    ngOnInit(): void {\n\n        CssUtils.initCssVars(this.document, this.platformId);\n        if (isPlatformBrowser(this.platformId)) {\n            const browserAgent = window.navigator.userAgent.toLowerCase();\n\n            this.appShellService.setState({\n                ...this.appShellService.state,\n                windowHeight: window.innerHeight,\n                windowWidth: window.innerWidth,\n                hasHeader: false,\n                hasSidebar: false,\n                deviceInfo: {\n                    isChrome: browserAgent.indexOf('chrome') > -1,\n                    isIE: browserAgent.indexOf('trident') > -1,\n                    isFF: browserAgent.indexOf('firefox') > -1,\n                },\n                appBaseFontSize: this.appShellService.getBaseFontSize(),\n            });\n        }\n\n        if (isPlatformBrowser(this.platformId)) {\n            fromEvent(window, 'resize')\n                .pipe(debounceTime(50), takeUntil(this.destroy$))\n                .subscribe(() => {\n                    this.appShellService?.setState({\n                        ...this.appShellService.state,\n                        windowHeight: window.innerHeight,\n                        windowWidth: window.innerWidth,\n                    });\n                    CssUtils.setAppViewportCssVars(this.platformId);\n                });\n        }\n    }\n\n    ngAfterViewInit(): void {\n        // Adds global class, which is used to apply the correct styling for eui-21.\n        CssUtils.setHtmlClass('eui-21', this.document);\n        this.handleRtlChangeState();\n        this.handleUIEvents();\n    }\n\n    ngOnDestroy(): void {\n        this.destroy$.next(true);\n        this.destroy$.unsubscribe();\n    }\n\n    /**\n     * Changes the text direction from 'ltr' to 'rtl' and vice versa.\n     */\n    private handleRtlChangeState(): void {\n        this.eclRtlService.currentRtlState$.pipe(takeUntil(this.destroy$)).subscribe((rtlState) => {\n            if (rtlState) {\n                this.textDirection = 'rtl';\n            } else {\n                this.textDirection = 'ltr';\n            }\n        });\n    }\n\n    private handleUIEvents(): void {\n        this.eclSiteHeaderLanguage?.languageSelected\n            .pipe(takeUntil(this.destroy$))\n            .subscribe((evt: EclSiteHeaderLanguageSelectedEvent) => {\n                this.languageDismiss.next(new EclAppLanguageDismissEvent(evt.language));\n            });\n    }\n}\n",
             "assetsDirs": [],
             "styleUrlsData": "",
             "stylesData": "",

package/docs/properties.html

@@ -121,7 +121,7 @@
     </ol>
     <ul class="properties-list">
         <li>
-            <b>Version</b> : 21.2.4</li>
+            <b>Version</b> : 21.2.5-snapshot-1777542445736</li>
     </ul>
 
 

package/fesm2022/eui-ecl-components-ecl-app.mjs

@@ -32,6 +32,7 @@ class EclAppComponent extends ECLBaseDirective {
         this.appShellService = inject(EuiAppShellService);
     }
     ngOnInit() {
+        CssUtils.initCssVars(this.document, this.platformId);
         if (isPlatformBrowser(this.platformId)) {
             const browserAgent = window.navigator.userAgent.toLowerCase();
             this.appShellService.setState({

package/fesm2022/eui-ecl-components-ecl-app.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"eui-ecl-components-ecl-app.mjs","sources":["../../components/ecl-app/ecl-app.component.ts","../../components/ecl-app/ecl-app.component.html","../../components/ecl-app/index.ts","../../components/ecl-app/eui-ecl-components-ecl-app.ts"],"sourcesContent":["import { DOCUMENT, isPlatformBrowser } from '@angular/common';\nimport { AfterViewInit, Component, ContentChild, EventEmitter, HostBinding, OnDestroy, OnInit, Output, PLATFORM_ID, inject } from '@angular/core';\nimport { CssUtils, EuiAppShellService } from '@eui/core';\nimport { EuiLanguage } from '@eui/base';\nimport { EclSiteHeaderLanguageComponent, EclSiteHeaderLanguageSelectedEvent } from '@eui/ecl/components/ecl-site-header';\nimport { ECLBaseDirective, EclBaseEvent, EclRtlService } from '@eui/ecl/core';\nimport { fromEvent, Subject } from 'rxjs';\nimport { debounceTime, takeUntil } from 'rxjs/operators';\n\n/**\n * The wrapper component for an ecl application. Has some important global properties.\n */\nexport class EclAppLanguageDismissEvent extends EclBaseEvent {\n    constructor(public language?: EuiLanguage) {\n        super();\n    }\n}\n\n@Component({\n    selector: 'ecl-app',\n    templateUrl: './ecl-app.component.html',\n})\nexport class EclAppComponent extends ECLBaseDirective implements OnInit, AfterViewInit, OnDestroy {\n    /**\n     * Text direction, by default is 'ltr' - left-to-write. Can also be 'rtl' - right-to-left, which will\n     *  make all components within <ecl-app> to lign to the right, and apply some special styling and functionality.\n     */\n    @HostBinding('attr.dir') textDirection = 'ltr';\n\n    @ContentChild(EclSiteHeaderLanguageComponent) eclSiteHeaderLanguage: EclSiteHeaderLanguageComponent;\n\n    @Output() languageDismiss = new EventEmitter<EclAppLanguageDismissEvent>();\n\n    protected destroy$: Subject<boolean> = new Subject<boolean>();\n    private readonly eclRtlService = inject(EclRtlService);\n    private readonly document = inject<Document>(DOCUMENT);\n    private readonly platformId = inject(PLATFORM_ID);\n    private readonly appShellService = inject(EuiAppShellService);\n\n    ngOnInit(): void {\n        if (isPlatformBrowser(this.platformId)) {\n            const browserAgent = window.navigator.userAgent.toLowerCase();\n\n            this.appShellService.setState({\n                ...this.appShellService.state,\n                windowHeight: window.innerHeight,\n                windowWidth: window.innerWidth,\n                hasHeader: false,\n                hasSidebar: false,\n                deviceInfo: {\n                    isChrome: browserAgent.indexOf('chrome') > -1,\n                    isIE: browserAgent.indexOf('trident') > -1,\n                    isFF: browserAgent.indexOf('firefox') > -1,\n                },\n                appBaseFontSize: this.appShellService.getBaseFontSize(),\n            });\n        }\n\n        if (isPlatformBrowser(this.platformId)) {\n            fromEvent(window, 'resize')\n                .pipe(debounceTime(50), takeUntil(this.destroy$))\n                .subscribe(() => {\n                    this.appShellService?.setState({\n                        ...this.appShellService.state,\n                        windowHeight: window.innerHeight,\n                        windowWidth: window.innerWidth,\n                    });\n                    CssUtils.setAppViewportCssVars(this.platformId);\n                });\n        }\n    }\n\n    ngAfterViewInit(): void {\n        // Adds global class, which is used to apply the correct styling for eui-21.\n        CssUtils.setHtmlClass('eui-21', this.document);\n        this.handleRtlChangeState();\n        this.handleUIEvents();\n    }\n\n    ngOnDestroy(): void {\n        this.destroy$.next(true);\n        this.destroy$.unsubscribe();\n    }\n\n    /**\n     * Changes the text direction from 'ltr' to 'rtl' and vice versa.\n     */\n    private handleRtlChangeState(): void {\n        this.eclRtlService.currentRtlState$.pipe(takeUntil(this.destroy$)).subscribe((rtlState) => {\n            if (rtlState) {\n                this.textDirection = 'rtl';\n            } else {\n                this.textDirection = 'ltr';\n            }\n        });\n    }\n\n    private handleUIEvents(): void {\n        this.eclSiteHeaderLanguage?.languageSelected\n            .pipe(takeUntil(this.destroy$))\n            .subscribe((evt: EclSiteHeaderLanguageSelectedEvent) => {\n                this.languageDismiss.next(new EclAppLanguageDismissEvent(evt.language));\n            });\n    }\n}\n","<ng-content></ng-content>\n","import { EclAppComponent } from './ecl-app.component';\n\nexport * from './ecl-app.component';\n\nexport const EUI_ECL_APP = [\n    EclAppComponent,\n] as const;","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"eui-ecl-components-ecl-app.mjs","sources":["../../components/ecl-app/ecl-app.component.ts","../../components/ecl-app/ecl-app.component.html","../../components/ecl-app/index.ts","../../components/ecl-app/eui-ecl-components-ecl-app.ts"],"sourcesContent":["import { DOCUMENT, isPlatformBrowser } from '@angular/common';\nimport { AfterViewInit, Component, ContentChild, EventEmitter, HostBinding, OnDestroy, OnInit, Output, PLATFORM_ID, inject } from '@angular/core';\nimport { CssUtils, EuiAppShellService } from '@eui/core';\nimport { EuiLanguage } from '@eui/base';\nimport { EclSiteHeaderLanguageComponent, EclSiteHeaderLanguageSelectedEvent } from '@eui/ecl/components/ecl-site-header';\nimport { ECLBaseDirective, EclBaseEvent, EclRtlService } from '@eui/ecl/core';\nimport { fromEvent, Subject } from 'rxjs';\nimport { debounceTime, takeUntil } from 'rxjs/operators';\n\n/**\n * The wrapper component for an ecl application. Has some important global properties.\n */\nexport class EclAppLanguageDismissEvent extends EclBaseEvent {\n    constructor(public language?: EuiLanguage) {\n        super();\n    }\n}\n\n@Component({\n    selector: 'ecl-app',\n    templateUrl: './ecl-app.component.html',\n})\nexport class EclAppComponent extends ECLBaseDirective implements OnInit, AfterViewInit, OnDestroy {\n    /**\n     * Text direction, by default is 'ltr' - left-to-write. Can also be 'rtl' - right-to-left, which will\n     *  make all components within <ecl-app> to lign to the right, and apply some special styling and functionality.\n     */\n    @HostBinding('attr.dir') textDirection = 'ltr';\n\n    @ContentChild(EclSiteHeaderLanguageComponent) eclSiteHeaderLanguage: EclSiteHeaderLanguageComponent;\n\n    @Output() languageDismiss = new EventEmitter<EclAppLanguageDismissEvent>();\n\n    protected destroy$: Subject<boolean> = new Subject<boolean>();\n    private readonly eclRtlService = inject(EclRtlService);\n    private readonly document = inject<Document>(DOCUMENT);\n    private readonly platformId = inject(PLATFORM_ID);\n    private readonly appShellService = inject(EuiAppShellService);\n\n    ngOnInit(): void {\n\n        CssUtils.initCssVars(this.document, this.platformId);\n        if (isPlatformBrowser(this.platformId)) {\n            const browserAgent = window.navigator.userAgent.toLowerCase();\n\n            this.appShellService.setState({\n                ...this.appShellService.state,\n                windowHeight: window.innerHeight,\n                windowWidth: window.innerWidth,\n                hasHeader: false,\n                hasSidebar: false,\n                deviceInfo: {\n                    isChrome: browserAgent.indexOf('chrome') > -1,\n                    isIE: browserAgent.indexOf('trident') > -1,\n                    isFF: browserAgent.indexOf('firefox') > -1,\n                },\n                appBaseFontSize: this.appShellService.getBaseFontSize(),\n            });\n        }\n\n        if (isPlatformBrowser(this.platformId)) {\n            fromEvent(window, 'resize')\n                .pipe(debounceTime(50), takeUntil(this.destroy$))\n                .subscribe(() => {\n                    this.appShellService?.setState({\n                        ...this.appShellService.state,\n                        windowHeight: window.innerHeight,\n                        windowWidth: window.innerWidth,\n                    });\n                    CssUtils.setAppViewportCssVars(this.platformId);\n                });\n        }\n    }\n\n    ngAfterViewInit(): void {\n        // Adds global class, which is used to apply the correct styling for eui-21.\n        CssUtils.setHtmlClass('eui-21', this.document);\n        this.handleRtlChangeState();\n        this.handleUIEvents();\n    }\n\n    ngOnDestroy(): void {\n        this.destroy$.next(true);\n        this.destroy$.unsubscribe();\n    }\n\n    /**\n     * Changes the text direction from 'ltr' to 'rtl' and vice versa.\n     */\n    private handleRtlChangeState(): void {\n        this.eclRtlService.currentRtlState$.pipe(takeUntil(this.destroy$)).subscribe((rtlState) => {\n            if (rtlState) {\n                this.textDirection = 'rtl';\n            } else {\n                this.textDirection = 'ltr';\n            }\n        });\n    }\n\n    private handleUIEvents(): void {\n        this.eclSiteHeaderLanguage?.languageSelected\n            .pipe(takeUntil(this.destroy$))\n            .subscribe((evt: EclSiteHeaderLanguageSelectedEvent) => {\n                this.languageDismiss.next(new EclAppLanguageDismissEvent(evt.language));\n            });\n    }\n}\n","<ng-content></ng-content>\n","import { EclAppComponent } from './ecl-app.component';\n\nexport * from './ecl-app.component';\n\nexport const EUI_ECL_APP = [\n    EclAppComponent,\n] as const;","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@eui/ecl",
-  "version": "21.2.4",
-  "tag": "latest",
+  "version": "21.2.5-snapshot-1777542445736",
+  "tag": "snapshot",
   "description": "eUI ECL components package",
   "homepage": "https://eui.ecdevops.eu",
   "author": "ec.europa.eui@gmail.com",

package/types/eui-ecl-components-ecl-app.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"eui-ecl-components-ecl-app.d.ts","sources":["../../components/ecl-app/ecl-app.component.ts","../../components/ecl-app/index.ts"],"mappings":";;;;;;;AASA;;AAEG;AACH,cAAa,0BAA2B,SAAQ,YAAY;eAC1B,WAAW;2BAAX,WAAW;AAG5C;AAED,cAIa,eAAgB,SAAQ,gBAAiB,YAAW,MAAM,EAAE,aAAa,EAAE,SAAS;AAC7F;;;AAGG;AACsB;2BAE4C,8BAA8B;AAEzF,qBAAe,YAAA,CAAA,0BAAA;AAEzB,wBAAoB,OAAO;AAC3B;AACA;AACA;AACA;AAEA;AAiCA;AAOA;AAKA;;AAEG;AACH;AAUA;yCA3ES,eAAe;2CAAf,eAAe;AAkF3B;;ACpGD,cAAa,WAAW,mBAAA,eAAA;;;;","names":[]}
+{"version":3,"file":"eui-ecl-components-ecl-app.d.ts","sources":["../../components/ecl-app/ecl-app.component.ts","../../components/ecl-app/index.ts"],"mappings":";;;;;;;AASA;;AAEG;AACH,cAAa,0BAA2B,SAAQ,YAAY;eAC1B,WAAW;2BAAX,WAAW;AAG5C;AAED,cAIa,eAAgB,SAAQ,gBAAiB,YAAW,MAAM,EAAE,aAAa,EAAE,SAAS;AAC7F;;;AAGG;AACsB;2BAE4C,8BAA8B;AAEzF,qBAAe,YAAA,CAAA,0BAAA;AAEzB,wBAAoB,OAAO;AAC3B;AACA;AACA;AACA;AAEA;AAmCA;AAOA;AAKA;;AAEG;AACH;AAUA;yCA7ES,eAAe;2CAAf,eAAe;AAoF3B;;ACtGD,cAAa,WAAW,mBAAA,eAAA;;;;","names":[]}