@mtna/web-form-angular 1.0.4 → 1.0.5

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

@@ -0,0 +1,4 @@
+import { InjectedComponent, InjectedComponentProvider } from '@mtna/core-angular';
+export declare class MtnaWfTemplateItemComponentProvider extends InjectedComponentProvider {
+    getInjectedComponents(): InjectedComponent[];
+}

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

@@ -0,0 +1,2 @@
+import { InjectedComponent } from '@mtna/core-angular';
+export declare const MTNA_WF_TEMPLATE_ITEM_INJECTED_COMPONENTS: InjectedComponent[];

package/lib/components/template-item-impl/template-item-group/_template-item-group-theme.scss

@@ -0,0 +1,31 @@
+@use 'sass:map';
+@use '~@angular/material' as mat;
+
+@mixin color($theme) {
+  $config: mat.get-color-config($theme);
+  $foreground: map.get($config, foreground);
+
+  mtna-wf-template-item-group {
+    .mat-list .mat-list-item {
+      p,
+      .mat-list-icon {
+        color: mat.get-color-from-palette($foreground, secondary-text);
+      }
+    }
+  }
+}
+
+@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);
+  }
+}

package/lib/components/template-item-impl/template-item-group/index.d.ts

@@ -0,0 +1,2 @@
+export * from './template-item-group.component';
+export * from './template-item-group.module';

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

@@ -0,0 +1,18 @@
+import { TemplateItem, TemplateItemGroupImpl } from '@mtna/web-form-ts';
+import { MtnaWfBaseTemplateItemComponent } from '../base/base-template-item.component';
+import * as i0 from "@angular/core";
+export declare class MtnaWfTemplateItemGroupComponent<T extends TemplateItemGroupImpl> extends MtnaWfBaseTemplateItemComponent<T> {
+    get template(): T | undefined;
+    set template(template: T | undefined);
+    fullWidth: {
+        [id: string]: boolean;
+    };
+    /**
+     * If form is readonly & all child items are one of the specified types below,
+     * we want to display this group's child items in a mat-list
+     */
+    inList: boolean;
+    _trackByInstanceId(index: number, item: TemplateItem): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MtnaWfTemplateItemGroupComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MtnaWfTemplateItemGroupComponent<any>, "mtna-wf-template-item-group", never, {}, {}, never, never>;
+}

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

@@ -0,0 +1,12 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./template-item-group.component";
+import * as i2 from "@angular/common";
+import * as i3 from "../template-item/template-item.module";
+import * as i4 from "@angular/flex-layout";
+import * as i5 from "../../../pipes/items-with-value.pipe";
+import * as i6 from "@angular/material/list";
+export declare class MtnaWfTemplateItemGroupModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MtnaWfTemplateItemGroupModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MtnaWfTemplateItemGroupModule, [typeof i1.MtnaWfTemplateItemGroupComponent], [typeof i2.CommonModule, typeof i3.MtnaWfTemplateItemModule, typeof i4.FlexLayoutModule, typeof i5.MtnaWfItemsWithValuePipeModule, typeof i6.MatListModule], [typeof i1.MtnaWfTemplateItemGroupComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<MtnaWfTemplateItemGroupModule>;
+}

package/lib/components/template-item-impl/template-item-header/_template-item-header-theme.scss

@@ -0,0 +1,28 @@
+@use 'sass:map';
+@use '~@angular/material' as mat;
+
+@mixin color($theme) {
+  $config: mat.get-color-config($theme);
+  $foreground: map.get($config, foreground);
+
+  mtna-wf-template-item-header {
+    .mtna-wf-template-item-description {
+      color: mat.get-color-from-palette($foreground, secondary-text);
+    }
+  }
+}
+
+@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);
+  }
+}

package/lib/components/template-item-impl/template-item-header/index.d.ts

@@ -0,0 +1,2 @@
+export * from './template-item-header.component';
+export * from './template-item-header.module';

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

