@ngstarter-ui/components 1.0.21

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

@@ -0,0 +1,302 @@
+import * as i0 from '@angular/core';
+import { inject, TemplateRef, Directive, InjectionToken, viewChild, contentChild, signal, ChangeDetectionStrategy, Component, ElementRef, ViewContainerRef, Injector, DestroyRef, input, numberAttribute, booleanAttribute, output, EventEmitter } from '@angular/core';
+import { NgTemplateOutlet, NgClass } from '@angular/common';
+import { Overlay, OverlayConfig } from '@angular/cdk/overlay';
+import { takeUntil, fromEvent } from 'rxjs';
+import { Directionality } from '@angular/cdk/bidi';
+import { TemplatePortal } from '@angular/cdk/portal';
+import { _getEventTarget } from '@angular/cdk/platform';
+import { PositionManager } from '@ngstarter-ui/components/overlay';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+
+class PopoverContent {
+    templateRef = inject(TemplateRef);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PopoverContent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.4", type: PopoverContent, isStandalone: true, selector: "[ngsPopoverContent]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PopoverContent, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngsPopoverContent]',
+                    standalone: true
+                }]
+        }] });
+
+const POPOVER_TRIGGER = new InjectionToken('POPOVER_TRIGGER');
+
+class Popover {
+    trigger = inject(POPOVER_TRIGGER, { optional: true });
+    templateRef = viewChild.required(TemplateRef);
+    content = contentChild(PopoverContent, ...(ngDevMode ? [{ debugName: "content" }] : /* istanbul ignore next */ []));
+    _context = signal(undefined, ...(ngDevMode ? [{ debugName: "_context" }] : /* istanbul ignore next */ []));
+    _positionClasses = signal([], ...(ngDevMode ? [{ debugName: "_positionClasses" }] : /* istanbul ignore next */ []));
+    _setContext(context) {
+        this._context.set(context);
+    }
+    _setPositionClasses(classes) {
+        this._positionClasses.set(classes);
+    }
+    open() {
+        this.trigger?.open();
+    }
+    close() {
+        this.trigger?.close();
+    }
+    isOpen() {
+        return this.trigger?.isOpen() ?? false;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: Popover, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: Popover, isStandalone: true, selector: "ngs-popover", host: { classAttribute: "ngs-popover" }, queries: [{ propertyName: "content", first: true, predicate: PopoverContent, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "templateRef", first: true, predicate: TemplateRef, descendants: true, isSignal: true }], exportAs: ["ngsPopover"], ngImport: i0, template: "<ng-template>\n  <div class=\"ngs-popover-panel\" [ngClass]=\"_positionClasses()\">\n    @if (content()) {\n      <ng-container [ngTemplateOutlet]=\"content()!.templateRef\" [ngTemplateOutletContext]=\"_context()\"/>\n    } @else {\n      <ng-content/>\n    }\n  </div>\n</ng-template>\n", styles: [".ngs-popover-panel{--ngs-popover-border: var(--dropdown-border);--ngs-popover-shadow: var(--dropdown-shadow);--ngs-popover-border-radius: var(--dropdown-radius);--ngs-popover-bg: var(--dropdown-bg);--ngs-popover-margin: .625rem;display:block;position:relative;border-radius:var(--ngs-popover-border-radius);background:var(--ngs-popover-bg);border:var(--ngs-popover-border);box-shadow:var(--ngs-popover-shadow);animation:.15s ngs-popover-animation}.ngs-popover-panel.ngs-overlay-above{margin-bottom:var(--ngs-popover-margin);transform-origin:bottom}.ngs-popover-panel.ngs-overlay-below{margin-top:var(--ngs-popover-margin);transform-origin:top}.ngs-popover-panel.ngs-overlay-before{margin-inline-end:var(--ngs-popover-margin);transform-origin:right}.ngs-popover-panel.ngs-overlay-after{margin-inline-start:var(--ngs-popover-margin);transform-origin:left}@keyframes ngs-popover-animation{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}:host{display:contents}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: Popover, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngs-popover', exportAs: 'ngsPopover', standalone: true, imports: [
+                        NgTemplateOutlet,
+                        NgClass
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        'class': 'ngs-popover'
+                    }, template: "<ng-template>\n  <div class=\"ngs-popover-panel\" [ngClass]=\"_positionClasses()\">\n    @if (content()) {\n      <ng-container [ngTemplateOutlet]=\"content()!.templateRef\" [ngTemplateOutletContext]=\"_context()\"/>\n    } @else {\n      <ng-content/>\n    }\n  </div>\n</ng-template>\n", styles: [".ngs-popover-panel{--ngs-popover-border: var(--dropdown-border);--ngs-popover-shadow: var(--dropdown-shadow);--ngs-popover-border-radius: var(--dropdown-radius);--ngs-popover-bg: var(--dropdown-bg);--ngs-popover-margin: .625rem;display:block;position:relative;border-radius:var(--ngs-popover-border-radius);background:var(--ngs-popover-bg);border:var(--ngs-popover-border);box-shadow:var(--ngs-popover-shadow);animation:.15s ngs-popover-animation}.ngs-popover-panel.ngs-overlay-above{margin-bottom:var(--ngs-popover-margin);transform-origin:bottom}.ngs-popover-panel.ngs-overlay-below{margin-top:var(--ngs-popover-margin);transform-origin:top}.ngs-popover-panel.ngs-overlay-before{margin-inline-end:var(--ngs-popover-margin);transform-origin:right}.ngs-popover-panel.ngs-overlay-after{margin-inline-start:var(--ngs-popover-margin);transform-origin:left}@keyframes ngs-popover-animation{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}:host{display:contents}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { templateRef: [{ type: i0.ViewChild, args: [i0.forwardRef(() => TemplateRef), { isSignal: true }] }], content: [{ type: i0.ContentChild, args: [i0.forwardRef(() => PopoverContent), { isSignal: true }] }] } });
+
+class PopoverTriggerForDirective {
+    _overlay = inject(Overlay);
+    _elementRef = inject(ElementRef);
+    _directionality = inject(Directionality, { optional: true });
+    _viewContainerRef = inject(ViewContainerRef);
+    _injector = inject(Injector);
+    _popoverPortal;
+    _overlayRef = null;
+    _destroyRef = inject(DestroyRef);
+    _openTimeout = null;
+    _closeTimeout = null;
+    _closeDelay = 500;
+    popover = input.required({ ...(ngDevMode ? { debugName: "popover" } : /* istanbul ignore next */ {}), alias: 'ngsPopoverTriggerFor' });
+    popoverContext = input(undefined, { ...(ngDevMode ? { debugName: "popoverContext" } : /* istanbul ignore next */ {}), alias: 'ngsPopoverContext' });
+    trigger = input('click', ...(ngDevMode ? [{ debugName: "trigger" }] : /* istanbul ignore next */ []));
+    position = input('below-center', ...(ngDevMode ? [{ debugName: "position" }] : /* istanbul ignore next */ []));
+    delay = input(500, { ...(ngDevMode ? { debugName: "delay" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    origin = input(...(ngDevMode ? [undefined, { debugName: "origin" }] : /* istanbul ignore next */ []));
+    closeOnOriginClick = input(false, { ...(ngDevMode ? { debugName: "closeOnOriginClick" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    closeOnOriginMouseLeave = input(false, { ...(ngDevMode ? { debugName: "closeOnOriginMouseLeave" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    hasBackdrop = input(false, { ...(ngDevMode ? { debugName: "hasBackdrop" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    opened = output();
+    closed = output();
+    _closed = new EventEmitter();
+    constructor() {
+        this._setType();
+    }
+    _handleClick() {
+        if (this.trigger() !== 'click') {
+            if (this.closeOnOriginClick()) {
+                this.close();
+            }
+            return;
+        }
+        !this.isOpen() ? this.open() : this.close();
+    }
+    _handleMouseover() {
+        if (!this.isOpen() && this.trigger() === 'hover') {
+            this._openTimeout = setTimeout(() => {
+                this.open();
+            }, this.delay());
+        }
+    }
+    _handleMouseout() {
+        if (!this.isOpen()) {
+            clearTimeout(this._openTimeout);
+        }
+        else {
+            if (this.closeOnOriginMouseLeave()) {
+                this.close();
+                return;
+            }
+        }
+    }
+    ngOnInit() {
+        this.closed
+            .subscribe(() => {
+            this._closed.emit();
+        });
+    }
+    ngOnDestroy() {
+        this.close();
+        this._destroyOverlay();
+    }
+    get api() {
+        return this;
+    }
+    isOpen() {
+        return !!this._overlayRef?.hasAttached();
+    }
+    open() {
+        if (!this.isOpen() && this.popover() != null) {
+            this.opened.emit();
+            const popover = this.popover();
+            if (popover instanceof Popover) {
+                popover._setContext(this.popoverContext());
+            }
+            this._overlayRef = this._overlay.create(this._getOverlayConfig());
+            const strategy = this._overlayRef.getConfig().positionStrategy;
+            strategy.positionChanges
+                .pipe(takeUntil(this._closed), takeUntilDestroyed(this._destroyRef))
+                .subscribe(change => {
+                const panelClass = change.connectionPair.panelClass;
+                if (panelClass && popover instanceof Popover) {
+                    popover._setPositionClasses(Array.isArray(panelClass) ? panelClass : [panelClass]);
+                }
+            });
+            this._overlayRef.attach(this._getPopoverContentPortal());
+            this._subscribeToHostMouseleave();
+            this._subscribeToOutsideClicks();
+        }
+    }
+    close() {
+        clearTimeout(this._closeTimeout);
+        clearTimeout(this._openTimeout);
+        this.closed.emit();
+        this._overlayRef?.detach();
+    }
+    _destroyOverlay() {
+        clearTimeout(this._openTimeout);
+        clearTimeout(this._closeTimeout);
+        this._overlayRef?.dispose();
+        this._overlayRef = null;
+    }
+    _subscribeToOutsideClicks() {
+        if (this._overlayRef) {
+            this._overlayRef
+                .outsidePointerEvents()
+                .pipe(takeUntilDestroyed(this._destroyRef))
+                .subscribe(event => {
+                const target = _getEventTarget(event);
+                const element = this._elementRef.nativeElement;
+                if (this.closeOnOriginClick() && ((target === element) || element.contains(target))) {
+                    this.close();
+                    return;
+                }
+                if (target !== element && !element.contains(target)) {
+                    this.close();
+                }
+            });
+        }
+    }
+    _getPopoverContentPortal() {
+        const injector = Injector.create({
+            providers: [
+                {
+                    provide: POPOVER_TRIGGER,
+                    useValue: this
+                }
+            ],
+            parent: this._injector
+        });
+        const popover = this.popover();
+        const templateRef = popover instanceof Popover ? popover.templateRef() : popover;
+        const context = popover instanceof Popover ? null : this.popoverContext();
+        this._popoverPortal = new TemplatePortal(templateRef, this._viewContainerRef, context, injector);
+        return this._popoverPortal;
+    }
+    _getOverlayConfig() {
+        return new OverlayConfig({
+            hasBackdrop: this.hasBackdrop(),
+            backdropClass: 'ngs-popover-overlay-backdrop',
+            positionStrategy: this._getOverlayPositionStrategy(),
+            scrollStrategy: this._overlay.scrollStrategies.reposition(),
+            direction: this._directionality || undefined,
+        });
+    }
+    _getOverlayPositionStrategy() {
+        const origin = (this.origin() ? this.origin() : this._elementRef);
+        return this._overlay
+            .position()
+            .flexibleConnectedTo(origin)
+            .setOrigin(origin)
+            .withGrowAfterOpen()
+            .withPositions(this._getOverlayPositions());
+    }
+    _getOverlayPositions() {
+        return (new PositionManager()).build(this.position());
+    }
+    _setType() {
+        if (this.trigger() === 'hover') {
+            return;
+        }
+        const element = this._elementRef.nativeElement;
+        if (element.nodeName === 'BUTTON' && !element.getAttribute('type')) {
+            // Prevents form submissions.
+            element.setAttribute('type', 'button');
+        }
+    }
+    _subscribeToHostMouseleave() {
+        if (this.trigger() === 'hover' && this._overlayRef) {
+            fromEvent(this._elementRef.nativeElement, 'mouseleave')
+                .pipe(takeUntil(this._closed), takeUntilDestroyed(this._destroyRef))
+                .subscribe(event => {
+                if (this.closeOnOriginMouseLeave()) {
+                    this.close();
+                    return;
+                }
+                this._closeTimeout = setTimeout(() => {
+                    this.close();
+                }, this._closeDelay);
+            });
+            const popoverElement = this._overlayRef.overlayElement;
+            fromEvent(popoverElement, 'mouseenter')
+                .pipe(takeUntil(this._closed), takeUntilDestroyed(this._destroyRef))
+                .subscribe(event => {
+                clearTimeout(this._closeTimeout);
+                this._closeTimeout = null;
+            });
+            fromEvent(popoverElement, 'mouseleave')
+                .pipe(takeUntil(this._closed), takeUntilDestroyed(this._destroyRef))
+                .subscribe(event => {
+                this._closeTimeout = setTimeout(() => {
+                    this.close();
+                }, this._closeDelay);
+            });
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PopoverTriggerForDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.4", type: PopoverTriggerForDirective, isStandalone: true, selector: "[ngsPopoverTriggerFor]", inputs: { popover: { classPropertyName: "popover", publicName: "ngsPopoverTriggerFor", isSignal: true, isRequired: true, transformFunction: null }, popoverContext: { classPropertyName: "popoverContext", publicName: "ngsPopoverContext", isSignal: true, isRequired: false, transformFunction: null }, trigger: { classPropertyName: "trigger", publicName: "trigger", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, delay: { classPropertyName: "delay", publicName: "delay", isSignal: true, isRequired: false, transformFunction: null }, origin: { classPropertyName: "origin", publicName: "origin", isSignal: true, isRequired: false, transformFunction: null }, closeOnOriginClick: { classPropertyName: "closeOnOriginClick", publicName: "closeOnOriginClick", isSignal: true, isRequired: false, transformFunction: null }, closeOnOriginMouseLeave: { classPropertyName: "closeOnOriginMouseLeave", publicName: "closeOnOriginMouseLeave", isSignal: true, isRequired: false, transformFunction: null }, hasBackdrop: { classPropertyName: "hasBackdrop", publicName: "hasBackdrop", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { opened: "opened", closed: "closed" }, host: { listeners: { "click": "_handleClick()", "mouseenter": "_handleMouseover()", "mouseleave": "_handleMouseout()" }, properties: { "class.ngs-popover-trigger-for--is-open": "api.isOpen()" }, classAttribute: "ngs-popover-trigger-for" }, exportAs: ["ngsPopoverTriggerFor"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PopoverTriggerForDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngsPopoverTriggerFor]',
+                    exportAs: 'ngsPopoverTriggerFor',
+                    host: {
+                        'class': 'ngs-popover-trigger-for',
+                        '[class.ngs-popover-trigger-for--is-open]': 'api.isOpen()',
+                        '(click)': '_handleClick()',
+                        '(mouseenter)': '_handleMouseover()',
+                        '(mouseleave)': '_handleMouseout()'
+                    }
+                }]
+        }], ctorParameters: () => [], propDecorators: { popover: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngsPopoverTriggerFor", required: true }] }], popoverContext: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngsPopoverContext", required: false }] }], trigger: [{ type: i0.Input, args: [{ isSignal: true, alias: "trigger", required: false }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], delay: [{ type: i0.Input, args: [{ isSignal: true, alias: "delay", required: false }] }], origin: [{ type: i0.Input, args: [{ isSignal: true, alias: "origin", required: false }] }], closeOnOriginClick: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnOriginClick", required: false }] }], closeOnOriginMouseLeave: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnOriginMouseLeave", required: false }] }], hasBackdrop: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasBackdrop", required: false }] }], opened: [{ type: i0.Output, args: ["opened"] }], closed: [{ type: i0.Output, args: ["closed"] }] } });
+
+class PopoverOriginDirective {
+    _elementRef = inject(ElementRef);
+    get api() {
+        return {
+            nativeElement: () => {
+                return this._elementRef?.nativeElement;
+            }
+        };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PopoverOriginDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.4", type: PopoverOriginDirective, isStandalone: true, selector: "[ngsPopoverOrigin]", exportAs: ["ngsPopoverOrigin"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PopoverOriginDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngsPopoverOrigin]',
+                    exportAs: 'ngsPopoverOrigin'
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { POPOVER_TRIGGER, Popover, PopoverContent, PopoverOriginDirective, PopoverTriggerForDirective };
+//# sourceMappingURL=ngstarter-ui-components-popover.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ngstarter-ui-components-popover.mjs","sources":["../../../projects/components/popover/src/popover-content.ts","../../../projects/components/popover/src/types.ts","../../../projects/components/popover/src/popover/popover.ts","../../../projects/components/popover/src/popover/popover.html","../../../projects/components/popover/src/popover-trigger-for.directive.ts","../../../projects/components/popover/src/popover-origin.directive.ts","../../../projects/components/popover/ngstarter-ui-components-popover.ts"],"sourcesContent":["import { Directive, inject, TemplateRef } from '@angular/core';\n\n@Directive({\n  selector: '[ngsPopoverContent]',\n  standalone: true\n})\nexport class PopoverContent {\n  readonly templateRef = inject(TemplateRef);\n}\n","import { OverlayPosition } from '@ngstarter-ui/components/overlay';\nimport { InjectionToken } from '@angular/core';\n\nexport type PopoverTrigger = 'click' | 'hover';\nexport type PopoverPosition = OverlayPosition;\n\nexport interface PopoverTriggerFor {\n  isOpen(): boolean;\n  open(): void;\n  close(): void;\n}\n\nexport const POPOVER_TRIGGER = new InjectionToken<PopoverTriggerFor>('POPOVER_TRIGGER');\n","import { Component, ChangeDetectionStrategy, TemplateRef, viewChild, contentChild, signal, inject } from '@angular/core';\nimport { NgTemplateOutlet, NgClass } from '@angular/common';\nimport { PopoverContent } from '../popover-content';\nimport { POPOVER_TRIGGER } from '../types';\n\n@Component({\n  selector: 'ngs-popover',\n  exportAs: 'ngsPopover',\n  standalone: true,\n  imports: [\n    NgTemplateOutlet,\n    NgClass\n  ],\n  templateUrl: './popover.html',\n  styleUrl: './popover.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    'class': 'ngs-popover'\n  }\n})\nexport class Popover {\n  readonly trigger = inject(POPOVER_TRIGGER, { optional: true });\n  readonly templateRef = viewChild.required(TemplateRef);\n  readonly content = contentChild(PopoverContent);\n\n  readonly _context = signal<any>(undefined);\n  readonly _positionClasses = signal<string[]>([]);\n\n  _setContext(context: any): void {\n    this._context.set(context);\n  }\n\n  _setPositionClasses(classes: string[]): void {\n    this._positionClasses.set(classes);\n  }\n\n  open(): void {\n    this.trigger?.open();\n  }\n\n  close(): void {\n    this.trigger?.close();\n  }\n\n  isOpen(): boolean {\n    return this.trigger?.isOpen() ?? false;\n  }\n}\n","<ng-template>\n  <div class=\"ngs-popover-panel\" [ngClass]=\"_positionClasses()\">\n    @if (content()) {\n      <ng-container [ngTemplateOutlet]=\"content()!.templateRef\" [ngTemplateOutletContext]=\"_context()\"/>\n    } @else {\n      <ng-content/>\n    }\n  </div>\n</ng-template>\n","import {\n  booleanAttribute,\n  DestroyRef,\n  Directive, ElementRef, EventEmitter,\n  inject, Injector, input,\n  numberAttribute, OnDestroy, OnInit, output, TemplateRef,\n  ViewContainerRef\n} from '@angular/core';\nimport {\n  ConnectedPosition,\n  FlexibleConnectedPositionStrategy, FlexibleConnectedPositionStrategyOrigin,\n  Overlay,\n  OverlayConfig,\n  OverlayRef\n} from '@angular/cdk/overlay';\nimport { fromEvent, takeUntil } from 'rxjs';\nimport { Directionality } from '@angular/cdk/bidi';\nimport { TemplatePortal } from '@angular/cdk/portal';\nimport { _getEventTarget } from '@angular/cdk/platform';\nimport { PopoverTrigger, PopoverPosition, POPOVER_TRIGGER, PopoverTriggerFor } from './types';\nimport { Popover } from './popover/popover';\nimport { PositionManager } from '@ngstarter-ui/components/overlay';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\n@Directive({\n  selector: '[ngsPopoverTriggerFor]',\n  exportAs: 'ngsPopoverTriggerFor',\n  host: {\n    'class': 'ngs-popover-trigger-for',\n    '[class.ngs-popover-trigger-for--is-open]': 'api.isOpen()',\n    '(click)': '_handleClick()',\n    '(mouseenter)': '_handleMouseover()',\n    '(mouseleave)': '_handleMouseout()'\n  }\n})\nexport class PopoverTriggerForDirective implements OnInit, OnDestroy, PopoverTriggerFor {\n  private _overlay = inject(Overlay);\n  private _elementRef: ElementRef<HTMLElement> = inject(ElementRef);\n  private _directionality = inject(Directionality, { optional: true });\n  private _viewContainerRef = inject(ViewContainerRef);\n  private _injector = inject(Injector);\n  private _popoverPortal!: TemplatePortal;\n  private _overlayRef: OverlayRef | null = null;\n  private _destroyRef = inject(DestroyRef);\n  private _openTimeout: any = null;\n  private _closeTimeout: any = null;\n  private _closeDelay = 500;\n\n  popover = input.required<Popover | TemplateRef<any>>({\n    alias: 'ngsPopoverTriggerFor'\n  });\n  popoverContext = input<any>(undefined, {\n    alias: 'ngsPopoverContext'\n  });\n  trigger = input<PopoverTrigger>('click');\n  position = input<PopoverPosition>('below-center');\n  delay = input(500, {\n    transform: numberAttribute\n  });\n  origin = input<FlexibleConnectedPositionStrategyOrigin>();\n  closeOnOriginClick = input(false, {\n    transform: booleanAttribute\n  });\n  closeOnOriginMouseLeave = input(false, {\n    transform: booleanAttribute\n  });\n  hasBackdrop = input(false, {\n    transform: booleanAttribute\n  });\n\n  readonly opened = output<void>();\n  readonly closed = output<void>();\n\n  private _closed = new EventEmitter<void>();\n\n  constructor() {\n    this._setType();\n  }\n\n  protected _handleClick() {\n    if (this.trigger() !== 'click') {\n      if (this.closeOnOriginClick()) {\n        this.close();\n      }\n\n      return;\n    }\n\n    !this.isOpen() ? this.open() : this.close();\n  }\n\n  protected _handleMouseover() {\n    if (!this.isOpen() && this.trigger() === 'hover') {\n      this._openTimeout = setTimeout(() => {\n        this.open();\n      }, this.delay());\n    }\n  }\n\n  protected _handleMouseout() {\n    if (!this.isOpen()) {\n      clearTimeout(this._openTimeout);\n    } else {\n      if (this.closeOnOriginMouseLeave()) {\n        this.close();\n        return;\n      }\n    }\n  }\n\n  ngOnInit() {\n    this.closed\n      .subscribe(() => {\n        this._closed.emit();\n      });\n  }\n\n  ngOnDestroy() {\n    this.close();\n    this._destroyOverlay();\n  }\n\n  get api(): PopoverTriggerFor {\n    return this;\n  }\n\n  isOpen() {\n    return !!this._overlayRef?.hasAttached();\n  }\n\n  open() {\n    if (!this.isOpen() && this.popover() != null) {\n      this.opened.emit();\n\n      const popover = this.popover();\n\n      if (popover instanceof Popover) {\n        popover._setContext(this.popoverContext());\n      }\n\n      this._overlayRef = this._overlay.create(this._getOverlayConfig());\n\n      const strategy = this._overlayRef.getConfig().positionStrategy as FlexibleConnectedPositionStrategy;\n      strategy.positionChanges\n        .pipe(\n          takeUntil(this._closed),\n          takeUntilDestroyed(this._destroyRef)\n        )\n        .subscribe(change => {\n          const panelClass = change.connectionPair.panelClass;\n          if (panelClass && popover instanceof Popover) {\n            popover._setPositionClasses(Array.isArray(panelClass) ? panelClass : [panelClass]);\n          }\n        });\n\n      this._overlayRef.attach(this._getPopoverContentPortal());\n      this._subscribeToHostMouseleave();\n      this._subscribeToOutsideClicks();\n    }\n  }\n\n  close() {\n    clearTimeout(this._closeTimeout);\n    clearTimeout(this._openTimeout);\n    this.closed.emit();\n    this._overlayRef!?.detach();\n  }\n\n  private _destroyOverlay() {\n    clearTimeout(this._openTimeout);\n    clearTimeout(this._closeTimeout);\n    this._overlayRef?.dispose();\n    this._overlayRef = null;\n  }\n\n  private _subscribeToOutsideClicks() {\n    if (this._overlayRef) {\n      this._overlayRef\n        .outsidePointerEvents()\n        .pipe(takeUntilDestroyed(this._destroyRef))\n        .subscribe(event => {\n          const target = _getEventTarget(event) as Element;\n          const element = this._elementRef.nativeElement;\n\n          if (this.closeOnOriginClick() && ((target === element) || element.contains(target))) {\n            this.close();\n            return;\n          }\n\n          if (target !== element && !element.contains(target)) {\n            this.close();\n          }\n        });\n    }\n  }\n\n  private _getPopoverContentPortal() {\n    const injector = Injector.create({\n      providers: [\n        {\n          provide: POPOVER_TRIGGER,\n          useValue: this\n        }\n      ],\n      parent: this._injector\n    });\n\n    const popover = this.popover();\n    const templateRef = popover instanceof Popover ? popover.templateRef() : popover;\n    const context = popover instanceof Popover ? null : this.popoverContext();\n\n    this._popoverPortal = new TemplatePortal(\n      templateRef,\n      this._viewContainerRef,\n      context,\n      injector\n    );\n    return this._popoverPortal;\n  }\n\n  private _getOverlayConfig() {\n    return new OverlayConfig({\n      hasBackdrop: this.hasBackdrop(),\n      backdropClass: 'ngs-popover-overlay-backdrop',\n      positionStrategy: this._getOverlayPositionStrategy(),\n      scrollStrategy: this._overlay.scrollStrategies.reposition(),\n      direction: this._directionality || undefined,\n    });\n  }\n\n  private _getOverlayPositionStrategy(): FlexibleConnectedPositionStrategy {\n    const origin = (this.origin() ? this.origin() : this._elementRef) as FlexibleConnectedPositionStrategyOrigin;\n    return this._overlay\n      .position()\n      .flexibleConnectedTo(origin)\n      .setOrigin(origin)\n      .withGrowAfterOpen()\n      .withPositions(this._getOverlayPositions());\n  }\n\n  private _getOverlayPositions(): ConnectedPosition[] {\n    return (new PositionManager()).build(this.position());\n  }\n\n  private _setType() {\n    if (this.trigger() === 'hover') {\n      return;\n    }\n\n    const element = this._elementRef.nativeElement;\n\n    if (element.nodeName === 'BUTTON' && !element.getAttribute('type')) {\n      // Prevents form submissions.\n      element.setAttribute('type', 'button');\n    }\n  }\n\n  private _subscribeToHostMouseleave() {\n    if (this.trigger() === 'hover' && this._overlayRef) {\n      fromEvent(this._elementRef.nativeElement, 'mouseleave')\n        .pipe(\n          takeUntil(this._closed),\n          takeUntilDestroyed(this._destroyRef)\n        )\n        .subscribe(event => {\n          if (this.closeOnOriginMouseLeave()) {\n            this.close();\n            return;\n          }\n\n          this._closeTimeout = setTimeout(() => {\n            this.close();\n          }, this._closeDelay);\n        })\n      ;\n      const popoverElement = this._overlayRef.overlayElement;\n      fromEvent(popoverElement, 'mouseenter')\n        .pipe(\n          takeUntil(this._closed),\n          takeUntilDestroyed(this._destroyRef)\n        )\n        .subscribe(event => {\n          clearTimeout(this._closeTimeout);\n          this._closeTimeout = null;\n        })\n      ;\n      fromEvent(popoverElement, 'mouseleave')\n        .pipe(\n          takeUntil(this._closed),\n          takeUntilDestroyed(this._destroyRef)\n        )\n        .subscribe(event => {\n          this._closeTimeout = setTimeout(() => {\n            this.close();\n          }, this._closeDelay);\n        })\n      ;\n    }\n  }\n}\n","import { Directive, ElementRef, inject } from '@angular/core';\n\n@Directive({\n  selector: '[ngsPopoverOrigin]',\n  exportAs: 'ngsPopoverOrigin'\n})\nexport class PopoverOriginDirective {\n  private _elementRef = inject(ElementRef);\n\n  get api() {\n    return {\n      nativeElement: () => {\n        return this._elementRef?.nativeElement;\n      }\n    }\n  }\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-progress-bar.mjs

@@ -0,0 +1,68 @@
+import * as i0 from '@angular/core';
+import { inject, ElementRef, NgZone, Renderer2, input, numberAttribute, output, computed, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+
+class ProgressBar {
+    _elementRef = inject(ElementRef);
+    _ngZone = inject(NgZone);
+    _renderer = inject(Renderer2);
+    color = input('primary', ...(ngDevMode ? [{ debugName: "color" }] : /* istanbul ignore next */ []));
+    value = input(0, { ...(ngDevMode ? { debugName: "value" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    bufferValue = input(0, { ...(ngDevMode ? { debugName: "bufferValue" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    mode = input('determinate', ...(ngDevMode ? [{ debugName: "mode" }] : /* istanbul ignore next */ []));
+    animationEnd = output();
+    _cleanupTransitionEnd;
+    isIndeterminate = computed(() => {
+        return this.mode() === 'indeterminate' || this.mode() === 'query';
+    }, ...(ngDevMode ? [{ debugName: "isIndeterminate" }] : /* istanbul ignore next */ []));
+    primaryBarTransform = computed(() => {
+        return `scaleX(${this.isIndeterminate() ? 1 : this.value() / 100})`;
+    }, ...(ngDevMode ? [{ debugName: "primaryBarTransform" }] : /* istanbul ignore next */ []));
+    bufferBarTransform = computed(() => {
+        return `scaleX(${this.mode() === 'buffer' ? this.bufferValue() / 100 : 1})`;
+    }, ...(ngDevMode ? [{ debugName: "bufferBarTransform" }] : /* istanbul ignore next */ []));
+    /** @deprecated use bufferBarTransform instead */
+    bufferBarFlexBasis = computed(() => {
+        return this.bufferBarTransform();
+    }, ...(ngDevMode ? [{ debugName: "bufferBarFlexBasis" }] : /* istanbul ignore next */ []));
+    ngAfterViewInit() {
+        this._ngZone.runOutsideAngular(() => {
+            this._cleanupTransitionEnd = this._renderer.listen(this._elementRef.nativeElement, 'transitionend', this._transitionendHandler);
+        });
+    }
+    ngOnDestroy() {
+        this._cleanupTransitionEnd?.();
+    }
+    _transitionendHandler = (event) => {
+        if (!event.target ||
+            !event.target.classList.contains('ngs-progress-bar-primary-bar')) {
+            return;
+        }
+        if (this.mode() === 'determinate' || this.mode() === 'buffer') {
+            this._ngZone.run(() => this.animationEnd.emit({ value: this.value() }));
+        }
+    };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: ProgressBar, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: ProgressBar, isStandalone: true, selector: "ngs-progress-bar", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, bufferValue: { classPropertyName: "bufferValue", publicName: "bufferValue", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { animationEnd: "animationEnd" }, host: { attributes: { "role": "progressbar", "aria-valuemin": "0", "aria-valuemax": "100", "tabindex": "-1" }, properties: { "attr.aria-valuenow": "isIndeterminate() ? null : value()", "attr.mode": "mode()", "class.ngs-progress-bar-indeterminate": "isIndeterminate()", "style.--ngs-progress-bar-value": "value()", "style.--ngs-progress-bar-buffer-value": "bufferValue()" }, classAttribute: "ngs-progress-bar" }, exportAs: ["ngsProgressBar"], ngImport: i0, template: "@if (mode() === 'buffer') {\n  <div class=\"ngs-progress-bar-track\"></div>\n  <div class=\"ngs-progress-bar-buffer-bar\" [style.transform]=\"bufferBarTransform()\"></div>\n} @else {\n  <div class=\"ngs-progress-bar-track\"></div>\n}\n\n<div class=\"ngs-progress-bar-primary-bar\" [style.transform]=\"primaryBarTransform()\">\n  <span class=\"ngs-progress-bar-inner\"></span>\n</div>\n\n@if (isIndeterminate()) {\n  <div class=\"ngs-progress-bar-secondary-bar\">\n    <span class=\"ngs-progress-bar-inner\"></span>\n  </div>\n}\n", styles: [".ngs-progress-bar{--ngs-progress-bar-height: 4px;--ngs-progress-bar-track-color: var(--color-surface-container-highest);--ngs-progress-bar-indicator-color: var(--color-primary);--ngs-progress-bar-animation-multiplier: 1;display:block;position:relative;height:var(--ngs-progress-bar-height);overflow:hidden;width:100%;transform:translateZ(0);transition:opacity .25s linear}.ngs-progress-bar[mode=query]{transform:rotate(180deg)}.ngs-progress-bar[mode=buffer] .ngs-progress-bar-track{background-image:radial-gradient(circle,var(--ngs-progress-bar-track-color) calc(var(--ngs-progress-bar-height) / 2),transparent 0);background-repeat:repeat-x;background-size:calc(var(--ngs-progress-bar-height) / 2 * 5) var(--ngs-progress-bar-height);background-position:left;flex:auto;transform:rotate(180deg);animation:mdc-linear-progress-buffering calc(.25s * var(--ngs-progress-bar-animation-multiplier)) infinite linear;background-color:transparent}.ngs-progress-bar-track,.ngs-progress-bar-buffer-bar,.ngs-progress-bar-primary-bar,.ngs-progress-bar-secondary-bar{position:absolute;inset:0}.ngs-progress-bar-track{background:var(--ngs-progress-bar-track-color)}.ngs-progress-bar-buffer-bar{background:var(--ngs-progress-bar-track-color);opacity:.25;transform-origin:top left;transition:transform .25s linear}.ngs-progress-bar-primary-bar,.ngs-progress-bar-secondary-bar{transform-origin:top left;transition:transform .25s linear}.ngs-progress-bar-inner{display:inline-block;position:absolute;width:100%;height:100%;background:var(--ngs-progress-bar-indicator-color)}.ngs-progress-bar-indeterminate .ngs-progress-bar-primary-bar,.ngs-progress-bar[mode=query] .ngs-progress-bar-primary-bar{left:0;animation:ngs-progress-bar-primary-indeterminate-translate 2s infinite linear}.ngs-progress-bar-indeterminate .ngs-progress-bar-primary-bar .ngs-progress-bar-inner,.ngs-progress-bar[mode=query] .ngs-progress-bar-primary-bar .ngs-progress-bar-inner{animation:ngs-progress-bar-primary-indeterminate-scale 2s infinite linear}.ngs-progress-bar-indeterminate .ngs-progress-bar-secondary-bar,.ngs-progress-bar[mode=query] .ngs-progress-bar-secondary-bar{left:0;display:block;animation:ngs-progress-bar-secondary-indeterminate-translate 2s infinite linear}.ngs-progress-bar-indeterminate .ngs-progress-bar-secondary-bar .ngs-progress-bar-inner,.ngs-progress-bar[mode=query] .ngs-progress-bar-secondary-bar .ngs-progress-bar-inner{animation:ngs-progress-bar-secondary-indeterminate-scale 2s infinite linear}.ngs-progress-bar-primary-bar,.ngs-progress-bar-secondary-bar,.ngs-progress-bar-buffer-bar{display:block}@keyframes ngs-progress-bar-primary-indeterminate-translate{0%{transform:translate(-145.166611%)}20%{animation-timing-function:cubic-bezier(.5,0,.701732,.495819);transform:translate(-145.166611%)}59.15%{animation-timing-function:cubic-bezier(.302435,.381352,.55,.956352);transform:translate(-61.495191%)}to{transform:translate(55.444446%)}}@keyframes ngs-progress-bar-primary-indeterminate-scale{0%{transform:scaleX(.08)}36.65%{animation-timing-function:cubic-bezier(.334731,.12482,.785844,1);transform:scaleX(.08)}69.15%{animation-timing-function:cubic-bezier(.06,.11,.6,1);transform:scaleX(.661479)}to{transform:scaleX(.08)}}@keyframes ngs-progress-bar-secondary-indeterminate-translate{0%{animation-timing-function:cubic-bezier(.15,0,.515058,.409685);transform:translate(-54.888891%)}25%{animation-timing-function:cubic-bezier(.31033,.284058,.8,.733712);transform:translate(-17.236978%)}48.35%{animation-timing-function:cubic-bezier(.4,.627035,.6,.902026);transform:translate(29.497274%)}to{transform:translate(105.388891%)}}@keyframes ngs-progress-bar-secondary-indeterminate-scale{0%{animation-timing-function:cubic-bezier(.15,0,.515058,.409685);transform:scaleX(.08)}19.15%{animation-timing-function:cubic-bezier(.31033,.284058,.8,.733712);transform:scaleX(.457104)}44.15%{animation-timing-function:cubic-bezier(.4,.627035,.6,.902026);transform:scaleX(.72796)}to{transform:scaleX(.08)}}@keyframes mdc-linear-progress-buffering{to{background-position:calc(var(--ngs-progress-bar-height) / 2 * -5) 0}}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: ProgressBar, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngs-progress-bar', exportAs: 'ngsProgressBar', host: {
+                        'role': 'progressbar',
+                        'aria-valuemin': '0',
+                        'aria-valuemax': '100',
+                        'tabindex': '-1',
+                        '[attr.aria-valuenow]': 'isIndeterminate() ? null : value()',
+                        '[attr.mode]': 'mode()',
+                        'class': 'ngs-progress-bar',
+                        '[class.ngs-progress-bar-indeterminate]': 'isIndeterminate()',
+                        '[style.--ngs-progress-bar-value]': 'value()',
+                        '[style.--ngs-progress-bar-buffer-value]': 'bufferValue()',
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "@if (mode() === 'buffer') {\n  <div class=\"ngs-progress-bar-track\"></div>\n  <div class=\"ngs-progress-bar-buffer-bar\" [style.transform]=\"bufferBarTransform()\"></div>\n} @else {\n  <div class=\"ngs-progress-bar-track\"></div>\n}\n\n<div class=\"ngs-progress-bar-primary-bar\" [style.transform]=\"primaryBarTransform()\">\n  <span class=\"ngs-progress-bar-inner\"></span>\n</div>\n\n@if (isIndeterminate()) {\n  <div class=\"ngs-progress-bar-secondary-bar\">\n    <span class=\"ngs-progress-bar-inner\"></span>\n  </div>\n}\n", styles: [".ngs-progress-bar{--ngs-progress-bar-height: 4px;--ngs-progress-bar-track-color: var(--color-surface-container-highest);--ngs-progress-bar-indicator-color: var(--color-primary);--ngs-progress-bar-animation-multiplier: 1;display:block;position:relative;height:var(--ngs-progress-bar-height);overflow:hidden;width:100%;transform:translateZ(0);transition:opacity .25s linear}.ngs-progress-bar[mode=query]{transform:rotate(180deg)}.ngs-progress-bar[mode=buffer] .ngs-progress-bar-track{background-image:radial-gradient(circle,var(--ngs-progress-bar-track-color) calc(var(--ngs-progress-bar-height) / 2),transparent 0);background-repeat:repeat-x;background-size:calc(var(--ngs-progress-bar-height) / 2 * 5) var(--ngs-progress-bar-height);background-position:left;flex:auto;transform:rotate(180deg);animation:mdc-linear-progress-buffering calc(.25s * var(--ngs-progress-bar-animation-multiplier)) infinite linear;background-color:transparent}.ngs-progress-bar-track,.ngs-progress-bar-buffer-bar,.ngs-progress-bar-primary-bar,.ngs-progress-bar-secondary-bar{position:absolute;inset:0}.ngs-progress-bar-track{background:var(--ngs-progress-bar-track-color)}.ngs-progress-bar-buffer-bar{background:var(--ngs-progress-bar-track-color);opacity:.25;transform-origin:top left;transition:transform .25s linear}.ngs-progress-bar-primary-bar,.ngs-progress-bar-secondary-bar{transform-origin:top left;transition:transform .25s linear}.ngs-progress-bar-inner{display:inline-block;position:absolute;width:100%;height:100%;background:var(--ngs-progress-bar-indicator-color)}.ngs-progress-bar-indeterminate .ngs-progress-bar-primary-bar,.ngs-progress-bar[mode=query] .ngs-progress-bar-primary-bar{left:0;animation:ngs-progress-bar-primary-indeterminate-translate 2s infinite linear}.ngs-progress-bar-indeterminate .ngs-progress-bar-primary-bar .ngs-progress-bar-inner,.ngs-progress-bar[mode=query] .ngs-progress-bar-primary-bar .ngs-progress-bar-inner{animation:ngs-progress-bar-primary-indeterminate-scale 2s infinite linear}.ngs-progress-bar-indeterminate .ngs-progress-bar-secondary-bar,.ngs-progress-bar[mode=query] .ngs-progress-bar-secondary-bar{left:0;display:block;animation:ngs-progress-bar-secondary-indeterminate-translate 2s infinite linear}.ngs-progress-bar-indeterminate .ngs-progress-bar-secondary-bar .ngs-progress-bar-inner,.ngs-progress-bar[mode=query] .ngs-progress-bar-secondary-bar .ngs-progress-bar-inner{animation:ngs-progress-bar-secondary-indeterminate-scale 2s infinite linear}.ngs-progress-bar-primary-bar,.ngs-progress-bar-secondary-bar,.ngs-progress-bar-buffer-bar{display:block}@keyframes ngs-progress-bar-primary-indeterminate-translate{0%{transform:translate(-145.166611%)}20%{animation-timing-function:cubic-bezier(.5,0,.701732,.495819);transform:translate(-145.166611%)}59.15%{animation-timing-function:cubic-bezier(.302435,.381352,.55,.956352);transform:translate(-61.495191%)}to{transform:translate(55.444446%)}}@keyframes ngs-progress-bar-primary-indeterminate-scale{0%{transform:scaleX(.08)}36.65%{animation-timing-function:cubic-bezier(.334731,.12482,.785844,1);transform:scaleX(.08)}69.15%{animation-timing-function:cubic-bezier(.06,.11,.6,1);transform:scaleX(.661479)}to{transform:scaleX(.08)}}@keyframes ngs-progress-bar-secondary-indeterminate-translate{0%{animation-timing-function:cubic-bezier(.15,0,.515058,.409685);transform:translate(-54.888891%)}25%{animation-timing-function:cubic-bezier(.31033,.284058,.8,.733712);transform:translate(-17.236978%)}48.35%{animation-timing-function:cubic-bezier(.4,.627035,.6,.902026);transform:translate(29.497274%)}to{transform:translate(105.388891%)}}@keyframes ngs-progress-bar-secondary-indeterminate-scale{0%{animation-timing-function:cubic-bezier(.15,0,.515058,.409685);transform:scaleX(.08)}19.15%{animation-timing-function:cubic-bezier(.31033,.284058,.8,.733712);transform:scaleX(.457104)}44.15%{animation-timing-function:cubic-bezier(.4,.627035,.6,.902026);transform:scaleX(.72796)}to{transform:scaleX(.08)}}@keyframes mdc-linear-progress-buffering{to{background-position:calc(var(--ngs-progress-bar-height) / 2 * -5) 0}}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], bufferValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "bufferValue", required: false }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], animationEnd: [{ type: i0.Output, args: ["animationEnd"] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ProgressBar };
+//# sourceMappingURL=ngstarter-ui-components-progress-bar.mjs.map

package/fesm2022/ngstarter-ui-components-progress-bar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngstarter-ui-components-progress-bar.mjs","sources":["../../../projects/components/progress-bar/src/progress-bar/progress-bar.ts","../../../projects/components/progress-bar/src/progress-bar/progress-bar.html","../../../projects/components/progress-bar/ngstarter-ui-components-progress-bar.ts"],"sourcesContent":["import {\n  Component,\n  ChangeDetectionStrategy,\n  ViewEncapsulation,\n  input,\n  computed,\n  AfterViewInit,\n  OnDestroy,\n  inject,\n  ElementRef,\n  NgZone,\n  Renderer2,\n  numberAttribute,\n  output\n} from '@angular/core';\n\nexport type ProgressBarMode = 'determinate' | 'indeterminate' | 'buffer' | 'query';\n\n@Component({\n  selector: 'ngs-progress-bar',\n  templateUrl: './progress-bar.html',\n  styleUrl: './progress-bar.scss',\n  exportAs: 'ngsProgressBar',\n  host: {\n    'role': 'progressbar',\n    'aria-valuemin': '0',\n    'aria-valuemax': '100',\n    'tabindex': '-1',\n    '[attr.aria-valuenow]': 'isIndeterminate() ? null : value()',\n    '[attr.mode]': 'mode()',\n    'class': 'ngs-progress-bar',\n    '[class.ngs-progress-bar-indeterminate]': 'isIndeterminate()',\n    '[style.--ngs-progress-bar-value]': 'value()',\n    '[style.--ngs-progress-bar-buffer-value]': 'bufferValue()',\n  },\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class ProgressBar implements AfterViewInit, OnDestroy {\n  private readonly _elementRef = inject(ElementRef);\n  private readonly _ngZone = inject(NgZone);\n  private readonly _renderer = inject(Renderer2);\n\n  readonly color = input<string>('primary');\n  readonly value = input(0, { transform: numberAttribute });\n  readonly bufferValue = input(0, { transform: numberAttribute });\n  readonly mode = input<ProgressBarMode>('determinate');\n\n  readonly animationEnd = output<{\n    value: number;\n}>();\n\n  private _cleanupTransitionEnd?: () => void;\n\n  readonly isIndeterminate = computed(() => {\n    return this.mode() === 'indeterminate' || this.mode() === 'query';\n  });\n\n  readonly primaryBarTransform = computed(() => {\n    return `scaleX(${this.isIndeterminate() ? 1 : this.value() / 100})`;\n  });\n\n  readonly bufferBarTransform = computed(() => {\n    return `scaleX(${this.mode() === 'buffer' ? this.bufferValue() / 100 : 1})`;\n  });\n\n  /** @deprecated use bufferBarTransform instead */\n  readonly bufferBarFlexBasis = computed(() => {\n    return this.bufferBarTransform();\n  });\n\n  ngAfterViewInit() {\n    this._ngZone.runOutsideAngular(() => {\n      this._cleanupTransitionEnd = this._renderer.listen(\n        this._elementRef.nativeElement,\n        'transitionend',\n        this._transitionendHandler\n      );\n    });\n  }\n\n  ngOnDestroy() {\n    this._cleanupTransitionEnd?.();\n  }\n\n  private _transitionendHandler = (event: TransitionEvent) => {\n    if (\n      !event.target ||\n      !(event.target as HTMLElement).classList.contains('ngs-progress-bar-primary-bar')\n    ) {\n      return;\n    }\n\n    if (this.mode() === 'determinate' || this.mode() === 'buffer') {\n      this._ngZone.run(() => this.animationEnd.emit({ value: this.value() }));\n    }\n  };\n}\n","@if (mode() === 'buffer') {\n  <div class=\"ngs-progress-bar-track\"></div>\n  <div class=\"ngs-progress-bar-buffer-bar\" [style.transform]=\"bufferBarTransform()\"></div>\n} @else {\n  <div class=\"ngs-progress-bar-track\"></div>\n}\n\n<div class=\"ngs-progress-bar-primary-bar\" [style.transform]=\"primaryBarTransform()\">\n  <span class=\"ngs-progress-bar-inner\"></span>\n</div>\n\n@if (isIndeterminate()) {\n  <div class=\"ngs-progress-bar-secondary-bar\">\n    <span class=\"ngs-progress-bar-inner\"></span>\n  </div>\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-radio-card.mjs

@@ -0,0 +1,102 @@
+import * as i0 from '@angular/core';
+import { signal, forwardRef, Component, input, inject, computed } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { RadioButton } from '@ngstarter-ui/components/radio';
+
+class RadioCardGroup {
+    value = signal(null, ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    disabled = signal(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+    onChange = () => { };
+    onTouched = () => { };
+    writeValue(value) {
+        this.value.set(value);
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled.set(isDisabled);
+    }
+    selectValue(value) {
+        if (this.disabled()) {
+            return;
+        }
+        this.value.set(value);
+        this.onChange(value);
+        this.onTouched();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: RadioCardGroup, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: RadioCardGroup, isStandalone: true, selector: "ngs-radio-card-group", host: { properties: { "class.is-disabled": "disabled()" }, classAttribute: "ngs-radio-card-group" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => RadioCardGroup),
+                multi: true,
+            },
+        ], exportAs: ["ngsRadioCardGroup"], ngImport: i0, template: "<ng-content/>\n", styles: [":host{--ngs-radio-card-group-gap: calc(var(--spacing, .25rem) * 5);--ngs-radio-card-border-radius: 1rem;--ngs-radio-card-padding: calc(var(--spacing, .25rem) * 5);--ngs-radio-card-transition: all .2s ease-in-out;--ngs-radio-card-color-border-hover: var(--color-primary);--ngs-radio-card-color-selected-border: var(--color-primary);--ngs-radio-card-color-selected-bg: var(--color-primary-100);--ngs-radio-card-content-font-size: .875rem;--ngs-radio-card-content-color: var(--color-neutral-600);--ngs-radio-card-title-font-size: .875rem;--ngs-radio-card-title-gap: calc(var(--spacing, .25rem) * 1.5);display:flex;flex-wrap:wrap;gap:var(--ngs-radio-card-group-gap)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: RadioCardGroup, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngs-radio-card-group', exportAs: 'ngsRadioCardGroup', providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => RadioCardGroup),
+                            multi: true,
+                        },
+                    ], host: {
+                        'class': 'ngs-radio-card-group',
+                        '[class.is-disabled]': 'disabled()'
+                    }, template: "<ng-content/>\n", styles: [":host{--ngs-radio-card-group-gap: calc(var(--spacing, .25rem) * 5);--ngs-radio-card-border-radius: 1rem;--ngs-radio-card-padding: calc(var(--spacing, .25rem) * 5);--ngs-radio-card-transition: all .2s ease-in-out;--ngs-radio-card-color-border-hover: var(--color-primary);--ngs-radio-card-color-selected-border: var(--color-primary);--ngs-radio-card-color-selected-bg: var(--color-primary-100);--ngs-radio-card-content-font-size: .875rem;--ngs-radio-card-content-color: var(--color-neutral-600);--ngs-radio-card-title-font-size: .875rem;--ngs-radio-card-title-gap: calc(var(--spacing, .25rem) * 1.5);display:flex;flex-wrap:wrap;gap:var(--ngs-radio-card-group-gap)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
+        }] });
+
+class RadioCard {
+    value = input.required(...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    parentGroup = inject(RadioCardGroup);
+    isSelected = computed(() => this.parentGroup.value() === this.value(), ...(ngDevMode ? [{ debugName: "isSelected" }] : /* istanbul ignore next */ []));
+    selectCard() {
+        this.parentGroup.selectValue(this.value());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: RadioCard, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.4", type: RadioCard, isStandalone: true, selector: "ngs-radio-card", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null } }, host: { attributes: { "role": "radio" }, listeners: { "click": "selectCard()" }, properties: { "class.is-selected": "isSelected()", "class.is-disabled": "parentGroup.disabled()", "attr.aria-checked": "isSelected()", "attr.tabindex": "parentGroup.disabled() ? -1 : 0" }, classAttribute: "ngs-radio-card" }, exportAs: ["ngsRadioCard"], ngImport: i0, template: "<div class=\"header\">\n  <ngs-radio-button [value]=\"value()\" [checked]=\"isSelected()\"/>\n  <ng-content select=\"ngs-radio-card-title\"/>\n</div>\n<ng-content/>\n", styles: [":host{border:1px solid var(--color-border);border-radius:var(--ngs-radio-card-border-radius);padding:var(--ngs-radio-card-padding);cursor:pointer;transition:var(--ngs-radio-card-transition);outline:none;width:100%;flex:1 1 200px;display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 1)}:host .header{display:flex;align-items:center}:host:not(.disabled):hover{border-color:var(--ngs-radio-card-color-border-hover)}:host.is-selected{border-color:var(--ngs-radio-card-color-selected-border);background:var(--ngs-radio-card-color-selected-bg)}:host.is-disabled{cursor:not-allowed;opacity:.65;pointer-events:none}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: RadioButton, selector: "ngs-radio-button", inputs: ["id", "value", "name", "checked", "disabled"], outputs: ["checkedChange", "change"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: RadioCard, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngs-radio-card', exportAs: 'ngsRadioCard', imports: [
+                        RadioButton
+                    ], host: {
+                        'class': 'ngs-radio-card',
+                        '[class.is-selected]': 'isSelected()',
+                        '[class.is-disabled]': 'parentGroup.disabled()',
+                        '(click)': 'selectCard()',
+                        'role': 'radio',
+                        '[attr.aria-checked]': 'isSelected()',
+                        '[attr.tabindex]': 'parentGroup.disabled() ? -1 : 0',
+                    }, template: "<div class=\"header\">\n  <ngs-radio-button [value]=\"value()\" [checked]=\"isSelected()\"/>\n  <ng-content select=\"ngs-radio-card-title\"/>\n</div>\n<ng-content/>\n", styles: [":host{border:1px solid var(--color-border);border-radius:var(--ngs-radio-card-border-radius);padding:var(--ngs-radio-card-padding);cursor:pointer;transition:var(--ngs-radio-card-transition);outline:none;width:100%;flex:1 1 200px;display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 1)}:host .header{display:flex;align-items:center}:host:not(.disabled):hover{border-color:var(--ngs-radio-card-color-border-hover)}:host.is-selected{border-color:var(--ngs-radio-card-color-selected-border);background:var(--ngs-radio-card-color-selected-bg)}:host.is-disabled{cursor:not-allowed;opacity:.65;pointer-events:none}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }] } });
+
+class RadioCardTitle {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: RadioCardTitle, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: RadioCardTitle, isStandalone: true, selector: "ngs-radio-card-title", ngImport: i0, template: "<ng-content/>\n", styles: [":host{display:flex;align-items:center;gap:var(--ngs-radio-card-title-gap);font-size:var(--ngs-radio-card-title-font-size);font-weight:600}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: RadioCardTitle, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngs-radio-card-title', imports: [], template: "<ng-content/>\n", styles: [":host{display:flex;align-items:center;gap:var(--ngs-radio-card-title-gap);font-size:var(--ngs-radio-card-title-font-size);font-weight:600}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
+        }] });
+
+class RadioCardContent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: RadioCardContent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: RadioCardContent, isStandalone: true, selector: "ngs-radio-card-content", ngImport: i0, template: "<ng-content/>\n", styles: [":host{display:block;font-size:var(--ngs-radio-card-content-font-size);color:var(--ngs-radio-card-content-color)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: RadioCardContent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngs-radio-card-content', imports: [], template: "<ng-content/>\n", styles: [":host{display:block;font-size:var(--ngs-radio-card-content-font-size);color:var(--ngs-radio-card-content-color)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { RadioCard, RadioCardContent, RadioCardGroup, RadioCardTitle };
+//# sourceMappingURL=ngstarter-ui-components-radio-card.mjs.map

package/fesm2022/ngstarter-ui-components-radio-card.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngstarter-ui-components-radio-card.mjs","sources":["../../../projects/components/radio-card/src/radio-card-group/radio-card-group.ts","../../../projects/components/radio-card/src/radio-card-group/radio-card-group.html","../../../projects/components/radio-card/src/radio-card/radio-card.ts","../../../projects/components/radio-card/src/radio-card/radio-card.html","../../../projects/components/radio-card/src/radio-card-title/radio-card-title.ts","../../../projects/components/radio-card/src/radio-card-title/radio-card-title.html","../../../projects/components/radio-card/src/radio-card-content/radio-card-content.ts","../../../projects/components/radio-card/src/radio-card-content/radio-card-content.html","../../../projects/components/radio-card/ngstarter-ui-components-radio-card.ts"],"sourcesContent":["import { Component, forwardRef, signal } from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n\n@Component({\n  selector: 'ngs-radio-card-group',\n  exportAs: 'ngsRadioCardGroup',\n  templateUrl: './radio-card-group.html',\n  styleUrl: './radio-card-group.scss',\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => RadioCardGroup),\n      multi: true,\n    },\n  ],\n  host: {\n    'class': 'ngs-radio-card-group',\n    '[class.is-disabled]': 'disabled()'\n  }\n})\nexport class RadioCardGroup implements ControlValueAccessor {\n  readonly value = signal<any>(null);\n  readonly disabled = signal<boolean>(false);\n\n  private onChange: (value: any) => void = () => {};\n  private onTouched: () => void = () => {};\n\n  writeValue(value: any): void {\n    this.value.set(value);\n  }\n\n  registerOnChange(fn: (value: any) => void): void {\n    this.onChange = fn;\n  }\n\n  registerOnTouched(fn: () => void): void {\n    this.onTouched = fn;\n  }\n\n  setDisabledState(isDisabled: boolean): void {\n    this.disabled.set(isDisabled);\n  }\n\n  selectValue(value: any): void {\n    if (this.disabled()) {\n      return;\n    }\n    this.value.set(value);\n    this.onChange(value);\n    this.onTouched();\n  }\n}\n","<ng-content/>\n","import { Component, computed, inject, input } from '@angular/core';\nimport {\n  RadioCardGroup\n} from '../radio-card-group/radio-card-group';\nimport { RadioButton } from '@ngstarter-ui/components/radio';\n\n@Component({\n  selector: 'ngs-radio-card',\n  exportAs: 'ngsRadioCard',\n  imports: [\n    RadioButton\n  ],\n  templateUrl: './radio-card.html',\n  styleUrl: './radio-card.scss',\n  host: {\n    'class': 'ngs-radio-card',\n    '[class.is-selected]': 'isSelected()',\n    '[class.is-disabled]': 'parentGroup.disabled()',\n    '(click)': 'selectCard()',\n    'role': 'radio',\n    '[attr.aria-checked]': 'isSelected()',\n    '[attr.tabindex]': 'parentGroup.disabled() ? -1 : 0',\n  },\n})\nexport class RadioCard {\n  value = input.required<any>();\n  protected parentGroup = inject(RadioCardGroup);\n  readonly isSelected = computed(() => this.parentGroup.value() === this.value());\n\n  selectCard(): void {\n    this.parentGroup.selectValue(this.value());\n  }\n}\n","<div class=\"header\">\n  <ngs-radio-button [value]=\"value()\" [checked]=\"isSelected()\"/>\n  <ng-content select=\"ngs-radio-card-title\"/>\n</div>\n<ng-content/>\n","import { Component } from '@angular/core';\n\n@Component({\n  selector: 'ngs-radio-card-title',\n  imports: [],\n  templateUrl: './radio-card-title.html',\n  styleUrl: './radio-card-title.scss'\n})\nexport class RadioCardTitle {\n\n}\n","<ng-content/>\n","import { Component } from '@angular/core';\n\n@Component({\n  selector: 'ngs-radio-card-content',\n  imports: [],\n  templateUrl: './radio-card-content.html',\n  styleUrl: './radio-card-content.scss'\n})\nexport class RadioCardContent {\n\n}\n","<ng-content/>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}