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

@elementar-rt/components 0.6.56 → 0.6.57

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 (344) 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,38 +71,38 @@ 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 = {
@@ -125,26 +125,26 @@ class LayoutSidebarComponent {
         }
         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"] });
+    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 +170,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\ntype VisibilityState = {\n [propName: string]: boolean;\n};\n\nconst initialState: VisibilityState = {\n root: true\n};\n\nexport const LayoutSidebarStore = signalStore(\n { providedIn: 'root' },\n withState(initialState),\n withMethods((store) => ({\n showSidebarVisibility(layoutId: string, isShown: boolean): void {\n patchState(store, {\n [layoutId]: isShown\n });\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<any>(LayoutSidebarStore);\n\n protected _isShown = computed<boolean>(() => {\n if (this._parent.layoutId() in this._layoutSidebarStore) {\n return this._layoutSidebarStore[this._parent.layoutId()]();\n }\n\n return true;\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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"}