@@ -0,0 +1,26 @@
+import { BooleanInput } from '@angular/cdk/coercion';
+import { MtnaLocaleIds } from '@mtna/core-i18n-angular';
+import { InternationalizedString } from '@mtna/core-i18n-ts';
+import * as i0 from "@angular/core";
+export declare class MtnaWfTemplateItemHeaderComponent {
+    static ngAcceptInputType_disabled: BooleanInput;
+    static ngAcceptInputType_required: BooleanInput;
+    get descriptiveText(): InternationalizedString[];
+    set descriptiveText(descriptiveText: InternationalizedString[]);
+    private _descriptiveText;
+    get disabled(): boolean;
+    set disabled(disabled: boolean);
+    private _disabled;
+    get displayLocale(): typeof MtnaLocaleIds.type;
+    set displayLocale(displayLocale: typeof MtnaLocaleIds.type);
+    private _displayLocale;
+    get required(): boolean;
+    set required(required: boolean);
+    private _required;
+    get questionText(): InternationalizedString[];
+    set questionText(questionText: InternationalizedString[]);
+    private _questionText;
+    _requiredHtml: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MtnaWfTemplateItemHeaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MtnaWfTemplateItemHeaderComponent, "mtna-wf-template-item-header", never, { "descriptiveText": "descriptiveText"; "disabled": "disabled"; "displayLocale": "displayLocale"; "required": "required"; "questionText": "questionText"; }, {}, never, never>;
+}

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

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./template-item-header.component";
+import * as i2 from "@angular/common";
+import * as i3 from "../../../pipes/sanitize-html.pipe";
+import * as i4 from "../../../pipes/get-i18n-string-value-from-locale.pipe";
+export declare class MtnaWfTemplateItemHeaderModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MtnaWfTemplateItemHeaderModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MtnaWfTemplateItemHeaderModule, [typeof i1.MtnaWfTemplateItemHeaderComponent], [typeof i2.CommonModule, typeof i3.MtnaWfSanitizeHtmlPipeModule, typeof i4.GetI18nStringValueFromLocalePipeModule], [typeof i1.MtnaWfTemplateItemHeaderComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<MtnaWfTemplateItemHeaderModule>;
+}

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

@@ -0,0 +1,2 @@
+export * from './template-item-injector.component';
+export * from './template-item-injector.module';

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

@@ -0,0 +1,43 @@
+import { BooleanInput } from '@angular/cdk/coercion';
+import { ComponentFactoryResolver, ComponentRef, Injector, OnInit, ViewContainerRef } from '@angular/core';
+import { ThemePalette } from '@angular/material/core';
+import { InjectionService, MtnaComponentInjector } from '@mtna/core-angular';
+import { MtnaLocaleIds } from '@mtna/core-i18n-angular';
+import { TemplateItem } from '@mtna/web-form-ts';
+import { FormStep } from '../../../models';
+import * as i0 from "@angular/core";
+export declare class MtnaWfTemplateItemInjector extends MtnaComponentInjector implements OnInit {
+    protected injector: Injector;
+    protected cfr: ComponentFactoryResolver;
+    protected vcr: ViewContainerRef;
+    protected injectionService: InjectionService;
+    static ngAcceptInputType_inList: BooleanInput;
+    static ngAcceptInputType_readonly: BooleanInput;
+    static ngAcceptInputType_isCompact: BooleanInput;
+    get displayLocale(): typeof MtnaLocaleIds.type;
+    set displayLocale(value: typeof MtnaLocaleIds.type);
+    protected _displayLocale: typeof MtnaLocaleIds.type;
+    get inList(): boolean;
+    set inList(value: boolean);
+    private _inList;
+    get isCompact(): boolean;
+    set isCompact(value: boolean);
+    private _isCompact;
+    get readonly(): boolean;
+    set readonly(value: boolean);
+    private _readonly;
+    get step(): FormStep | null | undefined;
+    set step(value: FormStep | null | undefined);
+    private _step;
+    get template(): TemplateItem;
+    set template(value: TemplateItem);
+    protected _template: TemplateItem;
+    color: ThemePalette;
+    private wfTemplateItemComponent;
+    constructor(injector: Injector, cfr: ComponentFactoryResolver, vcr: ViewContainerRef, injectionService: InjectionService);
+    ngOnInit(): void;
+    protected configureComponent(componentRef: ComponentRef<any>): 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-item-injector/template-item-injector.module.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./template-item-injector.component";
+import * as i2 from "@angular/common";
+export declare class MtnaWfTemplateItemInjectorModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MtnaWfTemplateItemInjectorModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MtnaWfTemplateItemInjectorModule, [typeof i1.MtnaWfTemplateItemInjector], [typeof i2.CommonModule], [typeof i1.MtnaWfTemplateItemInjector]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<MtnaWfTemplateItemInjectorModule>;
+}

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

