@mtna/web-form-angular 1.0.4 → 1.0.5

package/lib/_index.scss

@@ -0,0 +1,45 @@
+// Theme bundles
+@forward './lib/core/all-color' show all-component-colors;
+@forward './lib/core/all-theme' show all-component-themes;
+@forward './lib/core/all-typography' show all-component-typographies;
+
+// Component themes
+@forward './lib/components/form-item-impl/checkbox/checkbox-theme' as checkbox-* show checkbox-theme, checkbox-color, checkbox-typography;
+@forward './lib/components/form-item-impl/date/date-item-theme' as date-item-* show date-item-theme, date-item-color, date-item-typography;
+@forward './lib/components/form-item-impl/dropdown/dropdown-theme' as dropdown-* show dropdown-theme, dropdown-color, dropdown-typography;
+@forward './lib/components/form-item-impl/form-group/form-group-theme' as form-group-* show form-group-theme, form-group-color,
+  form-group-typography;
+@forward './lib/components/form-item-impl/multiple-choice/multiple-choice-theme' as multiple-choice-* show multiple-choice-theme,
+  multiple-choice-color, multiple-choice-typography;
+@forward './lib/components/form-item-impl/repeatable-item-container/repeatable-item-container-theme' as repeatable-item-container-* show repeatable-item-container-theme,
+  repeatable-item-container-color, repeatable-item-container-typography;
+@forward './lib/components/form-item-impl/title/title-theme' as title-* show title-theme, title-color, title-typography;
+@forward './lib/components/form-item-impl/year-quarter/year-quarter-item-theme' as year-quarter-item-* show year-quarter-item-theme,
+  year-quarter-item-color, year-quarter-item-typography;
+@forward './lib/components/form-stepper/form-stepper/form-stepper-theme' as form-stepper-* show form-stepper-theme, form-stepper-color,
+  form-stepper-typography;
+@forward './lib/components/item-header/item-header-theme' as item-header-* show item-header-theme, item-header-color, item-header-typography;
+@forward './lib/components/step-card/step-card-theme' as step-card-* show step-card-theme, step-card-color, step-card-typography;
+
+@forward './lib/core/form-control-theme' as form-control-* show form-control-theme, form-control-color, form-control-typography;
+@forward './lib/core/core-theme' as core-* show core-theme;
+@forward './lib/core/mixins';
+
+// template items
+@forward './lib/components/template-item-impl/checkbox-item/checkbox-item-template-theme' as checkbox-item-template-* show checkbox-item-template-theme,
+  checkbox-item-template-color, checkbox-item-template-typography;
+@forward './lib/components/template-item-impl/date-item/date-item-template-theme' as date-item-template-* show date-item-template-theme,
+  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/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;
+@forward './lib/components/template-item-impl/template-item-header/template-item-header-theme' as template-item-header-* show template-item-header-theme,
+  template-item-header-color, template-item-header-typography;
+@forward './lib/components/template-item-impl/template-item-group/template-item-group-theme' as template-item-group-* show template-item-group-theme,
+  template-item-group-color, template-item-group-typography;
+@forward './lib/components/template-item-impl/title-item/title-item-template-theme' as title-item-template-* show title-item-template-theme,
+  title-item-template-color, title-item-template-typography;
+@forward './lib/components/template-item-impl/date/year-quarter-item/year-quarter-item-template-theme' as year-quarter-item-template-* show year-quarter-item-template-theme,
+  year-quarter-item-template-color, year-quarter-item-template-typography;

package/lib/components/base-form/base-form.component.d.ts

@@ -15,8 +15,12 @@ export declare class MtnaWfBaseFormComponent<F extends Form = Form> extends _Bas
     protected ngFormService: MtnaWfNgFormService;
     protected uiService: MtnaWfUIService;
     static ngAcceptInputType_emitStatusOnMtnaFormChange: BooleanInput;
