@praxisui/editorial-forms 8.0.0-beta.31 → 8.0.0-beta.32
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.
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
2
|
import { InjectionToken, makeEnvironmentProviders, inject, DestroyRef, viewChild, ViewContainerRef, input, output, signal, computed, effect, ChangeDetectionStrategy, Component, ENVIRONMENT_INITIALIZER, reflectComponentType, Input } from '@angular/core';
|
|
3
3
|
import { PraxisI18nService, PraxisIconDirective, DynamicWidgetLoaderDirective, ComponentMetadataRegistry, providePraxisI18n } from '@praxisui/core';
|
|
4
|
-
import { CommonModule } from '@angular/common';
|
|
5
4
|
import * as i1 from '@angular/material/icon';
|
|
6
5
|
import { MatIconModule } from '@angular/material/icon';
|
|
7
6
|
|
|
@@ -168,39 +167,39 @@ class EditorialDataCollectionBlockOutletComponent {
|
|
|
168
167
|
}) ?? [];
|
|
169
168
|
destroyRef = inject(DestroyRef);
|
|
170
169
|
adapterRegistry = new EditorialDataBlockAdapterRegistry(this.adapters);
|
|
171
|
-
adapterHost = viewChild('adapterHost', ...(ngDevMode ?
|
|
170
|
+
adapterHost = viewChild('adapterHost', { ...(ngDevMode ? { debugName: "adapterHost" } : /* istanbul ignore next */ {}), read: ViewContainerRef });
|
|
172
171
|
loadVersion = 0;
|
|
173
172
|
lastAdapterEventSignature = null;
|
|
174
173
|
componentRef = null;
|
|
175
174
|
renderedComponentType = null;
|
|
176
175
|
componentOutputSubscriptions = [];
|
|
177
|
-
block = input.required(...(ngDevMode ? [{ debugName: "block" }] : []));
|
|
178
|
-
runtimeContext = input(null, ...(ngDevMode ? [{ debugName: "runtimeContext" }] : []));
|
|
179
|
-
solution = input(null, ...(ngDevMode ? [{ debugName: "solution" }] : []));
|
|
180
|
-
instance = input(null, ...(ngDevMode ? [{ debugName: "instance" }] : []));
|
|
176
|
+
block = input.required(...(ngDevMode ? [{ debugName: "block" }] : /* istanbul ignore next */ []));
|
|
177
|
+
runtimeContext = input(null, ...(ngDevMode ? [{ debugName: "runtimeContext" }] : /* istanbul ignore next */ []));
|
|
178
|
+
solution = input(null, ...(ngDevMode ? [{ debugName: "solution" }] : /* istanbul ignore next */ []));
|
|
179
|
+
instance = input(null, ...(ngDevMode ? [{ debugName: "instance" }] : /* istanbul ignore next */ []));
|
|
181
180
|
runtimeContextChange = output();
|
|
182
181
|
operationalEvent = output();
|
|
183
|
-
resolvedComponent = signal(null, ...(ngDevMode ? [{ debugName: "resolvedComponent" }] : []));
|
|
184
|
-
state = signal({ kind: 'idle' }, ...(ngDevMode ? [{ debugName: "state" }] : []));
|
|
182
|
+
resolvedComponent = signal(null, ...(ngDevMode ? [{ debugName: "resolvedComponent" }] : /* istanbul ignore next */ []));
|
|
183
|
+
state = signal({ kind: 'idle' }, ...(ngDevMode ? [{ debugName: "state" }] : /* istanbul ignore next */ []));
|
|
185
184
|
adapterContext = computed(() => ({
|
|
186
185
|
block: this.block(),
|
|
187
186
|
runtimeContext: this.runtimeContext(),
|
|
188
187
|
solution: this.solution(),
|
|
189
188
|
instance: this.instance(),
|
|
190
189
|
resolvedFormConfig: resolveEditorialDataBlockFormConfig(this.block(), this.instance()),
|
|
191
|
-
}), ...(ngDevMode ? [{ debugName: "adapterContext" }] : []));
|
|
192
|
-
resolution = computed(() => resolveEditorialDataBlockFormConfigDetails(this.block(), this.instance()), ...(ngDevMode ? [{ debugName: "resolution" }] : []));
|
|
193
|
-
adapterResolution = computed(() => this.adapterRegistry.resolve(this.adapterContext()), ...(ngDevMode ? [{ debugName: "adapterResolution" }] : []));
|
|
194
|
-
adapter = computed(() => this.adapterResolution().adapter, ...(ngDevMode ? [{ debugName: "adapter" }] : []));
|
|
195
|
-
adapterComponent = computed(() => this.resolvedComponent() ?? this.adapter()?.component ?? null, ...(ngDevMode ? [{ debugName: "adapterComponent" }] : []));
|
|
190
|
+
}), ...(ngDevMode ? [{ debugName: "adapterContext" }] : /* istanbul ignore next */ []));
|
|
191
|
+
resolution = computed(() => resolveEditorialDataBlockFormConfigDetails(this.block(), this.instance()), ...(ngDevMode ? [{ debugName: "resolution" }] : /* istanbul ignore next */ []));
|
|
192
|
+
adapterResolution = computed(() => this.adapterRegistry.resolve(this.adapterContext()), ...(ngDevMode ? [{ debugName: "adapterResolution" }] : /* istanbul ignore next */ []));
|
|
193
|
+
adapter = computed(() => this.adapterResolution().adapter, ...(ngDevMode ? [{ debugName: "adapter" }] : /* istanbul ignore next */ []));
|
|
194
|
+
adapterComponent = computed(() => this.resolvedComponent() ?? this.adapter()?.component ?? null, ...(ngDevMode ? [{ debugName: "adapterComponent" }] : /* istanbul ignore next */ []));
|
|
196
195
|
loadingState = computed(() => {
|
|
197
196
|
const state = this.state();
|
|
198
197
|
return state.kind === 'loading' ? state : null;
|
|
199
|
-
}, ...(ngDevMode ? [{ debugName: "loadingState" }] : []));
|
|
198
|
+
}, ...(ngDevMode ? [{ debugName: "loadingState" }] : /* istanbul ignore next */ []));
|
|
200
199
|
errorState = computed(() => {
|
|
201
200
|
const state = this.state();
|
|
202
201
|
return state.kind === 'error' ? state : null;
|
|
203
|
-
}, ...(ngDevMode ? [{ debugName: "errorState" }] : []));
|
|
202
|
+
}, ...(ngDevMode ? [{ debugName: "errorState" }] : /* istanbul ignore next */ []));
|
|
204
203
|
adapterInputs = computed(() => {
|
|
205
204
|
const adapter = this.adapter();
|
|
206
205
|
if (!adapter) {
|
|
@@ -214,7 +213,7 @@ class EditorialDataCollectionBlockOutletComponent {
|
|
|
214
213
|
resolvedFormConfig: this.resolution().formConfig,
|
|
215
214
|
...(adapter.buildInputs?.(this.adapterContext()) ?? {}),
|
|
216
215
|
};
|
|
217
|
-
}, ...(ngDevMode ? [{ debugName: "adapterInputs" }] : []));
|
|
216
|
+
}, ...(ngDevMode ? [{ debugName: "adapterInputs" }] : /* istanbul ignore next */ []));
|
|
218
217
|
fallbackMessage = computed(() => {
|
|
219
218
|
const resolution = this.resolution();
|
|
220
219
|
const block = this.block();
|
|
@@ -254,11 +253,11 @@ class EditorialDataCollectionBlockOutletComponent {
|
|
|
254
253
|
formBlockId: block.formBlockId,
|
|
255
254
|
source: resolution.source,
|
|
256
255
|
});
|
|
257
|
-
}, ...(ngDevMode ? [{ debugName: "fallbackMessage" }] : []));
|
|
258
|
-
effectiveSurface = computed(() => this.block().surface === 'plain' ? 'plain' : 'card', ...(ngDevMode ? [{ debugName: "effectiveSurface" }] : []));
|
|
259
|
-
showBlockTitle = computed(() => Boolean(this.block().title) && !this.shouldHideBlockTitle(), ...(ngDevMode ? [{ debugName: "showBlockTitle" }] : []));
|
|
260
|
-
showBlockDescription = computed(() => Boolean(this.block().description) && !this.shouldHideBlockDescription(), ...(ngDevMode ? [{ debugName: "showBlockDescription" }] : []));
|
|
261
|
-
showBlockHeader = computed(() => this.showBlockTitle() || this.showBlockDescription(), ...(ngDevMode ? [{ debugName: "showBlockHeader" }] : []));
|
|
256
|
+
}, ...(ngDevMode ? [{ debugName: "fallbackMessage" }] : /* istanbul ignore next */ []));
|
|
257
|
+
effectiveSurface = computed(() => this.block().surface === 'plain' ? 'plain' : 'card', ...(ngDevMode ? [{ debugName: "effectiveSurface" }] : /* istanbul ignore next */ []));
|
|
258
|
+
showBlockTitle = computed(() => Boolean(this.block().title) && !this.shouldHideBlockTitle(), ...(ngDevMode ? [{ debugName: "showBlockTitle" }] : /* istanbul ignore next */ []));
|
|
259
|
+
showBlockDescription = computed(() => Boolean(this.block().description) && !this.shouldHideBlockDescription(), ...(ngDevMode ? [{ debugName: "showBlockDescription" }] : /* istanbul ignore next */ []));
|
|
260
|
+
showBlockHeader = computed(() => this.showBlockTitle() || this.showBlockDescription(), ...(ngDevMode ? [{ debugName: "showBlockHeader" }] : /* istanbul ignore next */ []));
|
|
262
261
|
constructor() {
|
|
263
262
|
this.destroyRef.onDestroy(() => {
|
|
264
263
|
this.destroyRenderedComponent();
|
|
@@ -527,8 +526,8 @@ class EditorialDataCollectionBlockOutletComponent {
|
|
|
527
526
|
const [section] = sections;
|
|
528
527
|
return section ?? null;
|
|
529
528
|
}
|
|
530
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
531
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
529
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: EditorialDataCollectionBlockOutletComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
530
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: EditorialDataCollectionBlockOutletComponent, isStandalone: true, selector: "praxis-editorial-data-collection-block-outlet", inputs: { block: { classPropertyName: "block", publicName: "block", isSignal: true, isRequired: true, transformFunction: null }, runtimeContext: { classPropertyName: "runtimeContext", publicName: "runtimeContext", isSignal: true, isRequired: false, transformFunction: null }, solution: { classPropertyName: "solution", publicName: "solution", isSignal: true, isRequired: false, transformFunction: null }, instance: { classPropertyName: "instance", publicName: "instance", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { runtimeContextChange: "runtimeContextChange", operationalEvent: "operationalEvent" }, viewQueries: [{ propertyName: "adapterHost", first: true, predicate: ["adapterHost"], descendants: true, read: ViewContainerRef, isSignal: true }], ngImport: i0, template: `
|
|
532
531
|
<section
|
|
533
532
|
class="data-block"
|
|
534
533
|
[class.block-card]="effectiveSurface() === 'card'"
|
|
@@ -571,11 +570,11 @@ class EditorialDataCollectionBlockOutletComponent {
|
|
|
571
570
|
}
|
|
572
571
|
</div>
|
|
573
572
|
</section>
|
|
574
|
-
`, isInline: true, styles: [":host{display:block;color:var(--editorial-text-primary, var(--md-sys-color-on-surface, #1b1b1f))}.data-block{display:grid;gap:16px;font-family:var(--editorial-body-font-family, inherit)}.block-card{display:grid;gap:16px;padding:clamp(18px,2vw,24px);border-radius:var(--editorial-card-radius, 18px);background:var(--editorial-surface-secondary, var(--md-sys-color-surface-container-low, #f7f2fa));border:var(--editorial-card-border-width, 1px) solid color-mix(in srgb,var(--editorial-border-color, var(--md-sys-color-outline-variant, #cac4d0)) 65%,transparent);box-shadow:var(--editorial-card-shadow, none)}.block-plain{padding:0;border:0;background:transparent;box-shadow:none;gap:0}.block-header{display:grid;gap:8px}.block-plain .block-header{margin-bottom:16px;padding-bottom:4px}.block-body{min-width:0}h3,p{margin:0}.block-title{font-family:var(--editorial-title-font-family, var(--editorial-body-font-family, inherit));font-size:var(--editorial-step-title-size, 1.15rem);line-height:1.15;color:var(--editorial-text-primary, var(--md-sys-color-on-surface, #1b1b1f))}.description,.feedback{color:var(--editorial-text-secondary, var(--md-sys-color-on-surface-variant, #49454f));font-size:var(--editorial-body-size, .95rem);line-height:1.55}.feedback{display:grid;gap:6px;padding:12px 14px;border-radius:var(--editorial-card-radius, 14px);border:var(--editorial-card-border-width, 1px) solid color-mix(in srgb,var(--editorial-border-color, var(--md-sys-color-outline-variant, #cac4d0)) 70%,transparent);background:color-mix(in srgb,var(--editorial-surface-primary, var(--md-sys-color-surface, #fff)) 94%,var(--editorial-surface-secondary, var(--md-sys-color-surface-container-low, #f7f2fa)) 6%)}.feedback strong{color:var(--editorial-text-primary, var(--md-sys-color-on-surface, #1b1b1f));font-family:var(--editorial-title-font-family, var(--editorial-body-font-family, inherit))}.error{border-color:color-mix(in srgb,var(--md-sys-color-error, #b3261e) 50%,transparent);background:color-mix(in srgb,var(--md-sys-color-error-container, #f9dedc) 35%,var(--md-sys-color-surface, #fff))}.details{font-size:.9rem}\n"],
|
|
573
|
+
`, isInline: true, styles: [":host{display:block;color:var(--editorial-text-primary, var(--md-sys-color-on-surface, #1b1b1f))}.data-block{display:grid;gap:16px;font-family:var(--editorial-body-font-family, inherit)}.block-card{display:grid;gap:16px;padding:clamp(18px,2vw,24px);border-radius:var(--editorial-card-radius, 18px);background:var(--editorial-surface-secondary, var(--md-sys-color-surface-container-low, #f7f2fa));border:var(--editorial-card-border-width, 1px) solid color-mix(in srgb,var(--editorial-border-color, var(--md-sys-color-outline-variant, #cac4d0)) 65%,transparent);box-shadow:var(--editorial-card-shadow, none)}.block-plain{padding:0;border:0;background:transparent;box-shadow:none;gap:0}.block-header{display:grid;gap:8px}.block-plain .block-header{margin-bottom:16px;padding-bottom:4px}.block-body{min-width:0}h3,p{margin:0}.block-title{font-family:var(--editorial-title-font-family, var(--editorial-body-font-family, inherit));font-size:var(--editorial-step-title-size, 1.15rem);line-height:1.15;color:var(--editorial-text-primary, var(--md-sys-color-on-surface, #1b1b1f))}.description,.feedback{color:var(--editorial-text-secondary, var(--md-sys-color-on-surface-variant, #49454f));font-size:var(--editorial-body-size, .95rem);line-height:1.55}.feedback{display:grid;gap:6px;padding:12px 14px;border-radius:var(--editorial-card-radius, 14px);border:var(--editorial-card-border-width, 1px) solid color-mix(in srgb,var(--editorial-border-color, var(--md-sys-color-outline-variant, #cac4d0)) 70%,transparent);background:color-mix(in srgb,var(--editorial-surface-primary, var(--md-sys-color-surface, #fff)) 94%,var(--editorial-surface-secondary, var(--md-sys-color-surface-container-low, #f7f2fa)) 6%)}.feedback strong{color:var(--editorial-text-primary, var(--md-sys-color-on-surface, #1b1b1f));font-family:var(--editorial-title-font-family, var(--editorial-body-font-family, inherit))}.error{border-color:color-mix(in srgb,var(--md-sys-color-error, #b3261e) 50%,transparent);background:color-mix(in srgb,var(--md-sys-color-error-container, #f9dedc) 35%,var(--md-sys-color-surface, #fff))}.details{font-size:.9rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
575
574
|
}
|
|
576
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
575
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: EditorialDataCollectionBlockOutletComponent, decorators: [{
|
|
577
576
|
type: Component,
|
|
578
|
-
args: [{ selector: 'praxis-editorial-data-collection-block-outlet', standalone: true, imports: [
|
|
577
|
+
args: [{ selector: 'praxis-editorial-data-collection-block-outlet', standalone: true, imports: [], template: `
|
|
579
578
|
<section
|
|
580
579
|
class="data-block"
|
|
581
580
|
[class.block-card]="effectiveSurface() === 'card'"
|
|
@@ -662,13 +661,13 @@ function normalizeComparableCopy(value) {
|
|
|
662
661
|
}
|
|
663
662
|
|
|
664
663
|
class EditorialIntroHeroBlockComponent {
|
|
665
|
-
block = input.required(...(ngDevMode ? [{ debugName: "block" }] : []));
|
|
664
|
+
block = input.required(...(ngDevMode ? [{ debugName: "block" }] : /* istanbul ignore next */ []));
|
|
666
665
|
actionTriggered = output();
|
|
667
666
|
triggerAction(action) {
|
|
668
667
|
this.actionTriggered.emit(action.actionId);
|
|
669
668
|
}
|
|
670
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
671
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
669
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: EditorialIntroHeroBlockComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
670
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: EditorialIntroHeroBlockComponent, isStandalone: true, selector: "praxis-editorial-intro-hero-block", inputs: { block: { classPropertyName: "block", publicName: "block", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { actionTriggered: "actionTriggered" }, ngImport: i0, template: `
|
|
672
671
|
<section class="intro-hero" [attr.data-align]="block().align ?? 'center'">
|
|
673
672
|
@if (block().icon?.name) {
|
|
674
673
|
<div class="hero-icon"><mat-icon aria-hidden="true" [praxisIcon]="block().icon?.name"></mat-icon></div>
|
|
@@ -730,11 +729,11 @@ class EditorialIntroHeroBlockComponent {
|
|
|
730
729
|
</div>
|
|
731
730
|
}
|
|
732
731
|
</section>
|
|
733
|
-
`, isInline: true, styles: [".intro-hero{display:grid;gap:18px;text-align:center}.intro-hero[data-align=left]{text-align:left}.hero-icon{width:64px;height:64px;border-radius:18px;background:color-mix(in srgb,var(--editorial-accent, #264a8a) 18%,#fff);color:var(--editorial-accent, #264a8a);display:grid;place-items:center;justify-self:center;font-weight:700}.hero-icon mat-icon,.highlight-icon{width:22px;height:22px;font-size:22px;line-height:22px}.intro-hero[data-align=left] .hero-icon{justify-self:start}.hero-copy{display:grid;gap:10px}.hero-copy h3,.hero-copy p{margin:0}.hero-copy h3{font-size:var(--editorial-hero-title-size, 1.75rem);line-height:1.15}.subtitle,.description{font-size:var(--editorial-body-size, 1rem);color:var(--editorial-text-secondary, #7b8aa0)}.hero-highlights{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.intro-hero[data-align=left] .hero-actions{justify-content:flex-start}.hero-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border-radius:var(--editorial-button-radius, var(--editorial-card-radius, 18px));border:1px solid transparent;cursor:pointer;font:inherit;font-weight:600;transition:background-color .12s ease,color .12s ease,border-color .12s ease,box-shadow .12s ease}.hero-action mat-icon{width:18px;height:18px;font-size:18px;line-height:18px}.hero-action.primary{background:var(--editorial-cta-primary, var(--editorial-accent, #264a8a));color:var(--editorial-cta-primary-text, #fff);box-shadow:var(--editorial-card-shadow, none)}.hero-action.secondary{background:color-mix(in srgb,var(--editorial-accent, #264a8a) 8%,#fff);border-color:color-mix(in srgb,var(--editorial-accent, #264a8a) 20%,transparent);color:var(--editorial-accent, #264a8a)}.highlight-card{display:grid;gap:6px;padding:14px;border-radius:var(--editorial-card-radius, 18px);background:var(--editorial-surface-primary, #fff);border:1px solid var(--editorial-border-color, #d9deea);box-shadow:var(--editorial-card-shadow, none)}.highlight-card p{margin:0;color:var(--editorial-text-secondary, #7b8aa0)}\n"], dependencies: [{ kind: "ngmodule", type:
|
|
732
|
+
`, isInline: true, styles: [".intro-hero{display:grid;gap:18px;text-align:center}.intro-hero[data-align=left]{text-align:left}.hero-icon{width:64px;height:64px;border-radius:18px;background:color-mix(in srgb,var(--editorial-accent, #264a8a) 18%,#fff);color:var(--editorial-accent, #264a8a);display:grid;place-items:center;justify-self:center;font-weight:700}.hero-icon mat-icon,.highlight-icon{width:22px;height:22px;font-size:22px;line-height:22px}.intro-hero[data-align=left] .hero-icon{justify-self:start}.hero-copy{display:grid;gap:10px}.hero-copy h3,.hero-copy p{margin:0}.hero-copy h3{font-size:var(--editorial-hero-title-size, 1.75rem);line-height:1.15}.subtitle,.description{font-size:var(--editorial-body-size, 1rem);color:var(--editorial-text-secondary, #7b8aa0)}.hero-highlights{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.intro-hero[data-align=left] .hero-actions{justify-content:flex-start}.hero-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border-radius:var(--editorial-button-radius, var(--editorial-card-radius, 18px));border:1px solid transparent;cursor:pointer;font:inherit;font-weight:600;transition:background-color .12s ease,color .12s ease,border-color .12s ease,box-shadow .12s ease}.hero-action mat-icon{width:18px;height:18px;font-size:18px;line-height:18px}.hero-action.primary{background:var(--editorial-cta-primary, var(--editorial-accent, #264a8a));color:var(--editorial-cta-primary-text, #fff);box-shadow:var(--editorial-card-shadow, none)}.hero-action.secondary{background:color-mix(in srgb,var(--editorial-accent, #264a8a) 8%,#fff);border-color:color-mix(in srgb,var(--editorial-accent, #264a8a) 20%,transparent);color:var(--editorial-accent, #264a8a)}.highlight-card{display:grid;gap:6px;padding:14px;border-radius:var(--editorial-card-radius, 18px);background:var(--editorial-surface-primary, #fff);border:1px solid var(--editorial-border-color, #d9deea);box-shadow:var(--editorial-card-shadow, none)}.highlight-card p{margin:0;color:var(--editorial-text-secondary, #7b8aa0)}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
734
733
|
}
|
|
735
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
734
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: EditorialIntroHeroBlockComponent, decorators: [{
|
|
736
735
|
type: Component,
|
|
737
|
-
args: [{ selector: 'praxis-editorial-intro-hero-block', standalone: true, imports: [
|
|
736
|
+
args: [{ selector: 'praxis-editorial-intro-hero-block', standalone: true, imports: [MatIconModule, PraxisIconDirective], template: `
|
|
738
737
|
<section class="intro-hero" [attr.data-align]="block().align ?? 'center'">
|
|
739
738
|
@if (block().icon?.name) {
|
|
740
739
|
<div class="hero-icon"><mat-icon aria-hidden="true" [praxisIcon]="block().icon?.name"></mat-icon></div>
|
|
@@ -801,8 +800,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
|
|
|
801
800
|
|
|
802
801
|
class EditorialReviewSectionsBlockComponent {
|
|
803
802
|
i18n = inject(PraxisI18nService);
|
|
804
|
-
block = input.required(...(ngDevMode ? [{ debugName: "block" }] : []));
|
|
805
|
-
runtimeContext = input(null, ...(ngDevMode ? [{ debugName: "runtimeContext" }] : []));
|
|
803
|
+
block = input.required(...(ngDevMode ? [{ debugName: "block" }] : /* istanbul ignore next */ []));
|
|
804
|
+
runtimeContext = input(null, ...(ngDevMode ? [{ debugName: "runtimeContext" }] : /* istanbul ignore next */ []));
|
|
806
805
|
visibleFields(fields) {
|
|
807
806
|
return fields.filter((field) => {
|
|
808
807
|
if (!field.hideWhenEmpty) {
|
|
@@ -881,8 +880,8 @@ class EditorialReviewSectionsBlockComponent {
|
|
|
881
880
|
t(key, fallback) {
|
|
882
881
|
return this.i18n.t(`praxis.editorialForms.${key}`, undefined, fallback);
|
|
883
882
|
}
|
|
884
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
885
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
883
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: EditorialReviewSectionsBlockComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
884
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: EditorialReviewSectionsBlockComponent, isStandalone: true, selector: "praxis-editorial-review-sections-block", inputs: { block: { classPropertyName: "block", publicName: "block", isSignal: true, isRequired: true, transformFunction: null }, runtimeContext: { classPropertyName: "runtimeContext", publicName: "runtimeContext", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
|
|
886
885
|
<section class="review-sections">
|
|
887
886
|
@if (block().title) {
|
|
888
887
|
<header class="review-header">
|
|
@@ -914,11 +913,11 @@ class EditorialReviewSectionsBlockComponent {
|
|
|
914
913
|
}
|
|
915
914
|
</div>
|
|
916
915
|
</section>
|
|
917
|
-
`, isInline: true, styles: [".review-sections,.review-header{display:grid;gap:10px}.review-header h3,.review-header p,.review-section h4{margin:0}.review-header p{color:var(--editorial-text-secondary, #7b8aa0)}.review-sections-grid{display:grid;gap:14px}.review-section{display:grid;gap:12px;padding:18px;border-radius:var(--editorial-card-radius, 18px);border:1px solid var(--editorial-border-color, #d9deea);background:var(--editorial-surface-primary, #fff);box-shadow:var(--editorial-card-shadow, none)}.review-section-header{display:inline-flex;align-items:center;gap:10px}.section-icon{display:grid;place-items:center;width:18px;height:18px;color:var(--editorial-accent, #264a8a);font-size:18px;line-height:18px}.review-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin:0}.review-grid dt{margin-bottom:4px;color:var(--editorial-text-secondary, #7b8aa0);font-size:.82rem}.review-grid dd{margin:0;font-weight:600;color:var(--editorial-text-primary, #24324a)}\n"], dependencies: [{ kind: "ngmodule", type:
|
|
916
|
+
`, isInline: true, styles: [".review-sections,.review-header{display:grid;gap:10px}.review-header h3,.review-header p,.review-section h4{margin:0}.review-header p{color:var(--editorial-text-secondary, #7b8aa0)}.review-sections-grid{display:grid;gap:14px}.review-section{display:grid;gap:12px;padding:18px;border-radius:var(--editorial-card-radius, 18px);border:1px solid var(--editorial-border-color, #d9deea);background:var(--editorial-surface-primary, #fff);box-shadow:var(--editorial-card-shadow, none)}.review-section-header{display:inline-flex;align-items:center;gap:10px}.section-icon{display:grid;place-items:center;width:18px;height:18px;color:var(--editorial-accent, #264a8a);font-size:18px;line-height:18px}.review-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin:0}.review-grid dt{margin-bottom:4px;color:var(--editorial-text-secondary, #7b8aa0);font-size:.82rem}.review-grid dd{margin:0;font-weight:600;color:var(--editorial-text-primary, #24324a)}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
918
917
|
}
|
|
919
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
918
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: EditorialReviewSectionsBlockComponent, decorators: [{
|
|
920
919
|
type: Component,
|
|
921
|
-
args: [{ selector: 'praxis-editorial-review-sections-block', standalone: true, imports: [
|
|
920
|
+
args: [{ selector: 'praxis-editorial-review-sections-block', standalone: true, imports: [MatIconModule, PraxisIconDirective], template: `
|
|
922
921
|
<section class="review-sections">
|
|
923
922
|
@if (block().title) {
|
|
924
923
|
<header class="review-header">
|
|
@@ -955,17 +954,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
|
|
|
955
954
|
|
|
956
955
|
class EditorialSelectionCardsBlockComponent {
|
|
957
956
|
i18n = inject(PraxisI18nService);
|
|
958
|
-
block = input.required(...(ngDevMode ? [{ debugName: "block" }] : []));
|
|
959
|
-
runtimeContext = input(null, ...(ngDevMode ? [{ debugName: "runtimeContext" }] : []));
|
|
957
|
+
block = input.required(...(ngDevMode ? [{ debugName: "block" }] : /* istanbul ignore next */ []));
|
|
958
|
+
runtimeContext = input(null, ...(ngDevMode ? [{ debugName: "runtimeContext" }] : /* istanbul ignore next */ []));
|
|
960
959
|
runtimeContextChange = output();
|
|
961
960
|
valueChange = output();
|
|
962
|
-
groupId = computed(() => `selection-group-${this.block().blockId}`, ...(ngDevMode ? [{ debugName: "groupId" }] : []));
|
|
961
|
+
groupId = computed(() => `selection-group-${this.block().blockId}`, ...(ngDevMode ? [{ debugName: "groupId" }] : /* istanbul ignore next */ []));
|
|
963
962
|
gridTemplateColumns = computed(() => {
|
|
964
963
|
const columns = this.block().columns ?? 2;
|
|
965
964
|
return `repeat(${columns}, minmax(0, 1fr))`;
|
|
966
|
-
}, ...(ngDevMode ? [{ debugName: "gridTemplateColumns" }] : []));
|
|
965
|
+
}, ...(ngDevMode ? [{ debugName: "gridTemplateColumns" }] : /* istanbul ignore next */ []));
|
|
967
966
|
groupAriaLabel = computed(() => this.block().title
|
|
968
|
-
|| this.t('selection.group.label', 'Grupo de selecao'), ...(ngDevMode ? [{ debugName: "groupAriaLabel" }] : []));
|
|
967
|
+
|| this.t('selection.group.label', 'Grupo de selecao'), ...(ngDevMode ? [{ debugName: "groupAriaLabel" }] : /* istanbul ignore next */ []));
|
|
969
968
|
isSelected(value) {
|
|
970
969
|
const currentValue = this.currentValue();
|
|
971
970
|
if (Array.isArray(currentValue)) {
|
|
@@ -1085,8 +1084,8 @@ class EditorialSelectionCardsBlockComponent {
|
|
|
1085
1084
|
t(key, fallback) {
|
|
1086
1085
|
return this.i18n.t(`praxis.editorialForms.${key}`, undefined, fallback);
|
|
1087
1086
|
}
|
|
1088
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1089
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1087
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: EditorialSelectionCardsBlockComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1088
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: EditorialSelectionCardsBlockComponent, isStandalone: true, selector: "praxis-editorial-selection-cards-block", inputs: { block: { classPropertyName: "block", publicName: "block", isSignal: true, isRequired: true, transformFunction: null }, runtimeContext: { classPropertyName: "runtimeContext", publicName: "runtimeContext", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { runtimeContextChange: "runtimeContextChange", valueChange: "valueChange" }, ngImport: i0, template: `
|
|
1090
1089
|
<section class="selection-block">
|
|
1091
1090
|
@if (block().title) {
|
|
1092
1091
|
<header class="selection-header">
|
|
@@ -1143,11 +1142,11 @@ class EditorialSelectionCardsBlockComponent {
|
|
|
1143
1142
|
}
|
|
1144
1143
|
</div>
|
|
1145
1144
|
</section>
|
|
1146
|
-
`, isInline: true, styles: [".selection-block,.selection-header{display:grid;gap:10px}.selection-header h3,.selection-header p{margin:0}.selection-header p{color:var(--editorial-text-secondary, #7b8aa0)}.selection-grid{display:grid;gap:14px}.selection-card{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-height:72px;padding:16px;border-radius:var(--editorial-card-radius, 18px);border:1px solid var(--editorial-border-color, #d9deea);background:var(--editorial-surface-primary, #fff);color:var(--editorial-text-primary, #24324a);box-shadow:var(--editorial-card-shadow, none);cursor:pointer;text-align:left;transition:background-color .12s ease,border-color .12s ease,box-shadow .12s ease,transform .12s ease}.selection-card:hover:not([disabled]){transform:translateY(-1px)}.selection-card.selected{border-color:var(--editorial-accent, #264a8a);box-shadow:0 0 0 2px color-mix(in srgb,var(--editorial-accent, #264a8a) 22%,transparent);background:color-mix(in srgb,var(--editorial-accent, #264a8a) 8%,#fff)}.selection-card[data-variant=accent]{background:color-mix(in srgb,var(--editorial-accent, #264a8a) 4%,#fff);border-color:color-mix(in srgb,var(--editorial-accent, #264a8a) 18%,transparent)}.selection-card[data-variant=outline]{box-shadow:none;background:transparent}.selection-card[data-tone=accent] .selection-icon{background:color-mix(in srgb,var(--editorial-accent, #264a8a) 18%,#fff);color:var(--editorial-accent, #264a8a)}.selection-card[data-tone=muted] .selection-icon{background:var(--editorial-surface-secondary, #eef2f8);color:var(--editorial-text-secondary, #7b8aa0)}.selection-card[disabled]{opacity:.5;cursor:not-allowed}.selection-leading{display:inline-flex;align-items:center;gap:12px;min-width:0;flex:1 1 auto}.selection-grid[data-icon-position=top] .selection-card{flex-direction:column;align-items:stretch}.selection-grid[data-icon-position=top] .selection-leading{display:grid;gap:10px}.selection-grid[data-icon-position=top] .selection-check{align-self:flex-end}.selection-icon,.selection-check{display:grid;place-items:center;width:28px;height:28px;border-radius:999px;background:color-mix(in srgb,var(--editorial-accent, #264a8a) 14%,#fff);color:var(--editorial-accent, #264a8a);font-size:.75rem;font-weight:700;flex:0 0 auto}.selection-icon,.selection-check mat-icon{width:18px;height:18px;font-size:18px;line-height:18px}.selection-copy{display:grid;gap:4px;min-width:0}.selection-copy span{color:var(--editorial-text-secondary, #7b8aa0);font-size:.9rem}\n"], dependencies: [{ kind: "ngmodule", type:
|
|
1145
|
+
`, isInline: true, styles: [".selection-block,.selection-header{display:grid;gap:10px}.selection-header h3,.selection-header p{margin:0}.selection-header p{color:var(--editorial-text-secondary, #7b8aa0)}.selection-grid{display:grid;gap:14px}.selection-card{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-height:72px;padding:16px;border-radius:var(--editorial-card-radius, 18px);border:1px solid var(--editorial-border-color, #d9deea);background:var(--editorial-surface-primary, #fff);color:var(--editorial-text-primary, #24324a);box-shadow:var(--editorial-card-shadow, none);cursor:pointer;text-align:left;transition:background-color .12s ease,border-color .12s ease,box-shadow .12s ease,transform .12s ease}.selection-card:hover:not([disabled]){transform:translateY(-1px)}.selection-card.selected{border-color:var(--editorial-accent, #264a8a);box-shadow:0 0 0 2px color-mix(in srgb,var(--editorial-accent, #264a8a) 22%,transparent);background:color-mix(in srgb,var(--editorial-accent, #264a8a) 8%,#fff)}.selection-card[data-variant=accent]{background:color-mix(in srgb,var(--editorial-accent, #264a8a) 4%,#fff);border-color:color-mix(in srgb,var(--editorial-accent, #264a8a) 18%,transparent)}.selection-card[data-variant=outline]{box-shadow:none;background:transparent}.selection-card[data-tone=accent] .selection-icon{background:color-mix(in srgb,var(--editorial-accent, #264a8a) 18%,#fff);color:var(--editorial-accent, #264a8a)}.selection-card[data-tone=muted] .selection-icon{background:var(--editorial-surface-secondary, #eef2f8);color:var(--editorial-text-secondary, #7b8aa0)}.selection-card[disabled]{opacity:.5;cursor:not-allowed}.selection-leading{display:inline-flex;align-items:center;gap:12px;min-width:0;flex:1 1 auto}.selection-grid[data-icon-position=top] .selection-card{flex-direction:column;align-items:stretch}.selection-grid[data-icon-position=top] .selection-leading{display:grid;gap:10px}.selection-grid[data-icon-position=top] .selection-check{align-self:flex-end}.selection-icon,.selection-check{display:grid;place-items:center;width:28px;height:28px;border-radius:999px;background:color-mix(in srgb,var(--editorial-accent, #264a8a) 14%,#fff);color:var(--editorial-accent, #264a8a);font-size:.75rem;font-weight:700;flex:0 0 auto}.selection-icon,.selection-check mat-icon{width:18px;height:18px;font-size:18px;line-height:18px}.selection-copy{display:grid;gap:4px;min-width:0}.selection-copy span{color:var(--editorial-text-secondary, #7b8aa0);font-size:.9rem}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1147
1146
|
}
|
|
1148
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1147
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: EditorialSelectionCardsBlockComponent, decorators: [{
|
|
1149
1148
|
type: Component,
|
|
1150
|
-
args: [{ selector: 'praxis-editorial-selection-cards-block', standalone: true, imports: [
|
|
1149
|
+
args: [{ selector: 'praxis-editorial-selection-cards-block', standalone: true, imports: [MatIconModule, PraxisIconDirective], template: `
|
|
1151
1150
|
<section class="selection-block">
|
|
1152
1151
|
@if (block().title) {
|
|
1153
1152
|
<header class="selection-header">
|
|
@@ -1208,13 +1207,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
|
|
|
1208
1207
|
}], propDecorators: { block: [{ type: i0.Input, args: [{ isSignal: true, alias: "block", required: true }] }], runtimeContext: [{ type: i0.Input, args: [{ isSignal: true, alias: "runtimeContext", required: false }] }], runtimeContextChange: [{ type: i0.Output, args: ["runtimeContextChange"] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }] } });
|
|
1209
1208
|
|
|
1210
1209
|
class EditorialSuccessPanelBlockComponent {
|
|
1211
|
-
block = input.required(...(ngDevMode ? [{ debugName: "block" }] : []));
|
|
1210
|
+
block = input.required(...(ngDevMode ? [{ debugName: "block" }] : /* istanbul ignore next */ []));
|
|
1212
1211
|
actionTriggered = output();
|
|
1213
1212
|
triggerAction(action) {
|
|
1214
1213
|
this.actionTriggered.emit(action.actionId);
|
|
1215
1214
|
}
|
|
1216
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1217
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1215
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: EditorialSuccessPanelBlockComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1216
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: EditorialSuccessPanelBlockComponent, isStandalone: true, selector: "praxis-editorial-success-panel-block", inputs: { block: { classPropertyName: "block", publicName: "block", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { actionTriggered: "actionTriggered" }, ngImport: i0, template: `
|
|
1218
1217
|
<section class="success-panel" [attr.data-tone]="block().tone ?? 'success'">
|
|
1219
1218
|
@if (block().icon?.name) {
|
|
1220
1219
|
<div class="success-icon"><mat-icon aria-hidden="true" [praxisIcon]="block().icon?.name"></mat-icon></div>
|
|
@@ -1242,11 +1241,11 @@ class EditorialSuccessPanelBlockComponent {
|
|
|
1242
1241
|
</button>
|
|
1243
1242
|
}
|
|
1244
1243
|
</section>
|
|
1245
|
-
`, isInline: true, styles: [".success-panel{display:grid;gap:12px;text-align:center;padding:20px;border-radius:var(--editorial-card-radius, 18px);background:color-mix(in srgb,var(--editorial-success, #35b37e) 10%,#fff);border:1px solid color-mix(in srgb,var(--editorial-success, #35b37e) 32%,transparent);box-shadow:var(--editorial-card-shadow, none)}.success-panel[data-tone=accent]{background:color-mix(in srgb,var(--editorial-accent, #264a8a) 10%,#fff);border-color:color-mix(in srgb,var(--editorial-accent, #264a8a) 24%,transparent)}.success-panel[data-tone=neutral]{background:var(--editorial-surface-primary, #fff);border-color:var(--editorial-border-color, #d9deea)}.success-panel h3,.success-panel p,.success-panel ul{margin:0}.success-panel ul{padding-left:20px;text-align:left}.secondary-message{color:var(--editorial-text-secondary, #7b8aa0);font-size:var(--editorial-body-size, 1rem)}.success-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:999px;background:var(--editorial-success, #35b37e);color:#fff;justify-self:center;font-weight:700}.success-panel[data-tone=accent] .success-icon{background:var(--editorial-accent, #264a8a)}.success-panel[data-tone=neutral] .success-icon{background:var(--editorial-surface-secondary, #eef2f8);color:var(--editorial-text-primary, #24324a)}.success-icon mat-icon{width:20px;height:20px;font-size:20px;line-height:20px}.success-action{justify-self:center;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border:0;border-radius:var(--editorial-button-radius, var(--editorial-card-radius, 18px));background:var(--editorial-cta-primary, var(--editorial-success, #35b37e));color:var(--editorial-cta-primary-text, #fff);box-shadow:var(--editorial-card-shadow, none);cursor:pointer;font:inherit;font-weight:600}.success-action mat-icon{width:18px;height:18px;font-size:18px;line-height:18px}\n"], dependencies: [{ kind: "ngmodule", type:
|
|
1244
|
+
`, isInline: true, styles: [".success-panel{display:grid;gap:12px;text-align:center;padding:20px;border-radius:var(--editorial-card-radius, 18px);background:color-mix(in srgb,var(--editorial-success, #35b37e) 10%,#fff);border:1px solid color-mix(in srgb,var(--editorial-success, #35b37e) 32%,transparent);box-shadow:var(--editorial-card-shadow, none)}.success-panel[data-tone=accent]{background:color-mix(in srgb,var(--editorial-accent, #264a8a) 10%,#fff);border-color:color-mix(in srgb,var(--editorial-accent, #264a8a) 24%,transparent)}.success-panel[data-tone=neutral]{background:var(--editorial-surface-primary, #fff);border-color:var(--editorial-border-color, #d9deea)}.success-panel h3,.success-panel p,.success-panel ul{margin:0}.success-panel ul{padding-left:20px;text-align:left}.secondary-message{color:var(--editorial-text-secondary, #7b8aa0);font-size:var(--editorial-body-size, 1rem)}.success-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:999px;background:var(--editorial-success, #35b37e);color:#fff;justify-self:center;font-weight:700}.success-panel[data-tone=accent] .success-icon{background:var(--editorial-accent, #264a8a)}.success-panel[data-tone=neutral] .success-icon{background:var(--editorial-surface-secondary, #eef2f8);color:var(--editorial-text-primary, #24324a)}.success-icon mat-icon{width:20px;height:20px;font-size:20px;line-height:20px}.success-action{justify-self:center;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border:0;border-radius:var(--editorial-button-radius, var(--editorial-card-radius, 18px));background:var(--editorial-cta-primary, var(--editorial-success, #35b37e));color:var(--editorial-cta-primary-text, #fff);box-shadow:var(--editorial-card-shadow, none);cursor:pointer;font:inherit;font-weight:600}.success-action mat-icon{width:18px;height:18px;font-size:18px;line-height:18px}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1246
1245
|
}
|
|
1247
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1246
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: EditorialSuccessPanelBlockComponent, decorators: [{
|
|
1248
1247
|
type: Component,
|
|
1249
|
-
args: [{ selector: 'praxis-editorial-success-panel-block', standalone: true, imports: [
|
|
1248
|
+
args: [{ selector: 'praxis-editorial-success-panel-block', standalone: true, imports: [MatIconModule, PraxisIconDirective], template: `
|
|
1250
1249
|
<section class="success-panel" [attr.data-tone]="block().tone ?? 'success'">
|
|
1251
1250
|
@if (block().icon?.name) {
|
|
1252
1251
|
<div class="success-icon"><mat-icon aria-hidden="true" [praxisIcon]="block().icon?.name"></mat-icon></div>
|
|
@@ -1278,27 +1277,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
|
|
|
1278
1277
|
}], propDecorators: { block: [{ type: i0.Input, args: [{ isSignal: true, alias: "block", required: true }] }], actionTriggered: [{ type: i0.Output, args: ["actionTriggered"] }] } });
|
|
1279
1278
|
|
|
1280
1279
|
class EditorialBlockRendererComponent {
|
|
1281
|
-
block = input.required(...(ngDevMode ? [{ debugName: "block" }] : []));
|
|
1282
|
-
runtimeContext = input(null, ...(ngDevMode ? [{ debugName: "runtimeContext" }] : []));
|
|
1283
|
-
solution = input(null, ...(ngDevMode ? [{ debugName: "solution" }] : []));
|
|
1284
|
-
instance = input(null, ...(ngDevMode ? [{ debugName: "instance" }] : []));
|
|
1280
|
+
block = input.required(...(ngDevMode ? [{ debugName: "block" }] : /* istanbul ignore next */ []));
|
|
1281
|
+
runtimeContext = input(null, ...(ngDevMode ? [{ debugName: "runtimeContext" }] : /* istanbul ignore next */ []));
|
|
1282
|
+
solution = input(null, ...(ngDevMode ? [{ debugName: "solution" }] : /* istanbul ignore next */ []));
|
|
1283
|
+
instance = input(null, ...(ngDevMode ? [{ debugName: "instance" }] : /* istanbul ignore next */ []));
|
|
1285
1284
|
runtimeContextChange = output();
|
|
1286
1285
|
operationalEvent = output();
|
|
1287
1286
|
blockAction = output();
|
|
1288
|
-
introHero = computed(() => this.block(), ...(ngDevMode ? [{ debugName: "introHero" }] : []));
|
|
1289
|
-
hero = computed(() => this.block(), ...(ngDevMode ? [{ debugName: "hero" }] : []));
|
|
1290
|
-
richText = computed(() => this.block(), ...(ngDevMode ? [{ debugName: "richText" }] : []));
|
|
1291
|
-
policyList = computed(() => this.block(), ...(ngDevMode ? [{ debugName: "policyList" }] : []));
|
|
1292
|
-
timeline = computed(() => this.block(), ...(ngDevMode ? [{ debugName: "timeline" }] : []));
|
|
1293
|
-
review = computed(() => this.block(), ...(ngDevMode ? [{ debugName: "review" }] : []));
|
|
1294
|
-
reviewSections = computed(() => this.block(), ...(ngDevMode ? [{ debugName: "reviewSections" }] : []));
|
|
1295
|
-
contextSummary = computed(() => this.block(), ...(ngDevMode ? [{ debugName: "contextSummary" }] : []));
|
|
1296
|
-
selectionCards = computed(() => this.block(), ...(ngDevMode ? [{ debugName: "selectionCards" }] : []));
|
|
1297
|
-
infoCards = computed(() => this.block(), ...(ngDevMode ? [{ debugName: "infoCards" }] : []));
|
|
1298
|
-
successPanel = computed(() => this.block(), ...(ngDevMode ? [{ debugName: "successPanel" }] : []));
|
|
1299
|
-
faq = computed(() => this.block(), ...(ngDevMode ? [{ debugName: "faq" }] : []));
|
|
1300
|
-
dataCollection = computed(() => this.block(), ...(ngDevMode ? [{ debugName: "dataCollection" }] : []));
|
|
1301
|
-
customWidget = computed(() => this.block(), ...(ngDevMode ? [{ debugName: "customWidget" }] : []));
|
|
1287
|
+
introHero = computed(() => this.block(), ...(ngDevMode ? [{ debugName: "introHero" }] : /* istanbul ignore next */ []));
|
|
1288
|
+
hero = computed(() => this.block(), ...(ngDevMode ? [{ debugName: "hero" }] : /* istanbul ignore next */ []));
|
|
1289
|
+
richText = computed(() => this.block(), ...(ngDevMode ? [{ debugName: "richText" }] : /* istanbul ignore next */ []));
|
|
1290
|
+
policyList = computed(() => this.block(), ...(ngDevMode ? [{ debugName: "policyList" }] : /* istanbul ignore next */ []));
|
|
1291
|
+
timeline = computed(() => this.block(), ...(ngDevMode ? [{ debugName: "timeline" }] : /* istanbul ignore next */ []));
|
|
1292
|
+
review = computed(() => this.block(), ...(ngDevMode ? [{ debugName: "review" }] : /* istanbul ignore next */ []));
|
|
1293
|
+
reviewSections = computed(() => this.block(), ...(ngDevMode ? [{ debugName: "reviewSections" }] : /* istanbul ignore next */ []));
|
|
1294
|
+
contextSummary = computed(() => this.block(), ...(ngDevMode ? [{ debugName: "contextSummary" }] : /* istanbul ignore next */ []));
|
|
1295
|
+
selectionCards = computed(() => this.block(), ...(ngDevMode ? [{ debugName: "selectionCards" }] : /* istanbul ignore next */ []));
|
|
1296
|
+
infoCards = computed(() => this.block(), ...(ngDevMode ? [{ debugName: "infoCards" }] : /* istanbul ignore next */ []));
|
|
1297
|
+
successPanel = computed(() => this.block(), ...(ngDevMode ? [{ debugName: "successPanel" }] : /* istanbul ignore next */ []));
|
|
1298
|
+
faq = computed(() => this.block(), ...(ngDevMode ? [{ debugName: "faq" }] : /* istanbul ignore next */ []));
|
|
1299
|
+
dataCollection = computed(() => this.block(), ...(ngDevMode ? [{ debugName: "dataCollection" }] : /* istanbul ignore next */ []));
|
|
1300
|
+
customWidget = computed(() => this.block(), ...(ngDevMode ? [{ debugName: "customWidget" }] : /* istanbul ignore next */ []));
|
|
1302
1301
|
resolveValue(valuePath, fallback = '-') {
|
|
1303
1302
|
if (!valuePath) {
|
|
1304
1303
|
return fallback;
|
|
@@ -1313,8 +1312,8 @@ class EditorialBlockRendererComponent {
|
|
|
1313
1312
|
}
|
|
1314
1313
|
return valuePath ? `${contextPath}.${valuePath}` : contextPath;
|
|
1315
1314
|
}
|
|
1316
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1317
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1315
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: EditorialBlockRendererComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1316
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: EditorialBlockRendererComponent, isStandalone: true, selector: "praxis-editorial-block-renderer", inputs: { block: { classPropertyName: "block", publicName: "block", isSignal: true, isRequired: true, transformFunction: null }, runtimeContext: { classPropertyName: "runtimeContext", publicName: "runtimeContext", isSignal: true, isRequired: false, transformFunction: null }, solution: { classPropertyName: "solution", publicName: "solution", isSignal: true, isRequired: false, transformFunction: null }, instance: { classPropertyName: "instance", publicName: "instance", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { runtimeContextChange: "runtimeContextChange", operationalEvent: "operationalEvent", blockAction: "blockAction" }, ngImport: i0, template: `
|
|
1318
1317
|
@switch (block().kind) {
|
|
1319
1318
|
@case ('introHero') {
|
|
1320
1319
|
<praxis-editorial-intro-hero-block
|
|
@@ -1488,18 +1487,17 @@ class EditorialBlockRendererComponent {
|
|
|
1488
1487
|
/>
|
|
1489
1488
|
}
|
|
1490
1489
|
}
|
|
1491
|
-
`, isInline: true, styles: [":host{display:block}.block-card{display:grid;gap:12px;padding:18px;border-radius:18px;background:var(--md-sys-color-surface-container-low, #f7f2fa);border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant, #cac4d0) 65%,transparent)}.eyebrow{margin:0;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--md-sys-color-primary, #6750a4)}h3,p,ul,ol,dl{margin:0}.description,.content,.timeline-item span,.policy-item p,.info-card p,.faq-item p{color:var(--md-sys-color-on-surface-variant, #49454f)}.hero-block h3 span{color:var(--md-sys-color-primary, #6750a4)}.review-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.review-grid dt{margin-bottom:4px;font-size:.78rem;color:var(--md-sys-color-on-surface-variant, #49454f)}.review-grid dd{margin:0;font-weight:600}.list-reset{list-style:none;padding:0;margin:0}.stack-sm{display:grid;gap:10px}.timeline{display:grid;gap:12px;padding-left:18px;margin:0}.timeline-item{display:grid;gap:4px}.policy-item,.faq-item,.info-card{padding:12px;border-radius:14px;background:var(--md-sys-color-surface, #fff)}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.notice-block{border-left:4px solid var(--md-sys-color-primary, #6750a4)}\n"], dependencies: [{ kind: "
|
|
1490
|
+
`, isInline: true, styles: [":host{display:block}.block-card{display:grid;gap:12px;padding:18px;border-radius:18px;background:var(--md-sys-color-surface-container-low, #f7f2fa);border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant, #cac4d0) 65%,transparent)}.eyebrow{margin:0;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--md-sys-color-primary, #6750a4)}h3,p,ul,ol,dl{margin:0}.description,.content,.timeline-item span,.policy-item p,.info-card p,.faq-item p{color:var(--md-sys-color-on-surface-variant, #49454f)}.hero-block h3 span{color:var(--md-sys-color-primary, #6750a4)}.review-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.review-grid dt{margin-bottom:4px;font-size:.78rem;color:var(--md-sys-color-on-surface-variant, #49454f)}.review-grid dd{margin:0;font-weight:600}.list-reset{list-style:none;padding:0;margin:0}.stack-sm{display:grid;gap:10px}.timeline{display:grid;gap:12px;padding-left:18px;margin:0}.timeline-item{display:grid;gap:4px}.policy-item,.faq-item,.info-card{padding:12px;border-radius:14px;background:var(--md-sys-color-surface, #fff)}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.notice-block{border-left:4px solid var(--md-sys-color-primary, #6750a4)}\n"], dependencies: [{ kind: "directive", type: DynamicWidgetLoaderDirective, selector: "[dynamicWidgetLoader]", inputs: ["dynamicWidgetLoader", "ownerWidgetKey", "context", "strictValidation", "autoWireOutputs"], outputs: ["widgetEvent", "widgetDiagnostic"], exportAs: ["dynamicWidgetLoader"] }, { kind: "component", type: EditorialDataCollectionBlockOutletComponent, selector: "praxis-editorial-data-collection-block-outlet", inputs: ["block", "runtimeContext", "solution", "instance"], outputs: ["runtimeContextChange", "operationalEvent"] }, { kind: "component", type: EditorialIntroHeroBlockComponent, selector: "praxis-editorial-intro-hero-block", inputs: ["block"], outputs: ["actionTriggered"] }, { kind: "component", type: EditorialSelectionCardsBlockComponent, selector: "praxis-editorial-selection-cards-block", inputs: ["block", "runtimeContext"], outputs: ["runtimeContextChange", "valueChange"] }, { kind: "component", type: EditorialReviewSectionsBlockComponent, selector: "praxis-editorial-review-sections-block", inputs: ["block", "runtimeContext"] }, { kind: "component", type: EditorialSuccessPanelBlockComponent, selector: "praxis-editorial-success-panel-block", inputs: ["block"], outputs: ["actionTriggered"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1492
1491
|
}
|
|
1493
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1492
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: EditorialBlockRendererComponent, decorators: [{
|
|
1494
1493
|
type: Component,
|
|
1495
1494
|
args: [{ selector: 'praxis-editorial-block-renderer', standalone: true, imports: [
|
|
1496
|
-
CommonModule,
|
|
1497
1495
|
DynamicWidgetLoaderDirective,
|
|
1498
1496
|
EditorialDataCollectionBlockOutletComponent,
|
|
1499
1497
|
EditorialIntroHeroBlockComponent,
|
|
1500
1498
|
EditorialSelectionCardsBlockComponent,
|
|
1501
1499
|
EditorialReviewSectionsBlockComponent,
|
|
1502
|
-
EditorialSuccessPanelBlockComponent
|
|
1500
|
+
EditorialSuccessPanelBlockComponent
|
|
1503
1501
|
], template: `
|
|
1504
1502
|
@switch (block().kind) {
|
|
1505
1503
|
@case ('introHero') {
|
|
@@ -1719,16 +1717,16 @@ function getStepDisplayState(step, steps, activeStepId, isBlocked) {
|
|
|
1719
1717
|
|
|
1720
1718
|
class EditorialStepperComponent {
|
|
1721
1719
|
i18n = inject(PraxisI18nService);
|
|
1722
|
-
steps = input.required(...(ngDevMode ? [{ debugName: "steps" }] : []));
|
|
1723
|
-
activeStepId = input(null, ...(ngDevMode ? [{ debugName: "activeStepId" }] : []));
|
|
1724
|
-
config = input(null, ...(ngDevMode ? [{ debugName: "config" }] : []));
|
|
1725
|
-
orientation = input('horizontal', ...(ngDevMode ? [{ debugName: "orientation" }] : []));
|
|
1726
|
-
progressionBlocked = input(false, ...(ngDevMode ? [{ debugName: "progressionBlocked" }] : []));
|
|
1727
|
-
isStepSelectionBlocked = input(() => false, ...(ngDevMode ? [{ debugName: "isStepSelectionBlocked" }] : []));
|
|
1720
|
+
steps = input.required(...(ngDevMode ? [{ debugName: "steps" }] : /* istanbul ignore next */ []));
|
|
1721
|
+
activeStepId = input(null, ...(ngDevMode ? [{ debugName: "activeStepId" }] : /* istanbul ignore next */ []));
|
|
1722
|
+
config = input(null, ...(ngDevMode ? [{ debugName: "config" }] : /* istanbul ignore next */ []));
|
|
1723
|
+
orientation = input('horizontal', ...(ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []));
|
|
1724
|
+
progressionBlocked = input(false, ...(ngDevMode ? [{ debugName: "progressionBlocked" }] : /* istanbul ignore next */ []));
|
|
1725
|
+
isStepSelectionBlocked = input(() => false, ...(ngDevMode ? [{ debugName: "isStepSelectionBlocked" }] : /* istanbul ignore next */ []));
|
|
1728
1726
|
stepSelected = output();
|
|
1729
|
-
effectiveOrientation = computed(() => this.config()?.orientation ?? this.orientation(), ...(ngDevMode ? [{ debugName: "effectiveOrientation" }] : []));
|
|
1730
|
-
stepperVariant = computed(() => this.config()?.variant ?? 'icon-label', ...(ngDevMode ? [{ debugName: "stepperVariant" }] : []));
|
|
1731
|
-
stepperAriaLabel = computed(() => this.t('stepper.ariaLabel', 'Etapas da jornada'), ...(ngDevMode ? [{ debugName: "stepperAriaLabel" }] : []));
|
|
1727
|
+
effectiveOrientation = computed(() => this.config()?.orientation ?? this.orientation(), ...(ngDevMode ? [{ debugName: "effectiveOrientation" }] : /* istanbul ignore next */ []));
|
|
1728
|
+
stepperVariant = computed(() => this.config()?.variant ?? 'icon-label', ...(ngDevMode ? [{ debugName: "stepperVariant" }] : /* istanbul ignore next */ []));
|
|
1729
|
+
stepperAriaLabel = computed(() => this.t('stepper.ariaLabel', 'Etapas da jornada'), ...(ngDevMode ? [{ debugName: "stepperAriaLabel" }] : /* istanbul ignore next */ []));
|
|
1732
1730
|
stepState(step) {
|
|
1733
1731
|
return getStepDisplayState(step, this.steps(), this.activeStepId(), this.progressionBlocked());
|
|
1734
1732
|
}
|
|
@@ -1774,8 +1772,8 @@ class EditorialStepperComponent {
|
|
|
1774
1772
|
t(key, fallback) {
|
|
1775
1773
|
return this.i18n.t(`praxis.editorialForms.${key}`, undefined, fallback);
|
|
1776
1774
|
}
|
|
1777
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1778
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1775
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: EditorialStepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1776
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: EditorialStepperComponent, isStandalone: true, selector: "praxis-editorial-stepper", inputs: { steps: { classPropertyName: "steps", publicName: "steps", isSignal: true, isRequired: true, transformFunction: null }, activeStepId: { classPropertyName: "activeStepId", publicName: "activeStepId", isSignal: true, isRequired: false, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, progressionBlocked: { classPropertyName: "progressionBlocked", publicName: "progressionBlocked", isSignal: true, isRequired: false, transformFunction: null }, isStepSelectionBlocked: { classPropertyName: "isStepSelectionBlocked", publicName: "isStepSelectionBlocked", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { stepSelected: "stepSelected" }, ngImport: i0, template: `
|
|
1779
1777
|
<ol
|
|
1780
1778
|
class="steps-nav"
|
|
1781
1779
|
[class.vertical]="effectiveOrientation() === 'vertical'"
|
|
@@ -1832,11 +1830,11 @@ class EditorialStepperComponent {
|
|
|
1832
1830
|
</li>
|
|
1833
1831
|
}
|
|
1834
1832
|
</ol>
|
|
1835
|
-
`, isInline: true, styles: [":host{display:block}.steps-nav{--step-indicator-size: 42px;--step-copy-padding-block: 12px;--step-copy-padding-inline: 14px;--step-copy-width: minmax(0, 176px);--step-gap: 16px;--step-connector-offset: 26px;--step-connector-size: 4px;display:flex;align-items:flex-start;gap:var(--step-gap);list-style:none;padding:0;margin:0;width:100%}.steps-nav.horizontal[data-align=center]{justify-content:center}.steps-nav.horizontal[data-align=space-between]{justify-content:space-between}.steps-nav.horizontal[data-align=space-between] .stepper-item{flex:1 1 0}.steps-nav.horizontal[data-align=start] .stepper-item,.steps-nav.horizontal[data-align=center] .stepper-item{flex:0 1 196px}.steps-nav.vertical{flex-direction:column;gap:14px}.stepper-item{display:flex;align-items:flex-start;gap:var(--step-gap);min-width:0}.steps-nav.vertical .stepper-item{align-items:stretch;flex-direction:column;gap:10px}.step-chip{position:relative;display:inline-flex;flex-direction:column;align-items:center;gap:12px;width:100%;min-width:0;padding:0;border:0;background:transparent;color:var(--editorial-text-primary, #24324a);cursor:pointer;text-align:center;transition:transform .18s ease,opacity .18s ease}.step-chip:hover:not([disabled]){transform:translateY(-1px)}.step-chip:focus-visible{outline:3px solid var(--editorial-step-active, var(--editorial-accent, #264a8a));outline:3px solid color-mix(in srgb,var(--editorial-step-active, var(--editorial-accent, #264a8a)) 32%,white);outline-offset:6px;border-radius:calc(var(--editorial-card-radius, 22px) + 4px)}.steps-nav[data-size=sm]{--step-indicator-size: 34px;--step-copy-padding-block: 9px;--step-copy-padding-inline: 12px;--step-copy-width: minmax(0, 132px);--step-gap: 12px;--step-connector-offset: 21px}.steps-nav[data-size=lg]{--step-indicator-size: 52px;--step-copy-padding-block: 15px;--step-copy-padding-inline: 18px;--step-copy-width: minmax(0, 220px);--step-gap: 20px;--step-connector-offset: 32px}.step-chip[disabled]{opacity:.72;cursor:not-allowed;transform:none}.step-icon{display:inline-flex;align-items:center;justify-content:center;width:var(--step-indicator-size);height:var(--step-indicator-size);border-radius:999px;border:1px solid var(--editorial-border-color, #d9deea);border:1px solid color-mix(in srgb,var(--editorial-border-color, #d9deea) 74%,white);background:var(--editorial-step-pending, #eef1f7);background:radial-gradient(circle at 30% 30%,color-mix(in srgb,var(--editorial-surface-primary, #fff) 86%,white),color-mix(in srgb,var(--editorial-step-pending, #eef1f7) 92%,white));color:var(--editorial-text-secondary, #7b8aa0);font-size:.82rem;font-weight:700;flex:0 0 auto;box-shadow:inset 0 1px #ffffffeb,0 10px 22px #14274414;transition:background .18s ease,color .18s ease,box-shadow .18s ease,border-color .18s ease}.step-icon mat-icon{width:18px;height:18px;font-size:18px;line-height:18px}.steps-nav[data-size=lg] .step-icon mat-icon{width:22px;height:22px;font-size:22px;line-height:22px}.step-chip.active .step-icon{border-color:var(--editorial-step-active, var(--editorial-accent, #264a8a));background:var(--editorial-step-active, var(--editorial-accent, #264a8a));border-color:color-mix(in srgb,var(--editorial-step-active, var(--editorial-accent, #264a8a)) 62%,white);color:var(--editorial-accent-contrast, #fff);box-shadow:0 0 0 var(--editorial-active-step-border-width, 2px) color-mix(in srgb,var(--editorial-accent, #264a8a) 20%,transparent),0 16px 28px color-mix(in srgb,var(--editorial-step-active, var(--editorial-accent, #264a8a)) 22%,transparent)}.step-chip.completed .step-icon{border-color:var(--editorial-step-completed, var(--editorial-success, #35b37e));background:var(--editorial-step-completed, var(--editorial-success, #35b37e));border-color:color-mix(in srgb,var(--editorial-step-completed, var(--editorial-success, #35b37e)) 66%,white);color:#fff;box-shadow:0 14px 24px color-mix(in srgb,var(--editorial-step-completed, var(--editorial-success, #35b37e)) 20%,transparent)}.step-chip.blocked .step-icon{border-color:var(--editorial-step-blocked, var(--editorial-warning, #f28c38));background:var(--editorial-step-blocked, var(--editorial-warning, #f28c38));border-color:color-mix(in srgb,var(--editorial-step-blocked, var(--editorial-warning, #f28c38)) 66%,white);color:#fff;box-shadow:0 14px 24px color-mix(in srgb,var(--editorial-step-blocked, var(--editorial-warning, #f28c38)) 18%,transparent)}.step-copy{display:grid;gap:4px;min-width:0;width:var(--step-copy-width);padding:var(--step-copy-padding-block) var(--step-copy-padding-inline);border-radius:calc(var(--editorial-card-radius, 22px) - 4px);border:1px solid var(--editorial-border-color, #d9deea);border:1px solid color-mix(in srgb,var(--editorial-border-color, #d9deea) 92%,white);background:var(--editorial-surface-primary, #fff);background:linear-gradient(180deg,color-mix(in srgb,var(--editorial-surface-primary, #fff) 96%,white),color-mix(in srgb,var(--editorial-surface-secondary, #f6f8fc) 74%,white));box-shadow:0 16px 32px #14274414;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.step-chip.active .step-copy{border-color:var(--editorial-step-active, var(--editorial-accent, #264a8a));background:var(--editorial-surface-primary, #fff);border-color:color-mix(in srgb,var(--editorial-step-active, var(--editorial-accent, #264a8a)) 32%,var(--editorial-border-color, #d9deea));background:linear-gradient(180deg,color-mix(in srgb,var(--editorial-surface-primary, #fff) 90%,white),color-mix(in srgb,var(--editorial-step-active, var(--editorial-accent, #264a8a)) 8%,var(--editorial-surface-primary, #fff)));box-shadow:0 18px 36px #1427441a,0 0 0 1px color-mix(in srgb,var(--editorial-step-active, var(--editorial-accent, #264a8a)) 12%,transparent)}.step-chip.completed .step-copy{border-color:var(--editorial-step-completed, var(--editorial-success, #35b37e));background:var(--editorial-surface-primary, #fff);border-color:color-mix(in srgb,var(--editorial-step-completed, var(--editorial-success, #35b37e)) 34%,var(--editorial-border-color, #d9deea));background:linear-gradient(180deg,color-mix(in srgb,var(--editorial-surface-primary, #fff) 88%,white),color-mix(in srgb,var(--editorial-step-completed, var(--editorial-success, #35b37e)) 8%,var(--editorial-surface-primary, #fff)))}.step-chip.blocked .step-copy{border-color:var(--editorial-step-blocked, var(--editorial-warning, #f28c38));background:var(--editorial-surface-primary, #fff);border-color:color-mix(in srgb,var(--editorial-step-blocked, var(--editorial-warning, #f28c38)) 38%,var(--editorial-border-color, #d9deea));background:linear-gradient(180deg,color-mix(in srgb,var(--editorial-surface-primary, #fff) 90%,white),color-mix(in srgb,var(--editorial-step-blocked, var(--editorial-warning, #f28c38)) 10%,var(--editorial-surface-primary, #fff)))}.step-label{font-weight:700;line-height:1.25;white-space:normal}.step-description{color:var(--editorial-text-secondary, #7b8aa0);font-size:.85rem;line-height:1.35}.step-connector{display:block;flex:1 1 auto;align-self:flex-start;min-width:40px;margin-top:var(--step-connector-offset);height:var(--step-connector-size);background:var(--editorial-connector, #8fd8c0);background:linear-gradient(90deg,color-mix(in srgb,var(--editorial-border-color, #d9deea) 58%,white),color-mix(in srgb,var(--editorial-connector, #8fd8c0) 72%,white));border-radius:999px;opacity:.92}.steps-nav.vertical .step-connector{width:var(--step-connector-size);min-width:var(--step-connector-size);min-height:28px;margin-top:0;margin-left:calc((var(--step-indicator-size) / 2) - (var(--step-connector-size) / 2));height:32px}.step-connector[data-style=dashed]{background:repeating-linear-gradient(90deg,var(--editorial-connector, #8fd8c0) 0 8px,transparent 8px 14px)}.steps-nav.vertical .step-connector[data-style=dashed]{background:repeating-linear-gradient(180deg,var(--editorial-connector, #8fd8c0) 0 8px,transparent 8px 14px)}.step-connector[data-style=soft]{height:8px;background:var(--editorial-connector, #8fd8c0);background:linear-gradient(90deg,color-mix(in srgb,var(--editorial-connector, #8fd8c0) 24%,transparent),color-mix(in srgb,var(--editorial-connector, #8fd8c0) 88%,white) 55%,color-mix(in srgb,var(--editorial-connector, #8fd8c0) 24%,transparent))}.steps-nav.vertical .step-connector[data-style=soft]{width:8px;min-width:8px;height:32px;background:var(--editorial-connector, #8fd8c0);background:linear-gradient(180deg,color-mix(in srgb,var(--editorial-connector, #8fd8c0) 24%,transparent),color-mix(in srgb,var(--editorial-connector, #8fd8c0) 88%,white) 55%,color-mix(in srgb,var(--editorial-connector, #8fd8c0) 24%,transparent))}.step-connector[data-state=completed]{background:var(--editorial-step-completed, var(--editorial-success, #35b37e));background:linear-gradient(90deg,color-mix(in srgb,var(--editorial-step-completed, var(--editorial-success, #35b37e)) 92%,white),color-mix(in srgb,var(--editorial-connector, #8fd8c0) 82%,white))}.step-connector[data-state=active]{background:var(--editorial-step-active, var(--editorial-accent, #264a8a));background:linear-gradient(90deg,color-mix(in srgb,var(--editorial-step-active, var(--editorial-accent, #264a8a)) 86%,white),color-mix(in srgb,var(--editorial-connector, #8fd8c0) 84%,white) 60%,color-mix(in srgb,var(--editorial-border-color, #d9deea) 48%,white))}.step-connector[data-state=blocked]{background:var(--editorial-step-blocked, var(--editorial-warning, #f28c38));background:linear-gradient(90deg,color-mix(in srgb,var(--editorial-step-blocked, var(--editorial-warning, #f28c38)) 78%,white),color-mix(in srgb,var(--editorial-border-color, #d9deea) 48%,white))}.steps-nav[data-variant=simple] .step-copy,.steps-nav[data-variant=simple] .step-description,.steps-nav[data-variant=icon] .step-description{display:none}.steps-nav[data-variant=simple] .step-chip,.steps-nav[data-variant=icon] .step-chip{gap:8px}.steps-nav.horizontal[data-variant=simple] .stepper-item,.steps-nav.horizontal[data-variant=icon] .stepper-item{align-items:center}.steps-nav[data-variant=rich] .step-copy{border-radius:var(--editorial-card-radius, 22px);box-shadow:0 20px 36px #14274417,0 0 0 1px #ffffff8c}.steps-nav.horizontal[data-variant=rich] .step-chip{align-items:stretch}.steps-nav.horizontal[data-variant=rich] .step-copy{text-align:left}.steps-nav.vertical .step-chip{flex-direction:row;align-items:center;justify-content:flex-start;text-align:left;gap:14px}.steps-nav.vertical .step-copy{width:100%}@media(max-width:860px){.steps-nav.horizontal{flex-direction:column;gap:12px}.steps-nav.horizontal .stepper-item{flex:none}.steps-nav.horizontal .step-chip{flex-direction:row;align-items:center;justify-content:flex-start;text-align:left}.steps-nav.horizontal .step-copy{width:100%}.steps-nav.horizontal .step-connector{width:var(--step-connector-size);min-width:var(--step-connector-size);min-height:24px;margin-top:0;margin-left:calc((var(--step-indicator-size) / 2) - (var(--step-connector-size) / 2));height:24px}.steps-nav.horizontal .step-connector[data-style=dashed]{background:repeating-linear-gradient(180deg,var(--editorial-connector, #8fd8c0) 0 8px,transparent 8px 14px)}.steps-nav.horizontal .step-connector[data-style=soft]{width:8px;min-width:8px;height:24px;background:var(--editorial-connector, #8fd8c0);background:linear-gradient(180deg,color-mix(in srgb,var(--editorial-connector, #8fd8c0) 24%,transparent),color-mix(in srgb,var(--editorial-connector, #8fd8c0) 88%,white) 55%,color-mix(in srgb,var(--editorial-connector, #8fd8c0) 24%,transparent))}}@media(prefers-reduced-motion:reduce){.step-chip,.step-icon,.step-copy{transition:none}.step-chip:hover:not([disabled]){transform:none}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1833
|
+
`, isInline: true, styles: [":host{display:block}.steps-nav{--step-indicator-size: 42px;--step-copy-padding-block: 12px;--step-copy-padding-inline: 14px;--step-copy-width: minmax(0, 176px);--step-gap: 16px;--step-connector-offset: 26px;--step-connector-size: 4px;display:flex;align-items:flex-start;gap:var(--step-gap);list-style:none;padding:0;margin:0;width:100%}.steps-nav.horizontal[data-align=center]{justify-content:center}.steps-nav.horizontal[data-align=space-between]{justify-content:space-between}.steps-nav.horizontal[data-align=space-between] .stepper-item{flex:1 1 0}.steps-nav.horizontal[data-align=start] .stepper-item,.steps-nav.horizontal[data-align=center] .stepper-item{flex:0 1 196px}.steps-nav.vertical{flex-direction:column;gap:14px}.stepper-item{display:flex;align-items:flex-start;gap:var(--step-gap);min-width:0}.steps-nav.vertical .stepper-item{align-items:stretch;flex-direction:column;gap:10px}.step-chip{position:relative;display:inline-flex;flex-direction:column;align-items:center;gap:12px;width:100%;min-width:0;padding:0;border:0;background:transparent;color:var(--editorial-text-primary, #24324a);cursor:pointer;text-align:center;transition:transform .18s ease,opacity .18s ease}.step-chip:hover:not([disabled]){transform:translateY(-1px)}.step-chip:focus-visible{outline:3px solid var(--editorial-step-active, var(--editorial-accent, #264a8a));outline:3px solid color-mix(in srgb,var(--editorial-step-active, var(--editorial-accent, #264a8a)) 32%,white);outline-offset:6px;border-radius:calc(var(--editorial-card-radius, 22px) + 4px)}.steps-nav[data-size=sm]{--step-indicator-size: 34px;--step-copy-padding-block: 9px;--step-copy-padding-inline: 12px;--step-copy-width: minmax(0, 132px);--step-gap: 12px;--step-connector-offset: 21px}.steps-nav[data-size=lg]{--step-indicator-size: 52px;--step-copy-padding-block: 15px;--step-copy-padding-inline: 18px;--step-copy-width: minmax(0, 220px);--step-gap: 20px;--step-connector-offset: 32px}.step-chip[disabled]{opacity:.72;cursor:not-allowed;transform:none}.step-icon{display:inline-flex;align-items:center;justify-content:center;width:var(--step-indicator-size);height:var(--step-indicator-size);border-radius:999px;border:1px solid var(--editorial-border-color, #d9deea);border:1px solid color-mix(in srgb,var(--editorial-border-color, #d9deea) 74%,white);background:var(--editorial-step-pending, #eef1f7);background:radial-gradient(circle at 30% 30%,color-mix(in srgb,var(--editorial-surface-primary, #fff) 86%,white),color-mix(in srgb,var(--editorial-step-pending, #eef1f7) 92%,white));color:var(--editorial-text-secondary, #7b8aa0);font-size:.82rem;font-weight:700;flex:0 0 auto;box-shadow:inset 0 1px #ffffffeb,0 10px 22px #14274414;transition:background .18s ease,color .18s ease,box-shadow .18s ease,border-color .18s ease}.step-icon mat-icon{width:18px;height:18px;font-size:18px;line-height:18px}.steps-nav[data-size=lg] .step-icon mat-icon{width:22px;height:22px;font-size:22px;line-height:22px}.step-chip.active .step-icon{border-color:var(--editorial-step-active, var(--editorial-accent, #264a8a));background:var(--editorial-step-active, var(--editorial-accent, #264a8a));border-color:color-mix(in srgb,var(--editorial-step-active, var(--editorial-accent, #264a8a)) 62%,white);color:var(--editorial-accent-contrast, #fff);box-shadow:0 0 0 var(--editorial-active-step-border-width, 2px) color-mix(in srgb,var(--editorial-accent, #264a8a) 20%,transparent),0 16px 28px color-mix(in srgb,var(--editorial-step-active, var(--editorial-accent, #264a8a)) 22%,transparent)}.step-chip.completed .step-icon{border-color:var(--editorial-step-completed, var(--editorial-success, #35b37e));background:var(--editorial-step-completed, var(--editorial-success, #35b37e));border-color:color-mix(in srgb,var(--editorial-step-completed, var(--editorial-success, #35b37e)) 66%,white);color:#fff;box-shadow:0 14px 24px color-mix(in srgb,var(--editorial-step-completed, var(--editorial-success, #35b37e)) 20%,transparent)}.step-chip.blocked .step-icon{border-color:var(--editorial-step-blocked, var(--editorial-warning, #f28c38));background:var(--editorial-step-blocked, var(--editorial-warning, #f28c38));border-color:color-mix(in srgb,var(--editorial-step-blocked, var(--editorial-warning, #f28c38)) 66%,white);color:#fff;box-shadow:0 14px 24px color-mix(in srgb,var(--editorial-step-blocked, var(--editorial-warning, #f28c38)) 18%,transparent)}.step-copy{display:grid;gap:4px;min-width:0;width:var(--step-copy-width);padding:var(--step-copy-padding-block) var(--step-copy-padding-inline);border-radius:calc(var(--editorial-card-radius, 22px) - 4px);border:1px solid var(--editorial-border-color, #d9deea);border:1px solid color-mix(in srgb,var(--editorial-border-color, #d9deea) 92%,white);background:var(--editorial-surface-primary, #fff);background:linear-gradient(180deg,color-mix(in srgb,var(--editorial-surface-primary, #fff) 96%,white),color-mix(in srgb,var(--editorial-surface-secondary, #f6f8fc) 74%,white));box-shadow:0 16px 32px #14274414;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.step-chip.active .step-copy{border-color:var(--editorial-step-active, var(--editorial-accent, #264a8a));background:var(--editorial-surface-primary, #fff);border-color:color-mix(in srgb,var(--editorial-step-active, var(--editorial-accent, #264a8a)) 32%,var(--editorial-border-color, #d9deea));background:linear-gradient(180deg,color-mix(in srgb,var(--editorial-surface-primary, #fff) 90%,white),color-mix(in srgb,var(--editorial-step-active, var(--editorial-accent, #264a8a)) 8%,var(--editorial-surface-primary, #fff)));box-shadow:0 18px 36px #1427441a,0 0 0 1px color-mix(in srgb,var(--editorial-step-active, var(--editorial-accent, #264a8a)) 12%,transparent)}.step-chip.completed .step-copy{border-color:var(--editorial-step-completed, var(--editorial-success, #35b37e));background:var(--editorial-surface-primary, #fff);border-color:color-mix(in srgb,var(--editorial-step-completed, var(--editorial-success, #35b37e)) 34%,var(--editorial-border-color, #d9deea));background:linear-gradient(180deg,color-mix(in srgb,var(--editorial-surface-primary, #fff) 88%,white),color-mix(in srgb,var(--editorial-step-completed, var(--editorial-success, #35b37e)) 8%,var(--editorial-surface-primary, #fff)))}.step-chip.blocked .step-copy{border-color:var(--editorial-step-blocked, var(--editorial-warning, #f28c38));background:var(--editorial-surface-primary, #fff);border-color:color-mix(in srgb,var(--editorial-step-blocked, var(--editorial-warning, #f28c38)) 38%,var(--editorial-border-color, #d9deea));background:linear-gradient(180deg,color-mix(in srgb,var(--editorial-surface-primary, #fff) 90%,white),color-mix(in srgb,var(--editorial-step-blocked, var(--editorial-warning, #f28c38)) 10%,var(--editorial-surface-primary, #fff)))}.step-label{font-weight:700;line-height:1.25;white-space:normal}.step-description{color:var(--editorial-text-secondary, #7b8aa0);font-size:.85rem;line-height:1.35}.step-connector{display:block;flex:1 1 auto;align-self:flex-start;min-width:40px;margin-top:var(--step-connector-offset);height:var(--step-connector-size);background:var(--editorial-connector, #8fd8c0);background:linear-gradient(90deg,color-mix(in srgb,var(--editorial-border-color, #d9deea) 58%,white),color-mix(in srgb,var(--editorial-connector, #8fd8c0) 72%,white));border-radius:999px;opacity:.92}.steps-nav.vertical .step-connector{width:var(--step-connector-size);min-width:var(--step-connector-size);min-height:28px;margin-top:0;margin-left:calc((var(--step-indicator-size) / 2) - (var(--step-connector-size) / 2));height:32px}.step-connector[data-style=dashed]{background:repeating-linear-gradient(90deg,var(--editorial-connector, #8fd8c0) 0 8px,transparent 8px 14px)}.steps-nav.vertical .step-connector[data-style=dashed]{background:repeating-linear-gradient(180deg,var(--editorial-connector, #8fd8c0) 0 8px,transparent 8px 14px)}.step-connector[data-style=soft]{height:8px;background:var(--editorial-connector, #8fd8c0);background:linear-gradient(90deg,color-mix(in srgb,var(--editorial-connector, #8fd8c0) 24%,transparent),color-mix(in srgb,var(--editorial-connector, #8fd8c0) 88%,white) 55%,color-mix(in srgb,var(--editorial-connector, #8fd8c0) 24%,transparent))}.steps-nav.vertical .step-connector[data-style=soft]{width:8px;min-width:8px;height:32px;background:var(--editorial-connector, #8fd8c0);background:linear-gradient(180deg,color-mix(in srgb,var(--editorial-connector, #8fd8c0) 24%,transparent),color-mix(in srgb,var(--editorial-connector, #8fd8c0) 88%,white) 55%,color-mix(in srgb,var(--editorial-connector, #8fd8c0) 24%,transparent))}.step-connector[data-state=completed]{background:var(--editorial-step-completed, var(--editorial-success, #35b37e));background:linear-gradient(90deg,color-mix(in srgb,var(--editorial-step-completed, var(--editorial-success, #35b37e)) 92%,white),color-mix(in srgb,var(--editorial-connector, #8fd8c0) 82%,white))}.step-connector[data-state=active]{background:var(--editorial-step-active, var(--editorial-accent, #264a8a));background:linear-gradient(90deg,color-mix(in srgb,var(--editorial-step-active, var(--editorial-accent, #264a8a)) 86%,white),color-mix(in srgb,var(--editorial-connector, #8fd8c0) 84%,white) 60%,color-mix(in srgb,var(--editorial-border-color, #d9deea) 48%,white))}.step-connector[data-state=blocked]{background:var(--editorial-step-blocked, var(--editorial-warning, #f28c38));background:linear-gradient(90deg,color-mix(in srgb,var(--editorial-step-blocked, var(--editorial-warning, #f28c38)) 78%,white),color-mix(in srgb,var(--editorial-border-color, #d9deea) 48%,white))}.steps-nav[data-variant=simple] .step-copy,.steps-nav[data-variant=simple] .step-description,.steps-nav[data-variant=icon] .step-description{display:none}.steps-nav[data-variant=simple] .step-chip,.steps-nav[data-variant=icon] .step-chip{gap:8px}.steps-nav.horizontal[data-variant=simple] .stepper-item,.steps-nav.horizontal[data-variant=icon] .stepper-item{align-items:center}.steps-nav[data-variant=rich] .step-copy{border-radius:var(--editorial-card-radius, 22px);box-shadow:0 20px 36px #14274417,0 0 0 1px #ffffff8c}.steps-nav.horizontal[data-variant=rich] .step-chip{align-items:stretch}.steps-nav.horizontal[data-variant=rich] .step-copy{text-align:left}.steps-nav.vertical .step-chip{flex-direction:row;align-items:center;justify-content:flex-start;text-align:left;gap:14px}.steps-nav.vertical .step-copy{width:100%}@media(max-width:860px){.steps-nav.horizontal{flex-direction:column;gap:12px}.steps-nav.horizontal .stepper-item{flex:none}.steps-nav.horizontal .step-chip{flex-direction:row;align-items:center;justify-content:flex-start;text-align:left}.steps-nav.horizontal .step-copy{width:100%}.steps-nav.horizontal .step-connector{width:var(--step-connector-size);min-width:var(--step-connector-size);min-height:24px;margin-top:0;margin-left:calc((var(--step-indicator-size) / 2) - (var(--step-connector-size) / 2));height:24px}.steps-nav.horizontal .step-connector[data-style=dashed]{background:repeating-linear-gradient(180deg,var(--editorial-connector, #8fd8c0) 0 8px,transparent 8px 14px)}.steps-nav.horizontal .step-connector[data-style=soft]{width:8px;min-width:8px;height:24px;background:var(--editorial-connector, #8fd8c0);background:linear-gradient(180deg,color-mix(in srgb,var(--editorial-connector, #8fd8c0) 24%,transparent),color-mix(in srgb,var(--editorial-connector, #8fd8c0) 88%,white) 55%,color-mix(in srgb,var(--editorial-connector, #8fd8c0) 24%,transparent))}}@media(prefers-reduced-motion:reduce){.step-chip,.step-icon,.step-copy{transition:none}.step-chip:hover:not([disabled]){transform:none}}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1836
1834
|
}
|
|
1837
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1835
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: EditorialStepperComponent, decorators: [{
|
|
1838
1836
|
type: Component,
|
|
1839
|
-
args: [{ selector: 'praxis-editorial-stepper', standalone: true, imports: [
|
|
1837
|
+
args: [{ selector: 'praxis-editorial-stepper', standalone: true, imports: [MatIconModule, PraxisIconDirective], template: `
|
|
1840
1838
|
<ol
|
|
1841
1839
|
class="steps-nav"
|
|
1842
1840
|
[class.vertical]="effectiveOrientation() === 'vertical'"
|
|
@@ -2628,8 +2626,8 @@ function isPlainObject(value) {
|
|
|
2628
2626
|
}
|
|
2629
2627
|
|
|
2630
2628
|
class EditorialRuntimeState {
|
|
2631
|
-
journeyId = signal(null, ...(ngDevMode ? [{ debugName: "journeyId" }] : []));
|
|
2632
|
-
stepId = signal(null, ...(ngDevMode ? [{ debugName: "stepId" }] : []));
|
|
2629
|
+
journeyId = signal(null, ...(ngDevMode ? [{ debugName: "journeyId" }] : /* istanbul ignore next */ []));
|
|
2630
|
+
stepId = signal(null, ...(ngDevMode ? [{ debugName: "stepId" }] : /* istanbul ignore next */ []));
|
|
2633
2631
|
activeJourneyId = this.journeyId.asReadonly();
|
|
2634
2632
|
activeStepId = this.stepId.asReadonly();
|
|
2635
2633
|
connect(solution, instance, runtimeContext) {
|
|
@@ -2637,10 +2635,10 @@ class EditorialRuntimeState {
|
|
|
2637
2635
|
solution: solution(),
|
|
2638
2636
|
instance: instance(),
|
|
2639
2637
|
runtimeContext: runtimeContext(),
|
|
2640
|
-
}), ...(ngDevMode ? [{ debugName: "snapshot" }] : []));
|
|
2641
|
-
const journeys = computed(() => snapshot().journeys, ...(ngDevMode ? [{ debugName: "journeys" }] : []));
|
|
2642
|
-
const activeJourney = computed(() => resolveActiveJourney(journeys(), this.journeyId()), ...(ngDevMode ? [{ debugName: "activeJourney" }] : []));
|
|
2643
|
-
const activeStep = computed(() => resolveActiveStep(activeJourney(), this.stepId()), ...(ngDevMode ? [{ debugName: "activeStep" }] : []));
|
|
2638
|
+
}), ...(ngDevMode ? [{ debugName: "snapshot" }] : /* istanbul ignore next */ []));
|
|
2639
|
+
const journeys = computed(() => snapshot().journeys, ...(ngDevMode ? [{ debugName: "journeys" }] : /* istanbul ignore next */ []));
|
|
2640
|
+
const activeJourney = computed(() => resolveActiveJourney(journeys(), this.journeyId()), ...(ngDevMode ? [{ debugName: "activeJourney" }] : /* istanbul ignore next */ []));
|
|
2641
|
+
const activeStep = computed(() => resolveActiveStep(activeJourney(), this.stepId()), ...(ngDevMode ? [{ debugName: "activeStep" }] : /* istanbul ignore next */ []));
|
|
2644
2642
|
return {
|
|
2645
2643
|
snapshot,
|
|
2646
2644
|
journeys,
|
|
@@ -2797,68 +2795,68 @@ function toRgbTuple(value) {
|
|
|
2797
2795
|
|
|
2798
2796
|
class EditorialFormRuntimeComponent {
|
|
2799
2797
|
i18n = inject(PraxisI18nService);
|
|
2800
|
-
solution = input(null, ...(ngDevMode ? [{ debugName: "solution" }] : []));
|
|
2801
|
-
instance = input(null, ...(ngDevMode ? [{ debugName: "instance" }] : []));
|
|
2802
|
-
runtimeContext = input(null, ...(ngDevMode ? [{ debugName: "runtimeContext" }] : []));
|
|
2803
|
-
hostConfig = input(null, ...(ngDevMode ? [{ debugName: "hostConfig" }] : []));
|
|
2798
|
+
solution = input(null, ...(ngDevMode ? [{ debugName: "solution" }] : /* istanbul ignore next */ []));
|
|
2799
|
+
instance = input(null, ...(ngDevMode ? [{ debugName: "instance" }] : /* istanbul ignore next */ []));
|
|
2800
|
+
runtimeContext = input(null, ...(ngDevMode ? [{ debugName: "runtimeContext" }] : /* istanbul ignore next */ []));
|
|
2801
|
+
hostConfig = input(null, ...(ngDevMode ? [{ debugName: "hostConfig" }] : /* istanbul ignore next */ []));
|
|
2804
2802
|
snapshotChange = output();
|
|
2805
2803
|
fallbackChange = output();
|
|
2806
2804
|
operationalEvent = output();
|
|
2807
2805
|
state = new EditorialRuntimeState();
|
|
2808
|
-
solutionState = signal(null, ...(ngDevMode ? [{ debugName: "solutionState" }] : []));
|
|
2809
|
-
instanceState = signal(null, ...(ngDevMode ? [{ debugName: "instanceState" }] : []));
|
|
2810
|
-
runtimeContextState = signal(null, ...(ngDevMode ? [{ debugName: "runtimeContextState" }] : []));
|
|
2811
|
-
compactViewport = signal(false, ...(ngDevMode ? [{ debugName: "compactViewport" }] : []));
|
|
2806
|
+
solutionState = signal(null, ...(ngDevMode ? [{ debugName: "solutionState" }] : /* istanbul ignore next */ []));
|
|
2807
|
+
instanceState = signal(null, ...(ngDevMode ? [{ debugName: "instanceState" }] : /* istanbul ignore next */ []));
|
|
2808
|
+
runtimeContextState = signal(null, ...(ngDevMode ? [{ debugName: "runtimeContextState" }] : /* istanbul ignore next */ []));
|
|
2809
|
+
compactViewport = signal(false, ...(ngDevMode ? [{ debugName: "compactViewport" }] : /* istanbul ignore next */ []));
|
|
2812
2810
|
lastSnapshotSignature = null;
|
|
2813
2811
|
lastDiagnosticsSignature = null;
|
|
2814
2812
|
lastFallbackSignature = null;
|
|
2815
2813
|
lastBlockingSignature = null;
|
|
2816
2814
|
lastOverrideConflictSignature = null;
|
|
2817
2815
|
runtime = this.state.connect(this.solutionState, this.instanceState, this.runtimeContextState);
|
|
2818
|
-
snapshot = computed(() => this.runtime.snapshot(), ...(ngDevMode ? [{ debugName: "snapshot" }] : []));
|
|
2816
|
+
snapshot = computed(() => this.runtime.snapshot(), ...(ngDevMode ? [{ debugName: "snapshot" }] : /* istanbul ignore next */ []));
|
|
2819
2817
|
resolvedHostConfig = computed(() => ({
|
|
2820
2818
|
...DEFAULT_EDITORIAL_RUNTIME_HOST_CONFIG,
|
|
2821
2819
|
...(this.hostConfig() ?? {}),
|
|
2822
|
-
}), ...(ngDevMode ? [{ debugName: "resolvedHostConfig" }] : []));
|
|
2823
|
-
journeys = computed(() => this.runtime.journeys(), ...(ngDevMode ? [{ debugName: "journeys" }] : []));
|
|
2824
|
-
activeJourney = computed(() => this.runtime.activeJourney(), ...(ngDevMode ? [{ debugName: "activeJourney" }] : []));
|
|
2825
|
-
activeStep = computed(() => this.runtime.activeStep(), ...(ngDevMode ? [{ debugName: "activeStep" }] : []));
|
|
2826
|
-
resolvedContext = computed(() => this.snapshot().context, ...(ngDevMode ? [{ debugName: "resolvedContext" }] : []));
|
|
2827
|
-
runtimeDiagnostics = computed(() => this.snapshot().diagnostics, ...(ngDevMode ? [{ debugName: "runtimeDiagnostics" }] : []));
|
|
2820
|
+
}), ...(ngDevMode ? [{ debugName: "resolvedHostConfig" }] : /* istanbul ignore next */ []));
|
|
2821
|
+
journeys = computed(() => this.runtime.journeys(), ...(ngDevMode ? [{ debugName: "journeys" }] : /* istanbul ignore next */ []));
|
|
2822
|
+
activeJourney = computed(() => this.runtime.activeJourney(), ...(ngDevMode ? [{ debugName: "activeJourney" }] : /* istanbul ignore next */ []));
|
|
2823
|
+
activeStep = computed(() => this.runtime.activeStep(), ...(ngDevMode ? [{ debugName: "activeStep" }] : /* istanbul ignore next */ []));
|
|
2824
|
+
resolvedContext = computed(() => this.snapshot().context, ...(ngDevMode ? [{ debugName: "resolvedContext" }] : /* istanbul ignore next */ []));
|
|
2825
|
+
runtimeDiagnostics = computed(() => this.snapshot().diagnostics, ...(ngDevMode ? [{ debugName: "runtimeDiagnostics" }] : /* istanbul ignore next */ []));
|
|
2828
2826
|
fallbackState = computed(() => deriveRuntimeFallbackState(this.snapshot(), {
|
|
2829
2827
|
journeyId: this.activeJourney()?.journeyId,
|
|
2830
2828
|
stepId: this.activeStep()?.stepId,
|
|
2831
|
-
}), ...(ngDevMode ? [{ debugName: "fallbackState" }] : []));
|
|
2832
|
-
diagnosticItems = computed(() => sortDiagnostics(dedupeDiagnostics(this.runtimeDiagnostics().items)), ...(ngDevMode ? [{ debugName: "diagnosticItems" }] : []));
|
|
2833
|
-
globalDiagnostics = computed(() => this.diagnosticItems().filter((item) => item.scopeKind === 'global'), ...(ngDevMode ? [{ debugName: "globalDiagnostics" }] : []));
|
|
2834
|
-
contextualDiagnostics = computed(() => this.diagnosticItems().filter((item) => item.scopeKind !== 'global'), ...(ngDevMode ? [{ debugName: "contextualDiagnostics" }] : []));
|
|
2835
|
-
diagnosticsErrorCount = computed(() => this.diagnosticItems().filter((item) => item.severity === 'error').length, ...(ngDevMode ? [{ debugName: "diagnosticsErrorCount" }] : []));
|
|
2836
|
-
diagnosticsWarningCount = computed(() => this.diagnosticItems().filter((item) => item.severity === 'warning').length, ...(ngDevMode ? [{ debugName: "diagnosticsWarningCount" }] : []));
|
|
2837
|
-
diagnosticsInfoCount = computed(() => this.diagnosticItems().filter((item) => item.severity === 'info').length, ...(ngDevMode ? [{ debugName: "diagnosticsInfoCount" }] : []));
|
|
2838
|
-
activeStepDiagnostics = computed(() => this.diagnosticItems().filter((item) => isDiagnosticInActiveStep(item, this.activeJourney()?.journeyId, this.activeStep()?.stepId)), ...(ngDevMode ? [{ debugName: "activeStepDiagnostics" }] : []));
|
|
2839
|
-
activeStepHasErrors = computed(() => this.activeStepDiagnostics().some((item) => item.severity === 'error'), ...(ngDevMode ? [{ debugName: "activeStepHasErrors" }] : []));
|
|
2840
|
-
activeStepHasWarnings = computed(() => this.activeStepDiagnostics().some((item) => item.severity === 'warning'), ...(ngDevMode ? [{ debugName: "activeStepHasWarnings" }] : []));
|
|
2829
|
+
}), ...(ngDevMode ? [{ debugName: "fallbackState" }] : /* istanbul ignore next */ []));
|
|
2830
|
+
diagnosticItems = computed(() => sortDiagnostics(dedupeDiagnostics(this.runtimeDiagnostics().items)), ...(ngDevMode ? [{ debugName: "diagnosticItems" }] : /* istanbul ignore next */ []));
|
|
2831
|
+
globalDiagnostics = computed(() => this.diagnosticItems().filter((item) => item.scopeKind === 'global'), ...(ngDevMode ? [{ debugName: "globalDiagnostics" }] : /* istanbul ignore next */ []));
|
|
2832
|
+
contextualDiagnostics = computed(() => this.diagnosticItems().filter((item) => item.scopeKind !== 'global'), ...(ngDevMode ? [{ debugName: "contextualDiagnostics" }] : /* istanbul ignore next */ []));
|
|
2833
|
+
diagnosticsErrorCount = computed(() => this.diagnosticItems().filter((item) => item.severity === 'error').length, ...(ngDevMode ? [{ debugName: "diagnosticsErrorCount" }] : /* istanbul ignore next */ []));
|
|
2834
|
+
diagnosticsWarningCount = computed(() => this.diagnosticItems().filter((item) => item.severity === 'warning').length, ...(ngDevMode ? [{ debugName: "diagnosticsWarningCount" }] : /* istanbul ignore next */ []));
|
|
2835
|
+
diagnosticsInfoCount = computed(() => this.diagnosticItems().filter((item) => item.severity === 'info').length, ...(ngDevMode ? [{ debugName: "diagnosticsInfoCount" }] : /* istanbul ignore next */ []));
|
|
2836
|
+
activeStepDiagnostics = computed(() => this.diagnosticItems().filter((item) => isDiagnosticInActiveStep(item, this.activeJourney()?.journeyId, this.activeStep()?.stepId)), ...(ngDevMode ? [{ debugName: "activeStepDiagnostics" }] : /* istanbul ignore next */ []));
|
|
2837
|
+
activeStepHasErrors = computed(() => this.activeStepDiagnostics().some((item) => item.severity === 'error'), ...(ngDevMode ? [{ debugName: "activeStepHasErrors" }] : /* istanbul ignore next */ []));
|
|
2838
|
+
activeStepHasWarnings = computed(() => this.activeStepDiagnostics().some((item) => item.severity === 'warning'), ...(ngDevMode ? [{ debugName: "activeStepHasWarnings" }] : /* istanbul ignore next */ []));
|
|
2841
2839
|
diagnosticsMessage = computed(() => this.fallbackState().mode === 'blocked'
|
|
2842
2840
|
? this.t('runtime.diagnostics.message.blocked', 'Existem inconsistencias bloqueadoras que impedem a progressao segura do fluxo editorial.')
|
|
2843
2841
|
: this.fallbackState().mode === 'degraded'
|
|
2844
2842
|
? this.t('runtime.diagnostics.message.degraded', 'O runtime esta operando de forma degradada e requer atencao operacional.')
|
|
2845
2843
|
: this.runtimeDiagnostics().hasErrors
|
|
2846
2844
|
? this.t('runtime.diagnostics.message.error', 'Existem inconsistencias que podem comprometer a experiencia editorial.')
|
|
2847
|
-
: this.t('runtime.diagnostics.message.warning', 'Existem avisos operacionais para revisar nesta instancia editorial.'), ...(ngDevMode ? [{ debugName: "diagnosticsMessage" }] : []));
|
|
2848
|
-
activeGlobalDiagnostics = computed(() => this.globalDiagnostics().filter((item) => item.severity === 'error'), ...(ngDevMode ? [{ debugName: "activeGlobalDiagnostics" }] : []));
|
|
2849
|
-
visibleBlocks = computed(() => getVisibleBlocks(this.activeStep()?.blocks, this.resolvedContext()), ...(ngDevMode ? [{ debugName: "visibleBlocks" }] : []));
|
|
2850
|
-
runtimeTitle = computed(() => this.snapshot().title, ...(ngDevMode ? [{ debugName: "runtimeTitle" }] : []));
|
|
2851
|
-
runtimeDescription = computed(() => this.snapshot().description, ...(ngDevMode ? [{ debugName: "runtimeDescription" }] : []));
|
|
2852
|
-
runtimeEyebrow = computed(() => this.snapshot().problemType, ...(ngDevMode ? [{ debugName: "runtimeEyebrow" }] : []));
|
|
2853
|
-
presentation = computed(() => this.snapshot().presentation, ...(ngDevMode ? [{ debugName: "presentation" }] : []));
|
|
2854
|
-
runtimeCssVars = computed(() => buildRuntimeCssVars(this.presentation()?.theme), ...(ngDevMode ? [{ debugName: "runtimeCssVars" }] : []));
|
|
2855
|
-
runtimeLayoutCss = computed(() => buildRuntimeLayoutCss(this.presentation()?.layout), ...(ngDevMode ? [{ debugName: "runtimeLayoutCss" }] : []));
|
|
2856
|
-
runtimeStyleAttr = computed(() => [this.runtimeCssVars(), this.runtimeLayoutCss()].filter(Boolean).join(';'), ...(ngDevMode ? [{ debugName: "runtimeStyleAttr" }] : []));
|
|
2857
|
-
effectiveOrientation = computed(() => resolveRuntimeOrientation(this.presentation()?.layout, this.presentation()?.stepper, this.compactViewport()), ...(ngDevMode ? [{ debugName: "effectiveOrientation" }] : []));
|
|
2858
|
-
shellVariant = computed(() => resolveShellVariant(this.presentation()?.layout), ...(ngDevMode ? [{ debugName: "shellVariant" }] : []));
|
|
2859
|
-
effectiveDensity = computed(() => resolveDensity(this.presentation()?.layout), ...(ngDevMode ? [{ debugName: "effectiveDensity" }] : []));
|
|
2860
|
-
stepperConfig = computed(() => this.presentation()?.stepper ?? null, ...(ngDevMode ? [{ debugName: "stepperConfig" }] : []));
|
|
2861
|
-
stepperVisible = computed(() => this.stepperConfig()?.visible !== false, ...(ngDevMode ? [{ debugName: "stepperVisible" }] : []));
|
|
2845
|
+
: this.t('runtime.diagnostics.message.warning', 'Existem avisos operacionais para revisar nesta instancia editorial.'), ...(ngDevMode ? [{ debugName: "diagnosticsMessage" }] : /* istanbul ignore next */ []));
|
|
2846
|
+
activeGlobalDiagnostics = computed(() => this.globalDiagnostics().filter((item) => item.severity === 'error'), ...(ngDevMode ? [{ debugName: "activeGlobalDiagnostics" }] : /* istanbul ignore next */ []));
|
|
2847
|
+
visibleBlocks = computed(() => getVisibleBlocks(this.activeStep()?.blocks, this.resolvedContext()), ...(ngDevMode ? [{ debugName: "visibleBlocks" }] : /* istanbul ignore next */ []));
|
|
2848
|
+
runtimeTitle = computed(() => this.snapshot().title, ...(ngDevMode ? [{ debugName: "runtimeTitle" }] : /* istanbul ignore next */ []));
|
|
2849
|
+
runtimeDescription = computed(() => this.snapshot().description, ...(ngDevMode ? [{ debugName: "runtimeDescription" }] : /* istanbul ignore next */ []));
|
|
2850
|
+
runtimeEyebrow = computed(() => this.snapshot().problemType, ...(ngDevMode ? [{ debugName: "runtimeEyebrow" }] : /* istanbul ignore next */ []));
|
|
2851
|
+
presentation = computed(() => this.snapshot().presentation, ...(ngDevMode ? [{ debugName: "presentation" }] : /* istanbul ignore next */ []));
|
|
2852
|
+
runtimeCssVars = computed(() => buildRuntimeCssVars(this.presentation()?.theme), ...(ngDevMode ? [{ debugName: "runtimeCssVars" }] : /* istanbul ignore next */ []));
|
|
2853
|
+
runtimeLayoutCss = computed(() => buildRuntimeLayoutCss(this.presentation()?.layout), ...(ngDevMode ? [{ debugName: "runtimeLayoutCss" }] : /* istanbul ignore next */ []));
|
|
2854
|
+
runtimeStyleAttr = computed(() => [this.runtimeCssVars(), this.runtimeLayoutCss()].filter(Boolean).join(';'), ...(ngDevMode ? [{ debugName: "runtimeStyleAttr" }] : /* istanbul ignore next */ []));
|
|
2855
|
+
effectiveOrientation = computed(() => resolveRuntimeOrientation(this.presentation()?.layout, this.presentation()?.stepper, this.compactViewport()), ...(ngDevMode ? [{ debugName: "effectiveOrientation" }] : /* istanbul ignore next */ []));
|
|
2856
|
+
shellVariant = computed(() => resolveShellVariant(this.presentation()?.layout), ...(ngDevMode ? [{ debugName: "shellVariant" }] : /* istanbul ignore next */ []));
|
|
2857
|
+
effectiveDensity = computed(() => resolveDensity(this.presentation()?.layout), ...(ngDevMode ? [{ debugName: "effectiveDensity" }] : /* istanbul ignore next */ []));
|
|
2858
|
+
stepperConfig = computed(() => this.presentation()?.stepper ?? null, ...(ngDevMode ? [{ debugName: "stepperConfig" }] : /* istanbul ignore next */ []));
|
|
2859
|
+
stepperVisible = computed(() => this.stepperConfig()?.visible !== false, ...(ngDevMode ? [{ debugName: "stepperVisible" }] : /* istanbul ignore next */ []));
|
|
2862
2860
|
stepSelectionBlocker = (stepId) => this.isStepSelectionBlocked(stepId);
|
|
2863
2861
|
fallbackLabel = computed(() => {
|
|
2864
2862
|
if (this.fallbackState().mode === 'blocked') {
|
|
@@ -2871,7 +2869,7 @@ class EditorialFormRuntimeComponent {
|
|
|
2871
2869
|
return this.t('runtime.fallback.warning', 'Runtime com aviso');
|
|
2872
2870
|
}
|
|
2873
2871
|
return this.t('runtime.fallback.healthy', 'Runtime saudavel');
|
|
2874
|
-
}, ...(ngDevMode ? [{ debugName: "fallbackLabel" }] : []));
|
|
2872
|
+
}, ...(ngDevMode ? [{ debugName: "fallbackLabel" }] : /* istanbul ignore next */ []));
|
|
2875
2873
|
currentStepIndex = computed(() => {
|
|
2876
2874
|
const journey = this.activeJourney();
|
|
2877
2875
|
const step = this.activeStep();
|
|
@@ -2879,12 +2877,12 @@ class EditorialFormRuntimeComponent {
|
|
|
2879
2877
|
return 0;
|
|
2880
2878
|
}
|
|
2881
2879
|
return Math.max(0, journey.steps.findIndex((candidate) => candidate.stepId === step.stepId));
|
|
2882
|
-
}, ...(ngDevMode ? [{ debugName: "currentStepIndex" }] : []));
|
|
2883
|
-
hasPreviousStep = computed(() => this.currentStepIndex() > 0, ...(ngDevMode ? [{ debugName: "hasPreviousStep" }] : []));
|
|
2880
|
+
}, ...(ngDevMode ? [{ debugName: "currentStepIndex" }] : /* istanbul ignore next */ []));
|
|
2881
|
+
hasPreviousStep = computed(() => this.currentStepIndex() > 0, ...(ngDevMode ? [{ debugName: "hasPreviousStep" }] : /* istanbul ignore next */ []));
|
|
2884
2882
|
hasNextStep = computed(() => {
|
|
2885
2883
|
const journey = this.activeJourney();
|
|
2886
2884
|
return !!journey && this.currentStepIndex() < journey.steps.length - 1;
|
|
2887
|
-
}, ...(ngDevMode ? [{ debugName: "hasNextStep" }] : []));
|
|
2885
|
+
}, ...(ngDevMode ? [{ debugName: "hasNextStep" }] : /* istanbul ignore next */ []));
|
|
2888
2886
|
constructor() {
|
|
2889
2887
|
effect(() => {
|
|
2890
2888
|
this.solutionState.set(this.solution());
|
|
@@ -3124,8 +3122,8 @@ class EditorialFormRuntimeComponent {
|
|
|
3124
3122
|
t(key, fallback, params) {
|
|
3125
3123
|
return this.i18n.t(`praxis.editorialForms.${key}`, params, fallback);
|
|
3126
3124
|
}
|
|
3127
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3128
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
3125
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: EditorialFormRuntimeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3126
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: EditorialFormRuntimeComponent, isStandalone: true, selector: "praxis-editorial-form-runtime", inputs: { solution: { classPropertyName: "solution", publicName: "solution", isSignal: true, isRequired: false, transformFunction: null }, instance: { classPropertyName: "instance", publicName: "instance", isSignal: true, isRequired: false, transformFunction: null }, runtimeContext: { classPropertyName: "runtimeContext", publicName: "runtimeContext", isSignal: true, isRequired: false, transformFunction: null }, hostConfig: { classPropertyName: "hostConfig", publicName: "hostConfig", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { snapshotChange: "snapshotChange", fallbackChange: "fallbackChange", operationalEvent: "operationalEvent" }, ngImport: i0, template: `
|
|
3129
3127
|
<section
|
|
3130
3128
|
class="editorial-runtime"
|
|
3131
3129
|
[class.orientation-horizontal]="effectiveOrientation() === 'horizontal'"
|
|
@@ -3396,11 +3394,11 @@ class EditorialFormRuntimeComponent {
|
|
|
3396
3394
|
</section>
|
|
3397
3395
|
}
|
|
3398
3396
|
</section>
|
|
3399
|
-
`, isInline: true, styles: [":host{display:block}.editorial-runtime{display:grid;gap:24px;padding:var(--editorial-page-padding, 24px);color:var(--editorial-text-primary, var(--md-sys-color-on-surface, #1b1b1f));background:var(--editorial-page-background, var(--md-sys-color-surface, #fdf8fd));font-family:var(--editorial-body-font-family, inherit)}.runtime-header,.journey-card,.empty-state,.diagnostics-panel{border:var(--editorial-shell-border-width, 1px) solid color-mix(in srgb,var(--editorial-border-color, var(--md-sys-color-outline-variant, #cac4d0)) 70%,transparent);border-radius:var(--editorial-shell-radius, 20px);background:var(--editorial-surface-secondary, var(--md-sys-color-surface-container-low, #f7f2fa));padding:var(--editorial-shell-padding, 20px);box-shadow:var(--editorial-shell-shadow, none)}.diagnostics-panel{display:grid;gap:10px}.diagnostics-panel.warning{border-color:color-mix(in srgb,#b26a00 55%,var(--md-sys-color-outline-variant, #cac4d0));background:color-mix(in srgb,#fff4de 78%,var(--md-sys-color-surface-container-low, #f7f2fa))}.diagnostics-panel.error{border-color:color-mix(in srgb,#b3261e 60%,var(--md-sys-color-outline-variant, #cac4d0));background:color-mix(in srgb,#fde7e9 78%,var(--md-sys-color-surface-container-low, #f7f2fa))}.diagnostics-list{margin:0;padding-left:18px;display:grid;gap:8px}.diagnostics-summary{display:flex;flex-wrap:wrap;gap:8px}.summary-pill{display:inline-flex;align-items:center;min-height:32px;padding:6px 10px;border-radius:999px;font-size:.85rem;border:1px solid transparent;background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 85%,transparent)}.summary-pill.error{border-color:color-mix(in srgb,#b3261e 45%,transparent)}.summary-pill.warning{border-color:color-mix(in srgb,#b26a00 45%,transparent)}.summary-pill.info{border-color:color-mix(in srgb,#00639b 45%,transparent)}.status-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;min-height:22px;padding:0 6px;border-radius:999px;font-size:.75rem;font-weight:700;background:var(--md-sys-color-surface, #fff)}.status-badge.error{color:#8c1d18;background:#fde7e9}.status-badge.warning{color:#7a4b00;background:#fff4de}.diagnostics-details summary{cursor:pointer;font-weight:600}.diagnostic-group{display:grid;gap:8px;padding:12px 0}.diagnostic-group.global{border-bottom:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant, #cac4d0) 65%,transparent);margin-bottom:12px}.step-panel.error{border-left:4px solid #b3261e}.step-panel.warning{border-left:4px solid #b26a00}.step-diagnostics{display:grid;gap:8px;padding:14px 16px;border-radius:16px}.step-diagnostics.error{background:#fde7e9;color:#5b1210}.step-diagnostics.warning{background:#fff4de;color:#6b4300}.step-diagnostics.global{background:#fde7e9;color:#5b1210;border:1px solid color-mix(in srgb,#b3261e 35%,transparent)}.diagnostics-list.contextual{padding-left:16px}.diagnostic-location{display:block;margin-top:4px;font-size:.82rem;opacity:.85}.step-blocking-note{font-size:.9rem;color:#8c1d18}.eyebrow{margin:0 0 8px;text-transform:uppercase;letter-spacing:.08em;font-size:var(--editorial-caption-size, .75rem);color:var(--editorial-accent, var(--md-sys-color-primary, #6750a4));font-weight:700}.runtime-state-pill{justify-self:start;display:inline-flex;align-items:center;min-height:30px;padding:4px 10px;border-radius:999px;font-size:.8rem;font-weight:700;background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 88%,transparent);border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant, #cac4d0) 70%,transparent)}.runtime-state-pill[data-mode=warning]{color:#7a4b00;background:#fff4de}.runtime-state-pill[data-mode=degraded]{color:#8c1d18;background:#fde7e9}.runtime-state-pill[data-mode=blocked]{color:#8c1d18;background:#fde7e9;border-color:color-mix(in srgb,#b3261e 55%,transparent)}h1,h2,h3,p{margin:0}h1{font-size:var(--editorial-hero-title-size, 2rem);line-height:1.1}.step-header h3{font-size:var(--editorial-step-title-size, 1.25rem);line-height:1.2}.runtime-header,.journey-card,.journey-header,.step-panel{display:grid;gap:12px}.editorial-runtime[data-shell-variant=sidebar-journey] .journey-card,.orientation-vertical .journey-card{grid-template-columns:minmax(220px,280px) minmax(0,1fr);align-items:start}.description,.journey-header p,.step-header p,.step-counter,.empty-state p{font-size:var(--editorial-body-size, 1rem);color:var(--editorial-text-secondary, var(--md-sys-color-on-surface-variant, #49454f))}.journey-tabs,.step-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.journey-tab,.step-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 12px;border-radius:var(--editorial-button-radius, 999px);border:1px solid color-mix(in srgb,var(--editorial-border-color, var(--md-sys-color-outline-variant, #cac4d0)) 75%,transparent);background:var(--editorial-surface-primary, var(--md-sys-color-surface, #fff));color:inherit;box-shadow:var(--editorial-card-shadow, none);cursor:pointer}.journey-tab.active,.step-actions button.primary{background:var(--editorial-cta-primary, var(--editorial-accent, var(--md-sys-color-primary, #6750a4)));color:var(--editorial-cta-primary-text, var(--editorial-accent-contrast, var(--md-sys-color-on-primary, #fff)));border-color:transparent}.step-actions button.secondary{color:var(--editorial-cta-primary, var(--editorial-accent, var(--md-sys-color-primary, #6750a4)))}.step-header{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}.block-stack{display:grid;gap:var(--editorial-block-gap, 16px)}.step-actions button[disabled]{opacity:.5;cursor:not-allowed}.density-compact{--editorial-page-padding: 16px;--editorial-shell-padding: 16px;--editorial-block-gap: 12px}.density-comfortable{--editorial-page-padding: 24px;--editorial-shell-padding: 20px;--editorial-block-gap: 16px}.density-relaxed{--editorial-page-padding: 32px;--editorial-shell-padding: 28px;--editorial-block-gap: 20px}\n"], dependencies: [{ kind: "
|
|
3397
|
+
`, isInline: true, styles: [":host{display:block}.editorial-runtime{display:grid;gap:24px;padding:var(--editorial-page-padding, 24px);color:var(--editorial-text-primary, var(--md-sys-color-on-surface, #1b1b1f));background:var(--editorial-page-background, var(--md-sys-color-surface, #fdf8fd));font-family:var(--editorial-body-font-family, inherit)}.runtime-header,.journey-card,.empty-state,.diagnostics-panel{border:var(--editorial-shell-border-width, 1px) solid color-mix(in srgb,var(--editorial-border-color, var(--md-sys-color-outline-variant, #cac4d0)) 70%,transparent);border-radius:var(--editorial-shell-radius, 20px);background:var(--editorial-surface-secondary, var(--md-sys-color-surface-container-low, #f7f2fa));padding:var(--editorial-shell-padding, 20px);box-shadow:var(--editorial-shell-shadow, none)}.diagnostics-panel{display:grid;gap:10px}.diagnostics-panel.warning{border-color:color-mix(in srgb,#b26a00 55%,var(--md-sys-color-outline-variant, #cac4d0));background:color-mix(in srgb,#fff4de 78%,var(--md-sys-color-surface-container-low, #f7f2fa))}.diagnostics-panel.error{border-color:color-mix(in srgb,#b3261e 60%,var(--md-sys-color-outline-variant, #cac4d0));background:color-mix(in srgb,#fde7e9 78%,var(--md-sys-color-surface-container-low, #f7f2fa))}.diagnostics-list{margin:0;padding-left:18px;display:grid;gap:8px}.diagnostics-summary{display:flex;flex-wrap:wrap;gap:8px}.summary-pill{display:inline-flex;align-items:center;min-height:32px;padding:6px 10px;border-radius:999px;font-size:.85rem;border:1px solid transparent;background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 85%,transparent)}.summary-pill.error{border-color:color-mix(in srgb,#b3261e 45%,transparent)}.summary-pill.warning{border-color:color-mix(in srgb,#b26a00 45%,transparent)}.summary-pill.info{border-color:color-mix(in srgb,#00639b 45%,transparent)}.status-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;min-height:22px;padding:0 6px;border-radius:999px;font-size:.75rem;font-weight:700;background:var(--md-sys-color-surface, #fff)}.status-badge.error{color:#8c1d18;background:#fde7e9}.status-badge.warning{color:#7a4b00;background:#fff4de}.diagnostics-details summary{cursor:pointer;font-weight:600}.diagnostic-group{display:grid;gap:8px;padding:12px 0}.diagnostic-group.global{border-bottom:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant, #cac4d0) 65%,transparent);margin-bottom:12px}.step-panel.error{border-left:4px solid #b3261e}.step-panel.warning{border-left:4px solid #b26a00}.step-diagnostics{display:grid;gap:8px;padding:14px 16px;border-radius:16px}.step-diagnostics.error{background:#fde7e9;color:#5b1210}.step-diagnostics.warning{background:#fff4de;color:#6b4300}.step-diagnostics.global{background:#fde7e9;color:#5b1210;border:1px solid color-mix(in srgb,#b3261e 35%,transparent)}.diagnostics-list.contextual{padding-left:16px}.diagnostic-location{display:block;margin-top:4px;font-size:.82rem;opacity:.85}.step-blocking-note{font-size:.9rem;color:#8c1d18}.eyebrow{margin:0 0 8px;text-transform:uppercase;letter-spacing:.08em;font-size:var(--editorial-caption-size, .75rem);color:var(--editorial-accent, var(--md-sys-color-primary, #6750a4));font-weight:700}.runtime-state-pill{justify-self:start;display:inline-flex;align-items:center;min-height:30px;padding:4px 10px;border-radius:999px;font-size:.8rem;font-weight:700;background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 88%,transparent);border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant, #cac4d0) 70%,transparent)}.runtime-state-pill[data-mode=warning]{color:#7a4b00;background:#fff4de}.runtime-state-pill[data-mode=degraded]{color:#8c1d18;background:#fde7e9}.runtime-state-pill[data-mode=blocked]{color:#8c1d18;background:#fde7e9;border-color:color-mix(in srgb,#b3261e 55%,transparent)}h1,h2,h3,p{margin:0}h1{font-size:var(--editorial-hero-title-size, 2rem);line-height:1.1}.step-header h3{font-size:var(--editorial-step-title-size, 1.25rem);line-height:1.2}.runtime-header,.journey-card,.journey-header,.step-panel{display:grid;gap:12px}.editorial-runtime[data-shell-variant=sidebar-journey] .journey-card,.orientation-vertical .journey-card{grid-template-columns:minmax(220px,280px) minmax(0,1fr);align-items:start}.description,.journey-header p,.step-header p,.step-counter,.empty-state p{font-size:var(--editorial-body-size, 1rem);color:var(--editorial-text-secondary, var(--md-sys-color-on-surface-variant, #49454f))}.journey-tabs,.step-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.journey-tab,.step-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 12px;border-radius:var(--editorial-button-radius, 999px);border:1px solid color-mix(in srgb,var(--editorial-border-color, var(--md-sys-color-outline-variant, #cac4d0)) 75%,transparent);background:var(--editorial-surface-primary, var(--md-sys-color-surface, #fff));color:inherit;box-shadow:var(--editorial-card-shadow, none);cursor:pointer}.journey-tab.active,.step-actions button.primary{background:var(--editorial-cta-primary, var(--editorial-accent, var(--md-sys-color-primary, #6750a4)));color:var(--editorial-cta-primary-text, var(--editorial-accent-contrast, var(--md-sys-color-on-primary, #fff)));border-color:transparent}.step-actions button.secondary{color:var(--editorial-cta-primary, var(--editorial-accent, var(--md-sys-color-primary, #6750a4)))}.step-header{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}.block-stack{display:grid;gap:var(--editorial-block-gap, 16px)}.step-actions button[disabled]{opacity:.5;cursor:not-allowed}.density-compact{--editorial-page-padding: 16px;--editorial-shell-padding: 16px;--editorial-block-gap: 12px}.density-comfortable{--editorial-page-padding: 24px;--editorial-shell-padding: 20px;--editorial-block-gap: 16px}.density-relaxed{--editorial-page-padding: 32px;--editorial-shell-padding: 28px;--editorial-block-gap: 20px}\n"], dependencies: [{ kind: "component", type: EditorialBlockRendererComponent, selector: "praxis-editorial-block-renderer", inputs: ["block", "runtimeContext", "solution", "instance"], outputs: ["runtimeContextChange", "operationalEvent", "blockAction"] }, { kind: "component", type: EditorialStepperComponent, selector: "praxis-editorial-stepper", inputs: ["steps", "activeStepId", "config", "orientation", "progressionBlocked", "isStepSelectionBlocked"], outputs: ["stepSelected"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
3400
3398
|
}
|
|
3401
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3399
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: EditorialFormRuntimeComponent, decorators: [{
|
|
3402
3400
|
type: Component,
|
|
3403
|
-
args: [{ selector: 'praxis-editorial-form-runtime', standalone: true, imports: [
|
|
3401
|
+
args: [{ selector: 'praxis-editorial-form-runtime', standalone: true, imports: [EditorialBlockRendererComponent, EditorialStepperComponent], template: `
|
|
3404
3402
|
<section
|
|
3405
3403
|
class="editorial-runtime"
|
|
3406
3404
|
[class.orientation-horizontal]="effectiveOrientation() === 'horizontal'"
|
|
@@ -4564,10 +4562,10 @@ class HarnessDataEngineComponent {
|
|
|
4564
4562
|
solution = null;
|
|
4565
4563
|
instance = null;
|
|
4566
4564
|
resolvedFormConfig = null;
|
|
4567
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4568
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
4565
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: HarnessDataEngineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4566
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.14", type: HarnessDataEngineComponent, isStandalone: true, selector: "praxis-editorial-harness-data-engine", inputs: { config: "config", formId: "formId", editorialContext: "editorialContext", block: "block", runtimeContext: "runtimeContext", solution: "solution", instance: "instance", resolvedFormConfig: "resolvedFormConfig" }, ngImport: i0, template: '<p>Harness data engine</p>', isInline: true });
|
|
4569
4567
|
}
|
|
4570
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4568
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: HarnessDataEngineComponent, decorators: [{
|
|
4571
4569
|
type: Component,
|
|
4572
4570
|
args: [{
|
|
4573
4571
|
standalone: true,
|
package/package.json
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@praxisui/editorial-forms",
|
|
3
|
-
"version": "8.0.0-beta.
|
|
3
|
+
"version": "8.0.0-beta.32",
|
|
4
4
|
"description": "Editorial form runtime for Praxis UI: journeys, presets, semantic blocks, and specialist hosting for editorial experiences.",
|
|
5
5
|
"peerDependencies": {
|
|
6
|
-
"@angular/common": "^
|
|
7
|
-
"@angular/core": "^
|
|
8
|
-
"@praxisui/core": "^8.0.0-beta.
|
|
9
|
-
"@angular/material": "^
|
|
6
|
+
"@angular/common": "^21.0.0",
|
|
7
|
+
"@angular/core": "^21.0.0",
|
|
8
|
+
"@praxisui/core": "^8.0.0-beta.32",
|
|
9
|
+
"@angular/material": "^21.0.0"
|
|
10
10
|
},
|
|
11
11
|
"dependencies": {
|
|
12
12
|
"tslib": "^2.3.0"
|
|
@@ -34,14 +34,15 @@
|
|
|
34
34
|
],
|
|
35
35
|
"sideEffects": false,
|
|
36
36
|
"module": "fesm2022/praxisui-editorial-forms.mjs",
|
|
37
|
-
"typings": "
|
|
37
|
+
"typings": "types/praxisui-editorial-forms.d.ts",
|
|
38
38
|
"exports": {
|
|
39
39
|
"./package.json": {
|
|
40
40
|
"default": "./package.json"
|
|
41
41
|
},
|
|
42
42
|
".": {
|
|
43
|
-
"types": "./
|
|
43
|
+
"types": "./types/praxisui-editorial-forms.d.ts",
|
|
44
44
|
"default": "./fesm2022/praxisui-editorial-forms.mjs"
|
|
45
45
|
}
|
|
46
|
-
}
|
|
46
|
+
},
|
|
47
|
+
"type": "module"
|
|
47
48
|
}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import * as _angular_core from '@angular/core';
|
|
2
|
-
import { EnvironmentProviders, Provider,
|
|
2
|
+
import { EnvironmentProviders, Provider, InjectionToken, Type } from '@angular/core';
|
|
3
3
|
import * as _praxisui_core from '@praxisui/core';
|
|
4
|
-
import { ComponentAuthoringManifest, EditorialProblemType, EditorialWizardPresentation, EditorialThemePreset, EditorialCompliancePreset, EditorialStepKind, EditorialIconSpec, EditorialStepVisualConfig, EditorialBlock,
|
|
4
|
+
import { ComponentAuthoringManifest, EditorialSolutionDefinition, EditorialTemplateInstance, EditorialDataCollectionBlock, EditorialProblemType, EditorialWizardPresentation, EditorialThemePreset, EditorialCompliancePreset, EditorialStepKind, EditorialIconSpec, EditorialStepVisualConfig, EditorialBlock, PraxisTranslationParams, ComponentDocMeta, FormConfig, EditorialLayoutConfig, EditorialStepperConfig, EditorialOrientation, EditorialThemeTokens, EditorialBlockVisibilityRule, PraxisI18nDictionary, PraxisI18nConfig, EditorialIntroHeroBlock, EditorialHeroBlock, EditorialRichTextBlock, EditorialPolicyListBlock, EditorialTimelineStepsBlock, EditorialReviewSummaryBlock, EditorialReviewSectionsBlock, EditorialContextSummaryBlock, EditorialSelectionCardsBlock, EditorialInfoCardsBlock, EditorialSuccessPanelBlock, EditorialFaqAccordionBlock, EditorialPresentationalAction, EditorialReviewSectionField } from '@praxisui/core';
|
|
5
|
+
import * as _praxisui_editorial_forms from '@praxisui/editorial-forms';
|
|
5
6
|
|
|
6
7
|
/**
|
|
7
8
|
* Root provider entrypoint for the editorial runtime package.
|
|
@@ -15,6 +16,17 @@ declare function providePraxisEditorialForms(): EnvironmentProviders;
|
|
|
15
16
|
|
|
16
17
|
declare const PRAXIS_EDITORIAL_FORMS_AUTHORING_MANIFEST: ComponentAuthoringManifest;
|
|
17
18
|
|
|
19
|
+
interface EditorialRuntimeInput {
|
|
20
|
+
solution: EditorialSolutionDefinition | null;
|
|
21
|
+
instance: EditorialTemplateInstance | null;
|
|
22
|
+
runtimeContext?: Record<string, unknown> | null;
|
|
23
|
+
}
|
|
24
|
+
interface EditorialRuntimeHostConfig {
|
|
25
|
+
emitOperationalEvents?: boolean;
|
|
26
|
+
forwardAdapterOperationalEvents?: boolean;
|
|
27
|
+
}
|
|
28
|
+
declare const DEFAULT_EDITORIAL_RUNTIME_HOST_CONFIG: Required<EditorialRuntimeHostConfig>;
|
|
29
|
+
|
|
18
30
|
type EditorialRuntimeDiagnosticSeverity = 'info' | 'warning' | 'error';
|
|
19
31
|
type EditorialRuntimeDiagnosticScopeKind = 'global' | 'journey' | 'step' | 'block';
|
|
20
32
|
type EditorialRuntimeDiagnosticCode = 'solution-missing' | 'theme-preset-not-found' | 'compliance-preset-not-found' | 'compliance-preset-problem-type-mismatch' | 'presentation-config-unsupported' | 'context-required-missing' | 'compliance-context-required-missing' | 'compliance-evidence-missing' | 'compliance-acceptance-missing' | 'data-collection-config-missing' | 'data-collection-config-ambiguous' | 'data-collection-adapter-missing' | 'data-collection-invalid' | 'instance-journey-block-conflict' | 'journey-override-target-missing' | 'step-override-target-missing' | 'block-override-invalid' | 'block-override-conflict' | 'block-override-target-missing';
|
|
@@ -106,17 +118,6 @@ interface EditorialRuntimeSnapshot {
|
|
|
106
118
|
diagnostics: EditorialRuntimeDiagnostics;
|
|
107
119
|
}
|
|
108
120
|
|
|
109
|
-
interface EditorialRuntimeInput {
|
|
110
|
-
solution: EditorialSolutionDefinition | null;
|
|
111
|
-
instance: EditorialTemplateInstance | null;
|
|
112
|
-
runtimeContext?: Record<string, unknown> | null;
|
|
113
|
-
}
|
|
114
|
-
interface EditorialRuntimeHostConfig {
|
|
115
|
-
emitOperationalEvents?: boolean;
|
|
116
|
-
forwardAdapterOperationalEvents?: boolean;
|
|
117
|
-
}
|
|
118
|
-
declare const DEFAULT_EDITORIAL_RUNTIME_HOST_CONFIG: Required<EditorialRuntimeHostConfig>;
|
|
119
|
-
|
|
120
121
|
type EditorialRuntimeFallbackMode = 'normal' | 'warning' | 'degraded' | 'blocked';
|
|
121
122
|
interface EditorialRuntimeFallbackState {
|
|
122
123
|
mode: EditorialRuntimeFallbackMode;
|
|
@@ -199,9 +200,9 @@ declare class EditorialFormRuntimeComponent {
|
|
|
199
200
|
}>;
|
|
200
201
|
protected readonly journeys: _angular_core.Signal<EditorialResolvedJourney[]>;
|
|
201
202
|
protected readonly activeJourney: _angular_core.Signal<EditorialResolvedJourney | null>;
|
|
202
|
-
protected readonly activeStep: _angular_core.Signal<EditorialResolvedStep | null>;
|
|
203
|
+
protected readonly activeStep: _angular_core.Signal<_praxisui_editorial_forms.EditorialResolvedStep | null>;
|
|
203
204
|
protected readonly resolvedContext: _angular_core.Signal<Record<string, unknown>>;
|
|
204
|
-
protected readonly runtimeDiagnostics: _angular_core.Signal<EditorialRuntimeDiagnostics>;
|
|
205
|
+
protected readonly runtimeDiagnostics: _angular_core.Signal<_praxisui_editorial_forms.EditorialRuntimeDiagnostics>;
|
|
205
206
|
protected readonly fallbackState: _angular_core.Signal<EditorialRuntimeFallbackState>;
|
|
206
207
|
protected readonly diagnosticItems: _angular_core.Signal<EditorialRuntimeDiagnostic[]>;
|
|
207
208
|
protected readonly globalDiagnostics: _angular_core.Signal<EditorialRuntimeDiagnostic[]>;
|
|
@@ -356,7 +357,7 @@ declare class EditorialDataCollectionBlockOutletComponent {
|
|
|
356
357
|
resolvedFormConfig: _praxisui_core.FormConfig | null;
|
|
357
358
|
}>;
|
|
358
359
|
private readonly resolution;
|
|
359
|
-
protected readonly adapterResolution: _angular_core.Signal<EditorialDataBlockAdapterResolution>;
|
|
360
|
+
protected readonly adapterResolution: _angular_core.Signal<_praxisui_editorial_forms.EditorialDataBlockAdapterResolution>;
|
|
360
361
|
protected readonly adapter: _angular_core.Signal<EditorialDataBlockAdapter | null>;
|
|
361
362
|
protected readonly adapterComponent: _angular_core.Signal<Type<unknown> | null>;
|
|
362
363
|
protected readonly loadingState: _angular_core.Signal<{
|