@@ -0,0 +1,2 @@
+export * from './template-section.component';
+export * from './template-section.module';

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

@@ -0,0 +1,12 @@
+import { TemplateSectionImpl } from '@mtna/web-form-ts';
+import { FormStep } from '../../../models';
+import { MtnaWfTemplateItemGroupComponent } from '../template-item-group/template-item-group.component';
+import { StepAware } from '../models/step-aware.model';
+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;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MtnaWfTemplateSectionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MtnaWfTemplateSectionComponent, "mtna-wf-template-section", never, { "step": "step"; }, {}, never, never>;
+}

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

@@ -0,0 +1,13 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./template-section.component";
+import * as i2 from "@angular/common";
+import * as i3 from "../../../pipes/get-i18n-string-value-from-locale.pipe";
+import * as i4 from "@angular/material/divider";
+import * as i5 from "../../step-card/step-card.module";
+import * as i6 from "../template-item/template-item.module";
+import * as i7 from "../../../pipes/instance-of-template-item-group-impl.pipe";
+export declare class MtnaWfTemplateSectionModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MtnaWfTemplateSectionModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MtnaWfTemplateSectionModule, [typeof i1.MtnaWfTemplateSectionComponent], [typeof i2.CommonModule, typeof i3.GetI18nStringValueFromLocalePipeModule, typeof i4.MatDividerModule, typeof i5.MtnaWfStepCardModule, typeof i6.MtnaWfTemplateItemModule, typeof i6.MtnaWfTemplateItemModule, typeof i7.MtnaWfInstanceOfTemplateItemGroupImplPipeModule], [typeof i1.MtnaWfTemplateSectionComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<MtnaWfTemplateSectionModule>;
+}

package/lib/components/template-item-impl/text-item/index.d.ts

@@ -0,0 +1,2 @@
+export * from './text-item.component';
+export * from './text-item.module';

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

@@ -0,0 +1,7 @@
+import { TextItemTemplate } from '@mtna/web-form-ts';
+import { MtnaWfBaseTemplateItemComponent } from '../base/base-template-item.component';
+import * as i0 from "@angular/core";
+export declare class MtnaWfTextItemTemplateComponent extends MtnaWfBaseTemplateItemComponent<TextItemTemplate> {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MtnaWfTextItemTemplateComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MtnaWfTextItemTemplateComponent, "mtna-wf-text-item-template", never, {}, {}, never, never>;
+}

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

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./text-item.component";
+import * as i2 from "@angular/common";
+import * as i3 from "../../../pipes/sanitize-html.pipe";
+import * as i4 from "../../../pipes/get-i18n-string-value-from-locale.pipe";
+export declare class MtnaWfTextItemTemplateModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MtnaWfTextItemTemplateModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MtnaWfTextItemTemplateModule, [typeof i1.MtnaWfTextItemTemplateComponent], [typeof i2.CommonModule, typeof i3.MtnaWfSanitizeHtmlPipeModule, typeof i4.GetI18nStringValueFromLocalePipeModule], [typeof i1.MtnaWfTextItemTemplateComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<MtnaWfTextItemTemplateModule>;
+}

package/lib/components/template-item-impl/title-item/_title-item-template-theme.scss

