@ngstarter-ui/components 1.0.21

package/fesm2022/ngstarter-ui-components-notifications.mjs

@@ -0,0 +1,181 @@
+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 { Skeleton } from '@ngstarter-ui/components/skeleton';
+
+class NotificationDefDirective {
+    templateRef = inject(TemplateRef);
+    ngsNotificationDef = input.required(...(ngDevMode ? [{ debugName: "ngsNotificationDef" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: NotificationDefDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.4", type: NotificationDefDirective, isStandalone: true, selector: "[ngsNotificationDef]", inputs: { ngsNotificationDef: { classPropertyName: "ngsNotificationDef", publicName: "ngsNotificationDef", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: NotificationDefDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngsNotificationDef]',
+                    standalone: true
+                }]
+        }], propDecorators: { ngsNotificationDef: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngsNotificationDef", required: true }] }] } });
+
+class NotificationControlsDefDirective {
+    templateRef = inject(TemplateRef);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: NotificationControlsDefDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.4", type: NotificationControlsDefDirective, isStandalone: true, selector: "[ngsNotificationControlsDef]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: NotificationControlsDefDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngsNotificationControlsDef]',
+                    standalone: true
+                }]
+        }] });
+
+class NotificationList {
+    defs = contentChildren(NotificationDefDirective, ...(ngDevMode ? [{ debugName: "defs" }] : /* istanbul ignore next */ []));
+    controlsDef = contentChild(NotificationControlsDefDirective, ...(ngDevMode ? [{ debugName: "controlsDef" }] : /* istanbul ignore next */ []));
+    notifications = input([], ...(ngDevMode ? [{ debugName: "notifications" }] : /* istanbul ignore next */ []));
+    static = input(true, { ...(ngDevMode ? { debugName: "static" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    _initialized = false;
+    _defsMap = new Map();
+    get controlsTpl() {
+        return this.controlsDef()?.templateRef;
+    }
+    ngAfterContentInit() {
+        this.defs().forEach((def) => {
+            this._defsMap.set(def.ngsNotificationDef(), 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: "21.2.4", ngImport: i0, type: NotificationList, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: NotificationList, isStandalone: true, selector: "ngs-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: "ngs-notification-list" }, queries: [{ propertyName: "defs", predicate: NotificationDefDirective, isSignal: true }, { propertyName: "controlsDef", first: true, predicate: NotificationControlsDefDirective, descendants: true, isSignal: true }], exportAs: ["ngsNotificationList"], ngImport: i0, template: "@if (_initialized) {\n  @for (notification of notifications(); track notification) {\n    <div class=\"notification\">\n      <ng-container [ngTemplateOutlet]=\"getNotificationTemplate(notification.type)\"\n                    [ngTemplateOutletContext]=\"{ $implicit: notification }\" />\n      @if (controlsDef()) {\n        <div class=\"controls\">\n          <ng-container [ngTemplateOutlet]=\"controlsTpl\"\n                        [ngTemplateOutletContext]=\"{ $implicit: notification }\" />\n        </div>\n      }\n    </div>\n  }\n}\n", styles: [":host{--ngs-notification-list-gap: calc(var(--spacing, .25rem) * 6);display:flex;flex-direction:column;gap:var(--ngs-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.2.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: NotificationList, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngs-notification-list', exportAs: 'ngsNotificationList', imports: [
+                        NgTemplateOutlet
+                    ], host: {
+                        'class': 'ngs-notification-list',
+                        '[class.is-static]': 'static()'
+                    }, template: "@if (_initialized) {\n  @for (notification of notifications(); track notification) {\n    <div class=\"notification\">\n      <ng-container [ngTemplateOutlet]=\"getNotificationTemplate(notification.type)\"\n                    [ngTemplateOutletContext]=\"{ $implicit: notification }\" />\n      @if (controlsDef()) {\n        <div class=\"controls\">\n          <ng-container [ngTemplateOutlet]=\"controlsTpl\"\n                        [ngTemplateOutletContext]=\"{ $implicit: notification }\" />\n        </div>\n      }\n    </div>\n  }\n}\n", styles: [":host{--ngs-notification-list-gap: calc(var(--spacing, .25rem) * 6);display:flex;flex-direction:column;gap:var(--ngs-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.2.2 | 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 NotificationSkeleton {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: NotificationSkeleton, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: NotificationSkeleton, isStandalone: true, selector: "ngs-notification-skeleton", host: { classAttribute: "ngs-notification-skeleton" }, exportAs: ["ngsNotificationSkeleton"], ngImport: i0, template: "<div class=\"flex gap-3\">\n  <ngs-skeleton roundedFull class=\"size-11\"/>\n  <div class=\"grow flex flex-col gap-2\">\n    <ngs-skeleton class=\"h-16\"/>\n    <ngs-skeleton class=\"w-20 h-3\"/>\n  </div>\n</div>\n", styles: [":host{display:contents}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: Skeleton, selector: "ngs-skeleton", inputs: ["roundedFull"], exportAs: ["ngsSkeleton"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: NotificationSkeleton, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngs-notification-skeleton', exportAs: 'ngsNotificationSkeleton', imports: [
+                        Skeleton
+                    ], host: {
+                        'class': 'ngs-notification-skeleton',
+                    }, template: "<div class=\"flex gap-3\">\n  <ngs-skeleton roundedFull class=\"size-11\"/>\n  <div class=\"grow flex flex-col gap-2\">\n    <ngs-skeleton class=\"h-16\"/>\n    <ngs-skeleton class=\"w-20 h-3\"/>\n  </div>\n</div>\n", styles: [":host{display:contents}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
+        }] });
+
+class NotificationTime {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: NotificationTime, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: NotificationTime, isStandalone: true, selector: "ngs-notification-time,[ngs-notification-time]", host: { classAttribute: "ngs-notification-time" }, exportAs: ["ngsNotificationTime"], ngImport: i0, template: "<ng-content/>\n", styles: [":host{font-size:.75rem;color:var(--color-on-surface-variant)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: NotificationTime, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngs-notification-time,[ngs-notification-time]', exportAs: 'ngsNotificationTime', imports: [], host: {
+                        'class': 'ngs-notification-time'
+                    }, template: "<ng-content/>\n", styles: [":host{font-size:.75rem;color:var(--color-on-surface-variant)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
+        }] });
+
+class NotificationActor {
+    elementRef = inject(ElementRef);
+    get asLink() {
+        return this.elementRef.nativeElement.tagName === 'A';
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: NotificationActor, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: NotificationActor, isStandalone: true, selector: "ngs-notification-actor,[ngs-notification-actor]", host: { properties: { "class.as-link": "asLink" }, classAttribute: "ngs-notification-actor" }, ngImport: i0, template: "<ng-content/>\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.2.2 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: NotificationActor, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngs-notification-actor,[ngs-notification-actor]', imports: [], host: {
+                        'class': 'ngs-notification-actor',
+                        '[class.as-link]': 'asLink'
+                    }, template: "<ng-content/>\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.2.2 | MIT License | https://tailwindcss.com */\n"] }]
+        }] });
+
+class NotificationMessage {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: NotificationMessage, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: NotificationMessage, isStandalone: true, selector: "ngs-notification-message", host: { classAttribute: "ngs-notification-message" }, exportAs: ["ngsNotificationMessage"], ngImport: i0, template: "<ng-content/>\n", styles: [":host{font-size:.875rem}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: NotificationMessage, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngs-notification-message', exportAs: 'ngsNotificationMessage', imports: [], host: {
+                        'class': 'ngs-notification-message'
+                    }, template: "<ng-content/>\n", styles: [":host{font-size:.875rem}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
+        }] });
+
+class Notification {
+    isUnread = input(false, { ...(ngDevMode ? { debugName: "isUnread" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: Notification, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.4", type: Notification, isStandalone: true, selector: "ngs-notification,[ngs-notification]", inputs: { isUnread: { classPropertyName: "isUnread", publicName: "isUnread", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.is-unread": "isUnread()" }, classAttribute: "ngs-notification" }, exportAs: ["ngsNotification"], ngImport: i0, template: "<div class=\"avatar\">\n  <ng-content select=\"[ngsNotificationAvatar]\"/>\n</div>\n<div class=\"grow\">\n  <span class=\"message\">\n    <ng-content select=\"ngs-notification-message,[ngs-notification-message]\"/>\n  </span>\n  <div class=\"content\">\n    <ng-content select=\"ngs-notification-content,[ngs-notification-content]\"/>\n  </div>\n  <ng-content select=\"ngs-notification-time,[ngs-notification-time]\"/>\n</div>\n", styles: [":host{--ngs-notification-padding: calc(var(--spacing, .25rem) * 5);--ngs-notification-gap: calc(var(--spacing, .25rem) * 4);--ngs-notification-bg: var(--color-surface-container-low);--ngs-notification-hover-bg: var(--color-surface-container);--ngs-notification-is-unread-bg: var(--color-primary-200);--ngs-notification-is-unread-hover-bg: var(--color-primary-300);display:flex;width:100%;position:relative;border-radius:.75rem;gap:var(--ngs-notification-gap);padding:var(--ngs-notification-padding)}:host .avatar{position:relative}:host .avatar:empty{display:none}:host .actor:empty{display:none}:host .message:empty{display:none}:host-context(ngs-notification-list.is-static){cursor:auto}:host-context(ngs-notification-list){background:var(--ngs-notification-bg);cursor:pointer}:host-context(ngs-notification-list).is-unread{background:var(--ngs-notification-is-unread-bg)}:host-context(ngs-notification-list:not(.is-static)):hover{background:var(--ngs-notification-hover-bg)}:host-context(ngs-notification-list:not(.is-static)).is-unread:hover{background:var(--ngs-notification-is-unread-hover-bg)}:host-context(html.dark){--ngs-notification-is-unread-bg: var(--color-neutral-950);--ngs-notification-is-unread-hover-bg: var(--color-neutral-900)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: Notification, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngs-notification,[ngs-notification]', exportAs: 'ngsNotification', imports: [], host: {
+                        'class': 'ngs-notification',
+                        '[class.is-unread]': 'isUnread()'
+                    }, template: "<div class=\"avatar\">\n  <ng-content select=\"[ngsNotificationAvatar]\"/>\n</div>\n<div class=\"grow\">\n  <span class=\"message\">\n    <ng-content select=\"ngs-notification-message,[ngs-notification-message]\"/>\n  </span>\n  <div class=\"content\">\n    <ng-content select=\"ngs-notification-content,[ngs-notification-content]\"/>\n  </div>\n  <ng-content select=\"ngs-notification-time,[ngs-notification-time]\"/>\n</div>\n", styles: [":host{--ngs-notification-padding: calc(var(--spacing, .25rem) * 5);--ngs-notification-gap: calc(var(--spacing, .25rem) * 4);--ngs-notification-bg: var(--color-surface-container-low);--ngs-notification-hover-bg: var(--color-surface-container);--ngs-notification-is-unread-bg: var(--color-primary-200);--ngs-notification-is-unread-hover-bg: var(--color-primary-300);display:flex;width:100%;position:relative;border-radius:.75rem;gap:var(--ngs-notification-gap);padding:var(--ngs-notification-padding)}:host .avatar{position:relative}:host .avatar:empty{display:none}:host .actor:empty{display:none}:host .message:empty{display:none}:host-context(ngs-notification-list.is-static){cursor:auto}:host-context(ngs-notification-list){background:var(--ngs-notification-bg);cursor:pointer}:host-context(ngs-notification-list).is-unread{background:var(--ngs-notification-is-unread-bg)}:host-context(ngs-notification-list:not(.is-static)):hover{background:var(--ngs-notification-hover-bg)}:host-context(ngs-notification-list:not(.is-static)).is-unread:hover{background:var(--ngs-notification-is-unread-hover-bg)}:host-context(html.dark){--ngs-notification-is-unread-bg: var(--color-neutral-950);--ngs-notification-is-unread-hover-bg: var(--color-neutral-900)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { isUnread: [{ type: i0.Input, args: [{ isSignal: true, alias: "isUnread", required: false }] }] } });
+
+class NotificationContent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: NotificationContent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: NotificationContent, isStandalone: true, selector: "ngs-notification-content,[ngs-notification-content]", host: { classAttribute: "ngs-notification-content" }, exportAs: ["ngsNotificationContent"], ngImport: i0, template: "<ng-content/>\n", styles: [":host{display:block;margin:calc(var(--spacing, .25rem) * 1) 0 calc(var(--spacing, .25rem) * 1) 0}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: NotificationContent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngs-notification-content,[ngs-notification-content]', exportAs: 'ngsNotificationContent', imports: [], host: {
+                        'class': 'ngs-notification-content'
+                    }, template: "<ng-content/>\n", styles: [":host{display:block;margin:calc(var(--spacing, .25rem) * 1) 0 calc(var(--spacing, .25rem) * 1) 0}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
+        }] });
+
+class NotificationPropsDirective {
+    isUnread = input(false, { ...(ngDevMode ? { debugName: "isUnread" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: NotificationPropsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.4", type: NotificationPropsDirective, isStandalone: true, selector: "[ngsNotificationProps]", inputs: { isUnread: { classPropertyName: "isUnread", publicName: "isUnread", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.is-unread": "isUnread()" }, classAttribute: "ngs-notification-props" }, exportAs: ["ngsNotificationProps"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: NotificationPropsDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngsNotificationProps]',
+                    exportAs: 'ngsNotificationProps',
+                    standalone: true,
+                    host: {
+                        'class': 'ngs-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: "21.2.4", ngImport: i0, type: NotificationAvatarDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.4", type: NotificationAvatarDirective, isStandalone: true, selector: "[ngsNotificationAvatar]", host: { classAttribute: "ngs-notification-avatar" }, exportAs: ["ngsNotificationAvatar"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: NotificationAvatarDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngsNotificationAvatar]',
+                    exportAs: 'ngsNotificationAvatar',
+                    host: {
+                        'class': 'ngs-notification-avatar'
+                    }
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { Notification, NotificationActor, NotificationAvatarDirective, NotificationContent, NotificationControlsDefDirective, NotificationDefDirective, NotificationList, NotificationMessage, NotificationPropsDirective, NotificationSkeleton, NotificationTime };
+//# sourceMappingURL=ngstarter-ui-components-notifications.mjs.map

package/fesm2022/ngstarter-ui-components-notifications.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngstarter-ui-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.ts","../../../projects/components/notifications/src/notification-list/notification-list.html","../../../projects/components/notifications/src/notification-skeleton/notification-skeleton.ts","../../../projects/components/notifications/src/notification-skeleton/notification-skeleton.html","../../../projects/components/notifications/src/notification-time/notification-time.ts","../../../projects/components/notifications/src/notification-time/notification-time.html","../../../projects/components/notifications/src/notification-actor/notification-actor.ts","../../../projects/components/notifications/src/notification-actor/notification-actor.html","../../../projects/components/notifications/src/notification-message/notification-message.ts","../../../projects/components/notifications/src/notification-message/notification-message.html","../../../projects/components/notifications/src/notification/notification.ts","../../../projects/components/notifications/src/notification/notification.html","../../../projects/components/notifications/src/notification-content/notification-content.ts","../../../projects/components/notifications/src/notification-content/notification-content.html","../../../projects/components/notifications/src/notification-props.directive.ts","../../../projects/components/notifications/src/notification-avatar.directive.ts","../../../projects/components/notifications/ngstarter-ui-components-notifications.ts"],"sourcesContent":["import { Directive, inject, input, TemplateRef } from '@angular/core';\n\n@Directive({\n  selector: '[ngsNotificationDef]',\n  standalone: true\n})\nexport class NotificationDefDirective {\n  readonly templateRef = inject(TemplateRef);\n  ngsNotificationDef = input.required<string>();\n}\n","import { Directive, inject, TemplateRef } from '@angular/core';\n\n@Directive({\n  selector: '[ngsNotificationControlsDef]',\n  standalone: true\n})\nexport class NotificationControlsDefDirective {\n  readonly templateRef = inject(TemplateRef);\n}\n","import {\n  AfterContentInit, booleanAttribute,\n  Component,\n  contentChild,\n  contentChildren,\n  input,\n  TemplateRef\n} from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { NotificationDefDirective } from '../notification-def.directive';\nimport { NotificationControlsDefDirective } from '../notification-controls-def.directive';\nimport { NotificationInterface } from '../types';\n\n@Component({\n  selector: 'ngs-notification-list',\n  exportAs: 'ngsNotificationList',\n  imports: [\n    NgTemplateOutlet\n  ],\n  templateUrl: './notification-list.html',\n  styleUrl: './notification-list.scss',\n  host: {\n    'class': 'ngs-notification-list',\n    '[class.is-static]': 'static()'\n  }\n})\nexport class NotificationList<T extends NotificationInterface> implements AfterContentInit {\n  readonly defs = contentChildren(NotificationDefDirective);\n  readonly controlsDef = contentChild(NotificationControlsDefDirective);\n\n  notifications = input<T[]>([]);\n  static = input(true, {\n    transform: booleanAttribute\n  });\n\n  protected _initialized = false;\n  protected _defsMap = new Map<string, TemplateRef<any>>();\n\n  get controlsTpl(): TemplateRef<any> {\n    return this.controlsDef()?.templateRef as TemplateRef<any>;\n  }\n\n  ngAfterContentInit() {\n    this.defs().forEach((def: NotificationDefDirective) => {\n      this._defsMap.set(def.ngsNotificationDef(), def.templateRef);\n    });\n    this._initialized = true;\n  }\n\n  getNotificationTemplate(type: string): TemplateRef<any> {\n    if (!this._defsMap.has(type)) {\n      throw new Error(`Invalid type \"${type}\" for notification def`);\n    }\n\n    return this._defsMap.get(type) as TemplateRef<any>;\n  }\n}\n","@if (_initialized) {\n  @for (notification of notifications(); track notification) {\n    <div class=\"notification\">\n      <ng-container [ngTemplateOutlet]=\"getNotificationTemplate(notification.type)\"\n                    [ngTemplateOutletContext]=\"{ $implicit: notification }\" />\n      @if (controlsDef()) {\n        <div class=\"controls\">\n          <ng-container [ngTemplateOutlet]=\"controlsTpl\"\n                        [ngTemplateOutletContext]=\"{ $implicit: notification }\" />\n        </div>\n      }\n    </div>\n  }\n}\n","import { Component } from '@angular/core';\nimport { Skeleton } from '@ngstarter-ui/components/skeleton';\n\n@Component({\n  selector: 'ngs-notification-skeleton',\n  exportAs: 'ngsNotificationSkeleton',\n  imports: [\n    Skeleton\n  ],\n  templateUrl: './notification-skeleton.html',\n  styleUrl: './notification-skeleton.scss',\n  host: {\n    'class': 'ngs-notification-skeleton',\n  }\n})\nexport class NotificationSkeleton {\n\n}\n","<div class=\"flex gap-3\">\n  <ngs-skeleton roundedFull class=\"size-11\"/>\n  <div class=\"grow flex flex-col gap-2\">\n    <ngs-skeleton class=\"h-16\"/>\n    <ngs-skeleton class=\"w-20 h-3\"/>\n  </div>\n</div>\n","import { Component } from '@angular/core';\n\n@Component({\n  selector: 'ngs-notification-time,[ngs-notification-time]',\n  exportAs: 'ngsNotificationTime',\n  imports: [],\n  templateUrl: './notification-time.html',\n  styleUrl: './notification-time.scss',\n  host: {\n    'class': 'ngs-notification-time'\n  }\n})\nexport class NotificationTime {\n\n}\n","<ng-content/>\n","import { Component, ElementRef, inject } from '@angular/core';\n\n@Component({\n  selector: 'ngs-notification-actor,[ngs-notification-actor]',\n  imports: [],\n  templateUrl: './notification-actor.html',\n  styleUrl: './notification-actor.scss',\n  host: {\n    'class': 'ngs-notification-actor',\n    '[class.as-link]': 'asLink'\n  }\n})\nexport class NotificationActor {\n  private elementRef = inject(ElementRef);\n\n  protected get asLink() {\n    return (this.elementRef.nativeElement as HTMLElement).tagName === 'A';\n  }\n}\n","<ng-content/>\n","import { Component } from '@angular/core';\n\n@Component({\n  selector: 'ngs-notification-message',\n  exportAs: 'ngsNotificationMessage',\n  imports: [],\n  templateUrl: './notification-message.html',\n  styleUrl: './notification-message.scss',\n  host: {\n    'class': 'ngs-notification-message'\n  }\n})\nexport class NotificationMessage {\n\n}\n","<ng-content/>\n","import { booleanAttribute, Component, input } from '@angular/core';\n\n@Component({\n  selector: 'ngs-notification,[ngs-notification]',\n  exportAs: 'ngsNotification',\n  imports: [],\n  templateUrl: './notification.html',\n  styleUrl: './notification.scss',\n  host: {\n    'class': 'ngs-notification',\n    '[class.is-unread]': 'isUnread()'\n  }\n})\nexport class Notification {\n  isUnread = input(false, {\n    transform: booleanAttribute\n  });\n}\n","<div class=\"avatar\">\n  <ng-content select=\"[ngsNotificationAvatar]\"/>\n</div>\n<div class=\"grow\">\n  <span class=\"message\">\n    <ng-content select=\"ngs-notification-message,[ngs-notification-message]\"/>\n  </span>\n  <div class=\"content\">\n    <ng-content select=\"ngs-notification-content,[ngs-notification-content]\"/>\n  </div>\n  <ng-content select=\"ngs-notification-time,[ngs-notification-time]\"/>\n</div>\n","import { Component } from '@angular/core';\n\n@Component({\n  selector: 'ngs-notification-content,[ngs-notification-content]',\n  exportAs: 'ngsNotificationContent',\n  imports: [],\n  templateUrl: './notification-content.html',\n  styleUrl: './notification-content.scss',\n  host: {\n    'class': 'ngs-notification-content'\n  }\n})\nexport class NotificationContent {\n\n}\n","<ng-content/>\n","import { booleanAttribute, Directive, input } from '@angular/core';\n\n@Directive({\n  selector: '[ngsNotificationProps]',\n  exportAs: 'ngsNotificationProps',\n  standalone: true,\n  host: {\n    'class': 'ngs-notification-props',\n    '[class.is-unread]': 'isUnread()',\n  }\n})\nexport class NotificationPropsDirective {\n  isUnread = input(false, {\n    transform: booleanAttribute\n  });\n}\n","import { Directive } from '@angular/core';\n\n@Directive({\n  selector: '[ngsNotificationAvatar]',\n  exportAs: 'ngsNotificationAvatar',\n  host: {\n    'class': 'ngs-notification-avatar'\n  }\n})\nexport class NotificationAvatarDirective {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngstarter-ui-components-number-input.mjs

@@ -0,0 +1,293 @@
+import * as i0 from '@angular/core';
+import { inject, TemplateRef, Directive, ElementRef, viewChild, contentChild, input, numberAttribute, booleanAttribute, signal, output, computed, effect, forwardRef, 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 { FormFieldControl } from '@ngstarter-ui/components/form-field';
+import { Subject } from 'rxjs';
+import { Ripple } from '@ngstarter-ui/components/core';
+import { NgTemplateOutlet } from '@angular/common';
+
+class DecreaseControlDirective {
+    templateRef = inject(TemplateRef);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DecreaseControlDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.4", type: DecreaseControlDirective, isStandalone: true, selector: "[ngsDecreaseControl]", exportAs: ["ngsDecreaseControl"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DecreaseControlDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngsDecreaseControl]',
+                    exportAs: 'ngsDecreaseControl'
+                }]
+        }] });
+
+class IncreaseControlDirective {
+    templateRef = inject(TemplateRef);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: IncreaseControlDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.4", type: IncreaseControlDirective, isStandalone: true, selector: "[ngsIncreaseControl]", exportAs: ["ngsIncreaseControl"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: IncreaseControlDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngsIncreaseControl]',
+                    exportAs: 'ngsIncreaseControl'
+                }]
+        }] });
+
+class NumberInput {
+    ngControl;
+    _parentForm = inject(NgForm, {
+        optional: true,
+    });
+    _parentFormGroup = inject(FormGroupDirective, {
+        optional: true,
+    });
+    _elementRef = inject(ElementRef);
+    disableAutomaticLabeling = false;
+    _input = viewChild.required('input');
+    _decreaseControlRef = contentChild(DecreaseControlDirective, ...(ngDevMode ? [{ debugName: "_decreaseControlRef" }] : /* istanbul ignore next */ []));
+    _increaseControlRef = contentChild(IncreaseControlDirective, ...(ngDevMode ? [{ debugName: "_increaseControlRef" }] : /* istanbul ignore next */ []));
+    min = input(undefined, { ...(ngDevMode ? { debugName: "min" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    max = input(undefined, { ...(ngDevMode ? { debugName: "max" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    step = input(1, { ...(ngDevMode ? { debugName: "step" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    readonly = input(false, { ...(ngDevMode ? { debugName: "readonly" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    disabledInput = input(false, { ...(ngDevMode ? { debugName: "disabledInput" } : /* istanbul ignore next */ {}), transform: booleanAttribute,
+        alias: 'disabled' });
+    get disabled() {
+        return this.disabledInput() || this._disabled();
+    }
+    _disabled = signal(false, ...(ngDevMode ? [{ debugName: "_disabled" }] : /* istanbul ignore next */ []));
+    requiredInput = input(false, { ...(ngDevMode ? { debugName: "requiredInput" } : /* istanbul ignore next */ {}), transform: booleanAttribute,
+        alias: 'required' });
+    get required() {
+        return this.requiredInput() || this._required();
+    }
+    _required = signal(false, ...(ngDevMode ? [{ debugName: "_required" }] : /* istanbul ignore next */ []));
+    valueChange = output();
+    static nextId = 0;
+    _value = signal(undefined, ...(ngDevMode ? [{ debugName: "_value" }] : /* istanbul ignore next */ []));
+    controlType;
+    autofilled;
+    userAriaDescribedBy;
+    stateChanges = new Subject();
+    focused = false;
+    _focused = signal(false, ...(ngDevMode ? [{ debugName: "_focused" }] : /* istanbul ignore next */ []));
+    touched = false;
+    errorState = false;
+    _errorState = signal(false, ...(ngDevMode ? [{ debugName: "_errorState" }] : /* istanbul ignore next */ []));
+    id = '';
+    _id = signal(`ngs-number-input${NumberInput.nextId++}`, ...(ngDevMode ? [{ debugName: "_id" }] : /* istanbul ignore next */ []));
+    shouldLabelFloat = false;
+    _shouldLabelFloat = computed(() => {
+        return this._focused() || !this._empty();
+    }, ...(ngDevMode ? [{ debugName: "_shouldLabelFloat" }] : /* istanbul ignore next */ []));
+    empty = true;
+    _empty = computed(() => {
+        const value = this._value();
+        return value === undefined || value === null || value === '';
+    }, ...(ngDevMode ? [{ debugName: "_empty" }] : /* istanbul ignore next */ []));
+    _placeholder = input('', { ...(ngDevMode ? { debugName: "_placeholder" } : /* istanbul ignore next */ {}), alias: 'placeholder' });
+    get placeholder() {
+        return this._placeholder();
+    }
+    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;
+        }
+        effect(() => {
+            this.id = this._id();
+            this.focused = this._focused();
+            this.errorState = this._errorState();
+            this.empty = this._empty();
+            this.shouldLabelFloat = this._shouldLabelFloat();
+            this.stateChanges.next();
+        });
+        effect(() => {
+            const value = this._value();
+            if (this._input()) {
+                this._input().nativeElement.value = (value === undefined || value === null) ? '' : value;
+            }
+        });
+    }
+    setDescribedByIds(ids) {
+        const controlElement = this._elementRef.nativeElement;
+        controlElement.setAttribute('aria-describedby', ids.join(' '));
+    }
+    onFocusIn(event) {
+        if (!this._focused()) {
+            this._focused.set(true);
+            this.stateChanges.next();
+        }
+    }
+    onFocusOut(event) {
+        if (!this._elementRef.nativeElement.contains(event.relatedTarget)) {
+            this.touched = true;
+            this._focused.set(false);
+            this.onTouched();
+            this.stateChanges.next();
+        }
+    }
+    set value(value) {
+        if (value !== this._value()) {
+            this._value.set(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.set(coerceBooleanProperty(isDisabled));
+    }
+    writeValue(value) {
+        this.value = value;
+    }
+    decrease(event, input) {
+        event.preventDefault();
+        event.stopPropagation();
+        let value = this._value() ?? 0;
+        value -= this.step();
+        this._value.set(value);
+        this._emitEvent();
+    }
+    increase(event, input) {
+        event.preventDefault();
+        event.stopPropagation();
+        let value = this._value() ?? 0;
+        value += this.step();
+        this._value.set(value);
+        this._emitEvent();
+    }
+    isDecreaseDisabled() {
+        const value = this._value();
+        if (this.min() === undefined) {
+            return false;
+        }
+        return (value !== undefined && value <= this.min()) || this.readonly() || this.disabled;
+    }
+    isIncreaseDisabled() {
+        const value = this._value();
+        if (this.max() === undefined) {
+            return false;
+        }
+        return (value !== undefined && value >= this.max()) || this.readonly() || this.disabled;
+    }
+    inputChange(event) {
+        const inputValue = event.target.value;
+        const value = inputValue === '' ? undefined : +inputValue;
+        this._value.set(value);
+        this._emitEvent();
+    }
+    _emitEvent() {
+        const value = this._value();
+        this.onChange(value);
+        this.valueChange.emit(value);
+        this.updateErrorState();
+    }
+    ngDoCheck() {
+        if (this.ngControl) {
+            this.updateErrorState();
+        }
+    }
+    focus() {
+        this._input().nativeElement.focus();
+    }
+    onContainerClick(event) {
+        if (event.target.tagName.toLowerCase() != 'input') {
+            this.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.set(newState);
+            this.stateChanges.next();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: NumberInput, deps: [{ token: i1.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: NumberInput, isStandalone: true, selector: "ngs-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 }, disabledInput: { classPropertyName: "disabledInput", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, requiredInput: { classPropertyName: "requiredInput", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, _placeholder: { classPropertyName: "_placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, host: { attributes: { "id": "id" }, properties: { "class.floating": "shouldLabelFloat" }, classAttribute: "ngs-number-input" }, providers: [
+            {
+                provide: FormFieldControl,
+                useExisting: forwardRef(() => NumberInput),
+            }
+        ], 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: ["ngsNumberInput"], ngImport: i0, template: "<input #input type=\"number\" class=\"input\"\n       (focusin)=\"onFocusIn($event)\"\n       (focusout)=\"onFocusOut($event)\"\n       [attr.min]=\"min()\"\n       [attr.max]=\"max()\"\n       [step]=\"step()\"\n       (input)=\"inputChange($event)\">\n<div class=\"controls\">\n  <button class=\"control control-decrease\" ngsRipple [disabled]=\"isDecreaseDisabled()\" (click)=\"decrease($event, input)\">\n    @if (_decreaseControlRef()) {\n      <ng-template [ngTemplateOutlet]=\"_decreaseControlTemplateRef\"/>\n    } @else {\n      <span>&minus;</span>\n    }\n  </button>\n  <button class=\"control control-increase\" ngsRipple [disabled]=\"isIncreaseDisabled()\" (click)=\"increase($event, input)\">\n    @if (_increaseControlRef()) {\n      <ng-template [ngTemplateOutlet]=\"_increaseControlTemplateRef\"/>\n    } @else {\n      <span>&plus;</span>\n    }\n  </button>\n</div>\n", styles: [":host{--ngs-number-input-gap: calc(var(--spacing, .25rem) * 2);--ngs-number-input-control-bg: none;--ngs-number-input-control-color: var(--color-neutral-500);--ngs-number-input-control-hover-color: var(--color-neutral-600);--ngs-number-input-control-active-color: var(--color-neutral-700);--ngs-number-input-control-hover-bg: var(--color-surface-container);--ngs-number-input-control-active-bg: var(--color-surface-container-high);--ngs-number-input-control-font-size: 1.5rem;--ngs-number-input-control-border-radius: .375rem;--ngs-number-input-suffix-gap: calc(var(--spacing, .25rem) * 3);--ngs-number-input-control-size: calc(var(--spacing, .25rem) * 7);--ngs-number-input-control-border: none;display:flex!important;gap:var(--ngs-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(--ngs-number-input-control-size);height:var(--ngs-number-input-control-size);background:var(--ngs-number-input-control-bg);color:var(--ngs-number-input-control-color);font-size:var(--ngs-number-input-control-font-size);line-height:var(--ngs-number-input-control-font-size);border-radius:var(--ngs-number-input-control-border-radius);position:relative;border:var(--ngs-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(--ngs-number-input-control-hover-bg);color:var(--ngs-number-input-control-hover-color)}:host .control[disabled]{pointer-events:none;opacity:.65}:host-context(html.dark){--ngs-number-input-control-color: var(--color-neutral-300);--ngs-number-input-control-hover-color: var(--color-neutral-200);--ngs-number-input-control-hover-bg: var(--color-neutral-500)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: Ripple, selector: "[ngsRipple]", inputs: ["ngsRippleColor", "ngsRippleUnbounded", "ngsRippleCentered", "ngsRippleRadius", "ngsRippleAnimation", "ngsRippleDisabled", "ngsRippleTrigger"], outputs: ["ngsRippleCenteredChange", "ngsRippleDisabledChange", "ngsRippleTriggerChange"], exportAs: ["ngsRipple"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: NumberInput, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngs-number-input', exportAs: 'ngsNumberInput', imports: [
+                        Ripple,
+                        NgTemplateOutlet
+                    ], providers: [
+                        {
+                            provide: FormFieldControl,
+                            useExisting: forwardRef(() => NumberInput),
+                        }
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        'class': 'ngs-number-input',
+                        '[class.floating]': 'shouldLabelFloat',
+                        'id': 'id'
+                    }, template: "<input #input type=\"number\" class=\"input\"\n       (focusin)=\"onFocusIn($event)\"\n       (focusout)=\"onFocusOut($event)\"\n       [attr.min]=\"min()\"\n       [attr.max]=\"max()\"\n       [step]=\"step()\"\n       (input)=\"inputChange($event)\">\n<div class=\"controls\">\n  <button class=\"control control-decrease\" ngsRipple [disabled]=\"isDecreaseDisabled()\" (click)=\"decrease($event, input)\">\n    @if (_decreaseControlRef()) {\n      <ng-template [ngTemplateOutlet]=\"_decreaseControlTemplateRef\"/>\n    } @else {\n      <span>&minus;</span>\n    }\n  </button>\n  <button class=\"control control-increase\" ngsRipple [disabled]=\"isIncreaseDisabled()\" (click)=\"increase($event, input)\">\n    @if (_increaseControlRef()) {\n      <ng-template [ngTemplateOutlet]=\"_increaseControlTemplateRef\"/>\n    } @else {\n      <span>&plus;</span>\n    }\n  </button>\n</div>\n", styles: [":host{--ngs-number-input-gap: calc(var(--spacing, .25rem) * 2);--ngs-number-input-control-bg: none;--ngs-number-input-control-color: var(--color-neutral-500);--ngs-number-input-control-hover-color: var(--color-neutral-600);--ngs-number-input-control-active-color: var(--color-neutral-700);--ngs-number-input-control-hover-bg: var(--color-surface-container);--ngs-number-input-control-active-bg: var(--color-surface-container-high);--ngs-number-input-control-font-size: 1.5rem;--ngs-number-input-control-border-radius: .375rem;--ngs-number-input-suffix-gap: calc(var(--spacing, .25rem) * 3);--ngs-number-input-control-size: calc(var(--spacing, .25rem) * 7);--ngs-number-input-control-border: none;display:flex!important;gap:var(--ngs-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(--ngs-number-input-control-size);height:var(--ngs-number-input-control-size);background:var(--ngs-number-input-control-bg);color:var(--ngs-number-input-control-color);font-size:var(--ngs-number-input-control-font-size);line-height:var(--ngs-number-input-control-font-size);border-radius:var(--ngs-number-input-control-border-radius);position:relative;border:var(--ngs-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(--ngs-number-input-control-hover-bg);color:var(--ngs-number-input-control-hover-color)}:host .control[disabled]{pointer-events:none;opacity:.65}:host-context(html.dark){--ngs-number-input-control-color: var(--color-neutral-300);--ngs-number-input-control-hover-color: var(--color-neutral-200);--ngs-number-input-control-hover-bg: var(--color-neutral-500)}\n/*! tailwindcss v4.2.2 | 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 }] }], disabledInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], requiredInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }], _placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }] } });
+
+class NumberInputPrefixDirective {
+    templateRef = inject(TemplateRef);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: NumberInputPrefixDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.4", type: NumberInputPrefixDirective, isStandalone: true, selector: "[ngsNumberInputPrefix]", exportAs: ["ngsNumberInputPrefix"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: NumberInputPrefixDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngsNumberInputPrefix]',
+                    exportAs: 'ngsNumberInputPrefix'
+                }]
+        }] });
+
+class NumberInputSuffixDirective {
+    templateRef = inject(TemplateRef);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: NumberInputSuffixDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.4", type: NumberInputSuffixDirective, isStandalone: true, selector: "[ngsNumberInputSuffix]", exportAs: ["ngsNumberInputSuffix"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: NumberInputSuffixDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngsNumberInputSuffix]',
+                    exportAs: 'ngsNumberInputSuffix'
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { DecreaseControlDirective, IncreaseControlDirective, NumberInput, NumberInputPrefixDirective, NumberInputSuffixDirective };
+//# sourceMappingURL=ngstarter-ui-components-number-input.mjs.map

package/fesm2022/ngstarter-ui-components-number-input.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngstarter-ui-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.ts","../../../projects/components/number-input/src/number-input/number-input.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/ngstarter-ui-components-number-input.ts"],"sourcesContent":["import { Directive, inject, TemplateRef } from '@angular/core';\n\n@Directive({\n  selector: '[ngsDecreaseControl]',\n  exportAs: 'ngsDecreaseControl'\n})\nexport class DecreaseControlDirective {\n  readonly templateRef = inject(TemplateRef);\n}\n","import { Directive, inject, TemplateRef } from '@angular/core';\n\n@Directive({\n  selector: '[ngsIncreaseControl]',\n  exportAs: 'ngsIncreaseControl'\n})\nexport class IncreaseControlDirective {\n  readonly templateRef = inject(TemplateRef);\n}\n","import {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  contentChild,\n  DoCheck,\n  ElementRef, forwardRef,\n  inject, Input, input,\n  numberAttribute,\n  OnDestroy, Optional,\n  output, Self,\n  TemplateRef,\n  viewChild,\n  signal,\n  computed,\n  effect,\n} from '@angular/core';\nimport { ControlValueAccessor, FormGroupDirective, NgControl, NgForm } from '@angular/forms';\nimport { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { DecreaseControlDirective } from '../decrease-control.directive';\nimport { IncreaseControlDirective } from '../increase-control.directive';\nimport { FormFieldControl } from '@ngstarter-ui/components/form-field';\nimport { Subject } from 'rxjs';\nimport { Ripple } from '@ngstarter-ui/components/core';\nimport { NgTemplateOutlet } from '@angular/common';\n\n@Component({\n  selector: 'ngs-number-input',\n  exportAs: 'ngsNumberInput',\n  imports: [\n    Ripple,\n    NgTemplateOutlet\n  ],\n  providers: [\n    {\n      provide: FormFieldControl,\n      useExisting: forwardRef(() => NumberInput),\n    }\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  templateUrl: './number-input.html',\n  styleUrl: './number-input.scss',\n  host: {\n    'class': 'ngs-number-input',\n    '[class.floating]': 'shouldLabelFloat',\n    'id': 'id'\n  }\n})\nexport class NumberInput implements FormFieldControl<any>, ControlValueAccessor, OnDestroy, DoCheck {\n  private _parentForm = inject(NgForm, {\n    optional: true,\n  });\n  private _parentFormGroup = inject(FormGroupDirective, {\n    optional: true,\n  });\n  private _elementRef = inject(ElementRef);\n  readonly disableAutomaticLabeling: boolean = false;\n\n  private _input = viewChild.required<ElementRef>('input');\n  readonly _decreaseControlRef = contentChild<DecreaseControlDirective>(DecreaseControlDirective);\n  readonly _increaseControlRef = contentChild<IncreaseControlDirective>(IncreaseControlDirective);\n\n  min = input(undefined, {\n    transform: numberAttribute\n  });\n  max = input(undefined, {\n    transform: numberAttribute\n  });\n  step = input(1, {\n    transform: numberAttribute\n  });\n  readonly = input(false, {\n    transform: booleanAttribute\n  });\n\n  disabledInput = input(false, {\n    transform: booleanAttribute,\n    alias: 'disabled'\n  });\n  get disabled(): boolean {\n    return this.disabledInput() || this._disabled();\n  }\n  private _disabled = signal(false);\n\n  requiredInput = input(false, {\n    transform: booleanAttribute,\n    alias: 'required'\n  });\n  get required(): boolean {\n    return this.requiredInput() || this._required();\n  }\n  private _required = signal(false);\n\n  readonly valueChange = output<number|undefined>();\n\n  static nextId = 0;\n  private _value = signal<number | undefined>(undefined);\n  controlType?: string | undefined;\n  autofilled?: boolean | undefined;\n  userAriaDescribedBy?: string | undefined;\n  stateChanges = new Subject<void>();\n  focused = false;\n  private _focused = signal(false);\n  touched = false;\n  errorState = false;\n  private _errorState = signal(false);\n\n  id = '';\n  private _id = signal(`ngs-number-input${NumberInput.nextId++}`);\n\n  shouldLabelFloat = false;\n  private _shouldLabelFloat = computed(() => {\n    return this._focused() || !this._empty();\n  });\n\n  empty = true;\n  private _empty = computed(() => {\n    const value = this._value();\n    return value === undefined || value === null || value as any === '';\n  });\n\n  _placeholder = input<string>('', { alias: 'placeholder' });\n  get placeholder(): string {\n    return this._placeholder();\n  }\n\n  constructor(\n    @Optional() @Self() public ngControl: NgControl,\n  ) {\n    // Replace the provider from above with this.\n    if (this.ngControl != null) {\n      // Setting the value accessor directly (instead of using\n      // the providers) to avoid running into a circular import.\n      this.ngControl.valueAccessor = this;\n    }\n\n    effect(() => {\n      this.id = this._id();\n      this.focused = this._focused();\n      this.errorState = this._errorState();\n      this.empty = this._empty();\n      this.shouldLabelFloat = this._shouldLabelFloat();\n      this.stateChanges.next();\n    });\n\n    effect(() => {\n      const value = this._value();\n\n      if (this._input()) {\n        this._input().nativeElement.value = (value === undefined || value === null) ? '' : value;\n      }\n    });\n  }\n\n  setDescribedByIds(ids: string[]) {\n    const controlElement = this._elementRef.nativeElement;\n    controlElement.setAttribute('aria-describedby', ids.join(' '));\n  }\n\n  onFocusIn(event: FocusEvent) {\n    if (!this._focused()) {\n      this._focused.set(true);\n      this.stateChanges.next();\n    }\n  }\n\n  onFocusOut(event: FocusEvent) {\n    if (!this._elementRef.nativeElement.contains(event.relatedTarget as Element)) {\n      this.touched = true;\n      this._focused.set(false);\n      this.onTouched();\n      this.stateChanges.next();\n    }\n  }\n\n  set value(value: number | undefined) {\n    if (value !== this._value()) {\n      this._value.set(value);\n      this.stateChanges.next();\n    }\n  }\n  get value(): number | undefined {\n    return this._value();\n  }\n\n  ngOnDestroy() {\n    this.stateChanges.complete();\n  }\n\n  protected get _decreaseControlTemplateRef() {\n    return this._decreaseControlRef()?.templateRef as TemplateRef<any>;\n  }\n\n  protected get _increaseControlTemplateRef() {\n    return this._increaseControlRef()?.templateRef as TemplateRef<any>;\n  }\n\n  onChange: any = () => {};\n  onTouched: any = () => {};\n\n  registerOnChange(fn: any): void {\n    this.onChange = fn;\n  }\n\n  registerOnTouched(fn: any): void {\n    this.onTouched = fn;\n  }\n\n  setDisabledState(isDisabled: boolean): void {\n    this._disabled.set(coerceBooleanProperty(isDisabled));\n  }\n\n  writeValue(value: any): void {\n    this.value = value;\n  }\n\n  decrease(event: MouseEvent, input: HTMLInputElement) {\n    event.preventDefault();\n    event.stopPropagation();\n    let value = this._value() ?? 0;\n    value -= this.step();\n    this._value.set(value);\n    this._emitEvent();\n  }\n\n  increase(event: MouseEvent, input: HTMLInputElement) {\n    event.preventDefault();\n    event.stopPropagation();\n    let value = this._value() ?? 0;\n    value += this.step();\n    this._value.set(value);\n    this._emitEvent();\n  }\n\n  isDecreaseDisabled() {\n    const value = this._value();\n\n    if (this.min() === undefined) {\n      return false;\n    }\n\n    return (value !== undefined && value <= (this.min() as number)) || this.readonly() || this.disabled;\n  }\n\n  isIncreaseDisabled() {\n    const value = this._value();\n\n    if (this.max() === undefined) {\n      return false;\n    }\n\n    return (value !== undefined && value >= (this.max() as number)) || this.readonly() || this.disabled;\n  }\n\n  inputChange(event: any) {\n    const inputValue = event.target.value;\n    const value = inputValue === '' ? undefined : +inputValue;\n    this._value.set(value);\n    this._emitEvent();\n  }\n\n  private _emitEvent() {\n    const value = this._value();\n\n    this.onChange(value);\n    this.valueChange.emit(value);\n    this.updateErrorState();\n  }\n\n  ngDoCheck() {\n    if (this.ngControl) {\n      this.updateErrorState();\n    }\n  }\n\n  focus(): void {\n    this._input().nativeElement.focus();\n  }\n\n  onContainerClick(event: MouseEvent) {\n    if ((event.target as Element).tagName.toLowerCase() != 'input') {\n      this.focus();\n    }\n  }\n\n  private updateErrorState() {\n    const parent = this._parentFormGroup || this._parentForm;\n    let oldState = this._errorState();\n    let newState = !!(this.ngControl?.invalid) && this.touched;\n\n    if (parent) {\n      newState = !!(this.ngControl?.invalid) && (this.touched || parent.submitted);\n    }\n\n    if (oldState !== newState) {\n      this._errorState.set(newState);\n      this.stateChanges.next();\n    }\n  }\n}\n","<input #input type=\"number\" class=\"input\"\n       (focusin)=\"onFocusIn($event)\"\n       (focusout)=\"onFocusOut($event)\"\n       [attr.min]=\"min()\"\n       [attr.max]=\"max()\"\n       [step]=\"step()\"\n       (input)=\"inputChange($event)\">\n<div class=\"controls\">\n  <button class=\"control control-decrease\" ngsRipple [disabled]=\"isDecreaseDisabled()\" (click)=\"decrease($event, input)\">\n    @if (_decreaseControlRef()) {\n      <ng-template [ngTemplateOutlet]=\"_decreaseControlTemplateRef\"/>\n    } @else {\n      <span>&minus;</span>\n    }\n  </button>\n  <button class=\"control control-increase\" ngsRipple [disabled]=\"isIncreaseDisabled()\" (click)=\"increase($event, input)\">\n    @if (_increaseControlRef()) {\n      <ng-template [ngTemplateOutlet]=\"_increaseControlTemplateRef\"/>\n    } @else {\n      <span>&plus;</span>\n    }\n  </button>\n</div>\n","import { Directive, inject, TemplateRef } from '@angular/core';\n\n@Directive({\n  selector: '[ngsNumberInputPrefix]',\n  exportAs: 'ngsNumberInputPrefix'\n})\nexport class NumberInputPrefixDirective {\n  readonly templateRef = inject(TemplateRef);\n}\n","import { Directive, inject, TemplateRef } from '@angular/core';\n\n@Directive({\n  selector: '[ngsNumberInputSuffix]',\n  exportAs: 'ngsNumberInputSuffix'\n})\nexport class NumberInputSuffixDirective {\n  readonly templateRef = inject(TemplateRef);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;MAMa,wBAAwB,CAAA;AAC1B,IAAA,WAAW,GAAG,MAAM,CAAC,WAAW,CAAC;uGAD/B,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAxB,wBAAwB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,QAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAxB,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAJpC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,sBAAsB;AAChC,oBAAA,QAAQ,EAAE;AACX,iBAAA;;;MCCY,wBAAwB,CAAA;AAC1B,IAAA,WAAW,GAAG,MAAM,CAAC,WAAW,CAAC;uGAD/B,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAxB,wBAAwB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,QAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAxB,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAJpC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,sBAAsB;AAChC,oBAAA,QAAQ,EAAE;AACX,iBAAA;;;MC2CY,WAAW,CAAA;AA+EO,IAAA,SAAA;AA9ErB,IAAA,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE;AACnC,QAAA,QAAQ,EAAE,IAAI;AACf,KAAA,CAAC;AACM,IAAA,gBAAgB,GAAG,MAAM,CAAC,kBAAkB,EAAE;AACpD,QAAA,QAAQ,EAAE,IAAI;AACf,KAAA,CAAC;AACM,IAAA,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC;IAC/B,wBAAwB,GAAY,KAAK;AAE1C,IAAA,MAAM,GAAG,SAAS,CAAC,QAAQ,CAAa,OAAO,CAAC;AAC/C,IAAA,mBAAmB,GAAG,YAAY,CAA2B,wBAAwB,0FAAC;AACtF,IAAA,mBAAmB,GAAG,YAAY,CAA2B,wBAAwB,0FAAC;IAE/F,GAAG,GAAG,KAAK,CAAC,SAAS,2EACnB,SAAS,EAAE,eAAe,EAAA,CAC1B;IACF,GAAG,GAAG,KAAK,CAAC,SAAS,2EACnB,SAAS,EAAE,eAAe,EAAA,CAC1B;IACF,IAAI,GAAG,KAAK,CAAC,CAAC,4EACZ,SAAS,EAAE,eAAe,EAAA,CAC1B;IACF,QAAQ,GAAG,KAAK,CAAC,KAAK,gFACpB,SAAS,EAAE,gBAAgB,EAAA,CAC3B;AAEF,IAAA,aAAa,GAAG,KAAK,CAAC,KAAK,EAAA,EAAA,IAAA,SAAA,GAAA,EAAA,SAAA,EAAA,eAAA,EAAA,8BAAA,EAAA,CAAA,EACzB,SAAS,EAAE,gBAAgB;QAC3B,KAAK,EAAE,UAAU,EAAA,CACjB;AACF,IAAA,IAAI,QAAQ,GAAA;QACV,OAAO,IAAI,CAAC,aAAa,EAAE,IAAI,IAAI,CAAC,SAAS,EAAE;IACjD;AACQ,IAAA,SAAS,GAAG,MAAM,CAAC,KAAK,gFAAC;AAEjC,IAAA,aAAa,GAAG,KAAK,CAAC,KAAK,EAAA,EAAA,IAAA,SAAA,GAAA,EAAA,SAAA,EAAA,eAAA,EAAA,8BAAA,EAAA,CAAA,EACzB,SAAS,EAAE,gBAAgB;QAC3B,KAAK,EAAE,UAAU,EAAA,CACjB;AACF,IAAA,IAAI,QAAQ,GAAA;QACV,OAAO,IAAI,CAAC,aAAa,EAAE,IAAI,IAAI,CAAC,SAAS,EAAE;IACjD;AACQ,IAAA,SAAS,GAAG,MAAM,CAAC,KAAK,gFAAC;IAExB,WAAW,GAAG,MAAM,EAAoB;AAEjD,IAAA,OAAO,MAAM,GAAG,CAAC;AACT,IAAA,MAAM,GAAG,MAAM,CAAqB,SAAS,6EAAC;AACtD,IAAA,WAAW;AACX,IAAA,UAAU;AACV,IAAA,mBAAmB;AACnB,IAAA,YAAY,GAAG,IAAI,OAAO,EAAQ;IAClC,OAAO,GAAG,KAAK;AACP,IAAA,QAAQ,GAAG,MAAM,CAAC,KAAK,+EAAC;IAChC,OAAO,GAAG,KAAK;IACf,UAAU,GAAG,KAAK;AACV,IAAA,WAAW,GAAG,MAAM,CAAC,KAAK,kFAAC;IAEnC,EAAE,GAAG,EAAE;IACC,GAAG,GAAG,MAAM,CAAC,CAAA,gBAAA,EAAmB,WAAW,CAAC,MAAM,EAAE,CAAA,CAAE,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,KAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAC;IAE/D,gBAAgB,GAAG,KAAK;AAChB,IAAA,iBAAiB,GAAG,QAAQ,CAAC,MAAK;QACxC,OAAO,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;AAC1C,IAAA,CAAC,wFAAC;IAEF,KAAK,GAAG,IAAI;AACJ,IAAA,MAAM,GAAG,QAAQ,CAAC,MAAK;AAC7B,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,EAAE;QAC3B,OAAO,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI,IAAI,KAAY,KAAK,EAAE;AACrE,IAAA,CAAC,6EAAC;IAEF,YAAY,GAAG,KAAK,CAAS,EAAE,oFAAI,KAAK,EAAE,aAAa,EAAA,CAAG;AAC1D,IAAA,IAAI,WAAW,GAAA;AACb,QAAA,OAAO,IAAI,CAAC,YAAY,EAAE;IAC5B;AAEA,IAAA,WAAA,CAC6B,SAAoB,EAAA;QAApB,IAAA,CAAA,SAAS,GAAT,SAAS;;AAGpC,QAAA,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,EAAE;;;AAG1B,YAAA,IAAI,CAAC,SAAS,CAAC,aAAa,GAAG,IAAI;QACrC;QAEA,MAAM,CAAC,MAAK;AACV,YAAA,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,GAAG,EAAE;AACpB,YAAA,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,QAAQ,EAAE;AAC9B,YAAA,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,WAAW,EAAE;AACpC,YAAA,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,MAAM,EAAE;AAC1B,YAAA,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,iBAAiB,EAAE;AAChD,YAAA,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE;AAC1B,QAAA,CAAC,CAAC;QAEF,MAAM,CAAC,MAAK;AACV,YAAA,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,EAAE;AAE3B,YAAA,IAAI,IAAI,CAAC,MAAM,EAAE,EAAE;gBACjB,IAAI,CAAC,MAAM,EAAE,CAAC,aAAa,CAAC,KAAK,GAAG,CAAC,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI,IAAI,EAAE,GAAG,KAAK;YAC1F;AACF,QAAA,CAAC,CAAC;IACJ;AAEA,IAAA,iBAAiB,CAAC,GAAa,EAAA;AAC7B,QAAA,MAAM,cAAc,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa;AACrD,QAAA,cAAc,CAAC,YAAY,CAAC,kBAAkB,EAAE,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAChE;AAEA,IAAA,SAAS,CAAC,KAAiB,EAAA;AACzB,QAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE;AACpB,YAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC;AACvB,YAAA,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE;QAC1B;IACF;AAEA,IAAA,UAAU,CAAC,KAAiB,EAAA;AAC1B,QAAA,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,QAAQ,CAAC,KAAK,CAAC,aAAwB,CAAC,EAAE;AAC5E,YAAA,IAAI,CAAC,OAAO,GAAG,IAAI;AACnB,YAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC;YACxB,IAAI,CAAC,SAAS,EAAE;AAChB,YAAA,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE;QAC1B;IACF;IAEA,IAAI,KAAK,CAAC,KAAyB,EAAA;AACjC,QAAA,IAAI,KAAK,KAAK,IAAI,CAAC,MAAM,EAAE,EAAE;AAC3B,YAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC;AACtB,YAAA,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE;QAC1B;IACF;AACA,IAAA,IAAI,KAAK,GAAA;AACP,QAAA,OAAO,IAAI,CAAC,MAAM,EAAE;IACtB;IAEA,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE;IAC9B;AAEA,IAAA,IAAc,2BAA2B,GAAA;AACvC,QAAA,OAAO,IAAI,CAAC,mBAAmB,EAAE,EAAE,WAA+B;IACpE;AAEA,IAAA,IAAc,2BAA2B,GAAA;AACvC,QAAA,OAAO,IAAI,CAAC,mBAAmB,EAAE,EAAE,WAA+B;IACpE;AAEA,IAAA,QAAQ,GAAQ,MAAK,EAAE,CAAC;AACxB,IAAA,SAAS,GAAQ,MAAK,EAAE,CAAC;AAEzB,IAAA,gBAAgB,CAAC,EAAO,EAAA;AACtB,QAAA,IAAI,CAAC,QAAQ,GAAG,EAAE;IACpB;AAEA,IAAA,iBAAiB,CAAC,EAAO,EAAA;AACvB,QAAA,IAAI,CAAC,SAAS,GAAG,EAAE;IACrB;AAEA,IAAA,gBAAgB,CAAC,UAAmB,EAAA;QAClC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,qBAAqB,CAAC,UAAU,CAAC,CAAC;IACvD;AAEA,IAAA,UAAU,CAAC,KAAU,EAAA;AACnB,QAAA,IAAI,CAAC,KAAK,GAAG,KAAK;IACpB;IAEA,QAAQ,CAAC,KAAiB,EAAE,KAAuB,EAAA;QACjD,KAAK,CAAC,cAAc,EAAE;QACtB,KAAK,CAAC,eAAe,EAAE;QACvB,IAAI,KAAK,GAAG,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AAC9B,QAAA,KAAK,IAAI,IAAI,CAAC,IAAI,EAAE;AACpB,QAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC;QACtB,IAAI,CAAC,UAAU,EAAE;IACnB;IAEA,QAAQ,CAAC,KAAiB,EAAE,KAAuB,EAAA;QACjD,KAAK,CAAC,cAAc,EAAE;QACtB,KAAK,CAAC,eAAe,EAAE;QACvB,IAAI,KAAK,GAAG,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AAC9B,QAAA,KAAK,IAAI,IAAI,CAAC,IAAI,EAAE;AACpB,QAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC;QACtB,IAAI,CAAC,UAAU,EAAE;IACnB;IAEA,kBAAkB,GAAA;AAChB,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,EAAE;AAE3B,QAAA,IAAI,IAAI,CAAC,GAAG,EAAE,KAAK,SAAS,EAAE;AAC5B,YAAA,OAAO,KAAK;QACd;QAEA,OAAO,CAAC,KAAK,KAAK,SAAS,IAAI,KAAK,IAAK,IAAI,CAAC,GAAG,EAAa,KAAK,IAAI,CAAC,QAAQ,EAAE,IAAI,IAAI,CAAC,QAAQ;IACrG;IAEA,kBAAkB,GAAA;AAChB,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,EAAE;AAE3B,QAAA,IAAI,IAAI,CAAC,GAAG,EAAE,KAAK,SAAS,EAAE;AAC5B,YAAA,OAAO,KAAK;QACd;QAEA,OAAO,CAAC,KAAK,KAAK,SAAS,IAAI,KAAK,IAAK,IAAI,CAAC,GAAG,EAAa,KAAK,IAAI,CAAC,QAAQ,EAAE,IAAI,IAAI,CAAC,QAAQ;IACrG;AAEA,IAAA,WAAW,CAAC,KAAU,EAAA;AACpB,QAAA,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK;AACrC,QAAA,MAAM,KAAK,GAAG,UAAU,KAAK,EAAE,GAAG,SAAS,GAAG,CAAC,UAAU;AACzD,QAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC;QACtB,IAAI,CAAC,UAAU,EAAE;IACnB;IAEQ,UAAU,GAAA;AAChB,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,EAAE;AAE3B,QAAA,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC;AACpB,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC;QAC5B,IAAI,CAAC,gBAAgB,EAAE;IACzB;IAEA,SAAS,GAAA;AACP,QAAA,IAAI,IAAI,CAAC,SAAS,EAAE;YAClB,IAAI,CAAC,gBAAgB,EAAE;QACzB;IACF;IAEA,KAAK,GAAA;QACH,IAAI,CAAC,MAAM,EAAE,CAAC,aAAa,CAAC,KAAK,EAAE;IACrC;AAEA,IAAA,gBAAgB,CAAC,KAAiB,EAAA;QAChC,IAAK,KAAK,CAAC,MAAkB,CAAC,OAAO,CAAC,WAAW,EAAE,IAAI,OAAO,EAAE;YAC9D,IAAI,CAAC,KAAK,EAAE;QACd;IACF;IAEQ,gBAAgB,GAAA;QACtB,MAAM,MAAM,GAAG,IAAI,CAAC,gBAAgB,IAAI,IAAI,CAAC,WAAW;AACxD,QAAA,IAAI,QAAQ,GAAG,IAAI,CAAC,WAAW,EAAE;AACjC,QAAA,IAAI,QAAQ,GAAG,CAAC,EAAE,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,IAAI,IAAI,CAAC,OAAO;QAE1D,IAAI,MAAM,EAAE;YACV,QAAQ,GAAG,CAAC,EAAE,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC,OAAO,IAAI,MAAM,CAAC,SAAS,CAAC;QAC9E;AAEA,QAAA,IAAI,QAAQ,KAAK,QAAQ,EAAE;AACzB,YAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,QAAQ,CAAC;AAC9B,YAAA,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE;QAC1B;IACF;uGA1PW,WAAW,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,IAAA,EAAA,IAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAX,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,WAAW,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,EAAA,iBAAA,EAAA,KAAA,EAAA,UAAA,EAAA,KAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,GAAA,EAAA,EAAA,iBAAA,EAAA,KAAA,EAAA,UAAA,EAAA,KAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,aAAA,EAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,aAAA,EAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,IAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,gBAAA,EAAA,kBAAA,EAAA,EAAA,cAAA,EAAA,kBAAA,EAAA,EAAA,SAAA,EAfX;AACT,YAAA;AACE,gBAAA,OAAO,EAAE,gBAAgB;AACzB,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,WAAW,CAAC;AAC3C;SACF,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,qBAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAqBqE,wBAAwB,sGACxB,wBAAwB,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,QAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,OAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC5DhG,y3BAuBA,EAAA,MAAA,EAAA,CAAA,2nEAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDOI,MAAM,qUACN,gBAAgB,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAiBP,WAAW,EAAA,UAAA,EAAA,CAAA;kBAtBvB,SAAS;+BACE,kBAAkB,EAAA,QAAA,EAClB,gBAAgB,EAAA,OAAA,EACjB;wBACP,MAAM;wBACN;qBACD,EAAA,SAAA,EACU;AACT,wBAAA;AACE,4BAAA,OAAO,EAAE,gBAAgB;AACzB,4BAAA,WAAW,EAAE,UAAU,CAAC,iBAAiB,CAAC;AAC3C;qBACF,EAAA,eAAA,EACgB,uBAAuB,CAAC,MAAM,EAAA,IAAA,EAGzC;AACJ,wBAAA,OAAO,EAAE,kBAAkB;AAC3B,wBAAA,kBAAkB,EAAE,kBAAkB;AACtC,wBAAA,IAAI,EAAE;AACP,qBAAA,EAAA,QAAA,EAAA,y3BAAA,EAAA,MAAA,EAAA,CAAA,2nEAAA,CAAA,EAAA;;0BAiFE;;0BAAY;+EArEiC,OAAO,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,mBAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,UAAA,CAAA,MACe,wBAAwB,CAAA,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,mBAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,UAAA,CAAA,MACxB,wBAAwB,CAAA,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,GAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,KAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,GAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,KAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,IAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,MAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,UAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,aAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,UAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,aAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,UAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,WAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,MAAA,EAAA,IAAA,EAAA,CAAA,aAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,aAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,EAAA,CAAA;;MEtDnF,0BAA0B,CAAA;AAC5B,IAAA,WAAW,GAAG,MAAM,CAAC,WAAW,CAAC;uGAD/B,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAA1B,0BAA0B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,wBAAA,EAAA,QAAA,EAAA,CAAA,sBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAA1B,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAJtC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,wBAAwB;AAClC,oBAAA,QAAQ,EAAE;AACX,iBAAA;;;MCCY,0BAA0B,CAAA;AAC5B,IAAA,WAAW,GAAG,MAAM,CAAC,WAAW,CAAC;uGAD/B,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAA1B,0BAA0B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,wBAAA,EAAA,QAAA,EAAA,CAAA,sBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAA1B,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAJtC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,wBAAwB;AAClC,oBAAA,QAAQ,EAAE;AACX,iBAAA;;;ACLD;;AAEG;;;;"}