@mtna/web-form-angular 1.0.6-SNAPSHOT.22 → 1.0.6-SNAPSHOT.24

package/lib/_index.scss

@@ -32,6 +32,8 @@
   date-item-template-color, date-item-template-typography;
 @forward './lib/components/template-item-impl/dropdown-item/dropdown-item-template-theme' as dropdown-item-template-* show dropdown-item-template-theme,
   dropdown-item-template-color, dropdown-item-template-typography;
+@forward './lib/components/template-item-impl/multiple-choice-item/multiple-choice-item-theme' as multiple-choice-item-* show multiple-choice-item-theme,
+  multiple-choice-item-color, multiple-choice-item-typography;
 @forward './lib/components/template-item-impl/repeatable-item-container/repeatable-item-template-container-theme' as
     repeatable-item-template-container-* show repeatable-item-template-container-theme,
   repeatable-item-template-container-color, repeatable-item-template-container-typography;

package/lib/components/form-item-impl/checkbox/_checkbox-theme.scss

@@ -11,14 +11,14 @@
 
   mtna-wf-checkbox-item.read-only .mat-checkbox {
     .mat-checkbox-label {
-      color: mat.get-color-from-palette($foreground, disabled);
+      color: mat.get-color-from-palette($foreground, text);
     }
     .mat-checkbox-inner-container .mat-checkbox-frame {
-      border-color: mat.get-color-from-palette($foreground, disabled);
+      border-color: mat.get-color-from-palette($foreground, secondary-text);
     }
 
-    &.mat-checkbox-checked:not(.mat-checkbox-disabled),
-    &.mat-checkbox-indeterminate:not(.mat-checkbox-disabled) {
+    &.mat-checkbox-checked,
+    &.mat-checkbox-indeterminate {
       &.mat-primary {
         @include mixins.wf-checkbox-color($primary);
       }

package/lib/components/form-item-impl/date/date.component.d.ts

@@ -1,11 +1,11 @@
-import { AfterViewInit, ChangeDetectorRef } from '@angular/core';
+import { ChangeDetectorRef } from '@angular/core';
 import { FormControl } from '@angular/forms';
 import { MatDatepicker } from '@angular/material/datepicker';
 import { MtnaLogger } from '@mtna/core-angular';
 import { DateItem, DateRange } from '@mtna/web-form-ts';
 import { MtnaWfBaseValueItem } from '../../base-items/base-value-item.component';
 import * as i0 from "@angular/core";
-export declare class MtnaWfDateComponent extends MtnaWfBaseValueItem<DateItem, FormControl> implements AfterViewInit {
+export declare class MtnaWfDateComponent extends MtnaWfBaseValueItem<DateItem, FormControl> {
     static dateFormItemComponentInstances: number;
     dateItemClass: boolean;
     get item(): DateItem;
@@ -14,12 +14,6 @@ export declare class MtnaWfDateComponent extends MtnaWfBaseValueItem<DateItem, F
     picker: MatDatepicker<Date> | undefined;
     _dateText: string;
     constructor(cdr: ChangeDetectorRef, logger: MtnaLogger);
-    ngAfterViewInit(): void;
-    /**
-     * Manually change the parse and display formats of the date picker.
-     * @see https://github.com/angular/components/issues/8355#issuecomment-376783293
-     */
-    private configureDatePickerFormatter;
     static ɵfac: i0.ɵɵFactoryDeclaration<MtnaWfDateComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MtnaWfDateComponent, "mtna-wf-date-item", never, { "rangeLimits": "rangeLimits"; }, {}, never, never>;
 }

package/lib/components/form-item-impl/multiple-choice/_multiple-choice-theme.scss

@@ -10,10 +10,10 @@
   mtna-wf-multiple-choice-item.read-only {
     .mat-radio-button {
       .mat-radio-outer-circle {
-        border-color: mat.get-color-from-palette($foreground, disabled);
+        border-color: mat.get-color-from-palette($foreground, secondary-text);
       }
       .mat-radio-label-content {
-        color: mat.get-color-from-palette($foreground, disabled);
+        color: mat.get-color-from-palette($foreground, text);
       }
 
       .mat-radio-ripple .mat-ripple-element,
@@ -53,13 +53,13 @@
 
 @mixin _wf-multiple-choice-radio-color($palette) {
   .mat-radio-outer-circle {
-    border-color: mat.get-color-from-palette($palette, 0.8);
+    border-color: mat.get-color-from-palette($palette);
   }
 
   .mat-radio-inner-circle,
   .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
   &.mat-radio-checked .mat-radio-persistent-ripple,
   &:active .mat-radio-persistent-ripple {
-    background-color: mat.get-color-from-palette($palette, 0.8);
+    background-color: mat.get-color-from-palette($palette);
   }
 }

package/lib/components/form-item-injector/form-item-injector.component.d.ts

@@ -54,6 +54,7 @@ export declare class MtnaWfItemInjector extends MtnaComponentInjector implements
     reset(): void;
     ngOnInit(): void;
     protected configureComponent(componentRef: ComponentRef<any>): void;
+    configureInjectedComponent(): void;
     protected getInjectedComponentKey(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<MtnaWfItemInjector, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MtnaWfItemInjector, "mtna-wf-item-injector", never, { "color": "color"; "control": "control"; "header": "header"; "indicatorStatus": "indicatorStatus"; "isCompact": "isCompact"; "inList": "inList"; "item": "item"; "parentIds": "parentIds"; "readonly": "readonly"; "step": "step"; }, { "focusedSection": "focusedSection"; "toggleFormItems": "toggleFormItems"; }, never, never>;

package/lib/components/template-item-impl/checkbox-item/_checkbox-item-template-theme.scss

@@ -10,14 +10,14 @@
 
   mtna-wf-checkbox-item-template.read-only .mat-checkbox {
     .mat-checkbox-label {
-      color: mat.get-color-from-palette($foreground, disabled);
+      color: mat.get-color-from-palette($foreground, text);
     }
     .mat-checkbox-inner-container .mat-checkbox-frame {
-      border-color: mat.get-color-from-palette($foreground, disabled);
+      border-color: mat.get-color-from-palette($foreground, secondary-text);
     }
 
-    &.mat-checkbox-checked:not(.mat-checkbox-disabled),
-    &.mat-checkbox-indeterminate:not(.mat-checkbox-disabled) {
+    &.mat-checkbox-checked,
+    &.mat-checkbox-indeterminate {
       &.mat-primary {
         @include mixins.wf-checkbox-color($primary);
       }

package/lib/components/template-item-impl/date/year-quarter-item/year-quarter-item.component.d.ts

@@ -1,4 +1,5 @@
 import { BooleanInput } from '@angular/cdk/coercion';
+import { AfterViewInit, OnDestroy, OnInit } from '@angular/core';
 import { FormControl } from '@angular/forms';
 import { DateRange, YearQuarter, YearQuarterRange } from '@mtna/web-form-ts';
 import { MtnaWfDefaultYearRange } from '../../../../models';
@@ -6,18 +7,35 @@ import * as i0 from "@angular/core";
 declare const _BaseMtnaWfYearQuarterItemTemplate: import("@mtna/core-angular").CanDestroyNotifyCtor & {
     new (): {};
 };
-export declare class MtnaWfYearQuarterItemTemplateComponent extends _BaseMtnaWfYearQuarterItemTemplate {
+export declare class MtnaWfYearQuarterItemTemplateComponent extends _BaseMtnaWfYearQuarterItemTemplate implements AfterViewInit, OnDestroy, OnInit {
     static ngAcceptInputType_readonly: BooleanInput;
+    get readonly(): boolean;
+    set readonly(value: boolean);
+    private _readonly;
     get yearQuarterRange(): YearQuarterRange | undefined;
     set yearQuarterRange(value: YearQuarterRange | undefined);
     private _yearQuarterRange;
+    get isReadOnly(): boolean;
     componentRangeLimits: DateRange<YearQuarter> | null | undefined;
+    _containingControl: FormControl;
     _quarterControl: FormControl;
     _yearControl: FormControl;
     _yearSelection: number[];
+    private destroyObs;
     defaultYearRange: MtnaWfDefaultYearRange;
     constructor(defaultYearRange?: MtnaWfDefaultYearRange);
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    ngOnInit(): void;
+    /**
+     * Sets the quarter value to `null` if the year & quarter is out of bounds of the range limits.
+     * Otherwise, returns original value
+     *
+     * @param value `[number, number]` The selected [year, quarter] value
+     * @returns `[number, number]` The original [year, quarter] value OR [year, null]
+     */
+    private withinRangeLimits;
     static ɵfac: i0.ɵɵFactoryDeclaration<MtnaWfYearQuarterItemTemplateComponent, [{ optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MtnaWfYearQuarterItemTemplateComponent, "mtna-wf-year-quarter-item-template", never, { "yearQuarterRange": "yearQuarterRange"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MtnaWfYearQuarterItemTemplateComponent, "mtna-wf-year-quarter-item-template", never, { "readonly": "readonly"; "yearQuarterRange": "yearQuarterRange"; }, {}, never, never>;
 }
 export {};

package/lib/components/template-item-impl/date/year-quarter-range-item/year-quarter-range-item.component.d.ts

@@ -2,6 +2,10 @@ import { YearQuarterRangeTemplate } from '@mtna/web-form-ts';
 import { MtnaWfBaseTemplateItemComponent } from '../../base/base-template-item.component';
 import * as i0 from "@angular/core";
 export declare class MtnaWfYearQuarterRangeItemTemplateComponent extends MtnaWfBaseTemplateItemComponent<YearQuarterRangeTemplate> {
+    get template(): YearQuarterRangeTemplate | undefined;
+    set template(template: YearQuarterRangeTemplate | undefined);
+    _startItem: YearQuarterRangeTemplate;
+    _endItem: YearQuarterRangeTemplate;
     static ɵfac: i0.ɵɵFactoryDeclaration<MtnaWfYearQuarterRangeItemTemplateComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MtnaWfYearQuarterRangeItemTemplateComponent, "mtna-wf-year-quarter-range-template", never, {}, {}, never, never>;
 }

package/lib/components/template-item-impl/date-item/date-item.component.d.ts

@@ -1,22 +1,15 @@
-import { AfterViewInit } from '@angular/core';
 import { MatDatepicker } from '@angular/material/datepicker';
 import { MtnaLogger } from '@mtna/core-angular';
 import { DateItemTemplate, DateRange } from '@mtna/web-form-ts';
 import { MtnaWfBaseTemplateItemComponent } from '../base/base-template-item.component';
 import * as i0 from "@angular/core";
-export declare class MtnaWfDateItemTemplateComponent extends MtnaWfBaseTemplateItemComponent<DateItemTemplate> implements AfterViewInit {
+export declare class MtnaWfDateItemTemplateComponent extends MtnaWfBaseTemplateItemComponent<DateItemTemplate> {
     static dateFormItemTemplateComponentInstances: number;
     dateItemClass: boolean;
     rangeLimits: DateRange<Date | null> | null | undefined;
     picker: MatDatepicker<Date> | undefined;
     _dateText: string;
     constructor(localeId: string, logger: MtnaLogger);
-    ngAfterViewInit(): void;
-    /**
-     * Manually change the parse and display formats of the date picker.
-     * @see https://github.com/angular/components/issues/8355#issuecomment-376783293
-     */
-    private configureDatePickerFormatter;
     static ɵfac: i0.ɵɵFactoryDeclaration<MtnaWfDateItemTemplateComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MtnaWfDateItemTemplateComponent, "mtna-wf-date-item-template", never, { "rangeLimits": "rangeLimits"; }, {}, never, never>;
 }

package/lib/components/template-item-impl/decimal-answer-item/decimal-answer-item.module.d.ts

@@ -1,13 +1,15 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./decimal-answer-item.component";
 import * as i2 from "@angular/common";
-import * as i3 from "@angular/material/form-field";
-import * as i4 from "@angular/material/list";
+import * as i3 from "../../../pipes/get-i18n-string-value-from-locale.pipe";
+import * as i4 from "@angular/material/form-field";
 import * as i5 from "@angular/material/input";
-import * as i6 from "../../../pipes/get-auto-complete.pipe";
-import * as i7 from "../../../pipes/get-i18n-string-value-from-locale.pipe";
+import * as i6 from "@angular/material/list";
+import * as i7 from "../../../pipes/get-auto-complete.pipe";
+import * as i8 from "../../../pipes/get-form-control-error.pipe";
+import * as i9 from "@angular/forms";
 export declare class MtnaWfDecimalAnswerItemTemplateModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MtnaWfDecimalAnswerItemTemplateModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MtnaWfDecimalAnswerItemTemplateModule, [typeof i1.MtnaWfDecimalAnswerItemTemplateComponent], [typeof i2.CommonModule, typeof i3.MatFormFieldModule, typeof i4.MatListModule, typeof i5.MatInputModule, typeof i6.MtnaWfGetAutoCompletePipeModule, typeof i7.GetI18nStringValueFromLocalePipeModule], [typeof i1.MtnaWfDecimalAnswerItemTemplateComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MtnaWfDecimalAnswerItemTemplateModule, [typeof i1.MtnaWfDecimalAnswerItemTemplateComponent], [typeof i2.CommonModule, typeof i3.GetI18nStringValueFromLocalePipeModule, typeof i4.MatFormFieldModule, typeof i5.MatInputModule, typeof i6.MatListModule, typeof i7.MtnaWfGetAutoCompletePipeModule, typeof i8.MtnaWfGetFormControlErrorPipeModule, typeof i9.ReactiveFormsModule], [typeof i1.MtnaWfDecimalAnswerItemTemplateComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MtnaWfDecimalAnswerItemTemplateModule>;
 }

package/lib/components/template-item-impl/multiple-choice-item/_multiple-choice-item-theme.scss

@@ -0,0 +1,65 @@
+@use 'sass:map';
+@use '~@angular/material' as mat;
+
+@mixin color($theme) {
+  $config: mat.get-color-config($theme);
+  $primary: map.get($config, primary);
+  $accent: map.get($config, accent);
+  $foreground: map.get($config, foreground);
+
+  mtna-wf-multiple-choice-item-template.read-only {
+    .mat-radio-button {
+      .mat-radio-outer-circle {
+        border-color: mat.get-color-from-palette($foreground, secondary-text);
+      }
+      .mat-radio-label-content {
+        color: mat.get-color-from-palette($foreground, text);
+      }
+
+      .mat-radio-ripple .mat-ripple-element,
+      .mat-radio-inner-circle {
+        background-color: mat.get-color-from-palette($foreground, disabled);
+      }
+      &.mat-radio-checked {
+        .mat-radio-label-content {
+          color: mat.get-color-from-palette($foreground, text);
+        }
+        &.mat-primary {
+          @include _wf-multiple-choice-radio-color($primary);
+        }
+
+        &.mat-accent {
+          @include _wf-multiple-choice-radio-color($accent);
+        }
+      }
+    }
+  }
+}
+
+@mixin typography($theme) {
+}
+
+@mixin theme($theme) {
+  $config: mat.get-color-config($theme);
+  @if $config != null {
+    @include color($theme);
+  }
+
+  $typography-config: mat.get-typography-config($theme);
+  @if $typography-config != null {
+    @include typography($theme);
+  }
+}
+
+@mixin _wf-multiple-choice-radio-color($palette) {
+  .mat-radio-outer-circle {
+    border-color: mat.get-color-from-palette($palette);
+  }
+
+  .mat-radio-inner-circle,
+  .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
+  &.mat-radio-checked .mat-radio-persistent-ripple,
+  &:active .mat-radio-persistent-ripple {
+    background-color: mat.get-color-from-palette($palette);
+  }
+}

package/lib/components/template-item-impl/template-display-viewer/template-display-viewer.component.d.ts

@@ -7,15 +7,17 @@ import * as i0 from "@angular/core";
 export declare class MtnaWfTemplateDisplayViewerComponent {
     private designFacade;
     private templateFormFacade;
+    formSteps$: BehaviorSubject<FormStep[] | null | undefined>;
+    designSteps$: BehaviorSubject<FormStep[]>;
+    singleTemplateDesignSectionStep$: BehaviorSubject<FormStep | undefined>;
     contextSelected$: BehaviorSubject<import("@mtna/designer-ts").Context | undefined>;
     focusedDesignId$: BehaviorSubject<string | undefined>;
-    modifiedModel$: BehaviorSubject<TemplateItem | Template | FormOptionSelector<Option<unknown>> | undefined>;
+    modifiedModel$: import("rxjs").Observable<TemplateItem | Template | FormOptionSelector<Option<unknown>> | undefined>;
     previewLanguage$: BehaviorSubject<"en" | "fr" | "de" | "it" | undefined>;
     loading$: import("rxjs").Observable<boolean>;
     templateForm$: import("rxjs").Observable<import("@mtna/web-form-ts").Form | undefined>;
     templateFormItem$: import("rxjs").Observable<import("@mtna/web-form-ts").FormItem | undefined>;
     typeLoaded$: import("rxjs").Observable<"form" | "formItem" | undefined>;
-    formSteps$: BehaviorSubject<FormStep[] | null | undefined>;
     retryTrigger$: BehaviorSubject<void>;
     constructor(designFacade: DesignFacade<Template | TemplateItem | FormOptionSelector<Option<unknown>>>, templateFormFacade: TemplateFormFacade);
     context_template: import("@mtna/designer-ts").Context;

package/lib/components/template-item-impl/template-item/template-item.component.d.ts

@@ -23,6 +23,7 @@ export declare class MtnaWfTemplateItemComponent {
     set template(template: TemplateItem);
     protected _template: TemplateItem;
     condition: Condition | undefined;
+    isTemplateSection: boolean;
     color: ThemePalette;
     static ɵfac: i0.ɵɵFactoryDeclaration<MtnaWfTemplateItemComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MtnaWfTemplateItemComponent, "mtna-wf-template-item", never, { "displayLocale": "displayLocale"; "inList": "inList"; "isCompact": "isCompact"; "step": "step"; "template": "template"; "color": "color"; }, {}, never, never>;

package/lib/components/template-item-impl/template-item-injector/template-item-injector.component.d.ts

@@ -37,6 +37,7 @@ export declare class MtnaWfTemplateItemInjector extends MtnaComponentInjector im
     constructor(injector: Injector, cfr: ComponentFactoryResolver, vcr: ViewContainerRef, injectionService: InjectionService);
     ngOnInit(): void;
     protected configureComponent(componentRef: ComponentRef<any>): void;
+    configureInjectedComponent(): void;
     protected getInjectedComponentKey(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<MtnaWfTemplateItemInjector, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MtnaWfTemplateItemInjector, "mtna-wf-template-item-injector", never, { "displayLocale": "displayLocale"; "inList": "inList"; "isCompact": "isCompact"; "readonly": "readonly"; "step": "step"; "template": "template"; "color": "color"; }, {}, never, never>;

package/lib/components/template-item-impl/template-section/template-section.component.d.ts

@@ -6,7 +6,7 @@ import * as i0 from "@angular/core";
 export declare class MtnaWfTemplateSectionComponent extends MtnaWfTemplateItemGroupComponent<TemplateSectionImpl> implements StepAware {
     get step(): FormStep | null | undefined;
     set step(value: FormStep | null | undefined);
-    private _step;
+    protected _step: FormStep | null | undefined;
     static ɵfac: i0.ɵɵFactoryDeclaration<MtnaWfTemplateSectionComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MtnaWfTemplateSectionComponent, "mtna-wf-template-section", never, { "step": "step"; }, {}, never, never>;
 }

package/lib/core/_all-color.scss

@@ -13,6 +13,7 @@
 @use '../components/template-item-impl/checkbox-item/checkbox-item-template-theme';
 @use '../components/template-item-impl/date-item/date-item-template-theme';
 @use '../components/template-item-impl/dropdown-item/dropdown-item-template-theme';
+@use '../components/template-item-impl/multiple-choice-item/multiple-choice-item-theme';
 @use '../components/template-item-impl/repeatable-item-container/repeatable-item-template-container-theme';
 @use '../components/template-item-impl/template-item-header/template-item-header-theme';
 @use '../components/template-item-impl/template-item-group/template-item-group-theme';
@@ -35,6 +36,7 @@
   @include checkbox-item-template-theme.color($theme);
   @include date-item-template-theme.color($theme);
   @include dropdown-item-template-theme.color($theme);
+  @include multiple-choice-item-theme.color($theme);
   @include repeatable-item-template-container-theme.color($theme);
   @include template-item-header-theme.color($theme);
   @include template-item-group-theme.color($theme);

package/lib/core/_all-theme.scss

@@ -13,6 +13,7 @@
 @use '../components/template-item-impl/checkbox-item/checkbox-item-template-theme';
 @use '../components/template-item-impl/date-item/date-item-template-theme';
 @use '../components/template-item-impl/dropdown-item/dropdown-item-template-theme';
+@use '../components/template-item-impl/multiple-choice-item/multiple-choice-item-theme';
 @use '../components/template-item-impl/repeatable-item-container/repeatable-item-template-container-theme';
 @use '../components/template-item-impl/template-item-header/template-item-header-theme';
 @use '../components/template-item-impl/template-item-group/template-item-group-theme';
@@ -35,6 +36,7 @@
   @include checkbox-item-template-theme.theme($theme);
   @include date-item-template-theme.theme($theme);
   @include dropdown-item-template-theme.theme($theme);
+  @include multiple-choice-item-theme.theme($theme);
   @include repeatable-item-template-container-theme.theme($theme);
   @include template-item-header-theme.theme($theme);
   @include template-item-group-theme.theme($theme);

package/lib/core/_all-typography.scss

@@ -13,6 +13,7 @@
 @use '../components/template-item-impl/checkbox-item/checkbox-item-template-theme';
 @use '../components/template-item-impl/date-item/date-item-template-theme';
 @use '../components/template-item-impl/dropdown-item/dropdown-item-template-theme';
+@use '../components/template-item-impl/multiple-choice-item/multiple-choice-item-theme';
 @use '../components/template-item-impl/repeatable-item-container/repeatable-item-template-container-theme';
 @use '../components/template-item-impl/template-item-header/template-item-header-theme';
 @use '../components/template-item-impl/template-item-group/template-item-group-theme';
@@ -35,6 +36,7 @@
   @include checkbox-item-template-theme.typography($theme);
   @include date-item-template-theme.typography($theme);
   @include dropdown-item-template-theme.typography($theme);
+  @include multiple-choice-item-theme.typography($theme);
   @include repeatable-item-template-container-theme.typography($theme);
   @include template-item-header-theme.typography($theme);
   @include template-item-group-theme.typography($theme);

package/lib/models/design/design-constants/index.d.ts

@@ -0,0 +1 @@
+export * from './template-design-constants.model';

package/lib/models/design/{template-design-constants.model.d.ts → design-constants/template-design-constants.model.d.ts}

@@ -1,7 +1,9 @@
 export declare const prop_option_enabled_items = "enabledItems";
 export declare const prop_option_disabled_items = "disabledItems";
 export declare const prop_option_template = "optionTemplate";
-export declare const prop_item_acknowledgement = "acknowledgement";
+export declare const prop_item_condition_allRequired = "allRequired";
+export declare const prop_item_condition_itemIds = "itemIds";
+export declare const prop_item_acknowledgementTemplate = "acknowledgementTemplate";
 export declare const prop_item_additional_text = "additionalText";
 export declare const prop_item_annotation_enabled = "annotationEnabled";
 export declare const prop_item_code_option = "codeOption";
@@ -33,6 +35,8 @@ export declare const prop_item_option_subsets = "optionSubsets";
 export declare const prop_item_option_template_map = "optionTemplateMap";
 export declare const prop_item_preset_value = "presetValue";
 export declare const prop_item_positive_only = "positiveOnly";
+export declare const prop_item_startQuarter = "quarter";
+export declare const prop_item_endQuarter = "endQuarter";
 export declare const prop_item_question_text = "questionText";
 export declare const prop_item_range_limits = "rangeLimits";
 export declare const prop_item_repeatable_item_template_id = "repeatableItemTemplateId";
@@ -42,6 +46,8 @@ export declare const prop_item_text = "text";
 export declare const prop_item_title = "title";
 export declare const prop_item_value = "value";
 export declare const prop_item_values = "values";
-export declare const prop_template_descriptive_text = "template-descriptive-text";
+export declare const prop_item_startYear = "startYear";
+export declare const prop_item_endYear = "endYear";
+export declare const prop_template_descriptive_text = "descriptiveText";
 export declare const prop_template_items = "items";
 export declare const prop_template_title = "title";

package/lib/models/design/design-mapper/dropdown-item-template-mapper.d.ts

@@ -7,5 +7,4 @@ export declare class DropdownItemTemplateMapper extends OptionGroupItemMapper<St
     constructor(params: DesignMapperParams<ReferenceDesignParams> | ModelMapperParams<DropdownItemTemplate, ReferenceDesignParams>);
     protected toDesign(model: DropdownItemTemplate, languageId: MtnaLanguageId, parent?: DesignBase): Design;
     protected toModel(design: Design): DropdownItemTemplate;
-    private getSectionItemDropdown;
 }

package/lib/models/design/design-mapper/mapping-logic-core.d.ts

@@ -1,19 +1,38 @@
-import { TemplateItem } from '@mtna/web-form-ts';
-import { Context, Design, DesignBase } from '@mtna/designer-ts';
+import { Template, TemplateItem } from '@mtna/web-form-ts';
+import { Context, Design, DesignBase, ReferenceDesignParams } from '@mtna/designer-ts';
 import { MtnaLanguageId } from '@mtna/core-i18n-angular';
 import type { TemplateItemMapper } from './template-item-mapper';
+import { TemplateMapper } from './template-mapper';
+declare type TemplateMapperCtor = new (params: {
+    design: Design;
+    context?: Context;
+    customParams?: ReferenceDesignParams;
+}) => TemplateMapper;
+declare type TemplateMapperFn = (params: {
+    model: Template;
+    languageId: MtnaLanguageId;
+    context?: Context;
+    customParams?: ReferenceDesignParams;
+}) => Design;
+export declare const templateMapperRegistry: Record<string, TemplateMapperCtor>;
+export declare const templateMapperToDesignRegistry: Record<string, TemplateMapperFn>;
+export declare function registerTemplateMapper(id: string, ctor: TemplateMapperCtor, toDesignFn: TemplateMapperFn): void;
+export declare function getTemplateMapperFromDesign(design: Design, context?: Context, customParams?: ReferenceDesignParams): TemplateMapper;
+export declare function mapperTemplateToDesign(model: Template, languageId: MtnaLanguageId, context?: Context, customParams?: ReferenceDesignParams): Design;
 declare type MapperCtor = new (params: {
     design: Design;
     context?: Context;
+    customParams?: ReferenceDesignParams;
 }) => TemplateItemMapper;
 declare type MapperFn = (params: {
     model: TemplateItem;
     languageId: MtnaLanguageId;
     context?: Context;
+    customParams?: ReferenceDesignParams;
 }) => Design;
 export declare const mapperRegistry: Record<string, MapperCtor>;
 export declare const mapperToDesignRegistry: Record<string, MapperFn>;
 export declare function registerMapper(id: string, ctor: MapperCtor, toDesignFn: MapperFn): void;
-export declare function getItemMapperFromDesign(design: Design, context?: Context): TemplateItemMapper;
-export declare function mapperItemToDesign(item: TemplateItem, languageId: MtnaLanguageId, parent?: DesignBase, context?: Context): Design;
+export declare function getItemMapperFromDesign(design: Design, context?: Context, customParams?: ReferenceDesignParams): TemplateItemMapper;
+export declare function mapperItemToDesign(item: TemplateItem, languageId: MtnaLanguageId, parent?: DesignBase, context?: Context, customParams?: ReferenceDesignParams): Design;
 export {};

package/lib/models/design/design-mapper/option-selector-mapper.d.ts

@@ -26,4 +26,5 @@ export declare class OptionSelectorMapper<O extends Option<unknown>, F extends F
     private getOptionTemplateProperties;
     private getEnabledDisabledItemsSection;
     private getEnabledAndDisabledItemsFromDesign;
+    private getOptionAcknowledgementProperties;
 }

package/lib/models/design/design-mapper/template-item-group-mapper.d.ts

@@ -8,5 +8,6 @@ export declare class TemplateItemGroupMapper<T extends TemplateItemGroup = Templ
     getPotentialDesigns(property: DesignProperty): DesignBase[];
     protected toDesign(model: T, languageId: MtnaLanguageId, parent?: DesignBase): Design;
     protected toModel(design: Design): T;
+    private getGroupItemCore;
     private getSectionItemGroup;
 }

package/lib/models/design/design-mapper/template-item-mapper.d.ts

@@ -8,6 +8,6 @@ export declare class TemplateItemMapper<T extends TemplateItem = TemplateItem, P
     protected toDesign(model: T, languageId: MtnaLanguageId, parent?: DesignBase): Design;
     protected toModel(design: Design): T;
     private getSectionItemCore;
-    protected getTypeDisplay(itemId: string): string;
-    private itemToDesignBase;
+    private getSectionItemConditions;
+    private getConditionalItemIdsFromDesign;
 }

package/lib/models/design/design-mapper/title-item-template-mapper.d.ts

@@ -8,4 +8,5 @@ export declare class TitleItemTemplateMapper extends TemplateItemMapper<TitleIte
     protected toDesign(model: TitleItemTemplate, languageId: MtnaLanguageId, parent?: DesignBase): Design;
     protected toModel(design: Design): TitleItemTemplate;
     private getSectionItemTitle;
+    private getSectionTitleItemCore;
 }

package/lib/models/design/design-properties/engagement-property-type.model.d.ts

@@ -0,0 +1,14 @@
+import { LiteralType } from '@mtna/designer-ts';
+import { MtnaEnumValue } from '@mtna/core-ts';
+export interface EngagementPropertyType {
+    defaultValue?: any;
+    instructions: string;
+    propName: string;
+    title: string;
+    type: LiteralType;
+}
+export interface EnumEngagementPropertyType extends EngagementPropertyType {
+    defaultValue: MtnaEnumValue;
+    enumValues: MtnaEnumValue[];
+    enumFunction: (displayValue: any, defaultValue: MtnaEnumValue) => MtnaEnumValue;
+}

package/lib/models/design/design-properties/enumeration-value-functions/date-format.d.ts

@@ -0,0 +1,2 @@
+import { MtnaEnumValue } from '@mtna/core-ts';
+export declare function getDateFormatValue(displayValue: string | undefined, defaultValue: MtnaEnumValue): MtnaEnumValue;

package/lib/models/design/design-properties/enumeration-value-functions/index.d.ts

@@ -0,0 +1,3 @@
+export * from './date-format';
+export * from './layout';
+export * from './quarter-range';

package/lib/models/design/design-properties/enumeration-value-functions/layout.d.ts

@@ -0,0 +1,3 @@
+import { Layout } from '@mtna/web-form-ts';
+import { MtnaEnumValue } from '@mtna/core-ts';
+export declare function getLayoutValue(displayValue: Layout | undefined, defaultValue: MtnaEnumValue): MtnaEnumValue;

package/lib/models/design/design-properties/enumeration-value-functions/quarter-range.d.ts

@@ -0,0 +1,2 @@
+import { MtnaEnumValue } from '@mtna/core-ts';
+export declare function getQuarterRangeValue(displayValue: number | undefined, defaultValue: MtnaEnumValue): MtnaEnumValue;

package/lib/models/design/{enumerations/date-enumeration.model.d.ts → design-properties/enumerations/date-display-format-enumeration.model.d.ts}

@@ -5,4 +5,5 @@ export declare const LONG_DATE_DISPLAY_VALUE: MtnaEnumValue;
 export declare const EURO_LONG_DATE_DISPLAY_VALUE: MtnaEnumValue;
 export declare const DOTTED_DATE_DISPLAY_VALUE: MtnaEnumValue;
 export declare const ISO_8601_DATE_DISPLAY_VALUE: MtnaEnumValue;
-export declare const DATE_ENUM_VALUES: MtnaEnumValue[];
+export declare const MTNA_DEFAULT_USE_DISPLAY_VALUE: MtnaEnumValue;
+export declare const DATE_DISPLAY_ENUM_VALUES: MtnaEnumValue[];

package/lib/models/design/design-properties/enumerations/index.d.ts

@@ -0,0 +1,3 @@
+export * from './date-display-format-enumeration.model';
+export * from './layout-enumeration.model';
+export * from './quarter-range-enumeration.model';

package/lib/models/design/design-properties/enumerations/layout-enumeration.model.d.ts

@@ -0,0 +1,4 @@
+import { MtnaEnumValue } from '@mtna/core-ts';
+export declare const LAYOUT_ROW_DISPLAY_VALUE: MtnaEnumValue;
+export declare const LAYOUT_COLUMN_DISPLAY_VALUE: MtnaEnumValue;
+export declare const LAYOUT_ENUM_VALUES: MtnaEnumValue[];

package/lib/models/design/design-properties/enumerations/quarter-range-enumeration.model.d.ts

@@ -0,0 +1,6 @@
+import { MtnaEnumValue } from '@mtna/core-ts';
+export declare const QUARTER_ONE_DISPLAY_VALUE: MtnaEnumValue;
+export declare const QUARTER_TWO_DISPLAY_VALUE: MtnaEnumValue;
+export declare const QUARTER_THREE_DISPLAY_VALUE: MtnaEnumValue;
+export declare const QUARTER_FOUR_DISPLAY_VALUE: MtnaEnumValue;
+export declare const QUARTER_RANGE_ENUM_VALUES: MtnaEnumValue[];

package/lib/models/design/design-properties/properties/date-format.model.d.ts

@@ -0,0 +1,2 @@
+import { EnumEngagementPropertyType } from '../engagement-property-type.model';
+export declare const PROP_DATE_FORMAT: EnumEngagementPropertyType;

package/lib/models/design/design-properties/properties/index.d.ts

@@ -0,0 +1,3 @@
+export * from './date-format.model';
+export * from './layout.model';
+export * from './quarter-range.model';

package/lib/models/design/design-properties/properties/layout.model.d.ts

@@ -0,0 +1,2 @@
+import { EnumEngagementPropertyType } from '../engagement-property-type.model';
+export declare const PROP_LAYOUT: EnumEngagementPropertyType;

package/lib/models/design/design-properties/properties/quarter-range.model.d.ts

@@ -0,0 +1,3 @@
+import { EnumEngagementPropertyType } from '../engagement-property-type.model';
+export declare const PROP_QUARTER_RANGE_START: EnumEngagementPropertyType;
+export declare const PROP_QUARTER_RANGE_END: EnumEngagementPropertyType;

package/lib/models/design/index.d.ts

@@ -1,8 +1,9 @@
 export * from './conditional-processing-resources.model';
 export * from './design-mapper';
-export * from './enumerations';
+export * from './design-properties/enumerations';
 export * from './option-group-item-section-display-name-map.model';
 export * from './option-item-section-display-name-map.model';
 export * from './potential-designs.model';
-export * from './template-design-constants.model';
+export * from './design-constants/template-design-constants.model';
 export * from './template-design-context.model';
+export * from './unavailable-template-item-name-map.model';

package/lib/models/design/unavailable-template-item-name-map.model.d.ts

@@ -0,0 +1 @@
+export declare const UnavailableTemplateItemNameMap: Record<string, string>;