-    static ngAcceptInputTypes_readonly: BooleanInput;
+    static ngAcceptInputType_readonly: BooleanInput;
+    static ngAcceptInputType_isCompact: BooleanInput;
     set annotations(map: AnnotatableNumberMap);
+    get isCompact(): boolean;
+    set isCompact(value: boolean);
+    private _isCompact;
     /** Whether to emit the status of each step each time the {@link mtnaForm} is set to a new value. Defaults to false.*/
     get emitStatusOnMtnaFormChange(): boolean;
     set emitStatusOnMtnaFormChange(emitStatusOnMtnaFormChange: boolean);
@@ -85,6 +89,6 @@ export declare class MtnaWfBaseFormComponent<F extends Form = Form> extends _Bas
     private _unsubscribeFromNgFormChanges;
     private _unsubscribeFromMtnaFormChanges;
     static ɵfac: i0.ɵɵFactoryDeclaration<MtnaWfBaseFormComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MtnaWfBaseFormComponent<any>, "ng-component", never, { "annotations": "annotations"; "emitStatusOnMtnaFormChange": "emitStatusOnMtnaFormChange"; "mtnaForm": "mtnaForm"; "steps": "steps"; "readonly": "readonly"; }, { "status": "status"; "focusedSection": "focusedSection"; "mtnaFormChange": "mtnaFormChange"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MtnaWfBaseFormComponent<any>, "ng-component", never, { "annotations": "annotations"; "isCompact": "isCompact"; "emitStatusOnMtnaFormChange": "emitStatusOnMtnaFormChange"; "mtnaForm": "mtnaForm"; "steps": "steps"; "readonly": "readonly"; }, { "status": "status"; "focusedSection": "focusedSection"; "mtnaFormChange": "mtnaFormChange"; }, never, never>;
 }
 export {};

package/lib/components/base-items/base-form-item.component.d.ts

@@ -16,12 +16,15 @@ export declare abstract class MtnaWfBaseFormItem<I extends FormItem> extends _Ba
     get indicatorStatus(): AnnotationIndicatorStatus;
     set indicatorStatus(value: AnnotationIndicatorStatus);
     protected _indicatorStatus: AnnotationIndicatorStatus;
