@elementar-rt/components 0.6.55

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

@@ -0,0 +1,190 @@
+import * as i0 from '@angular/core';
+import { inject, TemplateRef, input, Directive, contentChildren, contentChild, booleanAttribute, Component, ElementRef } from '@angular/core';
+import { NgTemplateOutlet } from '@angular/common';
+import { SkeletonComponent, SkeletonCircleComponent, SkeletonLineComponent, SkeletonBlockComponent } from '@elementar-rt/components/skeleton';
+
+class NotificationDefDirective {
+    templateRef = inject(TemplateRef);
+    emrNotificationDef = input.required(...(ngDevMode ? [{ debugName: "emrNotificationDef" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: NotificationDefDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.10", type: NotificationDefDirective, isStandalone: true, selector: "[emrNotificationDef]", inputs: { emrNotificationDef: { classPropertyName: "emrNotificationDef", publicName: "emrNotificationDef", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: NotificationDefDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[emrNotificationDef]',
+                    standalone: true
+                }]
+        }], propDecorators: { emrNotificationDef: [{ type: i0.Input, args: [{ isSignal: true, alias: "emrNotificationDef", required: true }] }] } });
+
+class NotificationControlsDefDirective {
+    templateRef = inject(TemplateRef);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: NotificationControlsDefDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: NotificationControlsDefDirective, isStandalone: true, selector: "[emrNotificationControlsDef]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: NotificationControlsDefDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[emrNotificationControlsDef]',
+                    standalone: true
+                }]
+        }] });
+
+class NotificationListComponent {
+    defs = contentChildren(NotificationDefDirective, ...(ngDevMode ? [{ debugName: "defs" }] : []));
+    controlsDef = contentChild(NotificationControlsDefDirective, ...(ngDevMode ? [{ debugName: "controlsDef" }] : []));
+    notifications = input([], ...(ngDevMode ? [{ debugName: "notifications" }] : []));
+    static = input(true, ...(ngDevMode ? [{ debugName: "static", transform: booleanAttribute }] : [{
+            transform: booleanAttribute
+        }]));
+    _initialized = false;
+    _defsMap = new Map();
+    get controlsTpl() {
+        return this.controlsDef()?.templateRef;
+    }
+    ngAfterContentInit() {
+        this.defs().forEach((def) => {
+            this._defsMap.set(def.emrNotificationDef(), def.templateRef);
+        });
+        this._initialized = true;
+    }
+    getNotificationTemplate(type) {
+        if (!this._defsMap.has(type)) {
+            throw new Error(`Invalid type "${type}" for notification def`);
+        }
+        return this._defsMap.get(type);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: NotificationListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: NotificationListComponent, isStandalone: true, selector: "emr-notification-list", inputs: { notifications: { classPropertyName: "notifications", publicName: "notifications", isSignal: true, isRequired: false, transformFunction: null }, static: { classPropertyName: "static", publicName: "static", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.is-static": "static()" }, classAttribute: "emr-notification-list" }, queries: [{ propertyName: "defs", predicate: NotificationDefDirective, isSignal: true }, { propertyName: "controlsDef", first: true, predicate: NotificationControlsDefDirective, descendants: true, isSignal: true }], exportAs: ["emrNotificationList"], ngImport: i0, template: "@if (_initialized) {\r\n  @for (notification of notifications(); track notification) {\r\n    <div class=\"notification\">\r\n      <ng-container [ngTemplateOutlet]=\"getNotificationTemplate(notification.type)\"\r\n                    [ngTemplateOutletContext]=\"{ $implicit: notification }\" />\r\n      @if (controlsDef()) {\r\n        <div class=\"controls\">\r\n          <ng-container [ngTemplateOutlet]=\"controlsTpl\"\r\n                        [ngTemplateOutletContext]=\"{ $implicit: notification }\" />\r\n        </div>\r\n      }\r\n    </div>\r\n  }\r\n}\r\n", styles: [":host{--emr-notification-list-gap: calc(var(--spacing, .25rem) * 6);display:flex;flex-direction:column;gap:var(--emr-notification-list-gap)}:host .notification{position:relative}:host .controls{position:absolute;inset-inline-end:calc(var(--spacing, .25rem) * 1);top:calc(var(--spacing, .25rem) * 1)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: NotificationListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-notification-list', exportAs: 'emrNotificationList', imports: [
+                        NgTemplateOutlet
+                    ], host: {
+                        'class': 'emr-notification-list',
+                        '[class.is-static]': 'static()'
+                    }, template: "@if (_initialized) {\r\n  @for (notification of notifications(); track notification) {\r\n    <div class=\"notification\">\r\n      <ng-container [ngTemplateOutlet]=\"getNotificationTemplate(notification.type)\"\r\n                    [ngTemplateOutletContext]=\"{ $implicit: notification }\" />\r\n      @if (controlsDef()) {\r\n        <div class=\"controls\">\r\n          <ng-container [ngTemplateOutlet]=\"controlsTpl\"\r\n                        [ngTemplateOutletContext]=\"{ $implicit: notification }\" />\r\n        </div>\r\n      }\r\n    </div>\r\n  }\r\n}\r\n", styles: [":host{--emr-notification-list-gap: calc(var(--spacing, .25rem) * 6);display:flex;flex-direction:column;gap:var(--emr-notification-list-gap)}:host .notification{position:relative}:host .controls{position:absolute;inset-inline-end:calc(var(--spacing, .25rem) * 1);top:calc(var(--spacing, .25rem) * 1)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { defs: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => NotificationDefDirective), { isSignal: true }] }], controlsDef: [{ type: i0.ContentChild, args: [i0.forwardRef(() => NotificationControlsDefDirective), { isSignal: true }] }], notifications: [{ type: i0.Input, args: [{ isSignal: true, alias: "notifications", required: false }] }], static: [{ type: i0.Input, args: [{ isSignal: true, alias: "static", required: false }] }] } });
+
+class NotificationSkeletonComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: NotificationSkeletonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: NotificationSkeletonComponent, isStandalone: true, selector: "emr-notification-skeleton", host: { classAttribute: "emr-notification-skeleton" }, exportAs: ["emrNotificationSkeleton"], ngImport: i0, template: "<emr-skeleton class=\"flex gap-3\">\r\n  <emr-skeleton-circle class=\"size-11\"/>\r\n  <div class=\"grow flex flex-col gap-2\">\r\n    <emr-skeleton-block class=\"h-16\"/>\r\n    <emr-skeleton-line class=\"w-20 h-3\"/>\r\n  </div>\r\n</emr-skeleton>\r\n", styles: [":host{display:contents}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: SkeletonComponent, selector: "emr-skeleton", inputs: ["direction"], exportAs: ["emrSkeleton"] }, { kind: "component", type: SkeletonCircleComponent, selector: "emr-skeleton-circle", exportAs: ["emrSkeletonCircle"] }, { kind: "component", type: SkeletonLineComponent, selector: "emr-skeleton-line", exportAs: ["emrSkeletonLine"] }, { kind: "component", type: SkeletonBlockComponent, selector: "emr-skeleton-block", exportAs: ["emrSkeletonBlock"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: NotificationSkeletonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-notification-skeleton', exportAs: 'emrNotificationSkeleton', imports: [
+                        SkeletonComponent,
+                        SkeletonCircleComponent,
+                        SkeletonLineComponent,
+                        SkeletonBlockComponent
+                    ], host: {
+                        'class': 'emr-notification-skeleton',
+                    }, template: "<emr-skeleton class=\"flex gap-3\">\r\n  <emr-skeleton-circle class=\"size-11\"/>\r\n  <div class=\"grow flex flex-col gap-2\">\r\n    <emr-skeleton-block class=\"h-16\"/>\r\n    <emr-skeleton-line class=\"w-20 h-3\"/>\r\n  </div>\r\n</emr-skeleton>\r\n", styles: [":host{display:contents}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+        }] });
+
+class NotificationTimeComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: NotificationTimeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: NotificationTimeComponent, isStandalone: true, selector: "emr-notification-time,[emr-notification-time]", host: { classAttribute: "emr-notification-time" }, exportAs: ["emrNotificationTime"], ngImport: i0, template: "<ng-content/>\r\n", styles: [":host{font-size:.75rem;color:var(--color-on-surface-variant)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: NotificationTimeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-notification-time,[emr-notification-time]', exportAs: 'emrNotificationTime', imports: [], host: {
+                        'class': 'emr-notification-time'
+                    }, template: "<ng-content/>\r\n", styles: [":host{font-size:.75rem;color:var(--color-on-surface-variant)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+        }] });
+
+class NotificationActorComponent {
+    elementRef = inject(ElementRef);
+    get asLink() {
+        return this.elementRef.nativeElement.tagName === 'A';
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: NotificationActorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: NotificationActorComponent, isStandalone: true, selector: "emr-notification-actor,[emr-notification-actor]", host: { properties: { "class.as-link": "asLink" }, classAttribute: "emr-notification-actor" }, ngImport: i0, template: "<ng-content/>\r\n", styles: [":host{display:inline-block;font-weight:600;color:var(--color-on-surface);font-size:.875rem}:host.as-link:hover{cursor:pointer;text-decoration:underline}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: NotificationActorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-notification-actor,[emr-notification-actor]', imports: [], host: {
+                        'class': 'emr-notification-actor',
+                        '[class.as-link]': 'asLink'
+                    }, template: "<ng-content/>\r\n", styles: [":host{display:inline-block;font-weight:600;color:var(--color-on-surface);font-size:.875rem}:host.as-link:hover{cursor:pointer;text-decoration:underline}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+        }] });
+
+class NotificationMessageComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: NotificationMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: NotificationMessageComponent, isStandalone: true, selector: "emr-notification-message", host: { classAttribute: "emr-notification-message" }, exportAs: ["emrNotificationMessage"], ngImport: i0, template: "<ng-content/>\r\n", styles: [":host{font-size:.875rem}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: NotificationMessageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-notification-message', exportAs: 'emrNotificationMessage', imports: [], host: {
+                        'class': 'emr-notification-message'
+                    }, template: "<ng-content/>\r\n", styles: [":host{font-size:.875rem}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+        }] });
+
+class NotificationComponent {
+    isUnread = input(false, ...(ngDevMode ? [{ debugName: "isUnread", transform: booleanAttribute }] : [{
+            transform: booleanAttribute
+        }]));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: NotificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.10", type: NotificationComponent, isStandalone: true, selector: "emr-notification,[emr-notification]", inputs: { isUnread: { classPropertyName: "isUnread", publicName: "isUnread", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.is-unread": "isUnread()" }, classAttribute: "emr-notification" }, exportAs: ["emrNotification"], ngImport: i0, template: "<div class=\"avatar\">\r\n  <ng-content select=\"[emrNotificationAvatar]\"/>\r\n</div>\r\n<div class=\"grow\">\r\n  <span class=\"message\">\r\n    <ng-content select=\"emr-notification-message,[emr-notification-message]\"/>\r\n  </span>\r\n  <div class=\"content\">\r\n    <ng-content select=\"emr-notification-content,[emr-notification-content]\"/>\r\n  </div>\r\n  <ng-content select=\"emr-notification-time,[emr-notification-time]\"/>\r\n</div>\r\n", styles: [":host{--emr-notification-padding: calc(var(--spacing, .25rem) * 5);--emr-notification-gap: calc(var(--spacing, .25rem) * 4);--emr-notification-bg: var(--color-surface-container-low);--emr-notification-hover-bg: var(--color-surface-container);--emr-notification-is-unread-bg: var(--color-primary-200);--emr-notification-is-unread-hover-bg: var(--color-primary-300);display:flex;width:100%;position:relative;border-radius:.75rem;gap:var(--emr-notification-gap);padding:var(--emr-notification-padding)}:host .avatar{position:relative}:host .avatar:empty{display:none}:host .actor:empty{display:none}:host .message:empty{display:none}:host-context(emr-notification-list.is-static){cursor:auto}:host-context(emr-notification-list){background:var(--emr-notification-bg);cursor:pointer}:host-context(emr-notification-list).is-unread{background:var(--emr-notification-is-unread-bg)}:host-context(emr-notification-list:not(.is-static)):hover{background:var(--emr-notification-hover-bg)}:host-context(emr-notification-list:not(.is-static)).is-unread:hover{background:var(--emr-notification-is-unread-hover-bg)}:host-context(html.dark){--emr-notification-is-unread-bg: var(--color-neutral-950);--emr-notification-is-unread-hover-bg: var(--color-neutral-900)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: NotificationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-notification,[emr-notification]', exportAs: 'emrNotification', imports: [], host: {
+                        'class': 'emr-notification',
+                        '[class.is-unread]': 'isUnread()'
+                    }, template: "<div class=\"avatar\">\r\n  <ng-content select=\"[emrNotificationAvatar]\"/>\r\n</div>\r\n<div class=\"grow\">\r\n  <span class=\"message\">\r\n    <ng-content select=\"emr-notification-message,[emr-notification-message]\"/>\r\n  </span>\r\n  <div class=\"content\">\r\n    <ng-content select=\"emr-notification-content,[emr-notification-content]\"/>\r\n  </div>\r\n  <ng-content select=\"emr-notification-time,[emr-notification-time]\"/>\r\n</div>\r\n", styles: [":host{--emr-notification-padding: calc(var(--spacing, .25rem) * 5);--emr-notification-gap: calc(var(--spacing, .25rem) * 4);--emr-notification-bg: var(--color-surface-container-low);--emr-notification-hover-bg: var(--color-surface-container);--emr-notification-is-unread-bg: var(--color-primary-200);--emr-notification-is-unread-hover-bg: var(--color-primary-300);display:flex;width:100%;position:relative;border-radius:.75rem;gap:var(--emr-notification-gap);padding:var(--emr-notification-padding)}:host .avatar{position:relative}:host .avatar:empty{display:none}:host .actor:empty{display:none}:host .message:empty{display:none}:host-context(emr-notification-list.is-static){cursor:auto}:host-context(emr-notification-list){background:var(--emr-notification-bg);cursor:pointer}:host-context(emr-notification-list).is-unread{background:var(--emr-notification-is-unread-bg)}:host-context(emr-notification-list:not(.is-static)):hover{background:var(--emr-notification-hover-bg)}:host-context(emr-notification-list:not(.is-static)).is-unread:hover{background:var(--emr-notification-is-unread-hover-bg)}:host-context(html.dark){--emr-notification-is-unread-bg: var(--color-neutral-950);--emr-notification-is-unread-hover-bg: var(--color-neutral-900)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { isUnread: [{ type: i0.Input, args: [{ isSignal: true, alias: "isUnread", required: false }] }] } });
+
+class NotificationContentComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: NotificationContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: NotificationContentComponent, isStandalone: true, selector: "emr-notification-content,[emr-notification-content]", host: { classAttribute: "emr-notification-content" }, exportAs: ["emrNotificationContent"], ngImport: i0, template: "<ng-content/>\r\n", styles: [":host{display:block;margin:calc(var(--spacing, .25rem) * 1) 0 calc(var(--spacing, .25rem) * 1) 0}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: NotificationContentComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-notification-content,[emr-notification-content]', exportAs: 'emrNotificationContent', imports: [], host: {
+                        'class': 'emr-notification-content'
+                    }, template: "<ng-content/>\r\n", styles: [":host{display:block;margin:calc(var(--spacing, .25rem) * 1) 0 calc(var(--spacing, .25rem) * 1) 0}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+        }] });
+
+class NotificationPropsDirective {
+    isUnread = input(false, ...(ngDevMode ? [{ debugName: "isUnread", transform: booleanAttribute }] : [{
+            transform: booleanAttribute
+        }]));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: NotificationPropsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.10", type: NotificationPropsDirective, isStandalone: true, selector: "[emrNotificationProps]", inputs: { isUnread: { classPropertyName: "isUnread", publicName: "isUnread", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.is-unread": "isUnread()" }, classAttribute: "emr-notification-props" }, exportAs: ["emrNotificationProps"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: NotificationPropsDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[emrNotificationProps]',
+                    exportAs: 'emrNotificationProps',
+                    standalone: true,
+                    host: {
+                        'class': 'emr-notification-props',
+                        '[class.is-unread]': 'isUnread()',
+                    }
+                }]
+        }], propDecorators: { isUnread: [{ type: i0.Input, args: [{ isSignal: true, alias: "isUnread", required: false }] }] } });
+
+class NotificationAvatarDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: NotificationAvatarDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: NotificationAvatarDirective, isStandalone: true, selector: "[emrNotificationAvatar]", host: { classAttribute: "emr-notification-avatar" }, exportAs: ["emrNotificationAvatar"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: NotificationAvatarDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[emrNotificationAvatar]',
+                    exportAs: 'emrNotificationAvatar',
+                    host: {
+                        'class': 'emr-notification-avatar'
+                    }
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NotificationActorComponent, NotificationAvatarDirective, NotificationComponent, NotificationContentComponent, NotificationControlsDefDirective, NotificationDefDirective, NotificationListComponent, NotificationMessageComponent, NotificationPropsDirective, NotificationSkeletonComponent, NotificationTimeComponent };
+//# sourceMappingURL=elementar-rt-components-notifications.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"elementar-rt-components-notifications.mjs","sources":["../../../projects/components/notifications/src/notification-def.directive.ts","../../../projects/components/notifications/src/notification-controls-def.directive.ts","../../../projects/components/notifications/src/notification-list/notification-list.component.ts","../../../projects/components/notifications/src/notification-list/notification-list.component.html","../../../projects/components/notifications/src/notification-skeleton/notification-skeleton.component.ts","../../../projects/components/notifications/src/notification-skeleton/notification-skeleton.component.html","../../../projects/components/notifications/src/notification-time/notification-time.component.ts","../../../projects/components/notifications/src/notification-time/notification-time.component.html","../../../projects/components/notifications/src/notification-actor/notification-actor.component.ts","../../../projects/components/notifications/src/notification-actor/notification-actor.component.html","../../../projects/components/notifications/src/notification-message/notification-message.component.ts","../../../projects/components/notifications/src/notification-message/notification-message.component.html","../../../projects/components/notifications/src/notification/notification.component.ts","../../../projects/components/notifications/src/notification/notification.component.html","../../../projects/components/notifications/src/notification-content/notification-content.component.ts","../../../projects/components/notifications/src/notification-content/notification-content.component.html","../../../projects/components/notifications/src/notification-props.directive.ts","../../../projects/components/notifications/src/notification-avatar.directive.ts","../../../projects/components/notifications/elementar-rt-components-notifications.ts"],"sourcesContent":["import { Directive, inject, input, TemplateRef } from '@angular/core';\r\n\r\n@Directive({\r\n  selector: '[emrNotificationDef]',\r\n  standalone: true\r\n})\r\nexport class NotificationDefDirective {\r\n  readonly templateRef = inject(TemplateRef);\r\n  emrNotificationDef = input.required<string>();\r\n}\r\n","import { Directive, inject, TemplateRef } from '@angular/core';\r\n\r\n@Directive({\r\n  selector: '[emrNotificationControlsDef]',\r\n  standalone: true\r\n})\r\nexport class NotificationControlsDefDirective {\r\n  readonly templateRef = inject(TemplateRef);\r\n}\r\n","import {\r\n  AfterContentInit, booleanAttribute,\r\n  Component,\r\n  contentChild,\r\n  contentChildren,\r\n  input,\r\n  TemplateRef\r\n} from '@angular/core';\r\nimport { NgTemplateOutlet } from '@angular/common';\r\nimport { NotificationDefDirective } from '../notification-def.directive';\r\nimport { NotificationControlsDefDirective } from '../notification-controls-def.directive';\r\nimport { Notification } from '../types';\r\n\r\n@Component({\r\n  selector: 'emr-notification-list',\r\n  exportAs: 'emrNotificationList',\r\n  imports: [\r\n    NgTemplateOutlet\r\n  ],\r\n  templateUrl: './notification-list.component.html',\r\n  styleUrl: './notification-list.component.scss',\r\n  host: {\r\n    'class': 'emr-notification-list',\r\n    '[class.is-static]': 'static()'\r\n  }\r\n})\r\nexport class NotificationListComponent<T extends Notification> implements AfterContentInit {\r\n  readonly defs = contentChildren(NotificationDefDirective);\r\n  readonly controlsDef = contentChild(NotificationControlsDefDirective);\r\n\r\n  notifications = input<T[]>([]);\r\n  static = input(true, {\r\n    transform: booleanAttribute\r\n  });\r\n\r\n  protected _initialized = false;\r\n  protected _defsMap = new Map<string, TemplateRef<any>>();\r\n\r\n  get controlsTpl(): TemplateRef<any> {\r\n    return this.controlsDef()?.templateRef as TemplateRef<any>;\r\n  }\r\n\r\n  ngAfterContentInit() {\r\n    this.defs().forEach((def: NotificationDefDirective) => {\r\n      this._defsMap.set(def.emrNotificationDef(), def.templateRef);\r\n    });\r\n    this._initialized = true;\r\n  }\r\n\r\n  getNotificationTemplate(type: string): TemplateRef<any> {\r\n    if (!this._defsMap.has(type)) {\r\n      throw new Error(`Invalid type \"${type}\" for notification def`);\r\n    }\r\n\r\n    return this._defsMap.get(type) as TemplateRef<any>;\r\n  }\r\n}\r\n","@if (_initialized) {\r\n  @for (notification of notifications(); track notification) {\r\n    <div class=\"notification\">\r\n      <ng-container [ngTemplateOutlet]=\"getNotificationTemplate(notification.type)\"\r\n                    [ngTemplateOutletContext]=\"{ $implicit: notification }\" />\r\n      @if (controlsDef()) {\r\n        <div class=\"controls\">\r\n          <ng-container [ngTemplateOutlet]=\"controlsTpl\"\r\n                        [ngTemplateOutletContext]=\"{ $implicit: notification }\" />\r\n        </div>\r\n      }\r\n    </div>\r\n  }\r\n}\r\n","import { Component } from '@angular/core';\r\nimport {\r\n  SkeletonBlockComponent,\r\n  SkeletonCircleComponent,\r\n  SkeletonComponent,\r\n  SkeletonLineComponent\r\n} from '@elementar-rt/components/skeleton';\r\n\r\n@Component({\r\n  selector: 'emr-notification-skeleton',\r\n  exportAs: 'emrNotificationSkeleton',\r\n  imports: [\r\n    SkeletonComponent,\r\n    SkeletonCircleComponent,\r\n    SkeletonLineComponent,\r\n    SkeletonBlockComponent\r\n  ],\r\n  templateUrl: './notification-skeleton.component.html',\r\n  styleUrl: './notification-skeleton.component.scss',\r\n  host: {\r\n    'class': 'emr-notification-skeleton',\r\n  }\r\n})\r\nexport class NotificationSkeletonComponent {\r\n\r\n}\r\n","<emr-skeleton class=\"flex gap-3\">\r\n  <emr-skeleton-circle class=\"size-11\"/>\r\n  <div class=\"grow flex flex-col gap-2\">\r\n    <emr-skeleton-block class=\"h-16\"/>\r\n    <emr-skeleton-line class=\"w-20 h-3\"/>\r\n  </div>\r\n</emr-skeleton>\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'emr-notification-time,[emr-notification-time]',\r\n  exportAs: 'emrNotificationTime',\r\n  imports: [],\r\n  templateUrl: './notification-time.component.html',\r\n  styleUrl: './notification-time.component.scss',\r\n  host: {\r\n    'class': 'emr-notification-time'\r\n  }\r\n})\r\nexport class NotificationTimeComponent {\r\n\r\n}\r\n","<ng-content/>\r\n","import { Component, ElementRef, inject } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'emr-notification-actor,[emr-notification-actor]',\r\n  imports: [],\r\n  templateUrl: './notification-actor.component.html',\r\n  styleUrl: './notification-actor.component.scss',\r\n  host: {\r\n    'class': 'emr-notification-actor',\r\n    '[class.as-link]': 'asLink'\r\n  }\r\n})\r\nexport class NotificationActorComponent {\r\n  private elementRef = inject(ElementRef);\r\n\r\n  protected get asLink() {\r\n    return (this.elementRef.nativeElement as HTMLElement).tagName === 'A';\r\n  }\r\n}\r\n","<ng-content/>\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'emr-notification-message',\r\n  exportAs: 'emrNotificationMessage',\r\n  imports: [],\r\n  templateUrl: './notification-message.component.html',\r\n  styleUrl: './notification-message.component.scss',\r\n  host: {\r\n    'class': 'emr-notification-message'\r\n  }\r\n})\r\nexport class NotificationMessageComponent {\r\n\r\n}\r\n","<ng-content/>\r\n","import { booleanAttribute, Component, input } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'emr-notification,[emr-notification]',\r\n  exportAs: 'emrNotification',\r\n  imports: [],\r\n  templateUrl: './notification.component.html',\r\n  styleUrl: './notification.component.scss',\r\n  host: {\r\n    'class': 'emr-notification',\r\n    '[class.is-unread]': 'isUnread()'\r\n  }\r\n})\r\nexport class NotificationComponent {\r\n  isUnread = input(false, {\r\n    transform: booleanAttribute\r\n  });\r\n}\r\n","<div class=\"avatar\">\r\n  <ng-content select=\"[emrNotificationAvatar]\"/>\r\n</div>\r\n<div class=\"grow\">\r\n  <span class=\"message\">\r\n    <ng-content select=\"emr-notification-message,[emr-notification-message]\"/>\r\n  </span>\r\n  <div class=\"content\">\r\n    <ng-content select=\"emr-notification-content,[emr-notification-content]\"/>\r\n  </div>\r\n  <ng-content select=\"emr-notification-time,[emr-notification-time]\"/>\r\n</div>\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'emr-notification-content,[emr-notification-content]',\r\n  exportAs: 'emrNotificationContent',\r\n  imports: [],\r\n  templateUrl: './notification-content.component.html',\r\n  styleUrl: './notification-content.component.scss',\r\n  host: {\r\n    'class': 'emr-notification-content'\r\n  }\r\n})\r\nexport class NotificationContentComponent {\r\n\r\n}\r\n","<ng-content/>\r\n","import { booleanAttribute, Directive, input } from '@angular/core';\r\n\r\n@Directive({\r\n  selector: '[emrNotificationProps]',\r\n  exportAs: 'emrNotificationProps',\r\n  standalone: true,\r\n  host: {\r\n    'class': 'emr-notification-props',\r\n    '[class.is-unread]': 'isUnread()',\r\n  }\r\n})\r\nexport class NotificationPropsDirective {\r\n  isUnread = input(false, {\r\n    transform: booleanAttribute\r\n  });\r\n}\r\n","import { Directive } from '@angular/core';\r\n\r\n@Directive({\r\n  selector: '[emrNotificationAvatar]',\r\n  exportAs: 'emrNotificationAvatar',\r\n  host: {\r\n    'class': 'emr-notification-avatar'\r\n  }\r\n})\r\nexport class NotificationAvatarDirective {\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/elementar-rt-components-number-input.mjs

@@ -0,0 +1,288 @@
+import * as i0 from '@angular/core';
+import { inject, TemplateRef, Directive, ElementRef, viewChild, contentChild, input, numberAttribute, booleanAttribute, output, forwardRef, Input, Optional, Self, ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { NgForm, FormGroupDirective } from '@angular/forms';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import { MatFormFieldControl } from '@angular/material/form-field';
+import { Subject } from 'rxjs';
+import { MatRipple } from '@angular/material/core';
+import { NgTemplateOutlet } from '@angular/common';
+
+class DecreaseControlDirective {
+    templateRef = inject(TemplateRef);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: DecreaseControlDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: DecreaseControlDirective, isStandalone: true, selector: "[emrDecreaseControl]", exportAs: ["emrDecreaseControl"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: DecreaseControlDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[emrDecreaseControl]',
+                    exportAs: 'emrDecreaseControl'
+                }]
+        }] });
+
+class IncreaseControlDirective {
+    templateRef = inject(TemplateRef);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: IncreaseControlDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: IncreaseControlDirective, isStandalone: true, selector: "[emrIncreaseControl]", exportAs: ["emrIncreaseControl"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: IncreaseControlDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[emrIncreaseControl]',
+                    exportAs: 'emrIncreaseControl'
+                }]
+        }] });
+
+class NumberInputComponent {
+    ngControl;
+    _parentForm = inject(NgForm, {
+        optional: true,
+    });
+    _parentFormGroup = inject(FormGroupDirective, {
+        optional: true,
+    });
+    _elementRef = inject(ElementRef);
+    disableAutomaticLabeling;
+    placeholder;
+    _input = viewChild.required('input');
+    _decreaseControlRef = contentChild(DecreaseControlDirective, ...(ngDevMode ? [{ debugName: "_decreaseControlRef" }] : []));
+    _increaseControlRef = contentChild(IncreaseControlDirective, ...(ngDevMode ? [{ debugName: "_increaseControlRef" }] : []));
+    min = input(undefined, ...(ngDevMode ? [{ debugName: "min", transform: numberAttribute }] : [{
+            transform: numberAttribute
+        }]));
+    max = input(undefined, ...(ngDevMode ? [{ debugName: "max", transform: numberAttribute }] : [{
+            transform: numberAttribute
+        }]));
+    step = input(1, ...(ngDevMode ? [{ debugName: "step", transform: numberAttribute }] : [{
+            transform: numberAttribute
+        }]));
+    readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly", transform: booleanAttribute }] : [{
+            transform: booleanAttribute
+        }]));
+    set disabled(disabled) {
+        this._disabled = coerceBooleanProperty(disabled);
+        this.stateChanges.next();
+    }
+    get disabled() {
+        return this._disabled;
+    }
+    _disabled = false;
+    get required() {
+        return this._required;
+    }
+    set required(req) {
+        this._required = coerceBooleanProperty(req);
+        this.stateChanges.next();
+    }
+    _required = false;
+    valueChange = output();
+    static nextId = 0;
+    _value;
+    controlType;
+    autofilled;
+    userAriaDescribedBy;
+    stateChanges = new Subject();
+    focused = false;
+    touched = false;
+    errorState = false;
+    get id() {
+        return `emr-number-input${NumberInputComponent.nextId++}`;
+    }
+    get shouldLabelFloat() {
+        return this.focused || !this.empty;
+    }
+    get empty() {
+        if (this._value === 0) {
+            return false;
+        }
+        return typeof this._value !== 'number';
+    }
+    constructor(ngControl) {
+        this.ngControl = ngControl;
+        // Replace the provider from above with this.
+        if (this.ngControl != null) {
+            // Setting the value accessor directly (instead of using
+            // the providers) to avoid running into a circular import.
+            this.ngControl.valueAccessor = this;
+        }
+    }
+    setDescribedByIds(ids) {
+        const controlElement = this._elementRef.nativeElement;
+        controlElement.setAttribute('aria-describedby', ids.join(' '));
+    }
+    onFocusIn(event) {
+        if (!this.focused) {
+            this.focused = true;
+            this.stateChanges.next();
+        }
+    }
+    onFocusOut(event) {
+        if (!this._elementRef.nativeElement.contains(event.relatedTarget)) {
+            this.touched = true;
+            this.focused = false;
+            this.onTouched();
+            this.stateChanges.next();
+        }
+    }
+    set value(value) {
+        this._value = value;
+        this.stateChanges.next();
+    }
+    get value() {
+        return this._value;
+    }
+    ngOnDestroy() {
+        this.stateChanges.complete();
+    }
+    get _decreaseControlTemplateRef() {
+        return this._decreaseControlRef()?.templateRef;
+    }
+    get _increaseControlTemplateRef() {
+        return this._increaseControlRef()?.templateRef;
+    }
+    onChange = () => { };
+    onTouched = () => { };
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = coerceBooleanProperty(isDisabled);
+    }
+    writeValue(value) {
+        this._input().nativeElement.value = value;
+        this.value = value;
+    }
+    decrease(event, input) {
+        event.preventDefault();
+        event.stopPropagation();
+        let value = +input.value;
+        value -= this.step();
+        input.value = value.toString();
+        this._emitEvent();
+    }
+    increase(event, input) {
+        event.preventDefault();
+        event.stopPropagation();
+        let value = +input.value;
+        value += this.step();
+        input.value = value.toString();
+        this._emitEvent();
+    }
+    isDecreaseDisabled() {
+        const value = this._input().nativeElement.value;
+        if (typeof this.min() === 'undefined') {
+            return false;
+        }
+        // @ts-ignore
+        return (typeof this.min() === 'number' && +value <= this.min()) || this.readonly() || this.disabled;
+    }
+    isIncreaseDisabled() {
+        const value = this._input().nativeElement.value;
+        if (typeof this.max() === 'undefined') {
+            return false;
+        }
+        // @ts-ignore
+        return ((typeof this.min() === 'number' && value) && +value >= this.max()) || this.readonly() || this.disabled;
+    }
+    inputChange(event) {
+        this._value = this._input().nativeElement.value ? +this._input().nativeElement.value : undefined;
+        this._emitEvent();
+    }
+    _emitEvent() {
+        const value = this._input().nativeElement.value ? +this._input().nativeElement.value : undefined;
+        this.value = value;
+        this.onChange(value);
+        this.valueChange.emit(value);
+        this.updateErrorState();
+    }
+    ngDoCheck() {
+        if (this.ngControl) {
+            this.updateErrorState();
+        }
+    }
+    onContainerClick(event) {
+        if (event.target.tagName.toLowerCase() != 'input') {
+            this._elementRef.nativeElement.querySelector('input').focus();
+        }
+    }
+    updateErrorState() {
+        const parent = this._parentFormGroup || this._parentForm;
+        let oldState = this.errorState;
+        let newState = !!(this.ngControl?.invalid) && this.touched;
+        if (parent) {
+            newState = !!(this.ngControl?.invalid) && (this.touched || parent.submitted);
+        }
+        if (oldState !== newState) {
+            this.errorState = newState;
+            this.stateChanges.next();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: NumberInputComponent, deps: [{ token: i1.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: NumberInputComponent, isStandalone: true, selector: "emr-number-input", inputs: { min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, host: { attributes: { "id": "id" }, properties: { "class.floating": "shouldLabelFloat" }, classAttribute: "emr-number-input" }, providers: [
+            {
+                provide: MatFormFieldControl,
+                useExisting: forwardRef(() => NumberInputComponent),
+            }
+        ], queries: [{ propertyName: "_decreaseControlRef", first: true, predicate: DecreaseControlDirective, descendants: true, isSignal: true }, { propertyName: "_increaseControlRef", first: true, predicate: IncreaseControlDirective, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "_input", first: true, predicate: ["input"], descendants: true, isSignal: true }], exportAs: ["emrNumberInput"], ngImport: i0, template: "<input #input type=\"number\" class=\"input\"\r\n       (focusin)=\"onFocusIn($event)\"\r\n       (focusout)=\"onFocusOut($event)\"\r\n       [attr.min]=\"min()\"\r\n       [attr.max]=\"max()\"\r\n       [step]=\"step()\"\r\n       (input)=\"inputChange($event)\">\r\n<div class=\"controls\">\r\n  <button class=\"control control-decrease\" matRipple [disabled]=\"isDecreaseDisabled()\" (click)=\"decrease($event, input)\">\r\n    @if (_decreaseControlRef()) {\r\n      <ng-template [ngTemplateOutlet]=\"_decreaseControlTemplateRef\"/>\r\n    } @else {\r\n      <span>&minus;</span>\r\n    }\r\n  </button>\r\n  <button class=\"control control-increase\" matRipple [disabled]=\"isIncreaseDisabled()\" (click)=\"increase($event, input)\">\r\n    @if (_increaseControlRef()) {\r\n      <ng-template [ngTemplateOutlet]=\"_increaseControlTemplateRef\"/>\r\n    } @else {\r\n      <span>&plus;</span>\r\n    }\r\n  </button>\r\n</div>\r\n", styles: [":host{--emr-number-input-gap: calc(var(--spacing) * 2);--emr-number-input-control-bg: none;--emr-number-input-control-color: var(--color-neutral-500);--emr-number-input-control-hover-color: var(--color-neutral-600);--emr-number-input-control-active-color: var(--color-neutral-700);--emr-number-input-control-hover-bg: var(--color-surface-container);--emr-number-input-control-active-bg: var(--color-surface-container-high);--emr-number-input-control-font-size: 1.5rem;--emr-number-input-control-border-radius: .375rem;--emr-number-input-suffix-gap: calc(var(--spacing) * 3);--emr-number-input-control-size: calc(var(--spacing) * 7);--emr-number-input-control-border: none;display:flex;gap:var(--emr-number-input-gap)}:host .input{width:auto;max-width:none;flex-grow:1;min-width:0}:host .input{background:none;outline:none;color:currentColor;font:inherit;border:none}:host .input::-webkit-outer-spin-button,:host .input::-webkit-inner-spin-button{appearance:none;margin:0}:host .controls{display:flex;height:100%;gap:.375rem;-webkit-user-select:none;user-select:none}:host .control{cursor:pointer;flex:none;display:flex;align-items:center;justify-content:center;width:var(--emr-number-input-control-size);height:var(--emr-number-input-control-size);background:var(--emr-number-input-control-bg);color:var(--emr-number-input-control-color);font-size:var(--emr-number-input-control-font-size);line-height:var(--emr-number-input-control-font-size);border-radius:var(--emr-number-input-control-border-radius);position:relative;border:var(--emr-number-input-control-border);top:1px}:host .control span{position:relative;top:-1px}:host .control ::ng-deep .mat-icon{line-height:24px}:host .control:hover{background:var(--emr-number-input-control-hover-bg);color:var(--emr-number-input-control-hover-color)}:host .control[disabled]{pointer-events:none;opacity:.65}:host-context(html.dark){--emr-number-input-control-color: var(--color-neutral-300);--emr-number-input-control-hover-color: var(--color-neutral-200);--emr-number-input-control-hover-bg: var(--color-neutral-500)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: NumberInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-number-input', exportAs: 'emrNumberInput', imports: [
+                        MatRipple,
+                        NgTemplateOutlet
+                    ], providers: [
+                        {
+                            provide: MatFormFieldControl,
+                            useExisting: forwardRef(() => NumberInputComponent),
+                        }
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        'class': 'emr-number-input',
+                        '[class.floating]': 'shouldLabelFloat',
+                        'id': 'id'
+                    }, template: "<input #input type=\"number\" class=\"input\"\r\n       (focusin)=\"onFocusIn($event)\"\r\n       (focusout)=\"onFocusOut($event)\"\r\n       [attr.min]=\"min()\"\r\n       [attr.max]=\"max()\"\r\n       [step]=\"step()\"\r\n       (input)=\"inputChange($event)\">\r\n<div class=\"controls\">\r\n  <button class=\"control control-decrease\" matRipple [disabled]=\"isDecreaseDisabled()\" (click)=\"decrease($event, input)\">\r\n    @if (_decreaseControlRef()) {\r\n      <ng-template [ngTemplateOutlet]=\"_decreaseControlTemplateRef\"/>\r\n    } @else {\r\n      <span>&minus;</span>\r\n    }\r\n  </button>\r\n  <button class=\"control control-increase\" matRipple [disabled]=\"isIncreaseDisabled()\" (click)=\"increase($event, input)\">\r\n    @if (_increaseControlRef()) {\r\n      <ng-template [ngTemplateOutlet]=\"_increaseControlTemplateRef\"/>\r\n    } @else {\r\n      <span>&plus;</span>\r\n    }\r\n  </button>\r\n</div>\r\n", styles: [":host{--emr-number-input-gap: calc(var(--spacing) * 2);--emr-number-input-control-bg: none;--emr-number-input-control-color: var(--color-neutral-500);--emr-number-input-control-hover-color: var(--color-neutral-600);--emr-number-input-control-active-color: var(--color-neutral-700);--emr-number-input-control-hover-bg: var(--color-surface-container);--emr-number-input-control-active-bg: var(--color-surface-container-high);--emr-number-input-control-font-size: 1.5rem;--emr-number-input-control-border-radius: .375rem;--emr-number-input-suffix-gap: calc(var(--spacing) * 3);--emr-number-input-control-size: calc(var(--spacing) * 7);--emr-number-input-control-border: none;display:flex;gap:var(--emr-number-input-gap)}:host .input{width:auto;max-width:none;flex-grow:1;min-width:0}:host .input{background:none;outline:none;color:currentColor;font:inherit;border:none}:host .input::-webkit-outer-spin-button,:host .input::-webkit-inner-spin-button{appearance:none;margin:0}:host .controls{display:flex;height:100%;gap:.375rem;-webkit-user-select:none;user-select:none}:host .control{cursor:pointer;flex:none;display:flex;align-items:center;justify-content:center;width:var(--emr-number-input-control-size);height:var(--emr-number-input-control-size);background:var(--emr-number-input-control-bg);color:var(--emr-number-input-control-color);font-size:var(--emr-number-input-control-font-size);line-height:var(--emr-number-input-control-font-size);border-radius:var(--emr-number-input-control-border-radius);position:relative;border:var(--emr-number-input-control-border);top:1px}:host .control span{position:relative;top:-1px}:host .control ::ng-deep .mat-icon{line-height:24px}:host .control:hover{background:var(--emr-number-input-control-hover-bg);color:var(--emr-number-input-control-hover-color)}:host .control[disabled]{pointer-events:none;opacity:.65}:host-context(html.dark){--emr-number-input-control-color: var(--color-neutral-300);--emr-number-input-control-hover-color: var(--color-neutral-200);--emr-number-input-control-hover-bg: var(--color-neutral-500)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+        }], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
+                    type: Optional
+                }, {
+                    type: Self
+                }] }], propDecorators: { _input: [{ type: i0.ViewChild, args: ['input', { isSignal: true }] }], _decreaseControlRef: [{ type: i0.ContentChild, args: [i0.forwardRef(() => DecreaseControlDirective), { isSignal: true }] }], _increaseControlRef: [{ type: i0.ContentChild, args: [i0.forwardRef(() => IncreaseControlDirective), { isSignal: true }] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], step: [{ type: i0.Input, args: [{ isSignal: true, alias: "step", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], disabled: [{
+                type: Input
+            }], required: [{
+                type: Input
+            }], valueChange: [{ type: i0.Output, args: ["valueChange"] }] } });
+
+class NumberInputPrefixDirective {
+    templateRef = inject(TemplateRef);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: NumberInputPrefixDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: NumberInputPrefixDirective, isStandalone: true, selector: "[emrNumberInputPrefix]", exportAs: ["emrNumberInputPrefix"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: NumberInputPrefixDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[emrNumberInputPrefix]',
+                    exportAs: 'emrNumberInputPrefix'
+                }]
+        }] });
+
+class NumberInputSuffixDirective {
+    templateRef = inject(TemplateRef);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: NumberInputSuffixDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: NumberInputSuffixDirective, isStandalone: true, selector: "[emrNumberInputSuffix]", exportAs: ["emrNumberInputSuffix"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: NumberInputSuffixDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[emrNumberInputSuffix]',
+                    exportAs: 'emrNumberInputSuffix'
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { DecreaseControlDirective, IncreaseControlDirective, NumberInputComponent, NumberInputPrefixDirective, NumberInputSuffixDirective };
+//# sourceMappingURL=elementar-rt-components-number-input.mjs.map

package/fesm2022/elementar-rt-components-number-input.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"elementar-rt-components-number-input.mjs","sources":["../../../projects/components/number-input/src/decrease-control.directive.ts","../../../projects/components/number-input/src/increase-control.directive.ts","../../../projects/components/number-input/src/number-input/number-input.component.ts","../../../projects/components/number-input/src/number-input/number-input.component.html","../../../projects/components/number-input/src/number-input-prefix.directive.ts","../../../projects/components/number-input/src/number-input-suffix.directive.ts","../../../projects/components/number-input/elementar-rt-components-number-input.ts"],"sourcesContent":["import { Directive, inject, TemplateRef } from '@angular/core';\r\n\r\n@Directive({\r\n  selector: '[emrDecreaseControl]',\r\n  exportAs: 'emrDecreaseControl'\r\n})\r\nexport class DecreaseControlDirective {\r\n  readonly templateRef = inject(TemplateRef);\r\n}\r\n","import { Directive, inject, TemplateRef } from '@angular/core';\r\n\r\n@Directive({\r\n  selector: '[emrIncreaseControl]',\r\n  exportAs: 'emrIncreaseControl'\r\n})\r\nexport class IncreaseControlDirective {\r\n  readonly templateRef = inject(TemplateRef);\r\n}\r\n","import {\r\n  booleanAttribute,\r\n  ChangeDetectionStrategy,\r\n  Component,\r\n  contentChild,\r\n  DoCheck,\r\n  ElementRef, forwardRef,\r\n  inject, Input, input,\r\n  numberAttribute,\r\n  OnDestroy, Optional,\r\n  output, Self,\r\n  TemplateRef,\r\n  viewChild,\r\n} from '@angular/core';\r\nimport { ControlValueAccessor, FormGroupDirective, NgControl, NgForm } from '@angular/forms';\r\nimport { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\r\nimport { DecreaseControlDirective } from '../decrease-control.directive';\r\nimport { IncreaseControlDirective } from '../increase-control.directive';\r\nimport { MatFormFieldControl } from '@angular/material/form-field';\r\nimport { Subject } from 'rxjs';\r\nimport { MatRipple } from '@angular/material/core';\r\nimport { NgTemplateOutlet } from '@angular/common';\r\n\r\n@Component({\r\n  selector: 'emr-number-input',\r\n  exportAs: 'emrNumberInput',\r\n  imports: [\r\n    MatRipple,\r\n    NgTemplateOutlet\r\n  ],\r\n  providers: [\r\n    {\r\n      provide: MatFormFieldControl,\r\n      useExisting: forwardRef(() => NumberInputComponent),\r\n    }\r\n  ],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  templateUrl: './number-input.component.html',\r\n  styleUrl: './number-input.component.scss',\r\n  host: {\r\n    'class': 'emr-number-input',\r\n    '[class.floating]': 'shouldLabelFloat',\r\n    'id': 'id'\r\n  }\r\n})\r\nexport class NumberInputComponent implements MatFormFieldControl<any>, ControlValueAccessor, OnDestroy, DoCheck {\r\n  private _parentForm = inject(NgForm, {\r\n    optional: true,\r\n  });\r\n  private _parentFormGroup = inject(FormGroupDirective, {\r\n    optional: true,\r\n  });\r\n  private _elementRef = inject(ElementRef);\r\n  readonly disableAutomaticLabeling: boolean;\r\n  readonly placeholder: string;\r\n\r\n  private _input = viewChild.required<ElementRef>('input');\r\n  readonly _decreaseControlRef = contentChild<DecreaseControlDirective>(DecreaseControlDirective);\r\n  readonly _increaseControlRef = contentChild<IncreaseControlDirective>(IncreaseControlDirective);\r\n\r\n  min = input(undefined, {\r\n    transform: numberAttribute\r\n  });\r\n  max = input(undefined, {\r\n    transform: numberAttribute\r\n  });\r\n  step = input(1, {\r\n    transform: numberAttribute\r\n  });\r\n  readonly = input(false, {\r\n    transform: booleanAttribute\r\n  });\r\n\r\n  @Input()\r\n  set disabled(disabled: any) {\r\n    this._disabled = coerceBooleanProperty(disabled);\r\n    this.stateChanges.next();\r\n  }\r\n  get disabled() {\r\n    return this._disabled;\r\n  }\r\n  private _disabled = false;\r\n\r\n  @Input()\r\n  get required(): boolean {\r\n    return this._required;\r\n  }\r\n  set required(req: BooleanInput) {\r\n    this._required = coerceBooleanProperty(req);\r\n    this.stateChanges.next();\r\n  }\r\n  private _required = false;\r\n\r\n  readonly valueChange = output<number|undefined>();\r\n\r\n  static nextId = 0;\r\n  private _value: number | undefined;\r\n  controlType?: string | undefined;\r\n  autofilled?: boolean | undefined;\r\n  userAriaDescribedBy?: string | undefined;\r\n  stateChanges = new Subject<void>();\r\n  focused = false;\r\n  touched = false;\r\n  errorState: boolean = false;\r\n\r\n  get id(): string {\r\n    return `emr-number-input${NumberInputComponent.nextId++}`;\r\n  }\r\n\r\n  get shouldLabelFloat() {\r\n    return this.focused || !this.empty;\r\n  }\r\n\r\n  get empty(): boolean {\r\n    if (this._value === 0) {\r\n      return false;\r\n    }\r\n\r\n    return typeof this._value !== 'number';\r\n  }\r\n\r\n  constructor(\r\n    @Optional() @Self() public ngControl: NgControl,\r\n  ) {\r\n    // Replace the provider from above with this.\r\n    if (this.ngControl != null) {\r\n      // Setting the value accessor directly (instead of using\r\n      // the providers) to avoid running into a circular import.\r\n      this.ngControl.valueAccessor = this;\r\n    }\r\n  }\r\n\r\n  setDescribedByIds(ids: string[]) {\r\n    const controlElement = this._elementRef.nativeElement;\r\n    controlElement.setAttribute('aria-describedby', ids.join(' '));\r\n  }\r\n\r\n  onFocusIn(event: FocusEvent) {\r\n    if (!this.focused) {\r\n      this.focused = true;\r\n      this.stateChanges.next();\r\n    }\r\n  }\r\n\r\n  onFocusOut(event: FocusEvent) {\r\n    if (!this._elementRef.nativeElement.contains(event.relatedTarget as Element)) {\r\n      this.touched = true;\r\n      this.focused = false;\r\n      this.onTouched();\r\n      this.stateChanges.next();\r\n    }\r\n  }\r\n\r\n  set value(value: number | undefined) {\r\n    this._value = value;\r\n    this.stateChanges.next();\r\n  }\r\n  get value(): number | undefined {\r\n    return this._value;\r\n  }\r\n\r\n  ngOnDestroy() {\r\n    this.stateChanges.complete();\r\n  }\r\n\r\n  protected get _decreaseControlTemplateRef() {\r\n    return this._decreaseControlRef()?.templateRef as TemplateRef<any>;\r\n  }\r\n\r\n  protected get _increaseControlTemplateRef() {\r\n    return this._increaseControlRef()?.templateRef as TemplateRef<any>;\r\n  }\r\n\r\n  onChange: any = () => {};\r\n  onTouched: any = () => {};\r\n\r\n  registerOnChange(fn: any): void {\r\n    this.onChange = fn;\r\n  }\r\n\r\n  registerOnTouched(fn: any): void {\r\n    this.onTouched = fn;\r\n  }\r\n\r\n  setDisabledState(isDisabled: boolean): void {\r\n    this.disabled = coerceBooleanProperty(isDisabled);\r\n  }\r\n\r\n  writeValue(value: any): void {\r\n    this._input().nativeElement.value = value;\r\n    this.value = value;\r\n  }\r\n\r\n  decrease(event: MouseEvent, input: HTMLInputElement) {\r\n    event.preventDefault();\r\n    event.stopPropagation();\r\n    let value = +input.value;\r\n    value -= this.step();\r\n    input.value = value.toString();\r\n    this._emitEvent();\r\n  }\r\n\r\n  increase(event: MouseEvent, input: HTMLInputElement) {\r\n    event.preventDefault();\r\n    event.stopPropagation();\r\n    let value = +input.value;\r\n    value += this.step();\r\n    input.value = value.toString();\r\n    this._emitEvent();\r\n  }\r\n\r\n  isDecreaseDisabled() {\r\n    const value = this._input().nativeElement.value;\r\n\r\n    if (typeof this.min() === 'undefined') {\r\n      return false;\r\n    }\r\n\r\n    // @ts-ignore\r\n    return (typeof this.min() === 'number' && +value <= this.min()) || this.readonly() || this.disabled;\r\n  }\r\n\r\n  isIncreaseDisabled() {\r\n    const value = this._input().nativeElement.value;\r\n\r\n    if (typeof this.max() === 'undefined') {\r\n      return false;\r\n    }\r\n\r\n    // @ts-ignore\r\n    return ((typeof this.min() === 'number' && value) && +value >= this.max()) || this.readonly() || this.disabled;\r\n  }\r\n\r\n  inputChange(event: any) {\r\n    this._value = this._input().nativeElement.value ? +this._input().nativeElement.value : undefined;\r\n    this._emitEvent();\r\n  }\r\n\r\n  private _emitEvent() {\r\n    const value = this._input().nativeElement.value ? +this._input().nativeElement.value : undefined;\r\n    this.value = value;\r\n    this.onChange(value);\r\n    this.valueChange.emit(value);\r\n    this.updateErrorState();\r\n  }\r\n\r\n  ngDoCheck() {\r\n    if (this.ngControl) {\r\n      this.updateErrorState();\r\n    }\r\n  }\r\n\r\n  onContainerClick(event: MouseEvent) {\r\n    if ((event.target as Element).tagName.toLowerCase() != 'input') {\r\n      this._elementRef.nativeElement.querySelector('input').focus();\r\n    }\r\n  }\r\n\r\n  private updateErrorState() {\r\n    const parent = this._parentFormGroup || this._parentForm;\r\n    let oldState = this.errorState;\r\n    let newState = !!(this.ngControl?.invalid) && this.touched;\r\n\r\n    if (parent) {\r\n      newState = !!(this.ngControl?.invalid) && (this.touched || parent.submitted);\r\n    }\r\n\r\n    if (oldState !== newState) {\r\n      this.errorState = newState;\r\n      this.stateChanges.next();\r\n    }\r\n  }\r\n}\r\n","<input #input type=\"number\" class=\"input\"\r\n       (focusin)=\"onFocusIn($event)\"\r\n       (focusout)=\"onFocusOut($event)\"\r\n       [attr.min]=\"min()\"\r\n       [attr.max]=\"max()\"\r\n       [step]=\"step()\"\r\n       (input)=\"inputChange($event)\">\r\n<div class=\"controls\">\r\n  <button class=\"control control-decrease\" matRipple [disabled]=\"isDecreaseDisabled()\" (click)=\"decrease($event, input)\">\r\n    @if (_decreaseControlRef()) {\r\n      <ng-template [ngTemplateOutlet]=\"_decreaseControlTemplateRef\"/>\r\n    } @else {\r\n      <span>&minus;</span>\r\n    }\r\n  </button>\r\n  <button class=\"control control-increase\" matRipple [disabled]=\"isIncreaseDisabled()\" (click)=\"increase($event, input)\">\r\n    @if (_increaseControlRef()) {\r\n      <ng-template [ngTemplateOutlet]=\"_increaseControlTemplateRef\"/>\r\n    } @else {\r\n      <span>&plus;</span>\r\n    }\r\n  </button>\r\n</div>\r\n","import { Directive, inject, TemplateRef } from '@angular/core';\r\n\r\n@Directive({\r\n  selector: '[emrNumberInputPrefix]',\r\n  exportAs: 'emrNumberInputPrefix'\r\n})\r\nexport class NumberInputPrefixDirective {\r\n  readonly templateRef = inject(TemplateRef);\r\n}\r\n","import { Directive, inject, TemplateRef } from '@angular/core';\r\n\r\n@Directive({\r\n  selector: '[emrNumberInputSuffix]',\r\n  exportAs: 'emrNumberInputSuffix'\r\n})\r\nexport class NumberInputSuffixDirective {\r\n  readonly templateRef = inject(TemplateRef);\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}