@elementar-rt/components 0.6.55

package/fesm2022/elementar-rt-components-layout.mjs

@@ -0,0 +1,188 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, input, booleanAttribute, Component, inject, ElementRef, PLATFORM_ID, computed, EventEmitter, Injectable } from '@angular/core';
+import { Router, NavigationStart } from '@angular/router';
+import { filter } from 'rxjs';
+import { isPlatformServer } from '@angular/common';
+import * as i1 from '@angular/cdk/overlay';
+import { CdkScrollable } from '@angular/cdk/overlay';
+import { signalStore, withState, withMethods, patchState } from '@ngrx/signals';
+
+const LAYOUT = new InjectionToken('LAYOUT');
+
+let nextId = 0;
+class LayoutComponent {
+    layoutId = input(`layout-${nextId++}`, ...(ngDevMode ? [{ debugName: "layoutId" }] : []));
+    windowMode = input(false, ...(ngDevMode ? [{ debugName: "windowMode", transform: booleanAttribute }] : [{
+            transform: booleanAttribute
+        }]));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: LayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.10", type: LayoutComponent, isStandalone: true, selector: "emr-layout", inputs: { layoutId: { classPropertyName: "layoutId", publicName: "layoutId", isSignal: true, isRequired: false, transformFunction: null }, windowMode: { classPropertyName: "windowMode", publicName: "windowMode", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.is-window-mode": "windowMode()" }, classAttribute: "emr-layout" }, providers: [
+            {
+                provide: LAYOUT,
+                useExisting: LayoutComponent
+            }
+        ], exportAs: ["emrLayout"], ngImport: i0, template: "<ng-content select=\"emr-layout-topbar\"/>\r\n<ng-content select=\"emr-layout-header\"/>\r\n<div class=\"body\">\r\n  <ng-content select=\"emr-layout-sidebar\"/>\r\n  <div class=\"content\">\r\n    <ng-content/>\r\n  </div>\r\n  <ng-content select=\"emr-layout-aside\"/>\r\n</div>\r\n<ng-content select=\"emr-layout-footer\"/>\r\n", styles: [":host{--emr-layout-sidebar-width: 300px;--emr-layout-sidebar-compact-width: 76px;--emr-layout-aside-width: max-content;display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}:host.is-window-mode{width:100dvw;height:100dvh}:host .body{display:flex;flex-grow:1;overflow:hidden;height:100%}:host .content{display:flex;flex-grow:1;flex-direction:column;overflow:hidden;position:relative}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: LayoutComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-layout', exportAs: 'emrLayout', standalone: true, providers: [
+                        {
+                            provide: LAYOUT,
+                            useExisting: LayoutComponent
+                        }
+                    ], host: {
+                        'class': 'emr-layout',
+                        '[class.is-window-mode]': 'windowMode()'
+                    }, template: "<ng-content select=\"emr-layout-topbar\"/>\r\n<ng-content select=\"emr-layout-header\"/>\r\n<div class=\"body\">\r\n  <ng-content select=\"emr-layout-sidebar\"/>\r\n  <div class=\"content\">\r\n    <ng-content/>\r\n  </div>\r\n  <ng-content select=\"emr-layout-aside\"/>\r\n</div>\r\n<ng-content select=\"emr-layout-footer\"/>\r\n", styles: [":host{--emr-layout-sidebar-width: 300px;--emr-layout-sidebar-compact-width: 76px;--emr-layout-aside-width: max-content;display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}:host.is-window-mode{width:100dvw;height:100dvh}:host .body{display:flex;flex-grow:1;overflow:hidden;height:100%}:host .content{display:flex;flex-grow:1;flex-direction:column;overflow:hidden;position:relative}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { layoutId: [{ type: i0.Input, args: [{ isSignal: true, alias: "layoutId", required: false }] }], windowMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "windowMode", required: false }] }] } });
+
+class LayoutHeaderComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: LayoutHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: LayoutHeaderComponent, isStandalone: true, selector: "emr-layout-header", host: { classAttribute: "emr-layout-header" }, exportAs: ["emrLayoutHeader"], ngImport: i0, template: "<ng-content></ng-content>\r\n", styles: [":host{display:block;flex:none}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: LayoutHeaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-layout-header', exportAs: 'emrLayoutHeader', host: {
+                        'class': 'emr-layout-header',
+                    }, template: "<ng-content></ng-content>\r\n", styles: [":host{display:block;flex:none}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+        }] });
+
+class LayoutBodyComponent {
+    _router = inject(Router);
+    _elementRef = inject(ElementRef);
+    _platformId = inject(PLATFORM_ID);
+    autoscrollToTop = input(true, ...(ngDevMode ? [{ debugName: "autoscrollToTop", transform: booleanAttribute }] : [{
+            transform: booleanAttribute
+        }]));
+    ngOnInit() {
+        // Scroll a page to top if url changed
+        this._router.events
+            .pipe(filter(event => event instanceof NavigationStart))
+            .subscribe(() => {
+            if (!this.autoscrollToTop()) {
+                return;
+            }
+            if (isPlatformServer(this._platformId)) {
+                return;
+            }
+            this._elementRef.nativeElement.scrollTo({
+                top: 0,
+                left: 0
+            });
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: LayoutBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.10", type: LayoutBodyComponent, isStandalone: true, selector: "emr-layout-body", inputs: { autoscrollToTop: { classPropertyName: "autoscrollToTop", publicName: "autoscrollToTop", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "emr-layout-body emr-scroll-lg" }, exportAs: ["emrLayoutBody"], hostDirectives: [{ directive: i1.CdkScrollable }], ngImport: i0, template: "<ng-content/>\r\n", styles: [":host{display:block;position:relative;height:100%;width:100%;overflow:hidden}:host:has(:not(.emr-layout-body)){overflow:auto}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: LayoutBodyComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-layout-body', exportAs: 'emrLayoutBody', hostDirectives: [
+                        CdkScrollable
+                    ], host: {
+                        'class': 'emr-layout-body emr-scroll-lg'
+                    }, template: "<ng-content/>\r\n", styles: [":host{display:block;position:relative;height:100%;width:100%;overflow:hidden}:host:has(:not(.emr-layout-body)){overflow:auto}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { autoscrollToTop: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoscrollToTop", required: false }] }] } });
+
+class LayoutFooterComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: LayoutFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: LayoutFooterComponent, isStandalone: true, selector: "emr-layout-footer", host: { classAttribute: "emr-layout-footer" }, exportAs: ["emrLayoutFooter"], ngImport: i0, template: "<ng-content></ng-content>\r\n", styles: [":host{display:block;grid-area:footer;flex:none}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: LayoutFooterComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-layout-footer', exportAs: 'emrLayoutFooter', host: {
+                        'class': 'emr-layout-footer',
+                    }, template: "<ng-content></ng-content>\r\n", styles: [":host{display:block;grid-area:footer;flex:none}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+        }] });
+
+class LayoutTopbarComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: LayoutTopbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: LayoutTopbarComponent, isStandalone: true, selector: "emr-layout-topbar", host: { classAttribute: "emr-layout-topbar" }, exportAs: ["emrLayoutTopbar"], ngImport: i0, template: "<ng-content></ng-content>\r\n", styles: [":host{display:block;grid-area:topbar;flex:none}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: LayoutTopbarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-layout-topbar', exportAs: 'emrLayoutTopbar', host: {
+                        'class': 'emr-layout-topbar'
+                    }, template: "<ng-content></ng-content>\r\n", styles: [":host{display:block;grid-area:topbar;flex:none}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+        }] });
+
+const initialState = {
+    root: true
+};
+const LayoutSidebarStore = signalStore({ providedIn: 'root' }, withState(initialState), withMethods((store) => ({
+    showSidebarVisibility(layoutId, isShown) {
+        patchState(store, {
+            [layoutId]: isShown
+        });
+    }
+})));
+
+class LayoutSidebarComponent {
+    _parent = inject(LAYOUT);
+    _layoutSidebarStore = inject(LayoutSidebarStore);
+    _isShown = computed(() => {
+        if (this._parent.layoutId() in this._layoutSidebarStore) {
+            return this._layoutSidebarStore[this._parent.layoutId()]();
+        }
+        return true;
+    }, ...(ngDevMode ? [{ debugName: "_isShown" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: LayoutSidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: LayoutSidebarComponent, isStandalone: true, selector: "emr-layout-sidebar", host: { properties: { "class.is-hidden": "!_isShown()" }, classAttribute: "emr-layout-sidebar" }, exportAs: ["emrLayoutSidebar"], ngImport: i0, template: "<ng-content/>\r\n", styles: [":host{display:block;z-index:101}:host:has(.emr-sidebar.compact){z-index:102}:host.is-hidden{display:none}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: LayoutSidebarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-layout-sidebar', exportAs: 'emrLayoutSidebar', host: {
+                        'class': 'emr-layout-sidebar',
+                        '[class.is-hidden]': '!_isShown()'
+                    }, template: "<ng-content/>\r\n", styles: [":host{display:block;z-index:101}:host:has(.emr-sidebar.compact){z-index:102}:host.is-hidden{display:none}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+        }] });
+
+class LayoutAsideComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: LayoutAsideComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: LayoutAsideComponent, isStandalone: true, selector: "emr-layout-aside", host: { classAttribute: "emr-layout-aside" }, exportAs: ["emrLayoutAside"], ngImport: i0, template: "<ng-content/>\r\n", styles: [":host{display:block;height:100%;flex:none;width:var(--emr-layout-aside-width)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: LayoutAsideComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-layout-aside', exportAs: 'emrLayoutAside', host: {
+                        'class': 'emr-layout-aside',
+                    }, template: "<ng-content/>\r\n", styles: [":host{display:block;height:100%;flex:none;width:var(--emr-layout-aside-width)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+        }] });
+
+class LayoutApiService {
+    _layoutSidebarStore = inject(LayoutSidebarStore);
+    sidebarVisibility = new EventEmitter();
+    hideSidebar(layoutId) {
+        this._layoutSidebarStore.showSidebarVisibility(layoutId, false);
+        this.sidebarVisibility.emit({
+            layoutId,
+            shown: false
+        });
+    }
+    showSidebar(layoutId) {
+        this._layoutSidebarStore.showSidebarVisibility(layoutId, true);
+        this.sidebarVisibility.emit({
+            layoutId,
+            shown: true
+        });
+    }
+    toggleSidebar(layoutId) {
+        this.isSidebarShown(layoutId) ? this.hideSidebar(layoutId) : this.showSidebar(layoutId);
+    }
+    isSidebarShown(layoutId) {
+        return this._layoutSidebarStore[layoutId]();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: LayoutApiService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: LayoutApiService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: LayoutApiService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { LAYOUT, LayoutApiService, LayoutAsideComponent, LayoutBodyComponent, LayoutComponent, LayoutFooterComponent, LayoutHeaderComponent, LayoutSidebarComponent, LayoutSidebarStore, LayoutTopbarComponent };
+//# sourceMappingURL=elementar-rt-components-layout.mjs.map

package/fesm2022/elementar-rt-components-layout.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"elementar-rt-components-layout.mjs","sources":["../../../projects/components/layout/src/types.ts","../../../projects/components/layout/src/layout/layout.component.ts","../../../projects/components/layout/src/layout/layout.component.html","../../../projects/components/layout/src/layout-header/layout-header.component.ts","../../../projects/components/layout/src/layout-header/layout-header.component.html","../../../projects/components/layout/src/layout-body/layout-body.component.ts","../../../projects/components/layout/src/layout-body/layout-body.component.html","../../../projects/components/layout/src/layout-footer/layout-footer.component.ts","../../../projects/components/layout/src/layout-footer/layout-footer.component.html","../../../projects/components/layout/src/layout-topbar/layout-topbar.component.ts","../../../projects/components/layout/src/layout-topbar/layout-topbar.component.html","../../../projects/components/layout/src/layout.store.ts","../../../projects/components/layout/src/layout-sidebar/layout-sidebar.component.ts","../../../projects/components/layout/src/layout-sidebar/layout-sidebar.component.html","../../../projects/components/layout/src/layout-aside/layout-aside.component.ts","../../../projects/components/layout/src/layout-aside/layout-aside.component.html","../../../projects/components/layout/src/layout-api.service.ts","../../../projects/components/layout/elementar-rt-components-layout.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\r\n\r\nexport const LAYOUT = new InjectionToken('LAYOUT');\r\n\r\nexport interface LayoutSidebarVisibilityChange {\r\n  layoutId: string;\r\n  shown: boolean;\r\n}\r\n","import { booleanAttribute, Component, input } from '@angular/core';\r\nimport { LAYOUT } from '../types';\r\n\r\nlet nextId = 0;\r\n\r\n@Component({\r\n  selector: 'emr-layout',\r\n  exportAs: 'emrLayout',\r\n  standalone: true,\r\n  templateUrl: './layout.component.html',\r\n  styleUrl: './layout.component.scss',\r\n  providers: [\r\n    {\r\n      provide: LAYOUT,\r\n      useExisting: LayoutComponent\r\n    }\r\n  ],\r\n  host: {\r\n    'class': 'emr-layout',\r\n    '[class.is-window-mode]': 'windowMode()'\r\n  }\r\n})\r\nexport class LayoutComponent {\r\n  layoutId = input<string>(`layout-${nextId++}`);\r\n  windowMode = input(false, {\r\n    transform: booleanAttribute\r\n  });\r\n}\r\n","<ng-content select=\"emr-layout-topbar\"/>\r\n<ng-content select=\"emr-layout-header\"/>\r\n<div class=\"body\">\r\n  <ng-content select=\"emr-layout-sidebar\"/>\r\n  <div class=\"content\">\r\n    <ng-content/>\r\n  </div>\r\n  <ng-content select=\"emr-layout-aside\"/>\r\n</div>\r\n<ng-content select=\"emr-layout-footer\"/>\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'emr-layout-header',\r\n  exportAs: 'emrLayoutHeader',\r\n  templateUrl: './layout-header.component.html',\r\n  styleUrl: './layout-header.component.scss',\r\n  host: {\r\n    'class': 'emr-layout-header',\r\n  }\r\n})\r\nexport class LayoutHeaderComponent {\r\n\r\n}\r\n","<ng-content></ng-content>\r\n","import { booleanAttribute, Component, ElementRef, inject, input, Input, OnInit, PLATFORM_ID } from '@angular/core';\r\nimport { NavigationStart, Router } from '@angular/router';\r\nimport { filter } from 'rxjs';\r\nimport { isPlatformServer } from '@angular/common';\r\nimport { CdkScrollable } from '@angular/cdk/overlay';\r\n\r\n@Component({\r\n  selector: 'emr-layout-body',\r\n  exportAs: 'emrLayoutBody',\r\n  templateUrl: './layout-body.component.html',\r\n  styleUrl: './layout-body.component.scss',\r\n  hostDirectives: [\r\n    CdkScrollable\r\n  ],\r\n  host: {\r\n    'class': 'emr-layout-body emr-scroll-lg'\r\n  }\r\n})\r\nexport class LayoutBodyComponent implements OnInit {\r\n  private _router = inject(Router);\r\n  private _elementRef = inject(ElementRef);\r\n  private _platformId = inject(PLATFORM_ID);\r\n\r\n  autoscrollToTop = input(true, {\r\n    transform: booleanAttribute\r\n  });\r\n\r\n  ngOnInit() {\r\n    // Scroll a page to top if url changed\r\n    this._router.events\r\n      .pipe(\r\n        filter(event=> event instanceof NavigationStart)\r\n      )\r\n      .subscribe(() => {\r\n        if (!this.autoscrollToTop()) {\r\n          return;\r\n        }\r\n\r\n        if (isPlatformServer(this._platformId)) {\r\n          return;\r\n        }\r\n\r\n        this._elementRef.nativeElement.scrollTo({\r\n          top: 0,\r\n          left: 0\r\n        });\r\n      })\r\n    ;\r\n  }\r\n}\r\n","<ng-content/>\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'emr-layout-footer',\r\n  exportAs: 'emrLayoutFooter',\r\n  templateUrl: './layout-footer.component.html',\r\n  styleUrl: './layout-footer.component.scss',\r\n  host: {\r\n    'class': 'emr-layout-footer',\r\n  }\r\n})\r\nexport class LayoutFooterComponent {\r\n\r\n}\r\n","<ng-content></ng-content>\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'emr-layout-topbar',\r\n  exportAs: 'emrLayoutTopbar',\r\n  templateUrl: './layout-topbar.component.html',\r\n  styleUrl: './layout-topbar.component.scss',\r\n  host: {\r\n    'class': 'emr-layout-topbar'\r\n  }\r\n})\r\nexport class LayoutTopbarComponent {\r\n\r\n}\r\n","<ng-content></ng-content>\r\n","import { patchState, signalStore, withMethods, withState } from '@ngrx/signals';\r\n\r\ntype VisibilityState = {\r\n  [propName: string]: boolean;\r\n};\r\n\r\nconst initialState: VisibilityState = {\r\n  root: true\r\n};\r\n\r\nexport const LayoutSidebarStore = signalStore(\r\n  { providedIn: 'root' },\r\n  withState(initialState),\r\n  withMethods((store) => ({\r\n    showSidebarVisibility(layoutId: string, isShown: boolean): void {\r\n      patchState(store, {\r\n        [layoutId]: isShown\r\n      });\r\n    }\r\n  }))\r\n);\r\n","import { Component, computed, inject } from '@angular/core';\r\nimport { LAYOUT } from '../types';\r\nimport { LayoutComponent } from '../layout/layout.component';\r\nimport { LayoutSidebarStore } from '../layout.store';\r\n\r\n@Component({\r\n  selector: 'emr-layout-sidebar',\r\n  exportAs: 'emrLayoutSidebar',\r\n  templateUrl: './layout-sidebar.component.html',\r\n  styleUrl: './layout-sidebar.component.scss',\r\n  host: {\r\n    'class': 'emr-layout-sidebar',\r\n    '[class.is-hidden]': '!_isShown()'\r\n  }\r\n})\r\nexport class LayoutSidebarComponent {\r\n  private _parent = inject<LayoutComponent>(LAYOUT);\r\n  private _layoutSidebarStore = inject<any>(LayoutSidebarStore);\r\n\r\n  protected _isShown = computed<boolean>(() => {\r\n    if (this._parent.layoutId() in this._layoutSidebarStore) {\r\n      return this._layoutSidebarStore[this._parent.layoutId()]();\r\n    }\r\n\r\n    return true;\r\n  });\r\n}\r\n","<ng-content/>\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'emr-layout-aside',\r\n  exportAs: 'emrLayoutAside',\r\n  templateUrl: './layout-aside.component.html',\r\n  styleUrl: './layout-aside.component.scss',\r\n  host: {\r\n    'class': 'emr-layout-aside',\r\n  }\r\n})\r\nexport class LayoutAsideComponent {\r\n\r\n}\r\n","<ng-content/>\r\n","import { EventEmitter, inject, Injectable } from '@angular/core';\r\nimport { LayoutSidebarVisibilityChange } from './types';\r\nimport { LayoutSidebarStore } from './layout.store';\r\n\r\n@Injectable({\r\n  providedIn: 'root'\r\n})\r\nexport class LayoutApiService {\r\n  private _layoutSidebarStore = inject<any>(LayoutSidebarStore);\r\n  readonly sidebarVisibility = new EventEmitter<LayoutSidebarVisibilityChange>();\r\n\r\n  hideSidebar(layoutId: string): void {\r\n    this._layoutSidebarStore.showSidebarVisibility(layoutId, false);\r\n    this.sidebarVisibility.emit({\r\n      layoutId,\r\n      shown: false\r\n    });\r\n  }\r\n\r\n  showSidebar(layoutId: string): void {\r\n    this._layoutSidebarStore.showSidebarVisibility(layoutId, true);\r\n    this.sidebarVisibility.emit({\r\n      layoutId,\r\n      shown: true\r\n    });\r\n  }\r\n\r\n  toggleSidebar(layoutId: string): void {\r\n    this.isSidebarShown(layoutId) ? this.hideSidebar(layoutId) : this.showSidebar(layoutId);\r\n  }\r\n\r\n  isSidebarShown(layoutId: string): boolean {\r\n    return this._layoutSidebarStore[layoutId]();\r\n  }\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/elementar-rt-components-logo.mjs

@@ -0,0 +1,43 @@
+import * as i0 from '@angular/core';
+import { input, Component } from '@angular/core';
+
+class LogoComponent {
+    appearance = input('text', ...(ngDevMode ? [{ debugName: "appearance" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: LogoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.10", type: LogoComponent, isStandalone: true, selector: "emr-logo,[emr-logo]", inputs: { appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.is-text": "appearance() === \"text\"", "class.is-image": "appearance() === \"image\"" }, classAttribute: "emr-logo" }, exportAs: ["emrLogo"], ngImport: i0, template: "<ng-content/>\r\n", styles: [":host{--emr-logo-text-font-size: 1.25rem;--emr-logo-text-font-weight: 800;--emr-logo-text-color: var(--color-primary);--emr-logo-text-hover-color: var(--color-tertiary);display:inline-block;width:max-content;height:max-content}:host.is-text{color:var(--emr-logo-text-color);font-size:var(--emr-logo-text-font-size);font-weight:var(--emr-logo-text-font-weight)}:host.is-text:hover{color:var(--emr-logo-text-hover-color)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: LogoComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-logo,[emr-logo]', exportAs: 'emrLogo', imports: [], host: {
+                        'class': 'emr-logo',
+                        '[class.is-text]': 'appearance() === "text"',
+                        '[class.is-image]': 'appearance() === "image"',
+                    }, template: "<ng-content/>\r\n", styles: [":host{--emr-logo-text-font-size: 1.25rem;--emr-logo-text-font-weight: 800;--emr-logo-text-color: var(--color-primary);--emr-logo-text-hover-color: var(--color-tertiary);display:inline-block;width:max-content;height:max-content}:host.is-text{color:var(--emr-logo-text-color);font-size:var(--emr-logo-text-font-size);font-weight:var(--emr-logo-text-font-weight)}:host.is-text:hover{color:var(--emr-logo-text-hover-color)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }] } });
+
+class TextLogoComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TextLogoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: TextLogoComponent, isStandalone: true, selector: "emr-text-logo", host: { classAttribute: "emr-text-logo" }, exportAs: ["emrTextLogo"], ngImport: i0, template: "<div class=\"logo-container\">\r\n  <div class=\"logo-text\">\r\n    <ng-content/>\r\n  </div>\r\n</div>\r\n", styles: [":host{font-size:1.875rem;font-weight:800;color:var(--color-primary)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TextLogoComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-text-logo', exportAs: 'emrTextLogo', imports: [], host: {
+                        'class': 'emr-text-logo'
+                    }, template: "<div class=\"logo-container\">\r\n  <div class=\"logo-text\">\r\n    <ng-content/>\r\n  </div>\r\n</div>\r\n", styles: [":host{font-size:1.875rem;font-weight:800;color:var(--color-primary)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+        }] });
+
+class ImageLogoComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ImageLogoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: ImageLogoComponent, isStandalone: true, selector: "emr-image-logo", ngImport: i0, template: "<p>image-logo works!</p>\r\n", styles: [""] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ImageLogoComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-image-logo', imports: [], template: "<p>image-logo works!</p>\r\n" }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ImageLogoComponent, LogoComponent, TextLogoComponent };
+//# sourceMappingURL=elementar-rt-components-logo.mjs.map

package/fesm2022/elementar-rt-components-logo.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"elementar-rt-components-logo.mjs","sources":["../../../projects/components/logo/src/logo/logo.component.ts","../../../projects/components/logo/src/logo/logo.component.html","../../../projects/components/logo/src/text-logo/text-logo.component.ts","../../../projects/components/logo/src/text-logo/text-logo.component.html","../../../projects/components/logo/src/image-logo/image-logo.component.ts","../../../projects/components/logo/src/image-logo/image-logo.component.html","../../../projects/components/logo/elementar-rt-components-logo.ts"],"sourcesContent":["import { Component, input } from '@angular/core';\r\nimport { LogoAppearance } from '../types';\r\n\r\n@Component({\r\n  selector: 'emr-logo,[emr-logo]',\r\n  exportAs: 'emrLogo',\r\n  imports: [],\r\n  templateUrl: './logo.component.html',\r\n  styleUrl: './logo.component.scss',\r\n  host: {\r\n    'class': 'emr-logo',\r\n    '[class.is-text]': 'appearance() === \"text\"',\r\n    '[class.is-image]': 'appearance() === \"image\"',\r\n  }\r\n})\r\nexport class LogoComponent {\r\n  appearance = input<LogoAppearance>('text');\r\n}\r\n","<ng-content/>\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'emr-text-logo',\r\n  exportAs: 'emrTextLogo',\r\n  imports: [],\r\n  templateUrl: './text-logo.component.html',\r\n  styleUrl: './text-logo.component.scss',\r\n  host: {\r\n    'class': 'emr-text-logo'\r\n  }\r\n})\r\nexport class TextLogoComponent {\r\n\r\n}\r\n","<div class=\"logo-container\">\r\n  <div class=\"logo-text\">\r\n    <ng-content/>\r\n  </div>\r\n</div>\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'emr-image-logo',\r\n  imports: [],\r\n  templateUrl: './image-logo.component.html',\r\n  styleUrl: './image-logo.component.scss'\r\n})\r\nexport class ImageLogoComponent {\r\n\r\n}\r\n","<p>image-logo works!</p>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAea,aAAa,CAAA;AACxB,IAAA,UAAU,GAAG,KAAK,CAAiB,MAAM,sDAAC;wGAD/B,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAb,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,aAAa,6YCf1B,mBACA,EAAA,MAAA,EAAA,CAAA,2eAAA,CAAA,EAAA,CAAA;;4FDca,aAAa,EAAA,UAAA,EAAA,CAAA;kBAZzB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,qBAAqB,EAAA,QAAA,EACrB,SAAS,EAAA,OAAA,EACV,EAAE,EAAA,IAAA,EAGL;AACJ,wBAAA,OAAO,EAAE,UAAU;AACnB,wBAAA,iBAAiB,EAAE,yBAAyB;AAC5C,wBAAA,kBAAkB,EAAE,0BAA0B;AAC/C,qBAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,2eAAA,CAAA,EAAA;;;MEDU,iBAAiB,CAAA;wGAAjB,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAjB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,iBAAiB,+ICZ9B,8GAKA,EAAA,MAAA,EAAA,CAAA,4IAAA,CAAA,EAAA,CAAA;;4FDOa,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAV7B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,eAAe,EAAA,QAAA,EACf,aAAa,EAAA,OAAA,EACd,EAAE,EAAA,IAAA,EAGL;AACJ,wBAAA,OAAO,EAAE;AACV,qBAAA,EAAA,QAAA,EAAA,8GAAA,EAAA,MAAA,EAAA,CAAA,4IAAA,CAAA,EAAA;;;MEFU,kBAAkB,CAAA;wGAAlB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAlB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,kBAAkB,0ECR/B,8BACA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;4FDOa,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAN9B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,gBAAgB,WACjB,EAAE,EAAA,QAAA,EAAA,8BAAA,EAAA;;;AEJb;;AAEG;;;;"}

package/fesm2022/elementar-rt-components-marquee.mjs

@@ -0,0 +1,79 @@
+import * as i0 from '@angular/core';
+import { inject, ElementRef, PLATFORM_ID, input, booleanAttribute, Component, Directive } from '@angular/core';
+import { isPlatformServer } from '@angular/common';
+
+class MarqueeComponent {
+    _elementRef = inject(ElementRef);
+    _platformId = inject(PLATFORM_ID);
+    _intersectionObserver;
+    reverse = input(false, ...(ngDevMode ? [{ debugName: "reverse", transform: booleanAttribute }] : [{
+            transform: booleanAttribute
+        }]));
+    pauseOnHover = input(false, ...(ngDevMode ? [{ debugName: "pauseOnHover", transform: booleanAttribute }] : [{
+            transform: booleanAttribute
+        }]));
+    isInView = false;
+    get nativeElement() {
+        return this._elementRef.nativeElement;
+    }
+    ngOnChanges(changes) {
+        if (changes['reverse']) {
+            this.nativeElement.style.setProperty('--emr-marquee-reverse', changes['reverse'].currentValue ? 'reverse' : '');
+        }
+        if (changes['pauseOnHover']) {
+            this.nativeElement.style.setProperty('--emr-marquee-pause', changes['pauseOnHover'].currentValue ? 'paused' : 'running');
+        }
+    }
+    ngAfterContentInit() {
+        if (isPlatformServer(this._platformId)) {
+            return;
+        }
+        this._intersectionObserver = new IntersectionObserver(([entry]) => {
+            if (entry.isIntersecting) {
+                if (!this.isInView) {
+                    this.isInView = true;
+                }
+            }
+            else if (this.isInView) {
+                this.isInView = false;
+            }
+        });
+        this._intersectionObserver.observe(this.nativeElement);
+    }
+    ngOnDestroy() {
+        if (this._intersectionObserver) {
+            this._intersectionObserver.disconnect();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: MarqueeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.10", type: MarqueeComponent, isStandalone: true, selector: "emr-marquee", inputs: { reverse: { classPropertyName: "reverse", publicName: "reverse", isSignal: true, isRequired: false, transformFunction: null }, pauseOnHover: { classPropertyName: "pauseOnHover", publicName: "pauseOnHover", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "emr-marquee" }, exportAs: ["emrMarquee"], usesOnChanges: true, ngImport: i0, template: "<div #contentRef class=\"invisible\">\r\n  <ng-content/>\r\n</div>\r\n<div class=\"content\" [class.out-of-view]=\"!isInView\">\r\n  <div class=\"item\" [innerHTML]=\"contentRef.innerHTML\"></div>\r\n  <div class=\"item\" [innerHTML]=\"contentRef.innerHTML\"></div>\r\n  <div class=\"item\" [innerHTML]=\"contentRef.innerHTML\"></div>\r\n  <div class=\"item\" [innerHTML]=\"contentRef.innerHTML\"></div>\r\n</div>\r\n", styles: [":host{--emr-marquee-animation-duration: 20s;--emr-marquee-gap: calc(var(--spacing) * 6);--emr-marquee-reverse: ;--emr-marquee-pause: running;display:block;width:100%}:host .content{width:100%;height:100%;display:flex;gap:var(--emr-marquee-gap);overflow:hidden;padding:.5rem;flex-direction:row}:host .content .item{flex-direction:row;animation:emr-marquee-animation var(--emr-marquee-animation-duration) infinite linear var(--emr-marquee-reverse)}:host .content .item{display:flex;gap:var(--emr-marquee-gap);flex-shrink:0}:host .content:hover>.item{animation-play-state:var(--emr-marquee-pause)}:host .content.out-of-view>.item{animation-play-state:paused}:host .invisible{width:0;height:0;display:none;pointer-events:none}@keyframes emr-marquee-animation{0%{transform:translate(0)}to{transform:translate(calc(-100% - var(--emr-marquee-gap)))}}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: MarqueeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-marquee', exportAs: 'emrMarquee', host: {
+                        'class': 'emr-marquee'
+                    }, template: "<div #contentRef class=\"invisible\">\r\n  <ng-content/>\r\n</div>\r\n<div class=\"content\" [class.out-of-view]=\"!isInView\">\r\n  <div class=\"item\" [innerHTML]=\"contentRef.innerHTML\"></div>\r\n  <div class=\"item\" [innerHTML]=\"contentRef.innerHTML\"></div>\r\n  <div class=\"item\" [innerHTML]=\"contentRef.innerHTML\"></div>\r\n  <div class=\"item\" [innerHTML]=\"contentRef.innerHTML\"></div>\r\n</div>\r\n", styles: [":host{--emr-marquee-animation-duration: 20s;--emr-marquee-gap: calc(var(--spacing) * 6);--emr-marquee-reverse: ;--emr-marquee-pause: running;display:block;width:100%}:host .content{width:100%;height:100%;display:flex;gap:var(--emr-marquee-gap);overflow:hidden;padding:.5rem;flex-direction:row}:host .content .item{flex-direction:row;animation:emr-marquee-animation var(--emr-marquee-animation-duration) infinite linear var(--emr-marquee-reverse)}:host .content .item{display:flex;gap:var(--emr-marquee-gap);flex-shrink:0}:host .content:hover>.item{animation-play-state:var(--emr-marquee-pause)}:host .content.out-of-view>.item{animation-play-state:paused}:host .invisible{width:0;height:0;display:none;pointer-events:none}@keyframes emr-marquee-animation{0%{transform:translate(0)}to{transform:translate(calc(-100% - var(--emr-marquee-gap)))}}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { reverse: [{ type: i0.Input, args: [{ isSignal: true, alias: "reverse", required: false }] }], pauseOnHover: [{ type: i0.Input, args: [{ isSignal: true, alias: "pauseOnHover", required: false }] }] } });
+
+class MarqueeItemDirective {
+    _elementRef = inject(ElementRef);
+    get nativeElement() {
+        return this._elementRef.nativeElement;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: MarqueeItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: MarqueeItemDirective, isStandalone: true, selector: "[emrMarqueeItem]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: MarqueeItemDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[emrMarqueeItem]',
+                    standalone: true
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { MarqueeComponent, MarqueeItemDirective };
+//# sourceMappingURL=elementar-rt-components-marquee.mjs.map

package/fesm2022/elementar-rt-components-marquee.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"elementar-rt-components-marquee.mjs","sources":["../../../projects/components/marquee/src/marquee/marquee.component.ts","../../../projects/components/marquee/src/marquee/marquee.component.html","../../../projects/components/marquee/src/marquee-item.directive.ts","../../../projects/components/marquee/elementar-rt-components-marquee.ts"],"sourcesContent":["import {\r\n  Component,\r\n  ElementRef,\r\n  input,\r\n  viewChild,\r\n  AfterContentInit,\r\n  inject,\r\n  PLATFORM_ID,\r\n  booleanAttribute,\r\n  OnChanges,\r\n  SimpleChanges,\r\n  OnDestroy, OnInit\r\n} from '@angular/core';\r\nimport { isPlatformServer } from '@angular/common';\r\n\r\n@Component({\r\n  selector: 'emr-marquee',\r\n  exportAs: 'emrMarquee',\r\n  templateUrl: './marquee.component.html',\r\n  styleUrl: './marquee.component.scss',\r\n  host: {\r\n    'class': 'emr-marquee'\r\n  }\r\n})\r\nexport class MarqueeComponent implements AfterContentInit, OnChanges, OnDestroy {\r\n  private _elementRef = inject(ElementRef);\r\n  private _platformId = inject(PLATFORM_ID);\r\n  private _intersectionObserver?: IntersectionObserver;\r\n\r\n  reverse = input(false, {\r\n    transform: booleanAttribute\r\n  });\r\n  pauseOnHover = input(false, {\r\n    transform: booleanAttribute\r\n  });\r\n\r\n  protected isInView = false;\r\n\r\n  protected get nativeElement(): HTMLElement {\r\n    return this._elementRef.nativeElement;\r\n  }\r\n\r\n  ngOnChanges(changes: SimpleChanges) {\r\n    if (changes['reverse']) {\r\n      this.nativeElement.style.setProperty('--emr-marquee-reverse', changes['reverse'].currentValue ? 'reverse' : '');\r\n    }\r\n\r\n    if (changes['pauseOnHover']) {\r\n      this.nativeElement.style.setProperty('--emr-marquee-pause', changes['pauseOnHover'].currentValue ? 'paused' : 'running');\r\n    }\r\n  }\r\n\r\n  ngAfterContentInit(): void {\r\n    if (isPlatformServer(this._platformId)) {\r\n      return;\r\n    }\r\n\r\n    this._intersectionObserver = new IntersectionObserver(([entry]) => {\r\n      if (entry.isIntersecting) {\r\n        if (!this.isInView) {\r\n          this.isInView = true;\r\n        }\r\n      } else if (this.isInView) {\r\n        this.isInView = false;\r\n      }\r\n    });\r\n    this._intersectionObserver.observe(this.nativeElement);\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    if (this._intersectionObserver) {\r\n      this._intersectionObserver.disconnect();\r\n    }\r\n  }\r\n}\r\n","<div #contentRef class=\"invisible\">\r\n  <ng-content/>\r\n</div>\r\n<div class=\"content\" [class.out-of-view]=\"!isInView\">\r\n  <div class=\"item\" [innerHTML]=\"contentRef.innerHTML\"></div>\r\n  <div class=\"item\" [innerHTML]=\"contentRef.innerHTML\"></div>\r\n  <div class=\"item\" [innerHTML]=\"contentRef.innerHTML\"></div>\r\n  <div class=\"item\" [innerHTML]=\"contentRef.innerHTML\"></div>\r\n</div>\r\n","import { Directive, ElementRef, inject } from '@angular/core';\r\n\r\n@Directive({\r\n  selector: '[emrMarqueeItem]',\r\n  standalone: true\r\n})\r\nexport class MarqueeItemDirective {\r\n  private _elementRef = inject(ElementRef);\r\n\r\n  get nativeElement(): HTMLElement {\r\n    return this._elementRef.nativeElement;\r\n  }\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}