@@ -0,0 +1,28 @@
+@use 'sass:map';
+@use '~@angular/material' as mat;
+
+@mixin color($theme) {
+  $config: mat.get-color-config($theme);
+  $foreground: map.get($config, foreground);
+
+  mtna-wf-title-item-template {
+    .mtna-wf-title-item-template {
+      color: mat.get-color-from-palette($foreground, secondary-text);
+    }
+  }
+}
+
+@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);
+  }
+}

package/lib/components/template-item-impl/title-item/index.d.ts

@@ -0,0 +1,2 @@
+export * from './title-item.component';
+export * from './title-item.module';

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

@@ -0,0 +1,7 @@
+import { TitleItemTemplate } from '@mtna/web-form-ts';
+import { MtnaWfBaseTemplateItemComponent } from '../base/base-template-item.component';
+import * as i0 from "@angular/core";
+export declare class MtnaWfTitleItemTemplateComponent extends MtnaWfBaseTemplateItemComponent<TitleItemTemplate> {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MtnaWfTitleItemTemplateComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MtnaWfTitleItemTemplateComponent, "mtna-wf-title-item-template", never, {}, {}, never, never>;
+}

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

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./title-item.component";
+import * as i2 from "@angular/common";
+import * as i3 from "../../../pipes/get-i18n-string-value-from-locale.pipe";
+export declare class MtnaWfTitleItemTemplateModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MtnaWfTitleItemTemplateModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MtnaWfTitleItemTemplateModule, [typeof i1.MtnaWfTitleItemTemplateComponent], [typeof i2.CommonModule, typeof i3.GetI18nStringValueFromLocalePipeModule], [typeof i1.MtnaWfTitleItemTemplateComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<MtnaWfTitleItemTemplateModule>;
+}

package/lib/components/template-item-impl/unordered-list-item/index.d.ts

@@ -0,0 +1,2 @@
+export * from './unordered-list-item.component';
+export * from './unordered-list-item.module';

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

@@ -0,0 +1,7 @@
+import { BulletedListItemTemplate } from '@mtna/web-form-ts';
+import { MtnaWfBaseTemplateItemComponent } from '../base/base-template-item.component';
+import * as i0 from "@angular/core";
+export declare class MtnaWfUnorderedListItemTemplateComponent extends MtnaWfBaseTemplateItemComponent<BulletedListItemTemplate> {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MtnaWfUnorderedListItemTemplateComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MtnaWfUnorderedListItemTemplateComponent, "mtna-wf-unordered-list-item-template", never, {}, {}, never, never>;
+}

package/lib/components/template-item-impl/unordered-list-item/unordered-list-item.module.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./unordered-list-item.component";
+import * as i2 from "@angular/common";
+import * as i3 from "../../../pipes/get-i18n-strings-value-from-locale.pipe";
+import * as i4 from "../../../pipes/sanitize-html.pipe";
+export declare class MtnaWfUnorderedListItemTemplateModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MtnaWfUnorderedListItemTemplateModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MtnaWfUnorderedListItemTemplateModule, [typeof i1.MtnaWfUnorderedListItemTemplateComponent], [typeof i2.CommonModule, typeof i3.GetI18nStringsValueFromLocalePipeModule, typeof i4.MtnaWfSanitizeHtmlPipeModule], [typeof i1.MtnaWfUnorderedListItemTemplateComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<MtnaWfUnorderedListItemTemplateModule>;
+}

package/lib/components/template-item-impl/whole-number-answer-item/index.d.ts

@@ -0,0 +1,2 @@
+export * from './whole-number-answer-item.component';
+export * from './whole-number-answer-item.module';

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

