npm - @elementar-rt/components - Versions diffs - 0.6.56 → 0.6.58 - Mend

@elementar-rt/components 0.6.56 → 0.6.58

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (345) hide show

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

@@ -15,15 +15,15 @@ class LayoutComponent {
     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: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.25", 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"] });
+        ], exportAs: ["emrLayout"], ngImport: i0, template: "<ng-content select=\"emr-layout-topbar\"/>\n<ng-content select=\"emr-layout-header\"/>\n<div class=\"body\">\n  <ng-content select=\"emr-layout-sidebar\"/>\n  <div class=\"content\">\n    <ng-content/>\n  </div>\n  <ng-content select=\"emr-layout-aside\"/>\n</div>\n<ng-content select=\"emr-layout-footer\"/>\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.3.2 | MIT License | https://tailwindcss.com */\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: LayoutComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LayoutComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-layout', exportAs: 'emrLayout', standalone: true, providers: [
                         {
@@ -33,18 +33,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImpo
                     ], 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"] }]
+                    }, template: "<ng-content select=\"emr-layout-topbar\"/>\n<ng-content select=\"emr-layout-header\"/>\n<div class=\"body\">\n  <ng-content select=\"emr-layout-sidebar\"/>\n  <div class=\"content\">\n    <ng-content/>\n  </div>\n  <ng-content select=\"emr-layout-aside\"/>\n</div>\n<ng-content select=\"emr-layout-footer\"/>\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.3.2 | 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"] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LayoutHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: LayoutHeaderComponent, isStandalone: true, selector: "emr-layout-header", host: { classAttribute: "emr-layout-header" }, exportAs: ["emrLayoutHeader"], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{display:block;flex:none}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: LayoutHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", 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"] }]
+                    }, template: "<ng-content></ng-content>\n", styles: [":host{display:block;flex:none}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
         }] });
 class LayoutBodyComponent {
@@ -71,48 +71,56 @@ class LayoutBodyComponent {
             });
         });
     }
-    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"] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LayoutBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.25", 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/>\n", styles: [":host{display:block;position:relative;height:100%;width:100%;overflow:hidden}:host:has(:not(.emr-layout-body)){overflow:auto}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: LayoutBodyComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", 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"] }]
+                    }, template: "<ng-content/>\n", styles: [":host{display:block;position:relative;height:100%;width:100%;overflow:hidden}:host:has(:not(.emr-layout-body)){overflow:auto}\n/*! tailwindcss v4.3.2 | 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"] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LayoutFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: LayoutFooterComponent, isStandalone: true, selector: "emr-layout-footer", host: { classAttribute: "emr-layout-footer" }, exportAs: ["emrLayoutFooter"], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{display:block;grid-area:footer;flex:none}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: LayoutFooterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", 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"] }]
+                    }, template: "<ng-content></ng-content>\n", styles: [":host{display:block;grid-area:footer;flex:none}\n/*! tailwindcss v4.3.2 | 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"] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LayoutTopbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: LayoutTopbarComponent, isStandalone: true, selector: "emr-layout-topbar", host: { classAttribute: "emr-layout-topbar" }, exportAs: ["emrLayoutTopbar"], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{display:block;grid-area:topbar;flex:none}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: LayoutTopbarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", 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"] }]
+                    }, template: "<ng-content></ng-content>\n", styles: [":host{display:block;grid-area:topbar;flex:none}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
         }] });
 const initialState = {
-    root: true
+    visibility: { root: true }
 };
 const LayoutSidebarStore = signalStore({ providedIn: 'root' }, withState(initialState), withMethods((store) => ({
+    // `visibility` is the only key declared in the initial state, so patching
+    // a dynamic top-level key (e.g. patchState(store, { [layoutId]: isShown }))
+    // would be silently ignored by ngrx/signals for any layoutId other than
+    // the one seeded up front. Keeping per-layout visibility inside a single
+    // `visibility` record keeps every layoutId reactive.
     showSidebarVisibility(layoutId, isShown) {
         patchState(store, {
-            [layoutId]: isShown
+            visibility: { ...store.visibility(), [layoutId]: isShown }
         });
+    },
+    isVisible(layoutId) {
+        return store.visibility()[layoutId] ?? true;
     }
 })));
@@ -120,31 +128,28 @@ 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;
+        return this._layoutSidebarStore.isVisible(this._parent.layoutId());
     }, ...(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"] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LayoutSidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", 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/>\n", styles: [":host{display:block;z-index:101}:host:has(.emr-sidebar.compact){z-index:102}:host.is-hidden{display:none}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: LayoutSidebarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", 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"] }]