+    get isCompact(): boolean;
+    set isCompact(value: boolean);
+    protected _isCompact: boolean;
     get item(): I;
     set item(value: I);
     protected _item: I;
     get hasItemHeader(): boolean;
     constructor(cdr: ChangeDetectorRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<MtnaWfBaseFormItem<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MtnaWfBaseFormItem<any>, "ng-component", never, { "color": "color"; "header": "header"; "indicatorStatus": "indicatorStatus"; "item": "item"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MtnaWfBaseFormItem<any>, "ng-component", never, { "color": "color"; "header": "header"; "indicatorStatus": "indicatorStatus"; "isCompact": "isCompact"; "item": "item"; }, {}, never, never>;
 }
 export {};

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

@@ -27,6 +27,9 @@ export declare class MtnaWfFormItemComponent implements OnInit {
     get header(): TemplateRef<unknown> | null;
     set header(value: TemplateRef<unknown> | null);
     private _header;
+    get isCompact(): boolean;
+    set isCompact(value: boolean);
+    private _isCompact;
     get inList(): boolean;
     set inList(value: boolean);
     private _inList;
@@ -50,5 +53,5 @@ export declare class MtnaWfFormItemComponent implements OnInit {
     toggleFormItems(data: ToggleFormItemsData): void;
     updateIndicatorStatus(status: AnnotationIndicatorStatus): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MtnaWfFormItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MtnaWfFormItemComponent, "mtna-wf-item", never, { "color": "color"; "control": "control"; "header": "header"; "inList": "inList"; "item": "item"; "parentIds": "parentIds"; "readonly": "readonly"; "step": "step"; }, { "focusedSection": "focusedSection"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MtnaWfFormItemComponent, "mtna-wf-item", never, { "color": "color"; "control": "control"; "header": "header"; "isCompact": "isCompact"; "inList": "inList"; "item": "item"; "parentIds": "parentIds"; "readonly": "readonly"; "step": "step"; }, { "focusedSection": "focusedSection"; }, never, never>;
 }

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

@@ -1,5 +1,6 @@
 @use 'sass:map';
 @use '~@angular/material' as mat;
+@use '../../../core/mixins.scss' as mixins;
 
 @mixin color($theme) {
   $config: mat.get-color-config($theme);
@@ -19,10 +20,10 @@
     &.mat-checkbox-checked:not(.mat-checkbox-disabled),
     &.mat-checkbox-indeterminate:not(.mat-checkbox-disabled) {
       &.mat-primary {
-        @include _wf-checkbox-color($primary);
+        @include mixins.wf-checkbox-color($primary);
       }
       &.mat-accent {
-        @include _wf-checkbox-color($accent);
+        @include mixins.wf-checkbox-color($accent);
       }
       .mat-checkbox-label {
         color: mat.get-color-from-palette($foreground, text);
@@ -51,21 +52,3 @@
     @include typography($theme);
   }
 }
-
-@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/components/form-item-impl/i18n-input/i18n-input.module.d.ts

@@ -8,8 +8,9 @@ import * as i6 from "@mtna/core-angular";
 import * as i7 from "../../../pipes/get-auto-complete.pipe";
 import * as i8 from "@angular/material/list";
 import * as i9 from "../../../pipes/get-form-control-error.pipe";
+import * as i10 from "../../../pipes/get-list-icon.pipe";
 export declare class MtnaWfI18nInputModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MtnaWfI18nInputModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MtnaWfI18nInputModule, [typeof i1.MtnaWfI18nInputComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.MatFormFieldModule, typeof i5.MatInputModule, typeof i6.MtnaHighlightModule, typeof i7.MtnaWfGetAutoCompletePipeModule, typeof i8.MatListModule, typeof i3.ReactiveFormsModule, typeof i9.MtnaWfGetFormControlErrorPipeModule], [typeof i1.MtnaWfI18nInputComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MtnaWfI18nInputModule, [typeof i1.MtnaWfI18nInputComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.MatFormFieldModule, typeof i5.MatInputModule, typeof i6.MtnaHighlightModule, typeof i7.MtnaWfGetAutoCompletePipeModule, typeof i8.MatListModule, typeof i3.ReactiveFormsModule, typeof i9.MtnaWfGetFormControlErrorPipeModule, typeof i10.MtnaWfGetListIconPipeModule], [typeof i1.MtnaWfI18nInputComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MtnaWfI18nInputModule>;
 }

package/lib/components/form-item-impl/repeatable-item-container/repeatable-item-container.module.d.ts

@@ -9,8 +9,9 @@ import * as i7 from "@angular/material/button";
 import * as i8 from "@angular/material/icon";
 import * as i9 from "@angular/material/tooltip";
 import * as i10 from "../../../pipes/coerce-form-item.pipe";
+import * as i11 from "@angular/material/card";
 export declare class MtnaWfRepeatableItemContainerModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MtnaWfRepeatableItemContainerModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MtnaWfRepeatableItemContainerModule, [typeof i1.MtnaWfRepeatableItemContainerComponent], [typeof i2.CommonModule, typeof i3.MtnaWfItemHeaderModule, typeof i4.MtnaWfRepeatableItemModule, typeof i5.MtnaWfFormItemModule, typeof i6.MtnaHighlightModule, typeof i7.MatButtonModule, typeof i8.MatIconModule, typeof i9.MatTooltipModule, typeof i6.MtnaTrackByPropertyPipeModule, typeof i10.MtnaWfCoerceFormItemPipeModule], [typeof i1.MtnaWfRepeatableItemContainerComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MtnaWfRepeatableItemContainerModule, [typeof i1.MtnaWfRepeatableItemContainerComponent], [typeof i2.CommonModule, typeof i3.MtnaWfItemHeaderModule, typeof i4.MtnaWfRepeatableItemModule, typeof i5.MtnaWfFormItemModule, typeof i6.MtnaHighlightModule, typeof i7.MatButtonModule, typeof i8.MatIconModule, typeof i9.MatTooltipModule, typeof i6.MtnaTrackByPropertyPipeModule, typeof i10.MtnaWfCoerceFormItemPipeModule, typeof i11.MatCardModule], [typeof i1.MtnaWfRepeatableItemContainerComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MtnaWfRepeatableItemContainerModule>;
 }

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

@@ -1,15 +1,15 @@
 import { ChangeDetectorRef } from '@angular/core';
 import { FormGroup } from '@angular/forms';
-import { MatDialog } from '@angular/material/dialog';
 import { MtnaInMemorySearchFacade } from '@mtna/search-manager-angular';
 import { ResourceSearchItem } from '@mtna/web-form-ts';
 import { MtnaWfBaseValueItem } from '../../base-items/base-value-item.component';
+import { MtnaDialogService } from '@mtna/core-angular';
 import * as i0 from "@angular/core";
 export declare class MtnaWfResourceSearchComponent extends MtnaWfBaseValueItem<ResourceSearchItem, FormGroup> {
     protected searchFacade: MtnaInMemorySearchFacade;
-    protected dialog: MatDialog;
+    protected dialogService: MtnaDialogService;
     private references;
-    constructor(cdr: ChangeDetectorRef, searchFacade: MtnaInMemorySearchFacade, dialog: MatDialog);
+    constructor(cdr: ChangeDetectorRef, searchFacade: MtnaInMemorySearchFacade, dialogService: MtnaDialogService);
     openDialog(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MtnaWfResourceSearchComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MtnaWfResourceSearchComponent, "mtna-wf-resource-search-item", never, {}, {}, never, never>;

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

@@ -1,13 +1,9 @@
-import { AfterViewInit, ChangeDetectorRef, InjectionToken, OnDestroy, OnInit } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
 import { FormControl } from '@angular/forms';
 import { DateRange, YearQuarter, YearQuarterRangeItem } from '@mtna/web-form-ts';
+import { MtnaWfDefaultYearRange } from '../../../models';
 import { MtnaWfBaseValueItem } from '../../base-items/base-value-item.component';
 import * as i0 from "@angular/core";
-export declare const MTNA_WF_DEFAULT_YEAR_RANGE: InjectionToken<MtnaWfDefaultYearRange>;
-export interface MtnaWfDefaultYearRange {
-    numPastYears: number;
-    numFutureYears: number;
-}
 export declare class MtnaWfYearQuarterComponent extends MtnaWfBaseValueItem<YearQuarterRangeItem, FormControl> implements AfterViewInit, OnDestroy, OnInit {
     yearQuarterItemClass: boolean;
     get item(): YearQuarterRangeItem;

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

@@ -15,6 +15,7 @@ export declare class MtnaWfItemInjector extends MtnaComponentInjector implements
     protected injectionService: InjectionService;
     static ngAcceptInputType_inList: BooleanInput;
     static ngAcceptInputType_readonly: BooleanInput;
+    static ngAcceptInputType_isCompact: BooleanInput;
     color: ThemePalette;
     get control(): AbstractControl | null | undefined;
     set control(control: AbstractControl | null | undefined);
@@ -25,6 +26,9 @@ export declare class MtnaWfItemInjector extends MtnaComponentInjector implements
     get indicatorStatus(): AnnotationIndicatorStatus;
     set indicatorStatus(value: AnnotationIndicatorStatus);
     protected _indicatorStatus: BehaviorSubject<AnnotationIndicatorStatus>;
+    get isCompact(): boolean;
+    set isCompact(value: boolean);
+    private _isCompact;
     get inList(): boolean;
     set inList(value: boolean);
     private _inList;
@@ -48,5 +52,5 @@ export declare class MtnaWfItemInjector extends MtnaComponentInjector implements
     protected configureComponent(componentRef: ComponentRef<any>): 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"; "inList": "inList"; "item": "item"; "parentIds": "parentIds"; "readonly": "readonly"; "step": "step"; }, { "focusedSection": "focusedSection"; "toggleFormItems": "toggleFormItems"; }, never, 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/index.d.ts

@@ -11,3 +11,4 @@ export * from './progressive-form/index';
 export * from './form-stepper/index';
 export * from './item-header/index';
 export * from './step-card/index';
+export * from './template-item-impl';

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

@@ -0,0 +1,12 @@
+import { BooleanInput } from '@angular/cdk/coercion';
+import { TemplateItem } from '@mtna/web-form-ts';
+import { MtnaWfBaseTemplateItemComponent } from './base-template-item.component';
+import * as i0 from "@angular/core";
+export declare class MtnaWfBaseTemplateItemWithListComponent<T extends TemplateItem> extends MtnaWfBaseTemplateItemComponent<T> {
+    static ngAcceptInputType_inList: BooleanInput;
+    get inList(): boolean;
+    set inList(value: boolean);
+    private _inList;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MtnaWfBaseTemplateItemWithListComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MtnaWfBaseTemplateItemWithListComponent<any>, "ng-component", never, { "inList": "inList"; }, {}, never, never>;
+}

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

@@ -0,0 +1,30 @@
+import { BooleanInput } from '@angular/cdk/coercion';
+import { ThemePalette } from '@angular/material/core';
+import { CanDestroyNotify } from '@mtna/core-angular';
+import { MtnaLocaleIds } from '@mtna/core-i18n-angular';
+import { FormOptionSelector, Option, TemplateItem } from '@mtna/web-form-ts';
+import * as i0 from "@angular/core";
+declare const _BaseTemplateItemComponent: import("@mtna/core-angular").CanDestroyNotifyCtor & {
+    new (): {};
+};
+export declare abstract class MtnaWfBaseTemplateItemComponent<T extends TemplateItem> extends _BaseTemplateItemComponent implements CanDestroyNotify {
+    private localeId;
+    static ngAcceptInputType_readonly: BooleanInput;
+    static ngAcceptInputType_isCompact: BooleanInput;
+    color: ThemePalette;
+    get displayLocale(): typeof MtnaLocaleIds.type;
+    set displayLocale(value: typeof MtnaLocaleIds.type);
+    private _displayLocale;
+    get isCompact(): boolean;
+    set isCompact(value: boolean);
+    protected _isCompact: boolean;
+    get template(): T | undefined;
+    set template(value: T | undefined);
+    protected _template: T | undefined;
+    templateControlClass: boolean;
+    constructor(localeId: string);
+    _trackByOptionId(index: number, option: FormOptionSelector<Option<unknown>>): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MtnaWfBaseTemplateItemComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MtnaWfBaseTemplateItemComponent<any>, "ng-component", never, { "color": "color"; "displayLocale": "displayLocale"; "isCompact": "isCompact"; "template": "template"; }, {}, never, never>;
+}
+export {};

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

@@ -0,0 +1,2 @@
+export * from './base-template-item-with-list.component';
+export * from './base-template-item.component';

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

@@ -0,0 +1,11 @@
+import { BooleanItemTemplate, BooleanOption, TemplateItem } from '@mtna/web-form-ts';
+import { MtnaWfBaseTemplateOptionItemComponent } from '../option/template-option-item.component';
+import * as i0 from "@angular/core";
+export declare class MtnaWfBooleanItemTemplateComponent extends MtnaWfBaseTemplateOptionItemComponent<BooleanOption, BooleanItemTemplate> {
+    _trackByInstanceId(index: number, item: {
+        key: string;
+        value: TemplateItem;
+    }): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MtnaWfBooleanItemTemplateComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MtnaWfBooleanItemTemplateComponent, "mtna-wf-boolean-item-template", never, {}, {}, never, never>;
+}

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

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./boolean-item.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/material/slide-toggle";
+import * as i4 from "@mtna/core-angular";
+import * as i5 from "../template-item/template-item.module";
+export declare class MtnaWfBooleanItemTemplateModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MtnaWfBooleanItemTemplateModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MtnaWfBooleanItemTemplateModule, [typeof i1.MtnaWfBooleanItemTemplateComponent], [typeof i2.CommonModule, typeof i3.MatSlideToggleModule, typeof i4.MtnaHighlightModule, typeof i5.MtnaWfTemplateItemModule], [typeof i1.MtnaWfBooleanItemTemplateComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<MtnaWfBooleanItemTemplateModule>;
+}

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

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

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

@@ -0,0 +1,47 @@
+@use 'sass:map';
+@use '~@angular/material' as mat;
+@use '../../../core/mixins.scss' as mixins;
+
+@mixin color($theme) {
+  $config: mat.get-color-config($theme);
+  $foreground: map.get($config, foreground);
+  $primary: map.get($config, primary);
+  $accent: map.get($config, accent);
+
+  mtna-wf-checkbox-item-template.read-only .mat-checkbox {
+    .mat-checkbox-label {
+      color: mat.get-color-from-palette($foreground, disabled);
+    }
+    .mat-checkbox-inner-container .mat-checkbox-frame {
+      border-color: mat.get-color-from-palette($foreground, disabled);
+    }
+
+    &.mat-checkbox-checked:not(.mat-checkbox-disabled),
+    &.mat-checkbox-indeterminate:not(.mat-checkbox-disabled) {
+      &.mat-primary {
+        @include mixins.wf-checkbox-color($primary);
+      }
+      &.mat-accent {
+        @include mixins.wf-checkbox-color($accent);
+      }
+      .mat-checkbox-label {
+        color: mat.get-color-from-palette($foreground, 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/checkbox-item/checkbox-item.component.d.ts

@@ -0,0 +1,11 @@
+import { CheckboxItemTemplate, FormOptionSelector, StringOption } from '@mtna/web-form-ts';
+import { MtnaWfDialogService } from '../../../services/dialog.service';
+import { MtnaWfBaseTemplateOptionGroupItemComponent } from '../option/template-option-group-item.component';
+import * as i0 from "@angular/core";
+export declare class MtnaWfCheckboxItemTemplateComponent extends MtnaWfBaseTemplateOptionGroupItemComponent<StringOption, CheckboxItemTemplate> {
+    private dialogService;
+    constructor(localeId: string, dialogService: MtnaWfDialogService);
+    handleClick(option: FormOptionSelector<StringOption>): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MtnaWfCheckboxItemTemplateComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MtnaWfCheckboxItemTemplateComponent, "mtna-wf-checkbox-item-template", never, {}, {}, never, never>;
+}

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

@@ -0,0 +1,14 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./checkbox-item.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/flex-layout";
+import * as i4 from "@angular/material/checkbox";
+import * as i5 from "@angular/material/button";
+import * as i6 from "@angular/material/icon";
+import * as i7 from "@angular/material/tooltip";
+import * as i8 from "../template-item/template-item.module";
+export declare class MtnaWfCheckboxItemTemplateModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MtnaWfCheckboxItemTemplateModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MtnaWfCheckboxItemTemplateModule, [typeof i1.MtnaWfCheckboxItemTemplateComponent], [typeof i2.CommonModule, typeof i3.FlexLayoutModule, typeof i4.MatCheckboxModule, typeof i5.MatButtonModule, typeof i6.MatIconModule, typeof i7.MatTooltipModule, typeof i8.MtnaWfTemplateItemModule], [typeof i1.MtnaWfCheckboxItemTemplateComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<MtnaWfCheckboxItemTemplateModule>;
+}

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

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

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

@@ -0,0 +1,3 @@
+export * from './offset-date-range-item';
+export * from './year-quarter-item';
+export * from './year-quarter-range-item';

package/lib/components/template-item-impl/date/offset-date-range-item/index.d.ts

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

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

@@ -0,0 +1,13 @@
+import { DateItemTemplate, OffsetDateRangeTemplate } from '@mtna/web-form-ts';
+import { MtnaWfBaseTemplateItemWithListComponent } from '../../base/base-template-item-with-list.component';
+import * as i0 from "@angular/core";
+export declare class MtnaWfOffsetDateRangeItemTemplateComponent extends MtnaWfBaseTemplateItemWithListComponent<OffsetDateRangeTemplate> {
+    get template(): OffsetDateRangeTemplate | undefined;
+    set template(template: OffsetDateRangeTemplate | undefined);
+    partialDateItemTemplate: Pick<DateItemTemplate, 'presetValue' | 'itemId'>;
+    _startItem: DateItemTemplate;
+    _endItem: DateItemTemplate;
+    toText: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MtnaWfOffsetDateRangeItemTemplateComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MtnaWfOffsetDateRangeItemTemplateComponent, "mtna-wf-offset-date-range-item-template", never, {}, {}, never, never>;
+}

package/lib/components/template-item-impl/date/offset-date-range-item/offset-date-range-item.module.d.ts

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./offset-date-range-item.component";
+import * as i2 from "@angular/common";
+import * as i3 from "../../date-item/date-item.module";
+import * as i4 from "@angular/flex-layout";
+import * as i5 from "@angular/forms";
+export declare class MtnaWfOffsetDateRangeItemTemplateModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MtnaWfOffsetDateRangeItemTemplateModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MtnaWfOffsetDateRangeItemTemplateModule, [typeof i1.MtnaWfOffsetDateRangeItemTemplateComponent], [typeof i2.CommonModule, typeof i3.MtnaWfDateItemTemplateModule, typeof i4.FlexLayoutModule, typeof i5.FormsModule], [typeof i1.MtnaWfOffsetDateRangeItemTemplateComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<MtnaWfOffsetDateRangeItemTemplateModule>;
+}

package/lib/components/template-item-impl/date/year-quarter-item/_year-quarter-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-year-quarter-item-template.read-only {
+    .mat-select-disabled .mat-select-value {
+      color: mat.get-color-from-palette($foreground, 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/date/year-quarter-item/index.d.ts

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

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

@@ -0,0 +1,23 @@
+import { BooleanInput } from '@angular/cdk/coercion';
+import { FormControl } from '@angular/forms';
+import { DateRange, YearQuarter, YearQuarterRange } from '@mtna/web-form-ts';
+import { MtnaWfDefaultYearRange } from '../../../../models';
+import * as i0 from "@angular/core";
+declare const _BaseMtnaWfYearQuarterItemTemplate: import("@mtna/core-angular").CanDestroyNotifyCtor & {
+    new (): {};
+};
+export declare class MtnaWfYearQuarterItemTemplateComponent extends _BaseMtnaWfYearQuarterItemTemplate {
+    static ngAcceptInputType_readonly: BooleanInput;
+    get yearQuarterRange(): YearQuarterRange | undefined;
+    set yearQuarterRange(value: YearQuarterRange | undefined);
+    private _yearQuarterRange;
+    componentRangeLimits: DateRange<YearQuarter> | null | undefined;
+    _quarterControl: FormControl;
+    _yearControl: FormControl;
+    _yearSelection: number[];
+    defaultYearRange: MtnaWfDefaultYearRange;
+    constructor(defaultYearRange?: MtnaWfDefaultYearRange);
+    static ɵfac: i0.ɵɵFactoryDeclaration<MtnaWfYearQuarterItemTemplateComponent, [{ optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MtnaWfYearQuarterItemTemplateComponent, "mtna-wf-year-quarter-item-template", never, { "yearQuarterRange": "yearQuarterRange"; }, {}, never, never>;
+}
+export {};

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

@@ -0,0 +1,14 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./year-quarter-item.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/flex-layout";
+import * as i4 from "@angular/forms";
+import * as i5 from "@angular/material/form-field";
+import * as i6 from "@angular/material/select";
+import * as i7 from "../../../../pipes/get-available-quarters.pipe";
+import * as i8 from "../../../../pipes/date-quarter.pipe";
+export declare class MtnaWfYearQuarterItemTemplateModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MtnaWfYearQuarterItemTemplateModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MtnaWfYearQuarterItemTemplateModule, [typeof i1.MtnaWfYearQuarterItemTemplateComponent], [typeof i2.CommonModule, typeof i3.FlexLayoutModule, typeof i4.FormsModule, typeof i5.MatFormFieldModule, typeof i6.MatSelectModule, typeof i7.MtnaWfGetAvailableQuartersPipeModule, typeof i8.MtnaWfDateQuarterPipeModule, typeof i4.ReactiveFormsModule], [typeof i1.MtnaWfYearQuarterItemTemplateComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<MtnaWfYearQuarterItemTemplateModule>;
+}

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

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

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

@@ -0,0 +1,7 @@
+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> {
+    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/year-quarter-range-item/year-quarter-range-item.module.d.ts

@@ -0,0 +1,12 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./year-quarter-range-item.component";
+import * as i2 from "@angular/common";
+import * as i3 from "../year-quarter-item/year-quarter-item.module";
+import * as i4 from "@mtna/core-angular";
+import * as i5 from "@angular/flex-layout";
+import * as i6 from "../../../../pipes/coerce-form-control.pipe";
+export declare class MtnaWfYearQuarterRangeItemTemplateModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MtnaWfYearQuarterRangeItemTemplateModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MtnaWfYearQuarterRangeItemTemplateModule, [typeof i1.MtnaWfYearQuarterRangeItemTemplateComponent], [typeof i2.CommonModule, typeof i3.MtnaWfYearQuarterItemTemplateModule, typeof i4.MtnaHighlightModule, typeof i5.FlexLayoutModule, typeof i6.MtnaWfCoerceFormControlPipeModule], [typeof i1.MtnaWfYearQuarterRangeItemTemplateComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<MtnaWfYearQuarterRangeItemTemplateModule>;
+}

package/lib/components/template-item-impl/date-item/_date-item-template-theme.scss

@@ -0,0 +1,29 @@
+@use 'sass:map';
+@use '~@angular/material' as mat;
+
+@mixin color($theme) {
+  $config: mat.get-color-config($theme);
+  $foreground: map.get($config, foreground);
+
+  mtna-wf-date-item-template.read-only {
+    .mat-input-element:disabled,
+    .mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after {
+      color: mat.get-color-from-palette($foreground, 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/date-item/date-item.component.d.ts

@@ -0,0 +1,22 @@
+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 {
+    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/date-item/date-item.module.d.ts

@@ -0,0 +1,14 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./date-item.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/forms";
+import * as i4 from "@angular/material/form-field";
+import * as i5 from "@angular/material/input";
+import * as i6 from "@angular/material/datepicker";
+import * as i7 from "@angular/material-moment-adapter";
+import * as i8 from "../../../pipes/get-i18n-string-value-from-locale.pipe";
+export declare class MtnaWfDateItemTemplateModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MtnaWfDateItemTemplateModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MtnaWfDateItemTemplateModule, [typeof i1.MtnaWfDateItemTemplateComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.MatFormFieldModule, typeof i5.MatInputModule, typeof i6.MatDatepickerModule, typeof i7.MatMomentDateModule, typeof i3.ReactiveFormsModule, typeof i8.GetI18nStringValueFromLocalePipeModule], [typeof i1.MtnaWfDateItemTemplateComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<MtnaWfDateItemTemplateModule>;
+}

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

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