@@ -0,0 +1,8 @@
+import { WholeNumberAnswerItemTemplate } from '@mtna/web-form-ts';
+import { MtnaWfBaseTemplateItemWithListComponent } from '../base/base-template-item-with-list.component';
+import * as i0 from "@angular/core";
+export declare class MtnaWfWholeNumberAnswerItemTemplateComponent extends MtnaWfBaseTemplateItemWithListComponent<WholeNumberAnswerItemTemplate> {
+    _noInformationText: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MtnaWfWholeNumberAnswerItemTemplateComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MtnaWfWholeNumberAnswerItemTemplateComponent, "mtna-wf-whole-number-answer-item-template", never, {}, {}, never, never>;
+}

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

@@ -0,0 +1,13 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./whole-number-answer-item.component";
+import * as i2 from "@angular/common";
+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 "@angular/material/list";
+import * as i7 from "../../../pipes/get-list-icon.pipe";
+export declare class MtnaWfWholeNumberAnswerItemTemplateModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MtnaWfWholeNumberAnswerItemTemplateModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MtnaWfWholeNumberAnswerItemTemplateModule, [typeof i1.MtnaWfWholeNumberAnswerItemTemplateComponent], [typeof i2.CommonModule, typeof i3.GetI18nStringValueFromLocalePipeModule, typeof i4.MatFormFieldModule, typeof i5.MatInputModule, typeof i6.MatListModule, typeof i7.MtnaWfGetListIconPipeModule], [typeof i1.MtnaWfWholeNumberAnswerItemTemplateComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<MtnaWfWholeNumberAnswerItemTemplateModule>;
+}

package/lib/core/_all-color.scss

@@ -9,6 +9,15 @@
 @use '../components/form-stepper/form-stepper/form-stepper-theme';
 @use '../components/item-header/item-header-theme';
 @use '../components/step-card/step-card-theme';
+// template items
+@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/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';
+@use '../components/template-item-impl/title-item/title-item-template-theme';
+@use '../components/template-item-impl/date/year-quarter-item/year-quarter-item-template-theme';
 
 @mixin all-component-colors($theme) {
   @include checkbox-theme.color($theme);
@@ -22,4 +31,13 @@
   @include form-stepper-theme.color($theme);
   @include item-header-theme.color($theme);
   @include step-card-theme.color($theme);
+  // template items
+  @include checkbox-item-template-theme.color($theme);
+  @include date-item-template-theme.color($theme);
+  @include dropdown-item-template-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);
+  @include title-item-template-theme.color($theme);
+  @include year-quarter-item-template-theme.color($theme);
 }

package/lib/core/_all-theme.scss

@@ -9,6 +9,15 @@
 @use '../components/form-stepper/form-stepper/form-stepper-theme';
 @use '../components/item-header/item-header-theme';
 @use '../components/step-card/step-card-theme';
+// template items
+@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/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';
+@use '../components/template-item-impl/title-item/title-item-template-theme';
+@use '../components/template-item-impl/date/year-quarter-item/year-quarter-item-template-theme';
 
 @mixin all-component-themes($theme) {
   @include checkbox-theme.theme($theme);
@@ -22,4 +31,13 @@
   @include form-stepper-theme.theme($theme);
   @include item-header-theme.theme($theme);
   @include step-card-theme.theme($theme);
+  // template items
+  @include checkbox-item-template-theme.theme($theme);
+  @include date-item-template-theme.theme($theme);
+  @include dropdown-item-template-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);
+  @include title-item-template-theme.theme($theme);
+  @include year-quarter-item-template-theme.theme($theme);
 }

package/lib/core/_all-typography.scss

@@ -9,6 +9,15 @@
 @use '../components/form-stepper/form-stepper/form-stepper-theme';
 @use '../components/item-header/item-header-theme';
 @use '../components/step-card/step-card-theme';
+// template items
+@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/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';
+@use '../components/template-item-impl/title-item/title-item-template-theme';
+@use '../components/template-item-impl/date/year-quarter-item/year-quarter-item-template-theme';
 
 @mixin all-component-typographies($theme) {
   @include checkbox-theme.typography($theme);
@@ -22,4 +31,13 @@
   @include form-stepper-theme.typography($theme);
   @include item-header-theme.typography($theme);
   @include step-card-theme.typography($theme);
+  // template items
+  @include checkbox-item-template-theme.typography($theme);
+  @include date-item-template-theme.typography($theme);
+  @include dropdown-item-template-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);
+  @include title-item-template-theme.typography($theme);
+  @include year-quarter-item-template-theme.typography($theme);
 }