+                    }, template: "<ng-content/>\n", styles: [":host{display:block;z-index:101}:host:has(.emr-sidebar.compact){z-index:102}:host.is-hidden{display:none}\n/*! tailwindcss v4.3.2 | 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"] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LayoutAsideComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: LayoutAsideComponent, isStandalone: true, selector: "emr-layout-aside", host: { classAttribute: "emr-layout-aside" }, exportAs: ["emrLayoutAside"], ngImport: i0, template: "<ng-content/>\n", styles: [":host{display:block;height:100%;flex:none;width:var(--emr-layout-aside-width)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: LayoutAsideComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", 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"] }]
+                    }, template: "<ng-content/>\n", styles: [":host{display:block;height:100%;flex:none;width:var(--emr-layout-aside-width)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
         }] });
 class LayoutApiService {
@@ -170,10 +175,10 @@ class LayoutApiService {
     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' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LayoutApiService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LayoutApiService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: LayoutApiService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LayoutApiService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'

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

	@@ -1 +1 @@
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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"}
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';\n\nexport const LAYOUT = new InjectionToken('LAYOUT');\n\nexport interface LayoutSidebarVisibilityChange {\n layoutId: string;\n shown: boolean;\n}\n","import { booleanAttribute, Component, input } from '@angular/core';\nimport { LAYOUT } from '../types';\n\nlet nextId = 0;\n\n@Component({\n selector: 'emr-layout',\n exportAs: 'emrLayout',\n standalone: true,\n templateUrl: './layout.component.html',\n styleUrl: './layout.component.scss',\n providers: [\n {\n provide: LAYOUT,\n useExisting: LayoutComponent\n }\n ],\n host: {\n 'class': 'emr-layout',\n '[class.is-window-mode]': 'windowMode()'\n }\n})\nexport class LayoutComponent {\n layoutId = input<string>(`layout-${nextId++}`);\n windowMode = input(false, {\n transform: booleanAttribute\n });\n}\n","<ng-content select=\"emr-layout-topbar\"/>\n<ng-content select=\"emr-layout-header\"/>\n<div class=\"body\">\n <ng-content select=\"emr-layout-sidebar\"/>\n <div class=\"content\">\n <ng-content/>\n </div>\n <ng-content select=\"emr-layout-aside\"/>\n</div>\n<ng-content select=\"emr-layout-footer\"/>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'emr-layout-header',\n exportAs: 'emrLayoutHeader',\n templateUrl: './layout-header.component.html',\n styleUrl: './layout-header.component.scss',\n host: {\n 'class': 'emr-layout-header',\n }\n})\nexport class LayoutHeaderComponent {\n\n}\n","<ng-content></ng-content>\n","import { booleanAttribute, Component, ElementRef, inject, input, Input, OnInit, PLATFORM_ID } from '@angular/core';\nimport { NavigationStart, Router } from '@angular/router';\nimport { filter } from 'rxjs';\nimport { isPlatformServer } from '@angular/common';\nimport { CdkScrollable } from '@angular/cdk/overlay';\n\n@Component({\n selector: 'emr-layout-body',\n exportAs: 'emrLayoutBody',\n templateUrl: './layout-body.component.html',\n styleUrl: './layout-body.component.scss',\n hostDirectives: [\n CdkScrollable\n ],\n host: {\n 'class': 'emr-layout-body emr-scroll-lg'\n }\n})\nexport class LayoutBodyComponent implements OnInit {\n private _router = inject(Router);\n private _elementRef = inject(ElementRef);\n private _platformId = inject(PLATFORM_ID);\n\n autoscrollToTop = input(true, {\n transform: booleanAttribute\n });\n\n ngOnInit() {\n // Scroll a page to top if url changed\n this._router.events\n .pipe(\n filter(event=> event instanceof NavigationStart)\n )\n .subscribe(() => {\n if (!this.autoscrollToTop()) {\n return;\n }\n\n if (isPlatformServer(this._platformId)) {\n return;\n }\n\n this._elementRef.nativeElement.scrollTo({\n top: 0,\n left: 0\n });\n })\n ;\n }\n}\n","<ng-content/>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'emr-layout-footer',\n exportAs: 'emrLayoutFooter',\n templateUrl: './layout-footer.component.html',\n styleUrl: './layout-footer.component.scss',\n host: {\n 'class': 'emr-layout-footer',\n }\n})\nexport class LayoutFooterComponent {\n\n}\n","<ng-content></ng-content>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'emr-layout-topbar',\n exportAs: 'emrLayoutTopbar',\n templateUrl: './layout-topbar.component.html',\n styleUrl: './layout-topbar.component.scss',\n host: {\n 'class': 'emr-layout-topbar'\n }\n})\nexport class LayoutTopbarComponent {\n\n}\n","<ng-content></ng-content>\n","import { patchState, signalStore, withMethods, withState } from '@ngrx/signals';\n\ninterface VisibilityState {\n visibility: Record<string, boolean>;\n}\n\nconst initialState: VisibilityState = {\n visibility: { root: true }\n};\n\nexport const LayoutSidebarStore = signalStore(\n { providedIn: 'root' },\n withState(initialState),\n withMethods((store) => ({\n // `visibility` is the only key declared in the initial state, so patching\n // a dynamic top-level key (e.g. patchState(store, { [layoutId]: isShown }))\n // would be silently ignored by ngrx/signals for any layoutId other than\n // the one seeded up front. Keeping per-layout visibility inside a single\n // `visibility` record keeps every layoutId reactive.\n showSidebarVisibility(layoutId: string, isShown: boolean): void {\n patchState(store, {\n visibility: { ...store.visibility(), [layoutId]: isShown }\n });\n },\n isVisible(layoutId: string): boolean {\n return store.visibility()[layoutId] ?? true;\n }\n }))\n);\n","import { Component, computed, inject } from '@angular/core';\nimport { LAYOUT } from '../types';\nimport { LayoutComponent } from '../layout/layout.component';\nimport { LayoutSidebarStore } from '../layout.store';\n\n@Component({\n selector: 'emr-layout-sidebar',\n exportAs: 'emrLayoutSidebar',\n templateUrl: './layout-sidebar.component.html',\n styleUrl: './layout-sidebar.component.scss',\n host: {\n 'class': 'emr-layout-sidebar',\n '[class.is-hidden]': '!_isShown()'\n }\n})\nexport class LayoutSidebarComponent {\n private _parent = inject<LayoutComponent>(LAYOUT);\n private _layoutSidebarStore = inject(LayoutSidebarStore);\n\n protected _isShown = computed<boolean>(() => {\n return this._layoutSidebarStore.isVisible(this._parent.layoutId());\n });\n}\n","<ng-content/>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'emr-layout-aside',\n exportAs: 'emrLayoutAside',\n templateUrl: './layout-aside.component.html',\n styleUrl: './layout-aside.component.scss',\n host: {\n 'class': 'emr-layout-aside',\n }\n})\nexport class LayoutAsideComponent {\n\n}\n","<ng-content/>\n","import { EventEmitter, inject, Injectable } from '@angular/core';\nimport { LayoutSidebarVisibilityChange } from './types';\nimport { LayoutSidebarStore } from './layout.store';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class LayoutApiService {\n private _layoutSidebarStore = inject<any>(LayoutSidebarStore);\n readonly sidebarVisibility = new EventEmitter<LayoutSidebarVisibilityChange>();\n\n hideSidebar(layoutId: string): void {\n this._layoutSidebarStore.showSidebarVisibility(layoutId, false);\n this.sidebarVisibility.emit({\n layoutId,\n shown: false\n });\n }\n\n showSidebar(layoutId: string): void {\n this._layoutSidebarStore.showSidebarVisibility(layoutId, true);\n this.sidebarVisibility.emit({\n layoutId,\n shown: true\n });\n }\n\n toggleSidebar(layoutId: string): void {\n this.isSidebarShown(layoutId) ? this.hideSidebar(layoutId) : this.showSidebar(layoutId);\n }\n\n isSidebarShown(layoutId: string): boolean {\n return this._layoutSidebarStore[layoutId]();\n }\n}\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-list.mjs ADDED Viewed

@@ -0,0 +1,43 @@
+import * as i0 from '@angular/core';
+import { input, booleanAttribute, Component } from '@angular/core';
+class ListComponent {
+    dense = input(false, ...(ngDevMode ? [{ debugName: "dense", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
+    divided = input(false, ...(ngDevMode ? [{ debugName: "divided", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.25", type: ListComponent, isStandalone: true, selector: "emr-list", inputs: { dense: { classPropertyName: "dense", publicName: "dense", isSignal: true, isRequired: false, transformFunction: null }, divided: { classPropertyName: "divided", publicName: "divided", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "list" }, properties: { "class.is-dense": "dense()", "class.is-divided": "divided()" }, classAttribute: "emr-list" }, exportAs: ["emrList"], ngImport: i0, template: `<ng-content/>`, isInline: true, styles: [":host{display:flex;flex-direction:column;width:100%;padding:var(--spacing, .25rem) 0}:host.is-divided .emr-list-item+.emr-list-item{border-top:1px solid var(--color-outline-variant)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-list', exportAs: 'emrList', template: `<ng-content/>`, host: {
+                        'class': 'emr-list',
+                        'role': 'list',
+                        '[class.is-dense]': 'dense()',
+                        '[class.is-divided]': 'divided()',
+                    }, styles: [":host{display:flex;flex-direction:column;width:100%;padding:var(--spacing, .25rem) 0}:host.is-divided .emr-list-item+.emr-list-item{border-top:1px solid var(--color-outline-variant)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { dense: [{ type: i0.Input, args: [{ isSignal: true, alias: "dense", required: false }] }], divided: [{ type: i0.Input, args: [{ isSignal: true, alias: "divided", required: false }] }] } });
+class ListItemComponent {
+    interactive = input(false, ...(ngDevMode ? [{ debugName: "interactive", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
+    selected = input(false, ...(ngDevMode ? [{ debugName: "selected", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.25", type: ListItemComponent, isStandalone: true, selector: "emr-list-item", inputs: { interactive: { classPropertyName: "interactive", publicName: "interactive", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "listitem" }, properties: { "class.is-interactive": "interactive()", "class.is-selected": "selected()", "class.is-disabled": "disabled()" }, classAttribute: "emr-list-item" }, exportAs: ["emrListItem"], ngImport: i0, template: "<span class=\"li-leading\"><ng-content select=\"[emrListItemAvatar],[emrListItemIcon]\"/></span>\n<span class=\"li-body\">\n  <span class=\"li-title\"><ng-content select=\"[emrListItemTitle]\"/></span>\n  <span class=\"li-subtitle\"><ng-content select=\"[emrListItemSubtitle]\"/></span>\n  <ng-content/>\n</span>\n<span class=\"li-trailing\"><ng-content select=\"[emrListItemTrailing]\"/></span>\n", styles: [":host{--emr-li-height: calc(var(--spacing, .25rem) * 14);--emr-li-padding: 0 calc(var(--spacing, .25rem) * 4);--emr-li-gap: calc(var(--spacing, .25rem) * 3);--emr-li-selected-bg: var(--color-secondary-container);--emr-li-hover-bg: var(--color-surface-container);display:flex;align-items:center;gap:var(--emr-li-gap);min-height:var(--emr-li-height);padding:var(--emr-li-padding)}:host.is-interactive{cursor:pointer;border-radius:.75rem;transition:background .1s}:host.is-interactive:hover:not(.is-disabled){background:var(--emr-li-hover-bg)}:host.is-selected{background:var(--emr-li-selected-bg);border-radius:.75rem}:host.is-disabled{opacity:.38;pointer-events:none}:host .li-leading{display:contents}:host .li-leading:empty{display:none}:host .li-trailing{display:contents;margin-inline-start:auto}:host .li-trailing:empty{display:none}:host .li-body{flex:1;display:flex;flex-direction:column;justify-content:center;min-width:0}:host .li-title{font-size:.875rem;font-weight:500;color:var(--color-on-surface)}:host .li-subtitle{font-size:.75rem;color:var(--color-on-surface-variant);margin-top:calc(var(--spacing, .25rem) * .5)}:host .li-subtitle:empty{display:none}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ListItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-list-item', exportAs: 'emrListItem', host: {
+                        'class': 'emr-list-item',
+                        'role': 'listitem',
+                        '[class.is-interactive]': 'interactive()',
+                        '[class.is-selected]': 'selected()',
+                        '[class.is-disabled]': 'disabled()',
+                    }, template: "<span class=\"li-leading\"><ng-content select=\"[emrListItemAvatar],[emrListItemIcon]\"/></span>\n<span class=\"li-body\">\n  <span class=\"li-title\"><ng-content select=\"[emrListItemTitle]\"/></span>\n  <span class=\"li-subtitle\"><ng-content select=\"[emrListItemSubtitle]\"/></span>\n  <ng-content/>\n</span>\n<span class=\"li-trailing\"><ng-content select=\"[emrListItemTrailing]\"/></span>\n", styles: [":host{--emr-li-height: calc(var(--spacing, .25rem) * 14);--emr-li-padding: 0 calc(var(--spacing, .25rem) * 4);--emr-li-gap: calc(var(--spacing, .25rem) * 3);--emr-li-selected-bg: var(--color-secondary-container);--emr-li-hover-bg: var(--color-surface-container);display:flex;align-items:center;gap:var(--emr-li-gap);min-height:var(--emr-li-height);padding:var(--emr-li-padding)}:host.is-interactive{cursor:pointer;border-radius:.75rem;transition:background .1s}:host.is-interactive:hover:not(.is-disabled){background:var(--emr-li-hover-bg)}:host.is-selected{background:var(--emr-li-selected-bg);border-radius:.75rem}:host.is-disabled{opacity:.38;pointer-events:none}:host .li-leading{display:contents}:host .li-leading:empty{display:none}:host .li-trailing{display:contents;margin-inline-start:auto}:host .li-trailing:empty{display:none}:host .li-body{flex:1;display:flex;flex-direction:column;justify-content:center;min-width:0}:host .li-title{font-size:.875rem;font-weight:500;color:var(--color-on-surface)}:host .li-subtitle{font-size:.75rem;color:var(--color-on-surface-variant);margin-top:calc(var(--spacing, .25rem) * .5)}:host .li-subtitle:empty{display:none}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { interactive: [{ type: i0.Input, args: [{ isSignal: true, alias: "interactive", required: false }] }], selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] } });
+/**
+ * Generated bundle index. Do not edit.
+ */
+export { ListComponent, ListItemComponent };
+//# sourceMappingURL=elementar-rt-components-list.mjs.map

package/fesm2022/elementar-rt-components-list.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"elementar-rt-components-list.mjs","sources":["../../../projects/components/list/src/list/list.component.ts","../../../projects/components/list/src/list-item/list-item.component.ts","../../../projects/components/list/src/list-item/list-item.component.html","../../../projects/components/list/elementar-rt-components-list.ts"],"sourcesContent":["import { booleanAttribute, Component, input } from '@angular/core';\n\n@Component({\n selector: 'emr-list',\n exportAs: 'emrList',\n template: `<ng-content/>`,\n styleUrl: './list.component.scss',\n host: {\n 'class': 'emr-list',\n 'role': 'list',\n '[class.is-dense]': 'dense()',\n '[class.is-divided]': 'divided()',\n }\n})\nexport class ListComponent {\n dense = input(false, { transform: booleanAttribute });\n divided = input(false, { transform: booleanAttribute });\n}\n","import { booleanAttribute, Component, input } from '@angular/core';\n\n@Component({\n selector: 'emr-list-item',\n exportAs: 'emrListItem',\n templateUrl: './list-item.component.html',\n styleUrl: './list-item.component.scss',\n host: {\n 'class': 'emr-list-item',\n 'role': 'listitem',\n '[class.is-interactive]': 'interactive()',\n '[class.is-selected]': 'selected()',\n '[class.is-disabled]': 'disabled()',\n }\n})\nexport class ListItemComponent {\n interactive = input(false, { transform: booleanAttribute });\n selected = input(false, { transform: booleanAttribute });\n disabled = input(false, { transform: booleanAttribute });\n}\n","<ng-content select=\"[emrListItemAvatar],[emrListItemIcon]\"/>\n\n <ng-content select=\"[emrListItemTitle]\"/>\n <ng-content select=\"[emrListItemSubtitle]\"/>\n <ng-content/>\n\n<ng-content select=\"[emrListItemTrailing]\"/>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAca,aAAa,CAAA;AACxB,IAAA,KAAK,GAAG,KAAK,CAAC,KAAK,yCAAI,SAAS,EAAE,gBAAgB,EAAA,CAAA,GAAA,CAA7B,EAAE,SAAS,EAAE,gBAAgB,EAAE,GAAC;AACrD,IAAA,OAAO,GAAG,KAAK,CAAC,KAAK,2CAAI,SAAS,EAAE,gBAAgB,EAAA,CAAA,GAAA,CAA7B,EAAE,SAAS,EAAE,gBAAgB,EAAE,GAAC;wGAF5C,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,ifATd,CAAA,aAAA,CAAe,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,6PAAA,CAAA,EAAA,CAAA;;4FASd,aAAa,EAAA,UAAA,EAAA,CAAA;kBAZzB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,UAAU,EAAA,QAAA,EACV,SAAS,EAAA,QAAA,EACT,CAAA,aAAA,CAAe,EAAA,IAAA,EAEnB;AACJ,wBAAA,OAAO,EAAE,UAAU;AACnB,wBAAA,MAAM,EAAE,MAAM;AACd,wBAAA,kBAAkB,EAAE,SAAS;AAC7B,wBAAA,oBAAoB,EAAE,WAAW;AAClC,qBAAA,EAAA,MAAA,EAAA,CAAA,6PAAA,CAAA,EAAA;;;MCGU,iBAAiB,CAAA;AAC5B,IAAA,WAAW,GAAG,KAAK,CAAC,KAAK,+CAAI,SAAS,EAAE,gBAAgB,EAAA,CAAA,GAAA,CAA7B,EAAE,SAAS,EAAE,gBAAgB,EAAE,GAAC;AAC3D,IAAA,QAAQ,GAAG,KAAK,CAAC,KAAK,4CAAI,SAAS,EAAE,gBAAgB,EAAA,CAAA,GAAA,CAA7B,EAAE,SAAS,EAAE,gBAAgB,EAAE,GAAC;AACxD,IAAA,QAAQ,GAAG,KAAK,CAAC,KAAK,4CAAI,SAAS,EAAE,gBAAgB,EAAA,CAAA,GAAA,CAA7B,EAAE,SAAS,EAAE,gBAAgB,EAAE,GAAC;wGAH7C,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,0sBCf9B,+YAOA,EAAA,MAAA,EAAA,CAAA,qtCAAA,CAAA,EAAA,CAAA;;4FDQa,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAb7B,SAAS;+BACE,eAAe,EAAA,QAAA,EACf,aAAa,EAAA,IAAA,EAGjB;AACJ,wBAAA,OAAO,EAAE,eAAe;AACxB,wBAAA,MAAM,EAAE,UAAU;AAClB,wBAAA,wBAAwB,EAAE,eAAe;AACzC,wBAAA,qBAAqB,EAAE,YAAY;AACnC,wBAAA,qBAAqB,EAAE,YAAY;AACpC,qBAAA,EAAA,QAAA,EAAA,+YAAA,EAAA,MAAA,EAAA,CAAA,qtCAAA,CAAA,EAAA;;;AEbH;;AAEG;;;;"}

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

@@ -3,36 +3,36 @@ 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"] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LogoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.25", 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/>\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.3.2 | MIT License | https://tailwindcss.com */\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: LogoComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", 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"] }]
+                    }, template: "<ng-content/>\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.3.2 | 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"] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TextLogoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: TextLogoComponent, isStandalone: true, selector: "emr-text-logo", host: { classAttribute: "emr-text-logo" }, exportAs: ["emrTextLogo"], ngImport: i0, template: "<div class=\"logo-container\">\n  <div class=\"logo-text\">\n    <ng-content/>\n  </div>\n</div>\n", styles: [":host{font-size:1.875rem;font-weight:800;color:var(--color-primary)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TextLogoComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", 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"] }]
+                    }, template: "<div class=\"logo-container\">\n  <div class=\"logo-text\">\n    <ng-content/>\n  </div>\n</div>\n", styles: [":host{font-size:1.875rem;font-weight:800;color:var(--color-primary)}\n/*! tailwindcss v4.3.2 | 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: [""] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ImageLogoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: ImageLogoComponent, isStandalone: true, selector: "emr-image-logo", ngImport: i0, template: "<p>image-logo works!</p>\n", styles: [""] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ImageLogoComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ImageLogoComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'emr-image-logo', imports: [], template: "<p>image-logo works!</p>\r\n" }]
+            args: [{ selector: 'emr-image-logo', imports: [], template: "<p>image-logo works!</p>\n" }]
         }] });
 /**

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

	@@ -1 +1 @@
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;;;;"}
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';\nimport { LogoAppearance } from '../types';\n\n@Component({\n selector: 'emr-logo,[emr-logo]',\n exportAs: 'emrLogo',\n imports: [],\n templateUrl: './logo.component.html',\n styleUrl: './logo.component.scss',\n host: {\n 'class': 'emr-logo',\n '[class.is-text]': 'appearance() === \"text\"',\n '[class.is-image]': 'appearance() === \"image\"',\n }\n})\nexport class LogoComponent {\n appearance = input<LogoAppearance>('text');\n}\n","<ng-content/>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'emr-text-logo',\n exportAs: 'emrTextLogo',\n imports: [],\n templateUrl: './text-logo.component.html',\n styleUrl: './text-logo.component.scss',\n host: {\n 'class': 'emr-text-logo'\n }\n})\nexport class TextLogoComponent {\n\n}\n","<div class=\"logo-container\">\n <div class=\"logo-text\">\n <ng-content/>\n </div>\n</div>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'emr-image-logo',\n imports: [],\n templateUrl: './image-logo.component.html',\n styleUrl: './image-logo.component.scss'\n})\nexport class ImageLogoComponent {\n\n}\n","<p>image-logo works!</p>\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,iBACA,EAAA,MAAA,EAAA,CAAA,0eAAA,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,iBAAA,EAAA,MAAA,EAAA,CAAA,0eAAA,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,oGAKA,EAAA,MAAA,EAAA,CAAA,2IAAA,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,oGAAA,EAAA,MAAA,EAAA,CAAA,2IAAA,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,4BACA,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,4BAAA,EAAA;;;AEJb;;AAEG;;;;"}

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

@@ -45,14 +45,14 @@ class MarqueeComponent {
             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"] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: MarqueeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.25", 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\">\n  <ng-content/>\n</div>\n<div class=\"content\" [class.out-of-view]=\"!isInView\">\n  <div class=\"item\" [innerHTML]=\"contentRef.innerHTML\"></div>\n  <div class=\"item\" [innerHTML]=\"contentRef.innerHTML\"></div>\n  <div class=\"item\" [innerHTML]=\"contentRef.innerHTML\"></div>\n  <div class=\"item\" [innerHTML]=\"contentRef.innerHTML\"></div>\n</div>\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.3.2 | MIT License | https://tailwindcss.com */\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: MarqueeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", 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"] }]
+                    }, template: "<div #contentRef class=\"invisible\">\n  <ng-content/>\n</div>\n<div class=\"content\" [class.out-of-view]=\"!isInView\">\n  <div class=\"item\" [innerHTML]=\"contentRef.innerHTML\"></div>\n  <div class=\"item\" [innerHTML]=\"contentRef.innerHTML\"></div>\n  <div class=\"item\" [innerHTML]=\"contentRef.innerHTML\"></div>\n  <div class=\"item\" [innerHTML]=\"contentRef.innerHTML\"></div>\n</div>\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.3.2 | 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 {
@@ -60,10 +60,10 @@ class MarqueeItemDirective {
     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 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: MarqueeItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: MarqueeItemDirective, isStandalone: true, selector: "[emrMarqueeItem]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: MarqueeItemDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: MarqueeItemDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[emrMarqueeItem]',

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

	@@ -1 +1 @@
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":";;;;MAwBa,gBAAgB,CAAA;AACnB,IAAA,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC;AAChC,IAAA,WAAW,GAAG,MAAM,CAAC,WAAW,CAAC;AACjC,IAAA,qBAAqB;IAE7B,OAAO,GAAG,KAAK,CAAC,KAAK,2CACnB,SAAS,EAAE,gBAAgB,EAAA,CAAA,GAAA,CADN;AACrB,YAAA,SAAS,EAAE;AACZ,SAAA,CAAA,CAAA,CAAC;IACF,YAAY,GAAG,KAAK,CAAC,KAAK,gDACxB,SAAS,EAAE,gBAAgB,EAAA,CAAA,GAAA,CADD;AAC1B,YAAA,SAAS,EAAE;AACZ,SAAA,CAAA,CAAA,CAAC;IAEQ,QAAQ,GAAG,KAAK;AAE1B,IAAA,IAAc,aAAa,GAAA;AACzB,QAAA,OAAO,IAAI,CAAC,WAAW,CAAC,aAAa;IACvC;AAEA,IAAA,WAAW,CAAC,OAAsB,EAAA;AAChC,QAAA,IAAI,OAAO,CAAC,SAAS,CAAC,EAAE;YACtB,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,WAAW,CAAC,uBAAuB,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC,YAAY,GAAG,SAAS,GAAG,EAAE,CAAC;QACjH;AAEA,QAAA,IAAI,OAAO,CAAC,cAAc,CAAC,EAAE;YAC3B,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,WAAW,CAAC,qBAAqB,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC,YAAY,GAAG,QAAQ,GAAG,SAAS,CAAC;QAC1H;IACF;IAEA,kBAAkB,GAAA;AAChB,QAAA,IAAI,gBAAgB,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE;YACtC;QACF;QAEA,IAAI,CAAC,qBAAqB,GAAG,IAAI,oBAAoB,CAAC,CAAC,CAAC,KAAK,CAAC,KAAI;AAChE,YAAA,IAAI,KAAK,CAAC,cAAc,EAAE;AACxB,gBAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;AAClB,oBAAA,IAAI,CAAC,QAAQ,GAAG,IAAI;gBACtB;YACF;AAAO,iBAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;AACxB,gBAAA,IAAI,CAAC,QAAQ,GAAG,KAAK;YACvB;AACF,QAAA,CAAC,CAAC;QACF,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,IAAI,CAAC,aAAa,CAAC;IACxD;IAEA,WAAW,GAAA;AACT,QAAA,IAAI,IAAI,CAAC,qBAAqB,EAAE;AAC9B,YAAA,IAAI,CAAC,qBAAqB,CAAC,UAAU,EAAE;QACzC;IACF;wGAjDW,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAhB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,gBAAgB,sbCxB7B,~~maASA~~,EAAA,MAAA,EAAA,CAAA,~~m5BAAA~~,CAAA,EAAA,CAAA;;4FDea,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAT5B,SAAS;+BACE,aAAa,EAAA,QAAA,EACb,YAAY,EAAA,IAAA,EAGhB;AACJ,wBAAA,OAAO,EAAE;AACV,qBAAA,EAAA,QAAA,EAAA,~~maAAA~~,EAAA,MAAA,EAAA,CAAA,~~m5BAAA~~,CAAA,EAAA;;;MEhBU,oBAAoB,CAAA;AACvB,IAAA,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC;AAExC,IAAA,IAAI,aAAa,GAAA;AACf,QAAA,OAAO,IAAI,CAAC,WAAW,CAAC,aAAa;IACvC;wGALW,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAApB,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;4FAApB,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAJhC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,kBAAkB;AAC5B,oBAAA,UAAU,EAAE;AACb,iBAAA;;;ACLD;;AAEG;;;;"}
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 {\n Component,\n ElementRef,\n input,\n viewChild,\n AfterContentInit,\n inject,\n PLATFORM_ID,\n booleanAttribute,\n OnChanges,\n SimpleChanges,\n OnDestroy, OnInit\n} from '@angular/core';\nimport { isPlatformServer } from '@angular/common';\n\n@Component({\n selector: 'emr-marquee',\n exportAs: 'emrMarquee',\n templateUrl: './marquee.component.html',\n styleUrl: './marquee.component.scss',\n host: {\n 'class': 'emr-marquee'\n }\n})\nexport class MarqueeComponent implements AfterContentInit, OnChanges, OnDestroy {\n private _elementRef = inject(ElementRef);\n private _platformId = inject(PLATFORM_ID);\n private _intersectionObserver?: IntersectionObserver;\n\n reverse = input(false, {\n transform: booleanAttribute\n });\n pauseOnHover = input(false, {\n transform: booleanAttribute\n });\n\n protected isInView = false;\n\n protected get nativeElement(): HTMLElement {\n return this._elementRef.nativeElement;\n }\n\n ngOnChanges(changes: SimpleChanges) {\n if (changes['reverse']) {\n this.nativeElement.style.setProperty('--emr-marquee-reverse', changes['reverse'].currentValue ? 'reverse' : '');\n }\n\n if (changes['pauseOnHover']) {\n this.nativeElement.style.setProperty('--emr-marquee-pause', changes['pauseOnHover'].currentValue ? 'paused' : 'running');\n }\n }\n\n ngAfterContentInit(): void {\n if (isPlatformServer(this._platformId)) {\n return;\n }\n\n this._intersectionObserver = new IntersectionObserver(([entry]) => {\n if (entry.isIntersecting) {\n if (!this.isInView) {\n this.isInView = true;\n }\n } else if (this.isInView) {\n this.isInView = false;\n }\n });\n this._intersectionObserver.observe(this.nativeElement);\n }\n\n ngOnDestroy(): void {\n if (this._intersectionObserver) {\n this._intersectionObserver.disconnect();\n }\n }\n}\n","<div #contentRef class=\"invisible\">\n <ng-content/>\n</div>\n<div class=\"content\" [class.out-of-view]=\"!isInView\">\n <div class=\"item\" [innerHTML]=\"contentRef.innerHTML\"></div>\n <div class=\"item\" [innerHTML]=\"contentRef.innerHTML\"></div>\n <div class=\"item\" [innerHTML]=\"contentRef.innerHTML\"></div>\n <div class=\"item\" [innerHTML]=\"contentRef.innerHTML\"></div>\n</div>\n","import { Directive, ElementRef, inject } from '@angular/core';\n\n@Directive({\n selector: '[emrMarqueeItem]',\n standalone: true\n})\nexport class MarqueeItemDirective {\n private _elementRef = inject(ElementRef);\n\n get nativeElement(): HTMLElement {\n return this._elementRef.nativeElement;\n }\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}