@dereekb/dbx-form 5.0.0 → 5.0.1

package/lib/form/_form.scss

@@ -2,13 +2,15 @@
 
 // MARK: Variables
 
-
 // MARK: Mixin
-@mixin core() {}
+@mixin core() {
+}
 
-@mixin color($theme-config) {}
+@mixin color($theme-config) {
+}
 
-@mixin typography($typography-config) {}
+@mixin typography($typography-config) {
+}
 
 @mixin theme($theme-config) {
   @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-form-form') {

package/lib/formly/_formly.scss

@@ -2,13 +2,15 @@
 
 // MARK: Variables
 
-
 // MARK: Mixin
-@mixin core() {}
+@mixin core() {
+}
 
-@mixin color($theme-config) {}
+@mixin color($theme-config) {
+}
 
-@mixin typography($typography-config) {}
+@mixin typography($typography-config) {
+}
 
 @mixin theme($theme-config) {
   @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-form-formly') {

package/lib/formly/field/checklist/_checklist.scss

@@ -5,7 +5,6 @@ $dbx-checklist-item-spacing: 8px;
 
 // MARK: Mixin
 @mixin core() {
-
   .dbx-checklist-item {
     @include theming.elevation(1);
     margin-bottom: 8px;
@@ -36,28 +35,25 @@ $dbx-checklist-item-spacing: 8px;
       padding-left: $dbx-checklist-item-spacing;
       border-left: 1px solid black;
     }
-
   }
-
 }
 
-@mixin color($theme-config) {}
+@mixin color($theme-config) {
+}
 
 @mixin typography($typography-config) {
-
   .dbx-default-checklist-item-field {
-
     .item-label {
       font-size: 1.35em;
       line-height: 1.35em;
     }
 
-    .item-sublabel {}
-
-    .item-description {}
+    .item-sublabel {
+    }
 
+    .item-description {
+    }
   }
-
 }
 
 @mixin theme($theme-config) {

package/lib/formly/field/checklist/checklist.item.d.ts

@@ -1,6 +1,6 @@
-import { ClickableAnchor } from "@dereekb/dbx-core";
-import { Maybe } from "@dereekb/util";
-import { Observable } from "rxjs";
+import { ClickableAnchor } from '@dereekb/dbx-core';
+import { Maybe } from '@dereekb/util';
+import { Observable } from 'rxjs';
 export interface ChecklistItemDisplayContent<T = unknown> {
     /**
      * Label to display.
@@ -11,8 +11,8 @@ export interface ChecklistItemDisplayContent<T = unknown> {
      */
     sublabel?: Maybe<string>;
     /**
-    * Hint/description to display.
-    */
+     * Hint/description to display.
+     */
     description?: Maybe<string>;
     /**
      * Whether or not to display the ripple. Is true by default if the anchor is present.

package/lib/formly/field/component/_component.scss

@@ -2,13 +2,15 @@
 
 // MARK: Variables
 
-
 // MARK: Mixin
-@mixin core() {}
+@mixin core() {
+}
 
-@mixin color($theme-config) {}
+@mixin color($theme-config) {
+}
 
-@mixin typography($typography-config) {}
+@mixin typography($typography-config) {
+}
 
 @mixin theme($theme-config) {
   @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-form-field-component') {

package/lib/formly/field/component/component.field.d.ts

@@ -1,3 +1,3 @@
-import { DbxFormComponentFieldConfig, DbxFormComponentFormlyFieldConfig } from "./component.field.component";
+import { DbxFormComponentFieldConfig, DbxFormComponentFormlyFieldConfig } from './component.field.component';
 export declare type ComponentFieldConfig<T = unknown> = DbxFormComponentFieldConfig<T>;
 export declare function componentField<T = unknown>(config: ComponentFieldConfig<T>): DbxFormComponentFormlyFieldConfig<T>;

package/lib/formly/field/selection/pickable/_pickable.scss

@@ -2,7 +2,6 @@
 
 // MARK: Variables
 
-
 // MARK: Mixin
 @mixin core() {
   .dbx-pickable-item-field-filter {
@@ -15,9 +14,11 @@
   }
 }
 
-@mixin color($theme-config) {}
+@mixin color($theme-config) {
+}
 
-@mixin typography($typography-config) {}
+@mixin typography($typography-config) {
+}
 
 @mixin theme($theme-config) {
   @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-form-field-selection-pickable') {

package/lib/formly/field/selection/pickable/pickable.chip.field.component.d.ts

@@ -1,4 +1,4 @@
-import { AbstractDbxPickableItemFieldDirective, PickableItemFieldItem } from "./pickable.field.directive";
+import { AbstractDbxPickableItemFieldDirective, PickableItemFieldItem } from './pickable.field.directive';
 import * as i0 from "@angular/core";
 /**
  * Used for picking pre-set values using chips as the presentation.

package/lib/formly/field/selection/pickable/pickable.d.ts

@@ -1,6 +1,6 @@
-import { Maybe, PrimativeKey } from "@dereekb/util";
-import { Observable } from "rxjs";
-import { SelectionDisplayValue, SelectionValue, SelectionValueHashFn } from "../selection";
+import { Maybe, PrimativeKey } from '@dereekb/util';
+import { Observable } from 'rxjs';
+import { SelectionDisplayValue, SelectionValue, SelectionValueHashFn } from '../selection';
 export declare type PickableValueFieldValue<T, M = unknown> = SelectionValue<T, M>;
 export declare type PickableValueFieldDisplayValue<T, M = unknown> = SelectionDisplayValue<T, M>;
 /**

package/lib/formly/field/selection/pickable/pickable.field.directive.d.ts

@@ -1,14 +1,14 @@
-import { DbxInjectionComponentConfig } from "@dereekb/dbx-core";
-import { LoadingState, ListLoadingStateContextInstance } from "@dereekb/rxjs";
-import { PrimativeKey, Maybe, ArrayOrValue } from "@dereekb/util";
-import { OnDestroy, OnInit } from "@angular/core";
-import { FormControl, AbstractControl } from "@angular/forms";
-import { MatInput } from "@angular/material/input";
-import { FieldTypeConfig, FormlyFieldConfig } from "@ngx-formly/core";
-import { FieldType } from "@ngx-formly/material";
-import { Observable } from "rxjs";
-import { PickableValueFieldDisplayFn, PickableValueFieldDisplayValue, PickableValueFieldFilterFn, PickableValueFieldHashFn, PickableValueFieldLoadValuesFn, PickableValueFieldValue } from "./pickable";
-import { DbxValueListItem } from "@dereekb/dbx-web";
+import { DbxInjectionComponentConfig } from '@dereekb/dbx-core';
+import { LoadingState, ListLoadingStateContextInstance } from '@dereekb/rxjs';
+import { PrimativeKey, Maybe, ArrayOrValue } from '@dereekb/util';
+import { OnDestroy, OnInit } from '@angular/core';
+import { FormControl, AbstractControl } from '@angular/forms';
+import { MatInput } from '@angular/material/input';
+import { FieldTypeConfig, FormlyFieldConfig } from '@ngx-formly/core';
+import { FieldType } from '@ngx-formly/material';
+import { Observable } from 'rxjs';
+import { PickableValueFieldDisplayFn, PickableValueFieldDisplayValue, PickableValueFieldFilterFn, PickableValueFieldHashFn, PickableValueFieldLoadValuesFn, PickableValueFieldValue } from './pickable';
+import { DbxValueListItem } from '@dereekb/dbx-web';
 import * as i0 from "@angular/core";
 /**
  * Wraps the selected state with the items.

package/lib/formly/field/selection/pickable/pickable.list.field.component.d.ts

@@ -1,8 +1,8 @@
-import { DbxInjectionComponentConfig } from "@dereekb/dbx-core";
-import { AbstractDbxSelectionListWrapperDirective, AbstractDbxSelectionListViewDirective, AbstractDbxValueListViewItemComponent, DbxListSelectionMode } from "@dereekb/dbx-web";
-import { Maybe } from "@dereekb/util";
-import { PickableValueFieldDisplayValue } from "./pickable";
-import { AbstractDbxPickableItemFieldDirective, PickableItemFieldItem } from "./pickable.field.directive";
+import { DbxInjectionComponentConfig } from '@dereekb/dbx-core';
+import { AbstractDbxSelectionListWrapperDirective, AbstractDbxSelectionListViewDirective, AbstractDbxValueListViewItemComponent, DbxListSelectionMode } from '@dereekb/dbx-web';
+import { Maybe } from '@dereekb/util';
+import { PickableValueFieldDisplayValue } from './pickable';
+import { AbstractDbxPickableItemFieldDirective, PickableItemFieldItem } from './pickable.field.directive';
 import * as i0 from "@angular/core";
 /**
  * Used for picking pre-set values using a selection list as the presentation.

package/lib/formly/field/selection/searchable/_searchable.scss

@@ -2,10 +2,8 @@
 
 // MARK: Variables
 
-
 // MARK: Mixin
 @mixin core() {
-
   .dbx-searchable-text-field-value {
     width: 100%;
   }
@@ -20,7 +18,6 @@
   }
 
   .dbx-searchable-text-field-has-value.dbx-searchable-text-field-show-value {
-
     .dbx-searchable-text-field-value {
       margin-bottom: -6px;
     }
@@ -36,12 +33,13 @@
     opacity: unset;
     height: unset;
   }
-
 }
 
-@mixin color($theme-config) {}
+@mixin color($theme-config) {
+}
 
-@mixin typography($typography-config) {}
+@mixin typography($typography-config) {
+}
 
 @mixin theme($theme-config) {
   @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-form-field-selection-searchable') {

package/lib/formly/field/selection/searchable/text.chip.field.d.ts

@@ -1,6 +1,6 @@
-import { FormlyFieldConfig } from "@ngx-formly/core";
-import { LabeledFieldConfig } from "../../field";
-import { StringValueFieldsFieldConfig, StringValueFieldsFormlyFieldConfig } from "./searchable.field.directive";
+import { FormlyFieldConfig } from '@ngx-formly/core';
+import { LabeledFieldConfig } from '../../field';
+import { StringValueFieldsFieldConfig, StringValueFieldsFormlyFieldConfig } from './searchable.field.directive';
 export interface ChipTextFieldConfig extends LabeledFieldConfig, StringValueFieldsFieldConfig {
 }
 export interface ChipTextFieldFormlyConfig extends StringValueFieldsFormlyFieldConfig, FormlyFieldConfig {

package/lib/formly/field/selection/selection.d.ts

@@ -1,8 +1,8 @@
-import { PrimativeKey, Maybe } from "@dereekb/util";
+import { PrimativeKey, Maybe } from '@dereekb/util';
 export interface SelectionValue<T, M = unknown> {
     /**
-   * Value associated with this field.
-   */
+     * Value associated with this field.
+     */
     value: T;
     /**
      * Optional metadata on the field.

package/lib/formly/field/texteditor/_texteditor.scss

@@ -5,10 +5,8 @@
 
 // MARK: Variables
 
-
 // MARK: Mixin
 @mixin core() {
-
   .dbx-texteditor-field-compact {
     .dbx-texteditor-field-input {
       min-height: 120px;
@@ -21,7 +19,6 @@
     max-height: 400px;
     overflow: auto;
   }
-
 }
 
 @mixin color($theme-config) {
@@ -35,7 +32,6 @@
   $text-color: theming.get-color-from-palette($foreground, 'text');
 
   .dbx-texteditor-field {
-
     .NgxEditor {
       background: transparent;
       color: $text-color;
@@ -62,7 +58,7 @@
     }
 
     .NgxEditor__Popup,
-    .NgxEditor__Dropdown.NgxEditor__Dropdown--Selected, 
+    .NgxEditor__Dropdown.NgxEditor__Dropdown--Selected,
     .NgxEditor__Dropdown.NgxEditor__Dropdown--Open,
     .NgxEditor__Dropdown .NgxEditor__Dropdown--DropdownMenu,
     .NgxEditor__Popup--FormGroup input {
@@ -73,12 +69,11 @@
     .NgxEditor__Dropdown.NgxEditor__Dropdown--Selected .NgxEditor__Dropdown--Text {
       color: $text-color;
     }
-
   }
-
 }
 
-@mixin typography($typography-config) {}
+@mixin typography($typography-config) {
+}
 
 @mixin theme($theme-config) {
   @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-form-field-texteditor') {

package/lib/formly/field/value/array/_array.scss

@@ -4,10 +4,8 @@
 
 // MARK: Variables
 
-
 // MARK: Mixin
 @mixin core() {
-
   .example-custom-placeholder {
     background: #ccc;
     border: dotted 3px #999;
@@ -17,7 +15,6 @@
 
   .dbx-form-repeat-array {
     .dbx-form-repeat-array-field {
-
       @include theming.elevation(1);
 
       h4 {
@@ -39,7 +36,6 @@
       }
     }
   }
-
 }
 
 @mixin color($theme-config) {
@@ -52,10 +48,10 @@
     background: $form-repeat-array-field-bg;
     border: 4px solid $form-repeat-array-field-bg;
   }
-
 }
 
-@mixin typography($typography-config) {}
+@mixin typography($typography-config) {
+}
 
 @mixin theme($theme-config) {
   @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-form-field-value-array') {

package/lib/formly/field/value/array/array.field.d.ts

@@ -1,5 +1,5 @@
 import { FormlyFieldConfig } from '@ngx-formly/core';
-import { FieldConfig } from "../../field";
+import { FieldConfig } from '../../field';
 import { DbxFormRepeatArrayConfig } from './array.field.component';
 export interface RepeatArrayFieldConfig extends DbxFormRepeatArrayConfig, FieldConfig {
     label?: string;

package/lib/formly/field/value/boolean/_boolean.scss

@@ -2,13 +2,15 @@
 
 // MARK: Variables
 
-
 // MARK: Mixin
-@mixin core() {}
+@mixin core() {
+}
 
-@mixin color($theme-config) {}
+@mixin color($theme-config) {
+}
 
-@mixin typography($typography-config) {}
+@mixin typography($typography-config) {
+}
 
 @mixin theme($theme-config) {
   @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-form-field-value-boolean') {

package/lib/formly/field/value/date/_date.scss

@@ -2,14 +2,12 @@
 
 // MARK: Variables
 
-
 // MARK: Mixin
 @mixin core() {
-
   .dbx-datetime-parent-form-field {
-    >formly-wrapper-mat-form-field {
-      >mat-form-field.mat-form-field {
-        >.mat-form-field-wrapper>.mat-form-field-underline {
+    > formly-wrapper-mat-form-field {
+      > mat-form-field.mat-form-field {
+        > .mat-form-field-wrapper > .mat-form-field-underline {
           display: none;
         }
       }
@@ -23,7 +21,6 @@
   $dbx-datetime-button-width: 40px;
 
   .dbx-datetime-row {
-
     .dbx-datetime-row-field {
       width: calc(100% - #{$dbx-datetime-button-width});
     }
@@ -56,12 +53,13 @@
   .dbx-datetime-hint-row {
     // margin-left: 12px;
   }
-
 }
 
-@mixin color($theme-config) {}
+@mixin color($theme-config) {
+}
 
-@mixin typography($typography-config) {}
+@mixin typography($typography-config) {
+}
 
 @mixin theme($theme-config) {
   @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-form-field-value-date') {

package/lib/formly/field/value/enum/_enum.scss

@@ -2,13 +2,15 @@
 
 // MARK: Variables
 
-
 // MARK: Mixin
-@mixin core() {}
+@mixin core() {
+}
 
-@mixin color($theme-config) {}
+@mixin color($theme-config) {
+}
 
-@mixin typography($typography-config) {}
+@mixin typography($typography-config) {
+}
 
 @mixin theme($theme-config) {
   @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-form-field-value-enum') {

package/lib/formly/field/value/phone/_phone.scss

@@ -5,10 +5,8 @@
 
 // MARK: Variables
 
-
 // MARK: Mixin
 @mixin core() {
-
   .dbx-form-phone-field,
   .mat-form-field {
     width: 100%;
@@ -26,7 +24,6 @@
   .dbx-form-phone-field .ngx-mat-tel-input-container input:not(.country-search) {
     padding: 0 6px 0 110px;
   }
-
 }
 
 @mixin color($theme-config) {
@@ -41,7 +38,8 @@
   }
 }
 
-@mixin typography($typography-config) {}
+@mixin typography($typography-config) {
+}
 
 @mixin theme($theme-config) {
   @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-form-field-value-phone') {

package/lib/formly/field/value/text/_text.scss

@@ -2,13 +2,15 @@
 
 // MARK: Variables
 
-
 // MARK: Mixin
-@mixin core() {}
+@mixin core() {
+}
 
-@mixin color($theme-config) {}
+@mixin color($theme-config) {
+}
 
-@mixin typography($typography-config) {}
+@mixin typography($typography-config) {
+}
 
 @mixin theme($theme-config) {
   @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-form-field-value-text') {

package/lib/formly/field/value/text/text.additional.field.d.ts

@@ -1,6 +1,6 @@
-import { FormlyFieldConfig } from "@ngx-formly/core";
-import { TextFieldConfig } from "./text.field";
-import { LabeledFieldConfig, DescriptionFieldConfig } from "../../field";
+import { FormlyFieldConfig } from '@ngx-formly/core';
+import { TextFieldConfig } from './text.field';
+import { LabeledFieldConfig, DescriptionFieldConfig } from '../../field';
 export declare const PHONE_LABEL_MAX_LENGTH = 100;
 export declare const ADDRESS_COUNTRY_MAX_LENGTH = 80;
 export declare const ADDRESS_CITY_MAX_LENGTH = 80;

package/lib/formly/field/wrapper/_wrapper.scss

@@ -6,7 +6,6 @@ $form-flex-section-group-item-padding: $form-flex-section-group-padding * 2;
 
 // MARK: Mixin
 @mixin core() {
-
   .dbx-form-expand-wrapper-button {
     text-decoration: underline;
     margin-right: 8px;
@@ -16,12 +15,13 @@ $form-flex-section-group-item-padding: $form-flex-section-group-padding * 2;
   .dbx-form-toggle-wrapper-toggle {
     margin-bottom: 6px;
   }
-
 }
 
-@mixin color($theme-config) {}
+@mixin color($theme-config) {
+}
 
-@mixin typography($typography-config) {}
+@mixin typography($typography-config) {
+}
 
 @mixin theme($theme-config) {
   @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-form-field-wrapper') {

package/lib/formly/template/login.d.ts

@@ -1,6 +1,6 @@
 import { TextFieldConfig } from '../field/value/text/text.field';
 import { EmailFieldConfig } from '../field/value/text/text.additional.field';
-import { FormlyFieldConfig } from "@ngx-formly/core";
+import { FormlyFieldConfig } from '@ngx-formly/core';
 import { Maybe } from '@dereekb/util';
 /**
  * Convenience interface for the password parameters configuration for a TextPasswordField.

package/lib/layout/_layout.scss

@@ -2,13 +2,15 @@
 
 // MARK: Variables
 
-
 // MARK: Mixin
-@mixin core() {}
+@mixin core() {
+}
 
-@mixin color($theme-config) {}
+@mixin color($theme-config) {
+}
 
-@mixin typography($typography-config) {}
+@mixin typography($typography-config) {
+}
 
 @mixin theme($theme-config) {
   @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-form-layout') {

package/lib/style/_config.scss

@@ -1,18 +1,20 @@
-@use "sass:map";
+@use 'sass:map';
 @use './variables';
 
 // theme
 @function define-dbx-form-theme-config($theme-config, $input-dbx-form-theme-config: null) {
-
   @if ($input-dbx-form-theme-config == null) {
     $input-dbx-form-theme-config: ();
   }
-  
+
   $dbx-form-theme-config: ();
 
-  @return map.merge($theme-config, (
-    'dbx-form': $dbx-form-theme-config
-  ));
+  @return map.merge(
+    $theme-config,
+    (
+      'dbx-form': $dbx-form-theme-config
+    )
+  );
 }
 
 @function get-dbx-form-theme-config($theme-config) {

package/lib/style/_core.scss

@@ -1,4 +1,4 @@
-@use "sass:map";
+@use 'sass:map';
 @use './all-core';
 @use './all-typography';
 @use './config';

package/lib/style/_mixin.scss

@@ -1,3 +1,3 @@
-@use "sass:map";
+@use 'sass:map';
 @use './config';
 @use './variables';

package/lib/style/_theming.scss

@@ -1,16 +1,6 @@
-@forward '@angular/material'show define-light-theme,
-define-dark-theme,
-define-palette,
-get-contrast-color-from-palette,
-get-color-from-palette,
-get-color-config,
-get-typography-config,
-get-density-config,
-elevation;
+@forward '@angular/material' show define-light-theme, define-dark-theme, define-palette, get-contrast-color-from-palette, get-color-from-palette, get-color-config, get-typography-config, get-density-config, elevation;
 
-@forward 'node_modules/@angular/material/core/theming/theming'
-show private-check-duplicate-theme-styles,
-$theme-ignore-duplication-warnings;
+@forward 'node_modules/@angular/material/core/theming/theming' show private-check-duplicate-theme-styles, $theme-ignore-duplication-warnings;
 
 @forward 'node_modules/@angular/material/core/typography/typography-utils';
 

package/lib/style/_variables.scss

@@ -1 +1 @@
-@use "sass:map";
+@use 'sass:map';

package/lib/validator/available.d.ts

@@ -1,5 +1,5 @@
 import { Observable } from 'rxjs';
-import { AsyncValidatorFn } from "@angular/forms";
+import { AsyncValidatorFn } from '@angular/forms';
 export declare const FIELD_VALUE_IS_AVAILABLE_VALIDATION_KEY = "fieldValueIsAvailable";
 export declare const FIELD_VALUE_IS_AVAILABLE_ERROR_VALIDATION_KEY = "fieldValueIsAvailableError";
 export declare type FieldValueIsAvailableValidatorFunction<T> = (value: T) => Observable<boolean>;

package/lib/validator/field.d.ts

@@ -1,5 +1,5 @@
-import { ValidatorFn } from "@angular/forms";
-import { KeyValueTupleFilter, IsEqualFunction } from "@dereekb/util";
+import { ValidatorFn } from '@angular/forms';
+import { KeyValueTupleFilter, IsEqualFunction } from '@dereekb/util';
 export declare const FIELD_VALUES_ARE_EQUAL_VALIDATION_KEY = "fieldValuesAreEqual";
 export interface FieldValuesAreEqualValidatorConfig<T extends object = object> {
     /**