package/lib/core/_mixins.scss

@@ -0,0 +1,58 @@
+@use '~@angular/material' as mat;
+
+@mixin inputComponentList() {
+  .mat-list-base .mat-list-item,
+  .mat-list-base .mat-list-item.mat-list-item-with-avatar {
+    height: auto;
+    padding: 12px 0;
+  }
+
+  .mat-list-base .mat-list-item.mat-2-line,
+  .mat-list-base .mat-list-item.mat-2-line.mat-list-item-with-avatar {
+    padding: 18.5px 0;
+  }
+
+  .mat-list-base .mat-list-item .mat-line {
+    white-space: normal;
+    overflow: unset;
+    text-overflow: unset;
+  }
+}
+
+@mixin templateControlItem() {
+  &.mtna-wf-template-control-item {
+    .mat-form-field {
+      width: 100%;
+    }
+    .template-control-item-content {
+      padding: 0.35em 0.75em 0.625em;
+    }
+
+    // TODO: need to align this with the form-control mixin as this selector is not working as intended
+    mtna-wf-template-item-header ~ .mtna-wf-template-control-item:not(.mat-list):not(mtna-wf-template-item-injector) {
+      // aligns with a fieldset's default padding-left
+      padding-left: 0.75em;
+      &.mat-form-field {
+        width: calc(100% - 0.75em);
+      }
+    }
+  }
+}
+
+@mixin wf-checkbox-color($palette) {
+  .mat-checkbox-inner-container {
+    .mat-checkbox-background {
+      background-color: mat.get-color-from-palette($palette);
+    }
+    .mat-checkbox-frame {
+      border-color: mat.get-color-from-palette($palette);
+    }
+  }
+
+  button.mat-icon-button.acknowledge-verification-button {
+    &:hover,
+    &.cdk-focused {
+      color: mat.get-color-from-palette($palette);
+    }
+  }
+}

package/lib/models/custom-date-format-provider.model.d.ts

@@ -0,0 +1,2 @@
+import { MatDateFormats } from '@angular/material/core';
+export declare const CUSTOM_MAT_DATE_FORMAT: MatDateFormats;

package/lib/models/date/default-year-range.model.d.ts

@@ -0,0 +1,6 @@
+import { InjectionToken } from '@angular/core';
+export declare const MTNA_WF_DEFAULT_YEAR_RANGE: InjectionToken<MtnaWfDefaultYearRange>;
+export interface MtnaWfDefaultYearRange {
+    numPastYears: number;
+    numFutureYears: number;
+}

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

@@ -0,0 +1 @@
+export * from './default-year-range.model';

package/lib/models/design/conditional-processing-resources.model.d.ts

@@ -0,0 +1,7 @@
+import { ConditionalItem, FormOptionSelector } from '@mtna/web-form-ts';
+export interface ConditionalProcessingResources {
+    conditionalItems: ConditionalItem[];
+    enable: boolean;
+    optionItemId: string;
+    optionSelector: FormOptionSelector<any>;
+}

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

@@ -0,0 +1,10 @@
+import { BooleanItemTemplate, BooleanOption } from '@mtna/web-form-ts';
+import { Design, DesignBase, ReferenceDesignParams } from '@mtna/designer-ts';
+import { MtnaLanguageId } from '@mtna/core-i18n-angular';
+import { DesignMapperParams, ModelMapperParams } from '@mtna/designer-angular';
+import { OptionItemMapper } from './option-item-mapper';
+export declare class BooleanItemTemplateMapper extends OptionItemMapper<BooleanOption, BooleanItemTemplate> {
+    constructor(params: DesignMapperParams<ReferenceDesignParams> | ModelMapperParams<BooleanItemTemplate, ReferenceDesignParams>);
+    protected toDesign(model: BooleanItemTemplate, languageId: MtnaLanguageId, parent?: DesignBase): Design;
+    protected toModel(design: Design): BooleanItemTemplate;
+}

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

