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

@elementar-rt/components 0.6.55 → 0.6.57

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (345) hide show

package/fesm2022/elementar-rt-components-stat-card.mjs ADDED Viewed

@@ -0,0 +1,27 @@
+import * as i0 from '@angular/core';
+import { input, Component } from '@angular/core';
+class StatCardComponent {
+    label = input('', ...(ngDevMode ? [{ debugName: "label" }] : []));
+    value = input('', ...(ngDevMode ? [{ debugName: "value" }] : []));
+    trend = input('neutral', ...(ngDevMode ? [{ debugName: "trend" }] : []));
+    trendValue = input('', ...(ngDevMode ? [{ debugName: "trendValue" }] : []));
+    trendLabel = input('vs last period', ...(ngDevMode ? [{ debugName: "trendLabel" }] : []));
+    icon = input('', ...(ngDevMode ? [{ debugName: "icon" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: StatCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: StatCardComponent, isStandalone: true, selector: "emr-stat-card", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, trend: { classPropertyName: "trend", publicName: "trend", isSignal: true, isRequired: false, transformFunction: null }, trendValue: { classPropertyName: "trendValue", publicName: "trendValue", isSignal: true, isRequired: false, transformFunction: null }, trendLabel: { classPropertyName: "trendLabel", publicName: "trendLabel", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-trend": "trend()" }, classAttribute: "emr-stat-card" }, exportAs: ["emrStatCard"], ngImport: i0, template: "<div class=\"sc-header\">\n  <span class=\"sc-label\">{{ label() }}</span>\n  @if (icon()) {\n    <span class=\"sc-icon\">{{ icon() }}</span>\n  } @else {\n    <ng-content select=\"[emrStatCardIcon]\"/>\n  }\n</div>\n\n<div class=\"sc-value\">{{ value() }}</div>\n\n<ng-content select=\"emr-micro-chart,[emrStatCardChart]\"/>\n\n@if (trendValue()) {\n  <div class=\"sc-trend\">\n    <span class=\"sc-trend-arrow\">\n      @if (trend() === 'up') { \u25B2 }\n      @else if (trend() === 'down') { \u25BC }\n      @else { \u2014 }\n    </span>\n    <span class=\"sc-trend-value\">{{ trendValue() }}</span>\n    <span class=\"sc-trend-label\">{{ trendLabel() }}</span>\n  </div>\n}\n\n<ng-content/>\n", styles: [":host{--emr-sc-bg: var(--color-surface-container-low);--emr-sc-border-radius: 1.5rem;--emr-sc-padding: calc(var(--spacing, .25rem) * 5);--emr-sc-shadow: 0 1px 3px var(--color-shadow);--emr-sc-value-size: 1.875rem;--emr-sc-label-size: .75rem;--emr-sc-trend-up-color: var(--color-green);--emr-sc-trend-down-color: var(--color-red);--emr-sc-trend-neutral-color: var(--color-on-surface-variant);display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2);background:var(--emr-sc-bg);border-radius:var(--emr-sc-border-radius);padding:var(--emr-sc-padding);box-shadow:var(--emr-sc-shadow)}@supports (color: color-mix(in lab,red,red)){:host{--emr-sc-shadow: 0 1px 3px color-mix(in srgb, var(--color-shadow) 8%, transparent)}}.sc-header{display:flex;align-items:center;justify-content:space-between}.sc-label{font-size:var(--emr-sc-label-size);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-on-surface-variant)}.sc-icon{font-size:calc(var(--spacing, .25rem) * 5);color:var(--color-on-surface-variant)}.sc-value{font-size:var(--emr-sc-value-size);font-weight:700;color:var(--color-on-surface);line-height:1.1;font-variant-numeric:tabular-nums}.sc-trend{display:flex;align-items:center;gap:var(--spacing, .25rem);font-size:.75rem;margin-top:var(--spacing, .25rem)}.sc-trend-arrow{font-size:.65rem}:host([data-trend=up]) .sc-trend-arrow{color:var(--emr-sc-trend-up-color)}:host([data-trend=down]) .sc-trend-arrow{color:var(--emr-sc-trend-down-color)}:host([data-trend=neutral]) .sc-trend-arrow{color:var(--emr-sc-trend-neutral-color)}.sc-trend-value{font-weight:600}:host([data-trend=up]) .sc-trend-value{color:var(--emr-sc-trend-up-color)}:host([data-trend=down]) .sc-trend-value{color:var(--emr-sc-trend-down-color)}.sc-trend-label{color:var(--color-on-surface-variant)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: StatCardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-stat-card', exportAs: 'emrStatCard', host: {
+                        'class': 'emr-stat-card',
+                        '[attr.data-trend]': 'trend()',
+                    }, template: "<div class=\"sc-header\">\n  <span class=\"sc-label\">{{ label() }}</span>\n  @if (icon()) {\n    <span class=\"sc-icon\">{{ icon() }}</span>\n  } @else {\n    <ng-content select=\"[emrStatCardIcon]\"/>\n  }\n</div>\n\n<div class=\"sc-value\">{{ value() }}</div>\n\n<ng-content select=\"emr-micro-chart,[emrStatCardChart]\"/>\n\n@if (trendValue()) {\n  <div class=\"sc-trend\">\n    <span class=\"sc-trend-arrow\">\n      @if (trend() === 'up') { \u25B2 }\n      @else if (trend() === 'down') { \u25BC }\n      @else { \u2014 }\n    </span>\n    <span class=\"sc-trend-value\">{{ trendValue() }}</span>\n    <span class=\"sc-trend-label\">{{ trendLabel() }}</span>\n  </div>\n}\n\n<ng-content/>\n", styles: [":host{--emr-sc-bg: var(--color-surface-container-low);--emr-sc-border-radius: 1.5rem;--emr-sc-padding: calc(var(--spacing, .25rem) * 5);--emr-sc-shadow: 0 1px 3px var(--color-shadow);--emr-sc-value-size: 1.875rem;--emr-sc-label-size: .75rem;--emr-sc-trend-up-color: var(--color-green);--emr-sc-trend-down-color: var(--color-red);--emr-sc-trend-neutral-color: var(--color-on-surface-variant);display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2);background:var(--emr-sc-bg);border-radius:var(--emr-sc-border-radius);padding:var(--emr-sc-padding);box-shadow:var(--emr-sc-shadow)}@supports (color: color-mix(in lab,red,red)){:host{--emr-sc-shadow: 0 1px 3px color-mix(in srgb, var(--color-shadow) 8%, transparent)}}.sc-header{display:flex;align-items:center;justify-content:space-between}.sc-label{font-size:var(--emr-sc-label-size);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-on-surface-variant)}.sc-icon{font-size:calc(var(--spacing, .25rem) * 5);color:var(--color-on-surface-variant)}.sc-value{font-size:var(--emr-sc-value-size);font-weight:700;color:var(--color-on-surface);line-height:1.1;font-variant-numeric:tabular-nums}.sc-trend{display:flex;align-items:center;gap:var(--spacing, .25rem);font-size:.75rem;margin-top:var(--spacing, .25rem)}.sc-trend-arrow{font-size:.65rem}:host([data-trend=up]) .sc-trend-arrow{color:var(--emr-sc-trend-up-color)}:host([data-trend=down]) .sc-trend-arrow{color:var(--emr-sc-trend-down-color)}:host([data-trend=neutral]) .sc-trend-arrow{color:var(--emr-sc-trend-neutral-color)}.sc-trend-value{font-weight:600}:host([data-trend=up]) .sc-trend-value{color:var(--emr-sc-trend-up-color)}:host([data-trend=down]) .sc-trend-value{color:var(--emr-sc-trend-down-color)}.sc-trend-label{color:var(--color-on-surface-variant)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], trend: [{ type: i0.Input, args: [{ isSignal: true, alias: "trend", required: false }] }], trendValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "trendValue", required: false }] }], trendLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "trendLabel", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }] } });
+/**
+ * Generated bundle index. Do not edit.
+ */
+export { StatCardComponent };
+//# sourceMappingURL=elementar-rt-components-stat-card.mjs.map

package/fesm2022/elementar-rt-components-stat-card.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"elementar-rt-components-stat-card.mjs","sources":["../../../projects/components/stat-card/src/stat-card/stat-card.component.ts","../../../projects/components/stat-card/src/stat-card/stat-card.component.html","../../../projects/components/stat-card/elementar-rt-components-stat-card.ts"],"sourcesContent":["import { Component, input, numberAttribute } from '@angular/core';\n\nexport type StatCardTrend = 'up' | 'down' | 'neutral';\n\n@Component({\n selector: 'emr-stat-card',\n exportAs: 'emrStatCard',\n templateUrl: './stat-card.component.html',\n styleUrl: './stat-card.component.scss',\n host: {\n 'class': 'emr-stat-card',\n '[attr.data-trend]': 'trend()',\n }\n})\nexport class StatCardComponent {\n label = input('');\n value = input('');\n trend = input<StatCardTrend>('neutral');\n trendValue = input('');\n trendLabel = input('vs last period');\n icon = input('');\n}\n","<div class=\"sc-header\">\n <span class=\"sc-label\">{{ label() }}</span>\n @if (icon()) {\n <span class=\"sc-icon\">{{ icon() }}</span>\n } @else {\n <ng-content select=\"[emrStatCardIcon]\"/>\n }\n</div>\n\n<div class=\"sc-value\">{{ value() }}</div>\n\n<ng-content select=\"emr-micro-chart,[emrStatCardChart]\"/>\n\n@if (trendValue()) {\n <div class=\"sc-trend\">\n <span class=\"sc-trend-arrow\">\n @if (trend() === 'up') { ▲ }\n @else if (trend() === 'down') { ▼ }\n @else { — }\n </span>\n <span class=\"sc-trend-value\">{{ trendValue() }}</span>\n <span class=\"sc-trend-label\">{{ trendLabel() }}</span>\n </div>\n}\n\n<ng-content/>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAca,iBAAiB,CAAA;AAC5B,IAAA,KAAK,GAAG,KAAK,CAAC,EAAE,iDAAC;AACjB,IAAA,KAAK,GAAG,KAAK,CAAC,EAAE,iDAAC;AACjB,IAAA,KAAK,GAAG,KAAK,CAAgB,SAAS,iDAAC;AACvC,IAAA,UAAU,GAAG,KAAK,CAAC,EAAE,sDAAC;AACtB,IAAA,UAAU,GAAG,KAAK,CAAC,gBAAgB,sDAAC;AACpC,IAAA,IAAI,GAAG,KAAK,CAAC,EAAE,gDAAC;wGANL,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAjB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,iBAAiB,o7BCd9B,0rBA0BA,EAAA,MAAA,EAAA,CAAA,q1DAAA,CAAA,EAAA,CAAA;;4FDZa,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAV7B,SAAS;+BACE,eAAe,EAAA,QAAA,EACf,aAAa,EAAA,IAAA,EAGjB;AACJ,wBAAA,OAAO,EAAE,eAAe;AACxB,wBAAA,mBAAmB,EAAE,SAAS;AAC/B,qBAAA,EAAA,QAAA,EAAA,0rBAAA,EAAA,MAAA,EAAA,CAAA,q1DAAA,CAAA,EAAA;;;AEZH;;AAEG;;;;"}

package/fesm2022/elementar-rt-components-step-tracker.mjs ADDED Viewed

@@ -0,0 +1,30 @@
+import * as i0 from '@angular/core';
+import { input, numberAttribute, computed, ChangeDetectionStrategy, Component } from '@angular/core';
+class StepTrackerComponent {
+    steps = input([], ...(ngDevMode ? [{ debugName: "steps" }] : []));
+    currentStep = input(0, ...(ngDevMode ? [{ debugName: "currentStep", transform: numberAttribute }] : [{ transform: numberAttribute }]));
+    orientation = input('horizontal', ...(ngDevMode ? [{ debugName: "orientation" }] : []));
+    _resolvedSteps = computed(() => this.steps().map((s, i) => {
+        const label = typeof s === 'string' ? s : s.label;
+        const description = typeof s === 'string' ? undefined : s.description;
+        const current = this.currentStep();
+        const state = i < current ? 'completed' : i === current ? 'active' : 'upcoming';
+        return { label, description, state, index: i + 1 };
+    }), ...(ngDevMode ? [{ debugName: "_resolvedSteps" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: StepTrackerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: StepTrackerComponent, isStandalone: true, selector: "emr-step-tracker", inputs: { steps: { classPropertyName: "steps", publicName: "steps", isSignal: true, isRequired: false, transformFunction: null }, currentStep: { classPropertyName: "currentStep", publicName: "currentStep", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-orientation": "orientation()" } }, ngImport: i0, template: "<div class=\"steps-list\">\n  @for (step of _resolvedSteps(); track step.index; let last = $last) {\n    <div class=\"step-item\" [attr.data-state]=\"step.state\">\n      <div class=\"step-indicator\">\n        <div class=\"step-circle\">\n          @if (step.state === 'completed') {\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\n              <polyline points=\"20 6 9 17 4 12\"/>\n            </svg>\n          } @else {\n            <span>{{ step.index }}</span>\n          }\n        </div>\n        @if (!last) { <div class=\"step-line\"></div> }\n      </div>\n      <div class=\"step-content\">\n        <span class=\"step-label\">{{ step.label }}</span>\n        @if (step.description) {\n          <span class=\"step-description\">{{ step.description }}</span>\n        }\n      </div>\n    </div>\n  }\n</div>\n", styles: [":host{display:block}.steps-list{display:flex;flex-direction:row;gap:0}:host([data-orientation=vertical]) .steps-list{flex-direction:column}.step-item{display:flex;flex:1;flex-direction:column;align-items:center}:host([data-orientation=vertical]) .step-item{flex-direction:row;align-items:flex-start;flex:none}.step-indicator{display:flex;flex-direction:column;align-items:center;flex:1;width:100%}:host([data-orientation=vertical]) .step-indicator{flex-direction:column;align-items:center;width:auto;margin-right:calc(var(--spacing, .25rem) * 3)}.step-circle{width:calc(var(--spacing, .25rem) * 9);height:calc(var(--spacing, .25rem) * 9);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;flex-shrink:0;transition:all .2s ease;border:2px solid var(--color-outline-variant);background:var(--color-surface);color:var(--color-on-surface-variant);z-index:1}.step-circle svg{width:calc(var(--spacing, .25rem) * 4);height:calc(var(--spacing, .25rem) * 4)}.step-item[data-state=active] .step-circle,.step-item[data-state=completed] .step-circle{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-on-primary)}.step-line{flex:1;height:2px;width:100%;background:var(--color-outline-variant);margin:var(--spacing, .25rem) 0;transition:background .2s ease}:host([data-orientation=vertical]) .step-line{width:2px;height:calc(var(--spacing, .25rem) * 8);margin:var(--spacing, .25rem) 0;flex:none}.step-item[data-state=completed] .step-line{background:var(--color-primary)}.step-content{display:flex;flex-direction:column;align-items:center;padding:calc(var(--spacing, .25rem) * 2) var(--spacing, .25rem) 0;text-align:center}:host([data-orientation=vertical]) .step-content{align-items:flex-start;text-align:left;padding:0 0 calc(var(--spacing, .25rem) * 6) 0}.step-label{font-size:.875rem;font-weight:600;color:var(--color-on-surface-variant);white-space:nowrap}.step-item[data-state=active] .step-label{color:var(--color-primary)}.step-item[data-state=completed] .step-label{color:var(--color-on-surface)}.step-description{font-size:.75rem;color:var(--color-on-surface-variant);margin-top:calc(var(--spacing, .25rem) * .5)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: StepTrackerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-step-tracker', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        '[attr.data-orientation]': 'orientation()',
+                    }, template: "<div class=\"steps-list\">\n  @for (step of _resolvedSteps(); track step.index; let last = $last) {\n    <div class=\"step-item\" [attr.data-state]=\"step.state\">\n      <div class=\"step-indicator\">\n        <div class=\"step-circle\">\n          @if (step.state === 'completed') {\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\n              <polyline points=\"20 6 9 17 4 12\"/>\n            </svg>\n          } @else {\n            <span>{{ step.index }}</span>\n          }\n        </div>\n        @if (!last) { <div class=\"step-line\"></div> }\n      </div>\n      <div class=\"step-content\">\n        <span class=\"step-label\">{{ step.label }}</span>\n        @if (step.description) {\n          <span class=\"step-description\">{{ step.description }}</span>\n        }\n      </div>\n    </div>\n  }\n</div>\n", styles: [":host{display:block}.steps-list{display:flex;flex-direction:row;gap:0}:host([data-orientation=vertical]) .steps-list{flex-direction:column}.step-item{display:flex;flex:1;flex-direction:column;align-items:center}:host([data-orientation=vertical]) .step-item{flex-direction:row;align-items:flex-start;flex:none}.step-indicator{display:flex;flex-direction:column;align-items:center;flex:1;width:100%}:host([data-orientation=vertical]) .step-indicator{flex-direction:column;align-items:center;width:auto;margin-right:calc(var(--spacing, .25rem) * 3)}.step-circle{width:calc(var(--spacing, .25rem) * 9);height:calc(var(--spacing, .25rem) * 9);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;flex-shrink:0;transition:all .2s ease;border:2px solid var(--color-outline-variant);background:var(--color-surface);color:var(--color-on-surface-variant);z-index:1}.step-circle svg{width:calc(var(--spacing, .25rem) * 4);height:calc(var(--spacing, .25rem) * 4)}.step-item[data-state=active] .step-circle,.step-item[data-state=completed] .step-circle{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-on-primary)}.step-line{flex:1;height:2px;width:100%;background:var(--color-outline-variant);margin:var(--spacing, .25rem) 0;transition:background .2s ease}:host([data-orientation=vertical]) .step-line{width:2px;height:calc(var(--spacing, .25rem) * 8);margin:var(--spacing, .25rem) 0;flex:none}.step-item[data-state=completed] .step-line{background:var(--color-primary)}.step-content{display:flex;flex-direction:column;align-items:center;padding:calc(var(--spacing, .25rem) * 2) var(--spacing, .25rem) 0;text-align:center}:host([data-orientation=vertical]) .step-content{align-items:flex-start;text-align:left;padding:0 0 calc(var(--spacing, .25rem) * 6) 0}.step-label{font-size:.875rem;font-weight:600;color:var(--color-on-surface-variant);white-space:nowrap}.step-item[data-state=active] .step-label{color:var(--color-primary)}.step-item[data-state=completed] .step-label{color:var(--color-on-surface)}.step-description{font-size:.75rem;color:var(--color-on-surface-variant);margin-top:calc(var(--spacing, .25rem) * .5)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { steps: [{ type: i0.Input, args: [{ isSignal: true, alias: "steps", required: false }] }], currentStep: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentStep", required: false }] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }] } });
+/**
+ * Generated bundle index. Do not edit.
+ */
+export { StepTrackerComponent };
+//# sourceMappingURL=elementar-rt-components-step-tracker.mjs.map

package/fesm2022/elementar-rt-components-step-tracker.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"elementar-rt-components-step-tracker.mjs","sources":["../../../projects/components/step-tracker/src/step-tracker/step-tracker.component.ts","../../../projects/components/step-tracker/src/step-tracker/step-tracker.component.html","../../../projects/components/step-tracker/elementar-rt-components-step-tracker.ts"],"sourcesContent":["import { Component, input, computed, ChangeDetectionStrategy, numberAttribute } from '@angular/core';\n\nexport type StepState = 'completed' | 'active' | 'upcoming';\n\nexport interface StepTrackerStep {\n label: string;\n description?: string;\n state?: StepState;\n}\n\n@Component({\n selector: 'emr-step-tracker',\n standalone: true,\n templateUrl: './step-tracker.component.html',\n styleUrl: './step-tracker.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n '[attr.data-orientation]': 'orientation()',\n }\n})\nexport class StepTrackerComponent {\n steps = input<(string | StepTrackerStep)[]>([]);\n currentStep = input(0, { transform: numberAttribute });\n orientation = input<'horizontal' | 'vertical'>('horizontal');\n\n protected _resolvedSteps = computed(() =>\n this.steps().map((s, i): StepTrackerStep & { index: number } => {\n const label = typeof s === 'string' ? s : s.label;\n const description = typeof s === 'string' ? undefined : s.description;\n const current = this.currentStep();\n const state: StepState = i < current ? 'completed' : i === current ? 'active' : 'upcoming';\n return { label, description, state, index: i + 1 };\n })\n );\n}\n","<div class=\"steps-list\">\n @for (step of _resolvedSteps(); track step.index; let last = $last) {\n <div class=\"step-item\" [attr.data-state]=\"step.state\">\n <div class=\"step-indicator\">\n <div class=\"step-circle\">\n @if (step.state === 'completed') {\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\n <polyline points=\"20 6 9 17 4 12\"/>\n </svg>\n } @else {\n <span>{{ step.index }}</span>\n }\n </div>\n @if (!last) { <div class=\"step-line\"></div> }\n </div>\n <div class=\"step-content\">\n <span class=\"step-label\">{{ step.label }}</span>\n @if (step.description) {\n <span class=\"step-description\">{{ step.description }}</span>\n }\n </div>\n </div>\n }\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAoBa,oBAAoB,CAAA;AAC/B,IAAA,KAAK,GAAG,KAAK,CAA+B,EAAE,iDAAC;AAC/C,IAAA,WAAW,GAAG,KAAK,CAAC,CAAC,+CAAI,SAAS,EAAE,eAAe,EAAA,CAAA,GAAA,CAA5B,EAAE,SAAS,EAAE,eAAe,EAAE,GAAC;AACtD,IAAA,WAAW,GAAG,KAAK,CAA4B,YAAY,uDAAC;AAElD,IAAA,cAAc,GAAG,QAAQ,CAAC,MAClC,IAAI,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,KAAyC;AAC7D,QAAA,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,QAAQ,GAAG,CAAC,GAAG,CAAC,CAAC,KAAK;AACjD,QAAA,MAAM,WAAW,GAAG,OAAO,CAAC,KAAK,QAAQ,GAAG,SAAS,GAAG,CAAC,CAAC,WAAW;AACrE,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,WAAW,EAAE;QAClC,MAAM,KAAK,GAAc,CAAC,GAAG,OAAO,GAAG,WAAW,GAAG,CAAC,KAAK,OAAO,GAAG,QAAQ,GAAG,UAAU;AAC1F,QAAA,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,GAAG,CAAC,EAAE;IACpD,CAAC,CAAC,0DACH;wGAbU,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAApB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,oBAAoB,wiBCpBjC,+2BAwBA,EAAA,MAAA,EAAA,CAAA,8tEAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FDJa,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAVhC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,kBAAkB,cAChB,IAAI,EAAA,eAAA,EAGC,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACJ,wBAAA,yBAAyB,EAAE,eAAe;AAC3C,qBAAA,EAAA,QAAA,EAAA,+2BAAA,EAAA,MAAA,EAAA,CAAA,8tEAAA,CAAA,EAAA;;;AElBH;;AAEG;;;;"}

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

@@ -63,10 +63,10 @@ class StepComponent {
     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 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: StepComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.25", 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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: StepComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-step', exportAs: 'emrStep', template: `<ng-content/>`, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         'class': 'emr-step',
@@ -176,10 +176,10 @@ class StepperComponent {
         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 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: StepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.25", 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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", 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',

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

	@@ -1 +1 @@
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":";;;;;;MA6Ba,aAAa,CAAA;;AAExB,IAAA,WAAW,GAAG,KAAK,CAA8B,SAAS,uDAAC;;AAE3D,IAAA,QAAQ,GAAG,KAAK,CAAC,KAAK,oDAAC;;AAGd,IAAA,UAAU,GAAG,MAAM,CAAC,KAAK,sDAAC;;AAE1B,IAAA,QAAQ,GAAG,MAAM,CAAC,KAAK,oDAAC;;AAEhB,IAAA,QAAQ,GAAG,MAAM,CAAC,IAAI,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,UAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAC,CAAC;AAEjC,IAAA,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;AAEzC,IAAA,WAAA,GAAA;QACE,MAAM,CAAC,MAAK;YACV,MAAM,OAAO,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;YAEnC,IAAI,OAAO,EAAE;;gBAEX,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC;;;AAIhC,gBAAA,OAAO,CAAC,aAAa,CAAC,IAAI,CACxB,SAAS,CAAC,OAAO,CAAC,MAAM,CAAC;AACzB,gBAAA,kBAAkB,CAAC,IAAI,CAAC,WAAW,CAAC;iBACrC,CAAC,SAAS,CAAC,MAAK;;oBAEf,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC;AAClC,gBAAA,CAAC,CAAC;YAEJ;iBAAO;;AAEL,gBAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC;YACzB;AACF,QAAA,CAAC,CAAC;IACJ;;AAGS,IAAA,SAAS,GAAG,QAAQ,CAAC,MAAK;;;QAGjC,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,IAAI,CAAC,QAAQ,EAAE;AAC/C,IAAA,CAAC,qDAAC;AAEF;;;;AAIG;IACI,OAAO,GAAA;AACZ,QAAA,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC;IACzB;;IAGA,KAAK,GAAA;AACH,QAAA,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,KAAK,CAAC;IAC5B;;AAGA,IAAA,SAAS,CAAC,MAAe,EAAA;AACvB,QAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC;IAC3B;;AAGA,IAAA,aAAa,CAAC,UAAmB,EAAA;AAC/B,QAAA,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,UAAU,CAAC;IACjC;wGArEW,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAb,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,aAAa,8dAZd,CAAA,aAAA,CAAe,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,wBAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FAYd,aAAa,EAAA,UAAA,EAAA,CAAA;kBAfzB,SAAS;+BACE,UAAU,EAAA,QAAA,EACV,SAAS,EAAA,QAAA,EACT,CAAA,aAAA,CAAe,mBAMR,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACJ,wBAAA,OAAO,EAAE,UAAU;AACnB,wBAAA,iBAAiB,EAAE,+BAA+B;AACnD,qBAAA,EAAA,MAAA,EAAA,CAAA,wBAAA,CAAA,EAAA;;;MCAU,gBAAgB,CAAA;;IAElB,MAAM,GAAG,KAAK,CAAC,KAAK,0CAC3B,SAAS,EAAE,qBAAqB,EAAA,CAAA,GAAA,CADH;AAC7B,YAAA,SAAS,EAAE;AACZ,SAAA,CAAA,CAAA,CAAC;;AAEO,IAAA,aAAa,GAAG,KAAK,CAAC,CAAC,yDAAC;;AAGxB,IAAA,KAAK,GAAG,eAAe,CAAC,aAAa,iDAAC;;AAGtC,IAAA,UAAU,GAAG,QAAQ,CAAC,MAAK;QAClC,OAAO,IAAI,CAAC,KAAK,EAAE,EAAE,MAAM,IAAI,CAAC;AAClC,IAAA,CAAC,sDAAC;;AAGO,IAAA,QAAQ,GAAG,QAAQ,CAAC,MAAK;AAChC,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,aAAa,EAAE;AAClC,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,EAAE;;QAE7B,OAAO,QAAQ,IAAI,KAAK,IAAI,CAAC,IAAI,KAAK,GAAG,IAAI,CAAC,UAAU,EAAE,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,SAAS;AAC1F,IAAA,CAAC,oDAAC;;AAGO,IAAA,WAAW,GAAG,QAAQ,CAAC,MAAK;AACnC,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,aAAa,EAAE;;AAElC,QAAA,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,EAAE;AACpC,QAAA,MAAM,eAAe,GAAG,IAAI,CAAC,QAAQ,EAAE;AACvC,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,MAAM,EAAE;;QAG9B,IAAI,UAAU,KAAK,CAAC,IAAI,KAAK,IAAI,UAAU,GAAG,CAAC,EAAE;AAC/C,YAAA,OAAO,KAAK;QACd;AACA,QAAA,IAAI,CAAC,QAAQ,IAAI,CAAC,eAAe,EAAE;AACjC,YAAA,OAAO,IAAI;QACb;QACA,OAAO,eAAe,CAAC,SAAS,EAAE,IAAI,eAAe,CAAC,QAAQ,EAAE;AAClE,IAAA,CAAC,uDAAC;;AAGO,IAAA,WAAW,GAAG,QAAQ,CAAC,MAAK;AACnC,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,aAAa,EAAE;;QAElC,OAAO,KAAK,KAAK,CAAC,IAAI,IAAI,CAAC,UAAU,EAAE,GAAG,CAAC;AAC7C,IAAA,CAAC,uDAAC;;AAGO,IAAA,UAAU,GAAG,QAAQ,CAAC,MAAK;AAClC,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,aAAa,EAAE;;AAElC,QAAA,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,EAAE;QACpC,OAAO,UAAU,GAAG,CAAC,IAAI,KAAK,KAAK,UAAU,GAAG,CAAC;AACnD,IAAA,CAAC,sDAAC;;AAGO,IAAA,eAAe,GAAG,QAAQ,CAAC,MAAK;AACvC,QAAA,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,EAAE;AACpC,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,aAAa,EAAE;AAElC,QAAA,IAAI,UAAU,KAAK,CAAC,EAAE;AACpB,YAAA,OAAO,CAAC;QACV;AAEA,QAAA,MAAM,QAAQ,GAAG,CAAC,GAAG,GAAG,UAAU,KAAK,KAAK,GAAG,CAAC,CAAC;AACjD,QAAA,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;AAC7C,IAAA,CAAC,2DAAC;AAEF,IAAA,WAAA,GAAA;QACE,MAAM,CAAC,MAAK;AACV,YAAA,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,EAAE;AACjC,YAAA,MAAM,YAAY,GAAG,IAAI,CAAC,aAAa,EAAE;AACzC,YAAA,YAAY,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,KAAK,IAAI,CAAC,SAAS,CAAC,KAAK,KAAK,YAAY,CAAC,CAAC;AAC/E,QAAA,CAAC,CAAC;AAEF,QAAA,MAAM,CAAC,CAAC,SAAS,KAAI;AACnB,YAAA,MAAM,eAAe,GAAG,IAAI,CAAC,QAAQ,EAAE;YACvC,IAAI,eAAe,IAAI,CAAC,eAAe,CAAC,UAAU,EAAE,EAAE;AACpD,gBAAA,eAAe,CAAC,aAAa,CAAC,IAAI,CAAC;YACrC;AACF,QAAA,CAAC,CAAC;QAEF,MAAM,CAAC,MAAK;AACV,YAAA,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,EAAE;AACpC,YAAA,MAAM,YAAY,GAAG,IAAI,CAAC,aAAa,EAAE;AAEzC,YAAA,IAAI,UAAU,GAAG,CAAC,EAAE;AAClB,gBAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,UAAU,GAAG,CAAC,CAAC,CAAC;gBACpE,IAAI,QAAQ,KAAK,YAAY;AAAE,oBAAA,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,QAAQ,CAAC;YACjE;AAAO,iBAAA,IAAI,YAAY,KAAK,CAAC,EAAE;AAC7B,gBAAA,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC;YAC3B;AACF,QAAA,CAAC,CAAC;IACJ;;IAGA,IAAI,GAAA;AACF,QAAA,IAAI,IAAI,CAAC,WAAW,EAAE,EAAE;AACtB,YAAA,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QACvC;IACF;;IAGA,QAAQ,GAAA;;AAEN,QAAA,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,EAAE;AACvB,YAAA,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QACvC;IACF;;IAGA,KAAK,GAAA;AACH,QAAA,IAAI,CAAC,KAAK,EAAE,CAAC,OAAO,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;AAC1C,QAAA,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC;IAC3B;wGApHW,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAhB,gBAAgB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,aAAA,EAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,UAAA,EAAA,eAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,aAAA,EAAA,qBAAA,EAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,aAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,OAAA,EAAA,SAAA,EASM,aAAa,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,YAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EApBpC,CAAA,+BAAA,CAAiC,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,wBAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FAWhC,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAf5B,SAAS;+BACE,aAAa,EAAA,QAAA,EACb,YAAY,EAAA,UAAA,EACV,IAAI,EAAA,QAAA,EACN,iCAAiC,EAAA,eAAA,EAM1B,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACJ,wBAAA,OAAO,EAAE,aAAa;AACvB,qBAAA,EAAA,MAAA,EAAA,CAAA,wBAAA,CAAA,EAAA;iXAWgC,aAAa,CAAA,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,EAAA,CAAA;;ACpChD;;AAEG;;;;"}
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 {\n Component,\n ChangeDetectionStrategy,\n input,\n signal,\n computed,\n effect,\n inject,\n DestroyRef\n} from '@angular/core';\nimport { AbstractControl } from '@angular/forms';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { startWith } from 'rxjs/operators';\n\n@Component({\n selector: 'emr-step',\n exportAs: 'emrStep',\n template: `<ng-content/>`,\n styles: [`\n :host {\n display: block;\n }\n `],\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n 'class': 'emr-step',\n '[style.display]': 'isActive() ? \"block\" : \"none\"',\n }\n})\nexport class StepComponent {\n /** Form control associated with this step /\n stepControl = input<AbstractControl \| undefined>(undefined);\n /* Whether the step is optional /\n optional = input(false);\n\n /* Whether the user has interacted with this step (writable signal) /\n readonly interacted = signal(false);\n /* Whether this step is currently active (writable signal, controlled by Stepper) /\n readonly isActive = signal(false);\n /* Internal writable signal tracking the validity of the stepControl /\n private readonly _isValid = signal(true); // Default to true if no control\n\n private _destroyRef = inject(DestroyRef); // Inject DestroyRef for automatic cleanup\n\n constructor() {\n effect(() => {\n const control = this.stepControl(); // Read the input signal\n\n if (control) {\n // Set initial validity based on the control's current state when the effect runs\n this._isValid.set(control.valid);\n\n // Subscribe to statusChanges and update the _isValid signal\n // Use takeUntilDestroyed for automatic cleanup when the component is destroyed\n control.statusChanges.pipe(\n startWith(control.status), // Emit initial status immediately to sync _isValid\n takeUntilDestroyed(this._destroyRef) // Automatically unsubscribe on component destroy\n ).subscribe(() => {\n // Update the internal validity signal whenever the control's status changes\n this._isValid.set(control.valid);\n });\n\n } else {\n // If no control is provided, consider the step inherently valid for completion\n this._isValid.set(true);\n }\n });\n }\n\n /* Computed signal indicating if the step is completed /\n readonly completed = computed(() => {\n // A step is completed if it doesn't have a stepControl or\n // if the internal _isValid signal (reflecting the control's validity) is true.\n return !this.stepControl() \|\| this._isValid();\n });\n\n /\n Checks if the step is currently valid.\n * Considers the validity of the associated stepControl if provided.\n * @returns boolean True if the step is valid, false otherwise.\n /\n public isValid(): boolean {\n return this._isValid(); // Directly return the tracked validity state\n }\n\n /* Resets the step's interacted state /\n reset(): void {\n this.interacted.set(false);\n }\n\n /* Sets the active state of the step /\n setActive(active: boolean): void {\n this.isActive.set(active);\n }\n\n /* Sets the interacted state of the step /\n setInteracted(interacted: boolean): void {\n this.interacted.set(interacted);\n }\n}\n","import {\n Component,\n ChangeDetectionStrategy,\n effect,\n computed,\n input,\n model,\n contentChildren,\n} from '@angular/core';\nimport { StepComponent } from './step.component';\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\n\n@Component({\n selector: 'emr-stepper',\n exportAs: 'emrStepper',\n standalone: true,\n template: `<ng-content select=\"emr-step\"/>`,\n styles: [`\n :host {\n display: block;\n }\n `],\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n 'class': 'emr-stepper',\n },\n})\nexport class StepperComponent {\n /* Whether the stepper should operate in linear mode. /\n readonly linear = input(false, {\n transform: coerceBooleanProperty\n });\n /* The index of the active step (two-way bound). /\n readonly selectedIndex = model(0);\n\n /* Collection of child StepComponent instances. /\n readonly steps = contentChildren(StepComponent);\n\n /* Computed signal for the total number of steps. /\n readonly stepsCount = computed(() => {\n return this.steps()?.length ?? 0;\n });\n\n /* The currently selected StepComponent instance. /\n readonly selected = computed(() => {\n const index = this.selectedIndex();\n const stepList = this.steps();\n // Use the stepsCount() computed signal for checking length\n return stepList && index >= 0 && index < this.stepsCount() ? stepList[index] : undefined;\n });\n\n /* Checks if the user can navigate to the next step. /\n readonly canMoveNext = computed(() => {\n const index = this.selectedIndex();\n // Use stepsCount() signal\n const totalSteps = this.stepsCount();\n const currentSelected = this.selected();\n const isLinear = this.linear();\n\n // Cannot move next if there are no steps or already on the last step\n if (totalSteps === 0 \|\| index >= totalSteps - 1) {\n return false;\n }\n if (!isLinear \|\| !currentSelected) {\n return true;\n }\n return currentSelected.completed() \|\| currentSelected.optional();\n });\n\n /* Computed signal indicating if the current step is the first step. /\n readonly isFirstStep = computed(() => {\n const index = this.selectedIndex();\n // Use stepsCount() signal\n return index === 0 && this.stepsCount() > 0;\n });\n\n /* Computed signal indicating if the current step is the last step. /\n readonly isLastStep = computed(() => {\n const index = this.selectedIndex();\n // Use stepsCount() signal\n const totalSteps = this.stepsCount();\n return totalSteps > 0 && index === totalSteps - 1;\n });\n\n /* Computed signal calculating the progress percentage. /\n readonly progressPercent = computed(() => {\n const totalSteps = this.stepsCount();\n const index = this.selectedIndex();\n\n if (totalSteps === 0) {\n return 0;\n }\n\n const progress = (100 / totalSteps) (index + 1);\n return Math.max(0, Math.min(100, progress));\n });\n\n constructor() {\n effect(() => {\n const currentSteps = this.steps();\n const currentIndex = this.selectedIndex();\n currentSteps.forEach((step, index) => step.setActive(index === currentIndex));\n });\n\n effect((onCleanup) => { // Mark as interacted\n const currentSelected = this.selected();\n if (currentSelected && !currentSelected.interacted()) {\n currentSelected.setInteracted(true);\n }\n });\n\n effect(() => { // Validate index\n const totalSteps = this.stepsCount();\n const currentIndex = this.selectedIndex();\n\n if (totalSteps > 0) {\n const newIndex = Math.max(0, Math.min(currentIndex, totalSteps - 1));\n if (newIndex !== currentIndex) this.selectedIndex.set(newIndex);\n } else if (currentIndex !== 0) {\n this.selectedIndex.set(0);\n }\n });\n }\n\n /** Navigates to the next step if possible. /\n next(): void {\n if (this.canMoveNext()) {\n this.selectedIndex.update(i => i + 1);\n }\n }\n\n /* Navigates to the previous step if possible. /\n previous(): void {\n // Use renamed computed signal for check\n if (!this.isFirstStep()) {\n this.selectedIndex.update(i => i - 1);\n }\n }\n\n /* Resets the stepper to the first step. /\n reset(): void {\n this.steps().forEach(step => step.reset());\n this.selectedIndex.set(0);\n }\n}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}

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

@@ -5,25 +5,25 @@ 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"] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SuggestionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: SuggestionsComponent, isStandalone: true, selector: "emr-suggestions", host: { classAttribute: "emr-suggestions" }, exportAs: ["emrSuggestions"], ngImport: i0, template: "<ng-content></ng-content>\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.3.2 | MIT License | https://tailwindcss.com */\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: SuggestionsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", 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"] }]
+                    }, template: "<ng-content></ng-content>\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.3.2 | 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"] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SuggestionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: SuggestionComponent, isStandalone: true, selector: "emr-suggestion,[emr-suggestion]", exportAs: ["emrSuggestion"], hostDirectives: [{ directive: i1.MatRipple }], ngImport: i0, template: "<div class=\"figure\">\n  <div class=\"icon\">\n    <ng-content select=\"[emrSuggestionIcon]\"/>\n  </div>\n  <div class=\"thumb\">\n    <ng-content select=\"[emrSuggestionThumb]\"/>\n  </div>\n</div>\n<div class=\"content\">\n  <ng-content/>\n</div>\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.3.2 | MIT License | https://tailwindcss.com */\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: SuggestionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", 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"] }]
+                    ], template: "<div class=\"figure\">\n  <div class=\"icon\">\n    <ng-content select=\"[emrSuggestionIcon]\"/>\n  </div>\n  <div class=\"thumb\">\n    <ng-content select=\"[emrSuggestionThumb]\"/>\n  </div>\n</div>\n<div class=\"content\">\n  <ng-content/>\n</div>\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.3.2 | MIT License | https://tailwindcss.com */\n"] }]
         }] });
 class SuggestionBlockComponent {
@@ -34,21 +34,21 @@ class SuggestionBlockComponent {
     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"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SuggestionBlockComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", 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()) {\n  <div class=\"my-4 px-2\">\n    <mat-divider/>\n  </div>\n}\n\n@if (heading()) {\n  <div class=\"heading\">{{ heading() }}</div>\n}\n\n<div class=\"content\" [class.is-inline]=\"inline()\">\n  <ng-content/>\n</div>\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.3.2 | 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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", 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"] }]
+                    ], template: "@if (showDivider()) {\n  <div class=\"my-4 px-2\">\n    <mat-divider/>\n  </div>\n}\n\n@if (heading()) {\n  <div class=\"heading\">{{ heading() }}</div>\n}\n\n<div class=\"content\" [class.is-inline]=\"inline()\">\n  <ng-content/>\n</div>\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.3.2 | 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 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SuggestionIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: SuggestionIconDirective, isStandalone: true, selector: "[emrSuggestionIcon]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: SuggestionIconDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SuggestionIconDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[emrSuggestionIcon]',
@@ -57,10 +57,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImpo
         }] });
 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 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SuggestionThumbDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: SuggestionThumbDirective, isStandalone: true, selector: "[emrSuggestionThumb]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: SuggestionThumbDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SuggestionThumbDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[emrSuggestionThumb]',

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

	@@ -1 +1 @@
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":";;;;;;MAYa,oBAAoB,CAAA;wGAApB,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAApB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,oBAAoB,sJCZjC~~,+BACA~~,EAAA,MAAA,EAAA,CAAA,~~kxBAAA~~,CAAA,EAAA,CAAA;;4FDWa,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAVhC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,iBAAiB,EAAA,QAAA,EACjB,gBAAgB,EAAA,OAAA,EACjB,EAAE,EAAA,IAAA,EAGL;AACJ,wBAAA,OAAO,EAAE;AACV,qBAAA,EAAA,QAAA,EAAA~~,+BAAA~~,EAAA,MAAA,EAAA,CAAA,~~kxBAAA~~,CAAA,EAAA;;;MEGU,mBAAmB,CAAA;wGAAnB,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAnB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,mBAAmB,uKCbhC,~~oRAWA~~,EAAA,MAAA,EAAA,CAAA,~~2rBAAA~~,CAAA,EAAA,CAAA;;4FDEa,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAV/B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,iCAAiC,EAAA,QAAA,EACjC,eAAe,EAAA,OAAA,EAChB,EAAE,EAAA,cAAA,EAGK;wBACd;AACD,qBAAA,EAAA,QAAA,EAAA,~~oRAAA~~,EAAA,MAAA,EAAA,CAAA,~~2rBAAA~~,CAAA,EAAA;;;MECU,wBAAwB,CAAA;IACnC,OAAO,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,SAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAE;IACjB,WAAW,GAAG,KAAK,CAAC,KAAK,+CACvB,SAAS,EAAE,gBAAgB,EAAA,CAAA,GAAA,CADF;AACzB,YAAA,SAAS,EAAE,gBAAgB;AAC5B,SAAA,CAAA,CAAA,CAAC;IACF,MAAM,GAAG,KAAK,CAAC,KAAK,0CAClB,SAAS,EAAE,gBAAgB,EAAA,CAAA,GAAA,CADP;AACpB,YAAA,SAAS,EAAE,gBAAgB;AAC5B,SAAA,CAAA,CAAA,CAAC;wGAPS,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAxB,wBAAwB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECZrC,~~4QAaA~~,EAAA,MAAA,EAAA,CAAA,~~2aAAA~~,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDNI,UAAU,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,OAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;4FAKD,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBATpC,SAAS;+BACE,sBAAsB,EAAA,QAAA,EACtB,oBAAoB,EAAA,OAAA,EACrB;wBACP;AACD,qBAAA,EAAA,QAAA,EAAA,~~4QAAA~~,EAAA,MAAA,EAAA,CAAA,~~2aAAA~~,CAAA,EAAA;;;MEFU,uBAAuB,CAAA;wGAAvB,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAvB,uBAAuB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;4FAAvB,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAJnC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,qBAAqB;AAC/B,oBAAA,UAAU,EAAE;AACb,iBAAA;;;MCCY,wBAAwB,CAAA;wGAAxB,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAxB,wBAAwB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;4FAAxB,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAJpC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,sBAAsB;AAChC,oBAAA,UAAU,EAAE;AACb,iBAAA;;;ACLD;;AAEG;;;;"}
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';\n\n@Component({\n selector: 'emr-suggestions',\n exportAs: 'emrSuggestions',\n imports: [],\n templateUrl: './suggestions.component.html',\n styleUrl: './suggestions.component.scss',\n host: {\n 'class': 'emr-suggestions'\n }\n})\nexport class SuggestionsComponent {\n\n}\n","<ng-content></ng-content>\n","import { Component } from '@angular/core';\nimport { MatRipple } from '@angular/material/core';\n\n@Component({\n selector: 'emr-suggestion,[emr-suggestion]',\n exportAs: 'emrSuggestion',\n imports: [],\n templateUrl: './suggestion.component.html',\n styleUrl: './suggestion.component.scss',\n hostDirectives: [\n MatRipple\n ]\n})\nexport class SuggestionComponent {\n\n}\n","<div class=\"figure\">\n <div class=\"icon\">\n <ng-content select=\"[emrSuggestionIcon]\"/>\n </div>\n <div class=\"thumb\">\n <ng-content select=\"[emrSuggestionThumb]\"/>\n </div>\n</div>\n<div class=\"content\">\n <ng-content/>\n</div>\n","import { booleanAttribute, Component, input, Input } from '@angular/core';\nimport { MatDivider } from '@angular/material/divider';\n\n@Component({\n selector: 'emr-suggestion-block',\n exportAs: 'emrSuggestionBlock',\n imports: [\n MatDivider\n ],\n templateUrl: './suggestion-block.component.html',\n styleUrl: './suggestion-block.component.scss'\n})\nexport class SuggestionBlockComponent {\n heading = input();\n showDivider = input(false, {\n transform: booleanAttribute,\n });\n inline = input(false, {\n transform: booleanAttribute,\n });\n}\n","@if (showDivider()) {\n <div class=\"my-4 px-2\">\n <mat-divider/>\n </div>\n}\n\n@if (heading()) {\n <div class=\"heading\">{{ heading() }}</div>\n}\n\n<div class=\"content\" [class.is-inline]=\"inline()\">\n <ng-content/>\n</div>\n","import { Directive } from '@angular/core';\n\n@Directive({\n selector: '[emrSuggestionIcon]',\n standalone: true\n})\nexport class SuggestionIconDirective {\n}\n","import { Directive } from '@angular/core';\n\n@Directive({\n selector: '[emrSuggestionThumb]',\n standalone: true\n})\nexport class SuggestionThumbDirective {\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}