@elementar-rt/components 0.6.55

package/fesm2022/elementar-rt-components-splash-screen.mjs

@@ -0,0 +1,91 @@
+import * as i0 from '@angular/core';
+import { inject, Renderer2, ElementRef, input, numberAttribute, effect, afterNextRender, Component } from '@angular/core';
+import { signalStore, withState, withMethods, patchState, getState } from '@ngrx/signals';
+import { filter } from 'rxjs';
+import { Router, NavigationEnd } from '@angular/router';
+
+const initialState = {
+    visible: true
+};
+const SplashScreenStore = signalStore({ providedIn: 'root' }, withState(initialState), withMethods((store) => ({
+    show() {
+        patchState(store, {
+            visible: true
+        });
+    },
+    hide() {
+        patchState(store, {
+            visible: false
+        });
+    }
+})));
+
+class SplashScreenComponent {
+    _store = inject(SplashScreenStore);
+    _renderer = inject(Renderer2);
+    _elementRef = inject(ElementRef);
+    _router = inject(Router);
+    animationDuration = input(500, ...(ngDevMode ? [{ debugName: "animationDuration", transform: numberAttribute }] : [{
+            transform: numberAttribute
+        }])); // in milliseconds
+    hideDelay = input(1000, ...(ngDevMode ? [{ debugName: "hideDelay", transform: numberAttribute }] : [{
+            transform: numberAttribute
+        }])); // in milliseconds
+    constructor() {
+        const initialState = getState(this._store);
+        effect(() => {
+            const currentState = getState(this._store);
+            if (initialState.visible === currentState.visible) {
+                return;
+            }
+            if (currentState.visible) {
+                this._show();
+            }
+            else {
+                this._hide();
+            }
+        });
+        afterNextRender(() => {
+            const subscription = this._router.events
+                .pipe(filter(event => event instanceof NavigationEnd))
+                .subscribe(() => {
+                subscription.unsubscribe();
+                setTimeout(() => {
+                    this._hide();
+                    subscription.unsubscribe();
+                }, this.hideDelay());
+            });
+        });
+    }
+    ngOnInit() {
+        this._renderer.setProperty(this._elementRef.nativeElement, '--emr-splash-screen-hide-animation-duration', (this.animationDuration() / 1000) + 's');
+    }
+    _show() {
+        const loaderEl = this._elementRef.nativeElement;
+        this._renderer.setStyle(loaderEl, 'visibility', 'visible');
+        this._renderer.setStyle(loaderEl, 'zIndex', '9999999');
+    }
+    _hide() {
+        const loaderEl = this._elementRef.nativeElement;
+        this._renderer.addClass(loaderEl, 'hide');
+        setTimeout(() => {
+            this._renderer.setStyle(loaderEl, 'visibility', 'hidden');
+            this._renderer.setStyle(loaderEl, 'zIndex', '-9999999');
+        }, this.animationDuration());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: SplashScreenComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.10", type: SplashScreenComponent, isStandalone: true, selector: "emr-splash-screen", inputs: { animationDuration: { classPropertyName: "animationDuration", publicName: "animationDuration", isSignal: true, isRequired: false, transformFunction: null }, hideDelay: { classPropertyName: "hideDelay", publicName: "hideDelay", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "emr-splash-screen" }, exportAs: ["emrSplashScreen"], ngImport: i0, template: "<div>\r\n  <ng-content select=\"emr-text-logo,emr-image-logo\"/>\r\n</div>\r\n", styles: [":host{--emr-splash-screen-bg: var(--color-background);-webkit-user-select:none;user-select:none;position:fixed;inset:0;z-index:9999999;display:flex;align-items:center;justify-content:center;flex-direction:column;visibility:visible;background:var(--emr-splash-screen-bg);--emr-splash-screen-hide-animation-duration: .5s}:host.hide{opacity:0;transition:opacity var(--emr-splash-screen-hide-animation-duration) ease-in-out}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: SplashScreenComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-splash-screen', exportAs: 'emrSplashScreen', imports: [], host: {
+                        'class': 'emr-splash-screen',
+                    }, template: "<div>\r\n  <ng-content select=\"emr-text-logo,emr-image-logo\"/>\r\n</div>\r\n", styles: [":host{--emr-splash-screen-bg: var(--color-background);-webkit-user-select:none;user-select:none;position:fixed;inset:0;z-index:9999999;display:flex;align-items:center;justify-content:center;flex-direction:column;visibility:visible;background:var(--emr-splash-screen-bg);--emr-splash-screen-hide-animation-duration: .5s}:host.hide{opacity:0;transition:opacity var(--emr-splash-screen-hide-animation-duration) ease-in-out}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+        }], ctorParameters: () => [], propDecorators: { animationDuration: [{ type: i0.Input, args: [{ isSignal: true, alias: "animationDuration", required: false }] }], hideDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideDelay", required: false }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SplashScreenComponent, SplashScreenStore };
+//# sourceMappingURL=elementar-rt-components-splash-screen.mjs.map

package/fesm2022/elementar-rt-components-splash-screen.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"elementar-rt-components-splash-screen.mjs","sources":["../../../projects/components/splash-screen/src/splash-screen.store.ts","../../../projects/components/splash-screen/src/splash-screen/splash-screen.component.ts","../../../projects/components/splash-screen/src/splash-screen/splash-screen.component.html","../../../projects/components/splash-screen/elementar-rt-components-splash-screen.ts"],"sourcesContent":["import { patchState, signalStore, withMethods, withState } from '@ngrx/signals';\r\n\r\nexport interface SplashScreenState {\r\n  visible: boolean;\r\n}\r\n\r\nconst initialState: SplashScreenState = {\r\n  visible: true\r\n};\r\n\r\nexport const SplashScreenStore = signalStore(\r\n  { providedIn: 'root' },\r\n  withState(initialState),\r\n  withMethods((store) => ({\r\n    show(): void {\r\n      patchState(store, {\r\n        visible: true\r\n      });\r\n    },\r\n    hide(): void {\r\n      patchState(store, {\r\n        visible: false\r\n      });\r\n    }\r\n  }))\r\n);\r\n","import {\r\n  afterNextRender,\r\n  Component,\r\n  effect,\r\n  ElementRef,\r\n  inject,\r\n  input,\r\n  numberAttribute,\r\n  Renderer2\r\n} from '@angular/core';\r\nimport { getState } from '@ngrx/signals';\r\nimport { SplashScreenState, SplashScreenStore } from '../splash-screen.store';\r\nimport { filter } from 'rxjs';\r\nimport { NavigationEnd, Router } from '@angular/router';\r\n\r\n@Component({\r\n  selector: 'emr-splash-screen',\r\n  exportAs: 'emrSplashScreen',\r\n  imports: [],\r\n  templateUrl: './splash-screen.component.html',\r\n  styleUrl: './splash-screen.component.scss',\r\n  host: {\r\n    'class': 'emr-splash-screen',\r\n  }\r\n})\r\nexport class SplashScreenComponent {\r\n  private _store = inject(SplashScreenStore);\r\n  private _renderer = inject(Renderer2);\r\n  private _elementRef = inject(ElementRef);\r\n  private _router = inject(Router);\r\n\r\n  animationDuration = input(500, {\r\n    transform: numberAttribute\r\n  }); // in milliseconds\r\n  hideDelay = input(1000, {\r\n    transform: numberAttribute\r\n  }); // in milliseconds\r\n\r\n  constructor() {\r\n    const initialState = getState<SplashScreenState>(this._store);\r\n\r\n    effect(() => {\r\n      const currentState = getState<SplashScreenState>(this._store);\r\n\r\n      if (initialState.visible === currentState.visible) {\r\n        return;\r\n      }\r\n\r\n      if (currentState.visible) {\r\n        this._show();\r\n      } else {\r\n        this._hide();\r\n      }\r\n    });\r\n\r\n    afterNextRender(() => {\r\n      const subscription = this._router.events\r\n        .pipe(\r\n          filter(event=> event instanceof NavigationEnd)\r\n        )\r\n        .subscribe(() => {\r\n          subscription.unsubscribe();\r\n          setTimeout(() => {\r\n            this._hide();\r\n            subscription.unsubscribe();\r\n          }, this.hideDelay());\r\n        })\r\n      ;\r\n    });\r\n  }\r\n\r\n  ngOnInit() {\r\n    this._renderer.setProperty(\r\n      this._elementRef.nativeElement, '--emr-splash-screen-hide-animation-duration', (this.animationDuration() / 1000) + 's'\r\n    );\r\n  }\r\n\r\n  private _show(): void {\r\n    const loaderEl = this._elementRef.nativeElement as HTMLElement;\r\n    this._renderer.setStyle(loaderEl, 'visibility', 'visible');\r\n    this._renderer.setStyle(loaderEl, 'zIndex', '9999999');\r\n  }\r\n\r\n  private _hide(): void {\r\n    const loaderEl = this._elementRef.nativeElement as HTMLElement;\r\n    this._renderer.addClass(loaderEl, 'hide');\r\n    setTimeout(() => {\r\n      this._renderer.setStyle(loaderEl, 'visibility', 'hidden');\r\n      this._renderer.setStyle(loaderEl, 'zIndex', '-9999999');\r\n    }, this.animationDuration());\r\n  }\r\n}\r\n","<div>\r\n  <ng-content select=\"emr-text-logo,emr-image-logo\"/>\r\n</div>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,194 @@
+import * as i0 from '@angular/core';
+import { input, signal, inject, DestroyRef, effect, computed, ChangeDetectionStrategy, Component, model, contentChildren } from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { startWith } from 'rxjs/operators';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+
+class StepComponent {
+    /** Form control associated with this step */
+    stepControl = input(undefined, ...(ngDevMode ? [{ debugName: "stepControl" }] : []));
+    /** Whether the step is optional */
+    optional = input(false, ...(ngDevMode ? [{ debugName: "optional" }] : []));
+    /** Whether the user has interacted with this step (writable signal) */
+    interacted = signal(false, ...(ngDevMode ? [{ debugName: "interacted" }] : []));
+    /** Whether this step is currently active (writable signal, controlled by Stepper) */
+    isActive = signal(false, ...(ngDevMode ? [{ debugName: "isActive" }] : []));
+    /** Internal writable signal tracking the validity of the stepControl */
+    _isValid = signal(true, ...(ngDevMode ? [{ debugName: "_isValid" }] : [])); // Default to true if no control
+    _destroyRef = inject(DestroyRef); // Inject DestroyRef for automatic cleanup
+    constructor() {
+        effect(() => {
+            const control = this.stepControl(); // Read the input signal
+            if (control) {
+                // Set initial validity based on the control's current state when the effect runs
+                this._isValid.set(control.valid);
+                // Subscribe to statusChanges and update the _isValid signal
+                // Use takeUntilDestroyed for automatic cleanup when the component is destroyed
+                control.statusChanges.pipe(startWith(control.status), // Emit initial status immediately to sync _isValid
+                takeUntilDestroyed(this._destroyRef) // Automatically unsubscribe on component destroy
+                ).subscribe(() => {
+                    // Update the internal validity signal whenever the control's status changes
+                    this._isValid.set(control.valid);
+                });
+            }
+            else {
+                // If no control is provided, consider the step inherently valid for completion
+                this._isValid.set(true);
+            }
+        });
+    }
+    /** Computed signal indicating if the step is completed */
+    completed = computed(() => {
+        // A step is completed if it doesn't have a stepControl or
+        // if the internal _isValid signal (reflecting the control's validity) is true.
+        return !this.stepControl() || this._isValid();
+    }, ...(ngDevMode ? [{ debugName: "completed" }] : []));
+    /**
+     * Checks if the step is currently valid.
+     * Considers the validity of the associated stepControl if provided.
+     * @returns boolean True if the step is valid, false otherwise.
+     */
+    isValid() {
+        return this._isValid(); // Directly return the tracked validity state
+    }
+    /** Resets the step's interacted state */
+    reset() {
+        this.interacted.set(false);
+    }
+    /** Sets the active state of the step */
+    setActive(active) {
+        this.isActive.set(active);
+    }
+    /** Sets the interacted state of the step */
+    setInteracted(interacted) {
+        this.interacted.set(interacted);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: StepComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.10", type: StepComponent, isStandalone: true, selector: "emr-step", inputs: { stepControl: { classPropertyName: "stepControl", publicName: "stepControl", isSignal: true, isRequired: false, transformFunction: null }, optional: { classPropertyName: "optional", publicName: "optional", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.display": "isActive() ? \"block\" : \"none\"" }, classAttribute: "emr-step" }, exportAs: ["emrStep"], ngImport: i0, template: `<ng-content/>`, isInline: true, styles: [":host{display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: StepComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-step', exportAs: 'emrStep', template: `<ng-content/>`, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        'class': 'emr-step',
+                        '[style.display]': 'isActive() ? "block" : "none"',
+                    }, styles: [":host{display:block}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { stepControl: [{ type: i0.Input, args: [{ isSignal: true, alias: "stepControl", required: false }] }], optional: [{ type: i0.Input, args: [{ isSignal: true, alias: "optional", required: false }] }] } });
+
+class StepperComponent {
+    /** Whether the stepper should operate in linear mode. */
+    linear = input(false, ...(ngDevMode ? [{ debugName: "linear", transform: coerceBooleanProperty }] : [{
+            transform: coerceBooleanProperty
+        }]));
+    /** The index of the active step (two-way bound). */
+    selectedIndex = model(0, ...(ngDevMode ? [{ debugName: "selectedIndex" }] : []));
+    /** Collection of child StepComponent instances. */
+    steps = contentChildren(StepComponent, ...(ngDevMode ? [{ debugName: "steps" }] : []));
+    /** Computed signal for the total number of steps. */
+    stepsCount = computed(() => {
+        return this.steps()?.length ?? 0;
+    }, ...(ngDevMode ? [{ debugName: "stepsCount" }] : []));
+    /** The currently selected StepComponent instance. */
+    selected = computed(() => {
+        const index = this.selectedIndex();
+        const stepList = this.steps();
+        // Use the stepsCount() computed signal for checking length
+        return stepList && index >= 0 && index < this.stepsCount() ? stepList[index] : undefined;
+    }, ...(ngDevMode ? [{ debugName: "selected" }] : []));
+    /** Checks if the user can navigate to the next step. */
+    canMoveNext = computed(() => {
+        const index = this.selectedIndex();
+        // Use stepsCount() signal
+        const totalSteps = this.stepsCount();
+        const currentSelected = this.selected();
+        const isLinear = this.linear();
+        // Cannot move next if there are no steps or already on the last step
+        if (totalSteps === 0 || index >= totalSteps - 1) {
+            return false;
+        }
+        if (!isLinear || !currentSelected) {
+            return true;
+        }
+        return currentSelected.completed() || currentSelected.optional();
+    }, ...(ngDevMode ? [{ debugName: "canMoveNext" }] : []));
+    /** Computed signal indicating if the current step is the first step. */
+    isFirstStep = computed(() => {
+        const index = this.selectedIndex();
+        // Use stepsCount() signal
+        return index === 0 && this.stepsCount() > 0;
+    }, ...(ngDevMode ? [{ debugName: "isFirstStep" }] : []));
+    /** Computed signal indicating if the current step is the last step. */
+    isLastStep = computed(() => {
+        const index = this.selectedIndex();
+        // Use stepsCount() signal
+        const totalSteps = this.stepsCount();
+        return totalSteps > 0 && index === totalSteps - 1;
+    }, ...(ngDevMode ? [{ debugName: "isLastStep" }] : []));
+    /** Computed signal calculating the progress percentage. */
+    progressPercent = computed(() => {
+        const totalSteps = this.stepsCount();
+        const index = this.selectedIndex();
+        if (totalSteps === 0) {
+            return 0;
+        }
+        const progress = (100 / totalSteps) * (index + 1);
+        return Math.max(0, Math.min(100, progress));
+    }, ...(ngDevMode ? [{ debugName: "progressPercent" }] : []));
+    constructor() {
+        effect(() => {
+            const currentSteps = this.steps();
+            const currentIndex = this.selectedIndex();
+            currentSteps.forEach((step, index) => step.setActive(index === currentIndex));
+        });
+        effect((onCleanup) => {
+            const currentSelected = this.selected();
+            if (currentSelected && !currentSelected.interacted()) {
+                currentSelected.setInteracted(true);
+            }
+        });
+        effect(() => {
+            const totalSteps = this.stepsCount();
+            const currentIndex = this.selectedIndex();
+            if (totalSteps > 0) {
+                const newIndex = Math.max(0, Math.min(currentIndex, totalSteps - 1));
+                if (newIndex !== currentIndex)
+                    this.selectedIndex.set(newIndex);
+            }
+            else if (currentIndex !== 0) {
+                this.selectedIndex.set(0);
+            }
+        });
+    }
+    /** Navigates to the next step if possible. */
+    next() {
+        if (this.canMoveNext()) {
+            this.selectedIndex.update(i => i + 1);
+        }
+    }
+    /** Navigates to the previous step if possible. */
+    previous() {
+        // Use renamed computed signal for check
+        if (!this.isFirstStep()) {
+            this.selectedIndex.update(i => i - 1);
+        }
+    }
+    /** Resets the stepper to the first step. */
+    reset() {
+        this.steps().forEach(step => step.reset());
+        this.selectedIndex.set(0);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: StepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.10", type: StepperComponent, isStandalone: true, selector: "emr-stepper", inputs: { linear: { classPropertyName: "linear", publicName: "linear", isSignal: true, isRequired: false, transformFunction: null }, selectedIndex: { classPropertyName: "selectedIndex", publicName: "selectedIndex", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedIndex: "selectedIndexChange" }, host: { classAttribute: "emr-stepper" }, queries: [{ propertyName: "steps", predicate: StepComponent, isSignal: true }], exportAs: ["emrStepper"], ngImport: i0, template: `<ng-content select="emr-step"/>`, isInline: true, styles: [":host{display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: StepperComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-stepper', exportAs: 'emrStepper', standalone: true, template: `<ng-content select="emr-step"/>`, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        'class': 'emr-stepper',
+                    }, styles: [":host{display:block}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { linear: [{ type: i0.Input, args: [{ isSignal: true, alias: "linear", required: false }] }], selectedIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedIndex", required: false }] }, { type: i0.Output, args: ["selectedIndexChange"] }], steps: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => StepComponent), { isSignal: true }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { StepComponent, StepperComponent };
+//# sourceMappingURL=elementar-rt-components-stepper.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"elementar-rt-components-stepper.mjs","sources":["../../../projects/components/stepper/src/step.component.ts","../../../projects/components/stepper/src/stepper.component.ts","../../../projects/components/stepper/elementar-rt-components-stepper.ts"],"sourcesContent":["import {\r\n  Component,\r\n  ChangeDetectionStrategy,\r\n  input,\r\n  signal,\r\n  computed,\r\n  effect,\r\n  inject,\r\n  DestroyRef\r\n} from '@angular/core';\r\nimport { AbstractControl } from '@angular/forms';\r\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\r\nimport { startWith } from 'rxjs/operators';\r\n\r\n@Component({\r\n  selector: 'emr-step',\r\n  exportAs: 'emrStep',\r\n  template: `<ng-content/>`,\r\n  styles: [`\r\n    :host {\r\n      display: block;\r\n    }\r\n  `],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  host: {\r\n    'class': 'emr-step',\r\n    '[style.display]': 'isActive() ? \"block\" : \"none\"',\r\n  }\r\n})\r\nexport class StepComponent {\r\n  /** Form control associated with this step */\r\n  stepControl = input<AbstractControl | undefined>(undefined);\r\n  /** Whether the step is optional */\r\n  optional = input(false);\r\n\r\n  /** Whether the user has interacted with this step (writable signal) */\r\n  readonly interacted = signal(false);\r\n  /** Whether this step is currently active (writable signal, controlled by Stepper) */\r\n  readonly isActive = signal(false);\r\n  /** Internal writable signal tracking the validity of the stepControl */\r\n  private readonly _isValid = signal(true); // Default to true if no control\r\n\r\n  private _destroyRef = inject(DestroyRef); // Inject DestroyRef for automatic cleanup\r\n\r\n  constructor() {\r\n    effect(() => {\r\n      const control = this.stepControl(); // Read the input signal\r\n\r\n      if (control) {\r\n        // Set initial validity based on the control's current state when the effect runs\r\n        this._isValid.set(control.valid);\r\n\r\n        // Subscribe to statusChanges and update the _isValid signal\r\n        // Use takeUntilDestroyed for automatic cleanup when the component is destroyed\r\n        control.statusChanges.pipe(\r\n          startWith(control.status), // Emit initial status immediately to sync _isValid\r\n          takeUntilDestroyed(this._destroyRef) // Automatically unsubscribe on component destroy\r\n        ).subscribe(() => {\r\n          // Update the internal validity signal whenever the control's status changes\r\n          this._isValid.set(control.valid);\r\n        });\r\n\r\n      } else {\r\n        // If no control is provided, consider the step inherently valid for completion\r\n        this._isValid.set(true);\r\n      }\r\n    });\r\n  }\r\n\r\n  /** Computed signal indicating if the step is completed */\r\n  readonly completed = computed(() => {\r\n    // A step is completed if it doesn't have a stepControl or\r\n    // if the internal _isValid signal (reflecting the control's validity) is true.\r\n    return !this.stepControl() || this._isValid();\r\n  });\r\n\r\n  /**\r\n   * Checks if the step is currently valid.\r\n   * Considers the validity of the associated stepControl if provided.\r\n   * @returns boolean True if the step is valid, false otherwise.\r\n   */\r\n  public isValid(): boolean {\r\n    return this._isValid(); // Directly return the tracked validity state\r\n  }\r\n\r\n  /** Resets the step's interacted state */\r\n  reset(): void {\r\n    this.interacted.set(false);\r\n  }\r\n\r\n  /** Sets the active state of the step */\r\n  setActive(active: boolean): void {\r\n    this.isActive.set(active);\r\n  }\r\n\r\n  /** Sets the interacted state of the step */\r\n  setInteracted(interacted: boolean): void {\r\n    this.interacted.set(interacted);\r\n  }\r\n}\r\n","import {\r\n  Component,\r\n  ChangeDetectionStrategy,\r\n  effect,\r\n  computed,\r\n  input,\r\n  model,\r\n  contentChildren,\r\n} from '@angular/core';\r\nimport { StepComponent } from './step.component';\r\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\r\n\r\n@Component({\r\n  selector: 'emr-stepper',\r\n  exportAs: 'emrStepper',\r\n  standalone: true,\r\n  template: `<ng-content select=\"emr-step\"/>`,\r\n  styles: [`\r\n    :host {\r\n      display: block;\r\n    }\r\n  `],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  host: {\r\n    'class': 'emr-stepper',\r\n  },\r\n})\r\nexport class StepperComponent {\r\n  /** Whether the stepper should operate in linear mode. */\r\n  readonly linear = input(false, {\r\n    transform: coerceBooleanProperty\r\n  });\r\n  /** The index of the active step (two-way bound). */\r\n  readonly selectedIndex = model(0);\r\n\r\n  /** Collection of child StepComponent instances. */\r\n  readonly steps = contentChildren(StepComponent);\r\n\r\n  /** Computed signal for the total number of steps. */\r\n  readonly stepsCount = computed(() => {\r\n    return this.steps()?.length ?? 0;\r\n  });\r\n\r\n  /** The currently selected StepComponent instance. */\r\n  readonly selected = computed(() => {\r\n    const index = this.selectedIndex();\r\n    const stepList = this.steps();\r\n    // Use the stepsCount() computed signal for checking length\r\n    return stepList && index >= 0 && index < this.stepsCount() ? stepList[index] : undefined;\r\n  });\r\n\r\n  /** Checks if the user can navigate to the next step. */\r\n  readonly canMoveNext = computed(() => {\r\n    const index = this.selectedIndex();\r\n    // Use stepsCount() signal\r\n    const totalSteps = this.stepsCount();\r\n    const currentSelected = this.selected();\r\n    const isLinear = this.linear();\r\n\r\n    // Cannot move next if there are no steps or already on the last step\r\n    if (totalSteps === 0 || index >= totalSteps - 1) {\r\n      return false;\r\n    }\r\n    if (!isLinear || !currentSelected) {\r\n      return true;\r\n    }\r\n    return currentSelected.completed() || currentSelected.optional();\r\n  });\r\n\r\n  /** Computed signal indicating if the current step is the first step. */\r\n  readonly isFirstStep = computed(() => {\r\n    const index = this.selectedIndex();\r\n    // Use stepsCount() signal\r\n    return index === 0 && this.stepsCount() > 0;\r\n  });\r\n\r\n  /** Computed signal indicating if the current step is the last step. */\r\n  readonly isLastStep = computed(() => {\r\n    const index = this.selectedIndex();\r\n    // Use stepsCount() signal\r\n    const totalSteps = this.stepsCount();\r\n    return totalSteps > 0 && index === totalSteps - 1;\r\n  });\r\n\r\n  /** Computed signal calculating the progress percentage. */\r\n  readonly progressPercent = computed(() => {\r\n    const totalSteps = this.stepsCount();\r\n    const index = this.selectedIndex();\r\n\r\n    if (totalSteps === 0) {\r\n      return 0;\r\n    }\r\n\r\n    const progress = (100 / totalSteps) * (index + 1);\r\n    return Math.max(0, Math.min(100, progress));\r\n  });\r\n\r\n  constructor() {\r\n    effect(() => {\r\n      const currentSteps = this.steps();\r\n      const currentIndex = this.selectedIndex();\r\n      currentSteps.forEach((step, index) => step.setActive(index === currentIndex));\r\n    });\r\n\r\n    effect((onCleanup) => { // Mark as interacted\r\n      const currentSelected = this.selected();\r\n      if (currentSelected && !currentSelected.interacted()) {\r\n        currentSelected.setInteracted(true);\r\n      }\r\n    });\r\n\r\n    effect(() => { // Validate index\r\n      const totalSteps = this.stepsCount();\r\n      const currentIndex = this.selectedIndex();\r\n\r\n      if (totalSteps > 0) {\r\n        const newIndex = Math.max(0, Math.min(currentIndex, totalSteps - 1));\r\n        if (newIndex !== currentIndex) this.selectedIndex.set(newIndex);\r\n      } else if (currentIndex !== 0) {\r\n        this.selectedIndex.set(0);\r\n      }\r\n    });\r\n  }\r\n\r\n  /** Navigates to the next step if possible. */\r\n  next(): void {\r\n    if (this.canMoveNext()) {\r\n      this.selectedIndex.update(i => i + 1);\r\n    }\r\n  }\r\n\r\n  /** Navigates to the previous step if possible. */\r\n  previous(): void {\r\n    // Use renamed computed signal for check\r\n    if (!this.isFirstStep()) {\r\n      this.selectedIndex.update(i => i - 1);\r\n    }\r\n  }\r\n\r\n  /** Resets the stepper to the first step. */\r\n  reset(): void {\r\n    this.steps().forEach(step => step.reset());\r\n    this.selectedIndex.set(0);\r\n  }\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,76 @@
+import * as i0 from '@angular/core';
+import { Component, input, booleanAttribute, Directive } from '@angular/core';
+import * as i1 from '@angular/material/core';
+import { MatRipple } from '@angular/material/core';
+import { MatDivider } from '@angular/material/divider';
+
+class SuggestionsComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: SuggestionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: SuggestionsComponent, isStandalone: true, selector: "emr-suggestions", host: { classAttribute: "emr-suggestions" }, exportAs: ["emrSuggestions"], ngImport: i0, template: "<ng-content></ng-content>\r\n", styles: [":host{--emr-suggestions-bg: var(--color-surface-container-lowest);--emr-suggestion-block-heading-color: var(--color-on-surface);--emr-suggestion-block-font-size: var(--text-xs);--emr-suggestion-block-font-weight: 600;--emr-suggestion-block-content-padding: calc(var(--spacing) * 2) 0;--emr-suggestion-height: calc(var(--spacing) * 11);--emr-suggestion-padding: 0 calc(var(--spacing) * 2);--emr-suggestion-hover-bg: var(--color-surface-container-low);--emr-suggestion-border-radius: calc(infinity * 1px);display:block;overflow-y:auto;background-color:var(--emr-suggestions-bg)}:host-context(html.dark){--emr-suggestions-bg: var(--color-surface-container-high);--emr-suggestion-hover-bg: var(--color-surface-bright)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: SuggestionsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-suggestions', exportAs: 'emrSuggestions', imports: [], host: {
+                        'class': 'emr-suggestions'
+                    }, template: "<ng-content></ng-content>\r\n", styles: [":host{--emr-suggestions-bg: var(--color-surface-container-lowest);--emr-suggestion-block-heading-color: var(--color-on-surface);--emr-suggestion-block-font-size: var(--text-xs);--emr-suggestion-block-font-weight: 600;--emr-suggestion-block-content-padding: calc(var(--spacing) * 2) 0;--emr-suggestion-height: calc(var(--spacing) * 11);--emr-suggestion-padding: 0 calc(var(--spacing) * 2);--emr-suggestion-hover-bg: var(--color-surface-container-low);--emr-suggestion-border-radius: calc(infinity * 1px);display:block;overflow-y:auto;background-color:var(--emr-suggestions-bg)}:host-context(html.dark){--emr-suggestions-bg: var(--color-surface-container-high);--emr-suggestion-hover-bg: var(--color-surface-bright)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+        }] });
+
+class SuggestionComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: SuggestionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: SuggestionComponent, isStandalone: true, selector: "emr-suggestion,[emr-suggestion]", exportAs: ["emrSuggestion"], hostDirectives: [{ directive: i1.MatRipple }], ngImport: i0, template: "<div class=\"figure\">\r\n  <div class=\"icon\">\r\n    <ng-content select=\"[emrSuggestionIcon]\"/>\r\n  </div>\r\n  <div class=\"thumb\">\r\n    <ng-content select=\"[emrSuggestionThumb]\"/>\r\n  </div>\r\n</div>\r\n<div class=\"content\">\r\n  <ng-content/>\r\n</div>\r\n", styles: [":host{display:flex;align-items:center;width:100%;gap:calc(var(--spacing) * 2.5);height:var(--emr-suggestion-height);padding:var(--emr-suggestion-padding);border-radius:var(--emr-suggestion-border-radius)}:host:hover{background:var(--emr-suggestion-hover-bg);cursor:pointer}:host .figure{line-height:0}:host .icon,:host .thumb{line-height:0;display:inline-flex;align-items:center;justify-content:center;--emr-avatar-size: calc(var(--spacing) * 8);border-radius:calc(infinity * 1px)}:host .icon:empty,:host .thumb:empty{display:none}:host .content{display:flex;align-items:center;gap:calc(var(--spacing) * 2.5);font-size:.875rem}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: SuggestionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-suggestion,[emr-suggestion]', exportAs: 'emrSuggestion', imports: [], hostDirectives: [
+                        MatRipple
+                    ], template: "<div class=\"figure\">\r\n  <div class=\"icon\">\r\n    <ng-content select=\"[emrSuggestionIcon]\"/>\r\n  </div>\r\n  <div class=\"thumb\">\r\n    <ng-content select=\"[emrSuggestionThumb]\"/>\r\n  </div>\r\n</div>\r\n<div class=\"content\">\r\n  <ng-content/>\r\n</div>\r\n", styles: [":host{display:flex;align-items:center;width:100%;gap:calc(var(--spacing) * 2.5);height:var(--emr-suggestion-height);padding:var(--emr-suggestion-padding);border-radius:var(--emr-suggestion-border-radius)}:host:hover{background:var(--emr-suggestion-hover-bg);cursor:pointer}:host .figure{line-height:0}:host .icon,:host .thumb{line-height:0;display:inline-flex;align-items:center;justify-content:center;--emr-avatar-size: calc(var(--spacing) * 8);border-radius:calc(infinity * 1px)}:host .icon:empty,:host .thumb:empty{display:none}:host .content{display:flex;align-items:center;gap:calc(var(--spacing) * 2.5);font-size:.875rem}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+        }] });
+
+class SuggestionBlockComponent {
+    heading = input(...(ngDevMode ? [undefined, { debugName: "heading" }] : []));
+    showDivider = input(false, ...(ngDevMode ? [{ debugName: "showDivider", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    inline = input(false, ...(ngDevMode ? [{ debugName: "inline", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: SuggestionBlockComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: SuggestionBlockComponent, isStandalone: true, selector: "emr-suggestion-block", inputs: { heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: false, transformFunction: null }, showDivider: { classPropertyName: "showDivider", publicName: "showDivider", isSignal: true, isRequired: false, transformFunction: null }, inline: { classPropertyName: "inline", publicName: "inline", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["emrSuggestionBlock"], ngImport: i0, template: "@if (showDivider()) {\r\n  <div class=\"my-4 px-2\">\r\n    <mat-divider/>\r\n  </div>\r\n}\r\n\r\n@if (heading()) {\r\n  <div class=\"heading\">{{ heading() }}</div>\r\n}\r\n\r\n<div class=\"content\" [class.is-inline]=\"inline()\">\r\n  <ng-content/>\r\n</div>\r\n", styles: [":host{display:block}:host .heading{color:var(--emr-suggestion-block-heading-color);font-size:var(--emr-suggestion-block-font-size);font-weight:var(--emr-suggestion-block-font-weight);padding:var(--emr-suggestion-padding)}:host .content{padding:var(--emr-suggestion-block-content-padding)}:host .content.is-inline{display:flex;gap:calc(var(--spacing) * 3)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: SuggestionBlockComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-suggestion-block', exportAs: 'emrSuggestionBlock', imports: [
+                        MatDivider
+                    ], template: "@if (showDivider()) {\r\n  <div class=\"my-4 px-2\">\r\n    <mat-divider/>\r\n  </div>\r\n}\r\n\r\n@if (heading()) {\r\n  <div class=\"heading\">{{ heading() }}</div>\r\n}\r\n\r\n<div class=\"content\" [class.is-inline]=\"inline()\">\r\n  <ng-content/>\r\n</div>\r\n", styles: [":host{display:block}:host .heading{color:var(--emr-suggestion-block-heading-color);font-size:var(--emr-suggestion-block-font-size);font-weight:var(--emr-suggestion-block-font-weight);padding:var(--emr-suggestion-padding)}:host .content{padding:var(--emr-suggestion-block-content-padding)}:host .content.is-inline{display:flex;gap:calc(var(--spacing) * 3)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { heading: [{ type: i0.Input, args: [{ isSignal: true, alias: "heading", required: false }] }], showDivider: [{ type: i0.Input, args: [{ isSignal: true, alias: "showDivider", required: false }] }], inline: [{ type: i0.Input, args: [{ isSignal: true, alias: "inline", required: false }] }] } });
+
+class SuggestionIconDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: SuggestionIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: SuggestionIconDirective, isStandalone: true, selector: "[emrSuggestionIcon]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: SuggestionIconDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[emrSuggestionIcon]',
+                    standalone: true
+                }]
+        }] });
+
+class SuggestionThumbDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: SuggestionThumbDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: SuggestionThumbDirective, isStandalone: true, selector: "[emrSuggestionThumb]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: SuggestionThumbDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[emrSuggestionThumb]',
+                    standalone: true
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SuggestionBlockComponent, SuggestionComponent, SuggestionIconDirective, SuggestionThumbDirective, SuggestionsComponent };
+//# sourceMappingURL=elementar-rt-components-suggestions.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"elementar-rt-components-suggestions.mjs","sources":["../../../projects/components/suggestions/src/suggestions/suggestions.component.ts","../../../projects/components/suggestions/src/suggestions/suggestions.component.html","../../../projects/components/suggestions/src/suggestion/suggestion.component.ts","../../../projects/components/suggestions/src/suggestion/suggestion.component.html","../../../projects/components/suggestions/src/suggestion-block/suggestion-block.component.ts","../../../projects/components/suggestions/src/suggestion-block/suggestion-block.component.html","../../../projects/components/suggestions/src/suggestion-icon.directive.ts","../../../projects/components/suggestions/src/suggestion-thumb.directive.ts","../../../projects/components/suggestions/elementar-rt-components-suggestions.ts"],"sourcesContent":["import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'emr-suggestions',\r\n  exportAs: 'emrSuggestions',\r\n  imports: [],\r\n  templateUrl: './suggestions.component.html',\r\n  styleUrl: './suggestions.component.scss',\r\n  host: {\r\n    'class': 'emr-suggestions'\r\n  }\r\n})\r\nexport class SuggestionsComponent {\r\n\r\n}\r\n","<ng-content></ng-content>\r\n","import { Component } from '@angular/core';\r\nimport { MatRipple } from '@angular/material/core';\r\n\r\n@Component({\r\n  selector: 'emr-suggestion,[emr-suggestion]',\r\n  exportAs: 'emrSuggestion',\r\n  imports: [],\r\n  templateUrl: './suggestion.component.html',\r\n  styleUrl: './suggestion.component.scss',\r\n  hostDirectives: [\r\n    MatRipple\r\n  ]\r\n})\r\nexport class SuggestionComponent {\r\n\r\n}\r\n","<div class=\"figure\">\r\n  <div class=\"icon\">\r\n    <ng-content select=\"[emrSuggestionIcon]\"/>\r\n  </div>\r\n  <div class=\"thumb\">\r\n    <ng-content select=\"[emrSuggestionThumb]\"/>\r\n  </div>\r\n</div>\r\n<div class=\"content\">\r\n  <ng-content/>\r\n</div>\r\n","import { booleanAttribute, Component, input, Input } from '@angular/core';\r\nimport { MatDivider } from '@angular/material/divider';\r\n\r\n@Component({\r\n  selector: 'emr-suggestion-block',\r\n  exportAs: 'emrSuggestionBlock',\r\n  imports: [\r\n    MatDivider\r\n  ],\r\n  templateUrl: './suggestion-block.component.html',\r\n  styleUrl: './suggestion-block.component.scss'\r\n})\r\nexport class SuggestionBlockComponent {\r\n  heading = input();\r\n  showDivider = input(false, {\r\n    transform: booleanAttribute,\r\n  });\r\n  inline = input(false, {\r\n    transform: booleanAttribute,\r\n  });\r\n}\r\n","@if (showDivider()) {\r\n  <div class=\"my-4 px-2\">\r\n    <mat-divider/>\r\n  </div>\r\n}\r\n\r\n@if (heading()) {\r\n  <div class=\"heading\">{{ heading() }}</div>\r\n}\r\n\r\n<div class=\"content\" [class.is-inline]=\"inline()\">\r\n  <ng-content/>\r\n</div>\r\n","import { Directive } from '@angular/core';\r\n\r\n@Directive({\r\n  selector: '[emrSuggestionIcon]',\r\n  standalone: true\r\n})\r\nexport class SuggestionIconDirective {\r\n}\r\n","import { Directive } from '@angular/core';\r\n\r\n@Directive({\r\n  selector: '[emrSuggestionThumb]',\r\n  standalone: true\r\n})\r\nexport class SuggestionThumbDirective {\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}