@@ -0,0 +1,11 @@
+import { TemplateItemMapper } from './template-item-mapper';
+import { BulletedListItemTemplate } from '@mtna/web-form-ts';
+import { MtnaLanguageId } from '@mtna/core-i18n-angular';
+import { Design, DesignBase, ReferenceDesignParams } from '@mtna/designer-ts';
+import { DesignMapperParams, ModelMapperParams } from '@mtna/designer-angular';
+export declare class BulletedListItemTemplateMapper extends TemplateItemMapper<BulletedListItemTemplate> {
+    constructor(params: DesignMapperParams<ReferenceDesignParams> | ModelMapperParams<BulletedListItemTemplate, ReferenceDesignParams>);
+    protected toDesign(model: BulletedListItemTemplate, languageId: MtnaLanguageId, parent?: DesignBase): Design;
+    protected toModel(design: Design): BulletedListItemTemplate;
+    private getSectionItemBulletedList;
+}

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

@@ -0,0 +1,10 @@
+import { CheckboxItemTemplate, StringOption } from '@mtna/web-form-ts';
+import { Design, DesignBase, ReferenceDesignParams } from '@mtna/designer-ts';
+import { MtnaLanguageId } from '@mtna/core-i18n-angular';
+import { OptionGroupItemMapper } from './option-group-item-mapper';
+import { DesignMapperParams, ModelMapperParams } from '@mtna/designer-angular';
+export declare class CheckboxItemTemplateMapper extends OptionGroupItemMapper<StringOption, CheckboxItemTemplate> {
+    constructor(params: DesignMapperParams<ReferenceDesignParams> | ModelMapperParams<CheckboxItemTemplate, ReferenceDesignParams>);
+    protected toDesign(model: CheckboxItemTemplate, languageId: MtnaLanguageId, parent?: DesignBase): Design;
+    protected toModel(design: Design): CheckboxItemTemplate;
+}

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

@@ -0,0 +1,11 @@
+import { DateItemTemplate } from '@mtna/web-form-ts';
+import { Design, DesignBase, ReferenceDesignParams } from '@mtna/designer-ts';
+import { MtnaLanguageId } from '@mtna/core-i18n-angular';
+import { TemplateItemMapper } from './template-item-mapper';
+import { DesignMapperParams, ModelMapperParams } from '@mtna/designer-angular';
+export declare class DateItemTemplateMapper extends TemplateItemMapper<DateItemTemplate> {
+    constructor(params: DesignMapperParams<ReferenceDesignParams> | ModelMapperParams<DateItemTemplate, ReferenceDesignParams>);
+    protected toDesign(model: DateItemTemplate, languageId: MtnaLanguageId, parent?: DesignBase): Design;
+    protected toModel(design: Design): DateItemTemplate;
+    private getSectionItemDate;
+}

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

@@ -0,0 +1,11 @@
+import { DropdownItemTemplate, StringOption } from '@mtna/web-form-ts';
+import { Design, DesignBase, ReferenceDesignParams } from '@mtna/designer-ts';
+import { MtnaLanguageId } from '@mtna/core-i18n-angular';
+import { DesignMapperParams, ModelMapperParams } from '@mtna/designer-angular';
+import { OptionGroupItemMapper } from './option-group-item-mapper';
+export declare class DropdownItemTemplateMapper extends OptionGroupItemMapper<StringOption, DropdownItemTemplate> {
+    constructor(params: DesignMapperParams<ReferenceDesignParams> | ModelMapperParams<DropdownItemTemplate, ReferenceDesignParams>);
+    protected toDesign(model: DropdownItemTemplate, languageId: MtnaLanguageId, parent?: DesignBase): Design;
+    protected toModel(design: Design): DropdownItemTemplate;
+    private getSectionItemDropdown;
+}