@dereekb/dbx-form 4.0.1 → 5.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (168) hide show
  1. package/LICENSE +21 -0
  2. package/_index.scss +4 -5
  3. package/esm2020/lib/form/action/form.action.directive.mjs +20 -21
  4. package/esm2020/lib/form/action/form.action.module.mjs +6 -17
  5. package/esm2020/lib/form/action/transition/form.action.transition.module.mjs +5 -13
  6. package/esm2020/lib/form/action/transition/form.action.transition.safety.directive.mjs +2 -2
  7. package/esm2020/lib/form/form.mjs +4 -7
  8. package/esm2020/lib/form/form.module.mjs +4 -12
  9. package/esm2020/lib/form/io/form.changes.directive.mjs +4 -2
  10. package/esm2020/lib/form/io/form.input.directive.mjs +3 -6
  11. package/esm2020/lib/form/io/form.io.module.mjs +6 -22
  12. package/esm2020/lib/form/io/form.loading.directive.mjs +1 -1
  13. package/esm2020/lib/form.module.mjs +4 -12
  14. package/esm2020/lib/formly/config/index.mjs +1 -1
  15. package/esm2020/lib/formly/config/validation.mjs +1 -1
  16. package/esm2020/lib/formly/field/checklist/checklist.field.mjs +6 -9
  17. package/esm2020/lib/formly/field/checklist/checklist.item.field.component.mjs +14 -12
  18. package/esm2020/lib/formly/field/checklist/checklist.item.field.content.default.component.mjs +1 -1
  19. package/esm2020/lib/formly/field/checklist/checklist.item.field.mjs +1 -1
  20. package/esm2020/lib/formly/field/checklist/checklist.item.field.module.mjs +6 -18
  21. package/esm2020/lib/formly/field/checklist/checklist.item.mjs +1 -1
  22. package/esm2020/lib/formly/field/component/component.field.component.mjs +1 -1
  23. package/esm2020/lib/formly/field/component/component.field.mjs +1 -1
  24. package/esm2020/lib/formly/field/component/component.field.module.mjs +5 -13
  25. package/esm2020/lib/formly/field/field.mjs +4 -2
  26. package/esm2020/lib/formly/field/form.field.module.mjs +5 -26
  27. package/esm2020/lib/formly/field/selection/pickable/index.mjs +1 -1
  28. package/esm2020/lib/formly/field/selection/pickable/pickable.chip.field.component.mjs +5 -5
  29. package/esm2020/lib/formly/field/selection/pickable/pickable.field.directive.mjs +43 -43
  30. package/esm2020/lib/formly/field/selection/pickable/pickable.field.mjs +3 -3
  31. package/esm2020/lib/formly/field/selection/pickable/pickable.field.module.mjs +5 -15
  32. package/esm2020/lib/formly/field/selection/pickable/pickable.list.field.component.mjs +17 -12
  33. package/esm2020/lib/formly/field/selection/pickable/pickable.mjs +1 -1
  34. package/esm2020/lib/formly/field/selection/searchable/searchable.chip.field.component.mjs +3 -3
  35. package/esm2020/lib/formly/field/selection/searchable/searchable.field.autocomplete.item.component.mjs +15 -13
  36. package/esm2020/lib/formly/field/selection/searchable/searchable.field.directive.mjs +24 -26
  37. package/esm2020/lib/formly/field/selection/searchable/searchable.field.mjs +6 -5
  38. package/esm2020/lib/formly/field/selection/searchable/searchable.field.module.mjs +7 -19
  39. package/esm2020/lib/formly/field/selection/searchable/searchable.mjs +1 -1
  40. package/esm2020/lib/formly/field/selection/searchable/searchable.text.field.component.mjs +7 -8
  41. package/esm2020/lib/formly/field/selection/searchable/text.chip.field.mjs +5 -5
  42. package/esm2020/lib/formly/field/selection/selection.mjs +1 -1
  43. package/esm2020/lib/formly/field/selection/selection.module.mjs +5 -14
  44. package/esm2020/lib/formly/field/texteditor/texteditor.field.component.mjs +5 -3
  45. package/esm2020/lib/formly/field/texteditor/texteditor.field.mjs +1 -1
  46. package/esm2020/lib/formly/field/texteditor/texteditor.field.module.mjs +4 -10
  47. package/esm2020/lib/formly/field/value/array/array.field.component.mjs +31 -25
  48. package/esm2020/lib/formly/field/value/array/array.field.mjs +3 -3
  49. package/esm2020/lib/formly/field/value/array/array.field.module.mjs +4 -10
  50. package/esm2020/lib/formly/field/value/boolean/boolean.field.mjs +1 -1
  51. package/esm2020/lib/formly/field/value/boolean/boolean.field.module.mjs +1 -1
  52. package/esm2020/lib/formly/field/value/date/date.field.module.mjs +5 -13
  53. package/esm2020/lib/formly/field/value/date/datetime.field.component.mjs +24 -33
  54. package/esm2020/lib/formly/field/value/date/datetime.field.mjs +3 -3
  55. package/esm2020/lib/formly/field/value/enum/enum.field.mjs +2 -2
  56. package/esm2020/lib/formly/field/value/enum/enum.field.module.mjs +1 -1
  57. package/esm2020/lib/formly/field/value/enum/enum.mjs +1 -1
  58. package/esm2020/lib/formly/field/value/hidden.field.mjs +1 -1
  59. package/esm2020/lib/formly/field/value/phone/phone.field.component.mjs +3 -3
  60. package/esm2020/lib/formly/field/value/phone/phone.field.mjs +2 -4
  61. package/esm2020/lib/formly/field/value/phone/phone.field.module.mjs +4 -10
  62. package/esm2020/lib/formly/field/value/text/text.additional.field.mjs +2 -2
  63. package/esm2020/lib/formly/field/value/text/text.address.field.mjs +12 -6
  64. package/esm2020/lib/formly/field/value/text/text.field.mjs +2 -2
  65. package/esm2020/lib/formly/field/value/text/text.field.module.mjs +4 -10
  66. package/esm2020/lib/formly/field/value/value.module.mjs +5 -26
  67. package/esm2020/lib/formly/field/wrapper/autotouch.wrapper.component.mjs +8 -4
  68. package/esm2020/lib/formly/field/wrapper/expandable.wrapper.component.mjs +15 -15
  69. package/esm2020/lib/formly/field/wrapper/expandable.wrapper.delegate.mjs +1 -1
  70. package/esm2020/lib/formly/field/wrapper/flex.wrapper.component.mjs +1 -1
  71. package/esm2020/lib/formly/field/wrapper/form.wrapper.module.mjs +3 -21
  72. package/esm2020/lib/formly/field/wrapper/info.wrapper.component.mjs +3 -5
  73. package/esm2020/lib/formly/field/wrapper/section.wrapper.component.mjs +1 -1
  74. package/esm2020/lib/formly/field/wrapper/style.wrapper.component.mjs +2 -2
  75. package/esm2020/lib/formly/field/wrapper/subsection.wrapper.component.mjs +7 -7
  76. package/esm2020/lib/formly/field/wrapper/toggle.wrapper.component.mjs +16 -16
  77. package/esm2020/lib/formly/field/wrapper/working.wrapper.component.mjs +2 -2
  78. package/esm2020/lib/formly/field/wrapper/wrapper.mjs +6 -4
  79. package/esm2020/lib/formly/formly.context.directive.mjs +4 -4
  80. package/esm2020/lib/formly/formly.context.mjs +9 -7
  81. package/esm2020/lib/formly/formly.directive.mjs +1 -1
  82. package/esm2020/lib/formly/formly.form.component.mjs +7 -7
  83. package/esm2020/lib/formly/formly.module.mjs +5 -25
  84. package/esm2020/lib/formly/template/available.mjs +6 -4
  85. package/esm2020/lib/formly/template/login.mjs +8 -11
  86. package/esm2020/lib/layout/form.layout.module.mjs +5 -13
  87. package/esm2020/lib/layout/form.spacer.component.mjs +7 -3
  88. package/esm2020/lib/validator/available.mjs +2 -3
  89. package/esm2020/lib/validator/boolean.mjs +2 -2
  90. package/esm2020/lib/validator/email.mjs +2 -2
  91. package/esm2020/lib/validator/field.mjs +3 -3
  92. package/esm2020/lib/validator/number.mjs +20 -16
  93. package/fesm2015/dereekb-dbx-form.mjs +420 -624
  94. package/fesm2015/dereekb-dbx-form.mjs.map +1 -1
  95. package/fesm2020/dereekb-dbx-form.mjs +423 -624
  96. package/fesm2020/dereekb-dbx-form.mjs.map +1 -1
  97. package/lib/form/_form.scss +6 -4
  98. package/lib/form/action/form.action.directive.d.ts +4 -4
  99. package/lib/form/form.d.ts +4 -4
  100. package/lib/form/io/form.changes.directive.d.ts +3 -3
  101. package/lib/form/io/form.input.directive.d.ts +3 -3
  102. package/lib/form/io/form.loading.directive.d.ts +3 -3
  103. package/lib/formly/_formly.scss +6 -4
  104. package/lib/formly/config/validation.d.ts +4 -4
  105. package/lib/formly/field/checklist/_checklist.scss +6 -10
  106. package/lib/formly/field/checklist/checklist.field.d.ts +3 -3
  107. package/lib/formly/field/checklist/checklist.item.d.ts +8 -8
  108. package/lib/formly/field/checklist/checklist.item.field.component.d.ts +7 -9
  109. package/lib/formly/field/checklist/checklist.item.field.content.default.component.d.ts +4 -4
  110. package/lib/formly/field/checklist/checklist.item.field.d.ts +3 -3
  111. package/lib/formly/field/component/_component.scss +6 -4
  112. package/lib/formly/field/component/component.field.component.d.ts +3 -4
  113. package/lib/formly/field/component/component.field.d.ts +3 -4
  114. package/lib/formly/field/field.d.ts +3 -3
  115. package/lib/formly/field/selection/pickable/_pickable.scss +4 -3
  116. package/lib/formly/field/selection/pickable/pickable.chip.field.component.d.ts +1 -1
  117. package/lib/formly/field/selection/pickable/pickable.d.ts +9 -11
  118. package/lib/formly/field/selection/pickable/pickable.field.d.ts +3 -3
  119. package/lib/formly/field/selection/pickable/pickable.field.directive.d.ts +49 -50
  120. package/lib/formly/field/selection/pickable/pickable.list.field.component.d.ts +7 -7
  121. package/lib/formly/field/selection/searchable/_searchable.scss +4 -6
  122. package/lib/formly/field/selection/searchable/searchable.chip.field.component.d.ts +8 -8
  123. package/lib/formly/field/selection/searchable/searchable.d.ts +9 -8
  124. package/lib/formly/field/selection/searchable/searchable.field.autocomplete.item.component.d.ts +1 -1
  125. package/lib/formly/field/selection/searchable/searchable.field.d.ts +9 -9
  126. package/lib/formly/field/selection/searchable/searchable.field.directive.d.ts +25 -25
  127. package/lib/formly/field/selection/searchable/searchable.text.field.component.d.ts +12 -9
  128. package/lib/formly/field/selection/searchable/text.chip.field.d.ts +3 -3
  129. package/lib/formly/field/selection/selection.d.ts +6 -6
  130. package/lib/formly/field/texteditor/_texteditor.scss +3 -8
  131. package/lib/formly/field/texteditor/texteditor.field.component.d.ts +1 -2
  132. package/lib/formly/field/value/array/_array.scss +2 -6
  133. package/lib/formly/field/value/array/array.field.component.d.ts +1 -1
  134. package/lib/formly/field/value/array/array.field.d.ts +1 -1
  135. package/lib/formly/field/value/boolean/_boolean.scss +6 -4
  136. package/lib/formly/field/value/date/_date.scss +7 -9
  137. package/lib/formly/field/value/date/datetime.field.component.d.ts +2 -3
  138. package/lib/formly/field/value/date/datetime.field.d.ts +1 -2
  139. package/lib/formly/field/value/enum/_enum.scss +6 -4
  140. package/lib/formly/field/value/enum/enum.field.d.ts +1 -1
  141. package/lib/formly/field/value/hidden.field.d.ts +1 -2
  142. package/lib/formly/field/value/phone/_phone.scss +2 -4
  143. package/lib/formly/field/value/text/_text.scss +6 -4
  144. package/lib/formly/field/value/text/text.additional.field.d.ts +3 -3
  145. package/lib/formly/field/value/text/text.address.field.d.ts +1 -2
  146. package/lib/formly/field/wrapper/_wrapper.scss +4 -4
  147. package/lib/formly/field/wrapper/expandable.wrapper.component.d.ts +4 -4
  148. package/lib/formly/field/wrapper/expandable.wrapper.delegate.d.ts +11 -11
  149. package/lib/formly/field/wrapper/toggle.wrapper.component.d.ts +4 -4
  150. package/lib/formly/field/wrapper/working.wrapper.component.d.ts +4 -2
  151. package/lib/formly/field/wrapper/wrapper.d.ts +2 -2
  152. package/lib/formly/formly.context.d.ts +4 -5
  153. package/lib/formly/formly.context.directive.d.ts +1 -1
  154. package/lib/formly/formly.directive.d.ts +1 -1
  155. package/lib/formly/formly.form.component.d.ts +2 -2
  156. package/lib/formly/template/login.d.ts +2 -3
  157. package/lib/layout/_layout.scss +6 -4
  158. package/lib/style/_config.scss +8 -6
  159. package/lib/style/_core.scss +1 -1
  160. package/lib/style/_mixin.scss +1 -1
  161. package/lib/style/_theming.scss +2 -12
  162. package/lib/style/_variables.scss +1 -1
  163. package/lib/validator/available.d.ts +1 -1
  164. package/lib/validator/boolean.d.ts +1 -1
  165. package/lib/validator/email.d.ts +1 -1
  166. package/lib/validator/field.d.ts +6 -6
  167. package/lib/validator/number.d.ts +8 -1
  168. package/package.json +5 -4
@@ -6,8 +6,7 @@ import { FieldType } from '@ngx-formly/material';
6
6
  import { Editor } from 'ngx-editor';
7
7
  import { Maybe } from '@dereekb/util';
8
8
  import * as i0 from "@angular/core";
9
- export interface TextEditorComponentFieldConfig extends FormlyFieldConfig {
10
- }
9
+ export declare type TextEditorComponentFieldConfig = FormlyFieldConfig;
11
10
  export declare class DbxTextEditorFieldComponent<T extends TextEditorComponentFieldConfig = TextEditorComponentFieldConfig> extends FieldType<T & FieldTypeConfig> implements OnInit, OnDestroy {
12
11
  readonly compact: CompactContextStore;
13
12
  private _editor?;
@@ -4,10 +4,8 @@
4
4
 
5
5
  // MARK: Variables
6
6
 
7
-
8
7
  // MARK: Mixin
9
8
  @mixin core() {
10
-
11
9
  .example-custom-placeholder {
12
10
  background: #ccc;
13
11
  border: dotted 3px #999;
@@ -17,7 +15,6 @@
17
15
 
18
16
  .dbx-form-repeat-array {
19
17
  .dbx-form-repeat-array-field {
20
-
21
18
  @include theming.elevation(1);
22
19
 
23
20
  h4 {
@@ -39,7 +36,6 @@
39
36
  }
40
37
  }
41
38
  }
42
-
43
39
  }
44
40
 
45
41
  @mixin color($theme-config) {
@@ -52,10 +48,10 @@
52
48
  background: $form-repeat-array-field-bg;
53
49
  border: 4px solid $form-repeat-array-field-bg;
54
50
  }
55
-
56
51
  }
57
52
 
58
- @mixin typography($typography-config) {}
53
+ @mixin typography($typography-config) {
54
+ }
59
55
 
60
56
  @mixin theme($theme-config) {
61
57
  @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-form-field-value-array') {
@@ -26,7 +26,7 @@ export declare class DbxFormRepeatArrayTypeComponent extends FieldArrayType<DbxF
26
26
  moveUp(index: number): void;
27
27
  moveDown(index: number): void;
28
28
  swapIndexes(currentIndex: number, targetIndex: number): void;
29
- drop(event: CdkDragDrop<any>): void;
29
+ drop(event: CdkDragDrop<unknown>): void;
30
30
  labelForItem(field: FormlyFieldConfig): string;
31
31
  static ɵfac: i0.ɵɵFactoryDeclaration<DbxFormRepeatArrayTypeComponent, never>;
32
32
  static ɵcmp: i0.ɵɵComponentDeclaration<DbxFormRepeatArrayTypeComponent, "ng-component", never, {}, {}, never, never>;
@@ -1,5 +1,5 @@
1
1
  import { FormlyFieldConfig } from '@ngx-formly/core';
2
- import { FieldConfig } from "../../field";
2
+ import { FieldConfig } from '../../field';
3
3
  import { DbxFormRepeatArrayConfig } from './array.field.component';
4
4
  export interface RepeatArrayFieldConfig extends DbxFormRepeatArrayConfig, FieldConfig {
5
5
  label?: string;
@@ -2,13 +2,15 @@
2
2
 
3
3
  // MARK: Variables
4
4
 
5
-
6
5
  // MARK: Mixin
7
- @mixin core() {}
6
+ @mixin core() {
7
+ }
8
8
 
9
- @mixin color($theme-config) {}
9
+ @mixin color($theme-config) {
10
+ }
10
11
 
11
- @mixin typography($typography-config) {}
12
+ @mixin typography($typography-config) {
13
+ }
12
14
 
13
15
  @mixin theme($theme-config) {
14
16
  @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-form-field-value-boolean') {
@@ -2,14 +2,12 @@
2
2
 
3
3
  // MARK: Variables
4
4
 
5
-
6
5
  // MARK: Mixin
7
6
  @mixin core() {
8
-
9
7
  .dbx-datetime-parent-form-field {
10
- >formly-wrapper-mat-form-field {
11
- >mat-form-field.mat-form-field {
12
- >.mat-form-field-wrapper>.mat-form-field-underline {
8
+ > formly-wrapper-mat-form-field {
9
+ > mat-form-field.mat-form-field {
10
+ > .mat-form-field-wrapper > .mat-form-field-underline {
13
11
  display: none;
14
12
  }
15
13
  }
@@ -23,7 +21,6 @@
23
21
  $dbx-datetime-button-width: 40px;
24
22
 
25
23
  .dbx-datetime-row {
26
-
27
24
  .dbx-datetime-row-field {
28
25
  width: calc(100% - #{$dbx-datetime-button-width});
29
26
  }
@@ -56,12 +53,13 @@
56
53
  .dbx-datetime-hint-row {
57
54
  // margin-left: 12px;
58
55
  }
59
-
60
56
  }
61
57
 
62
- @mixin color($theme-config) {}
58
+ @mixin color($theme-config) {
59
+ }
63
60
 
64
- @mixin typography($typography-config) {}
61
+ @mixin typography($typography-config) {
62
+ }
65
63
 
66
64
  @mixin theme($theme-config) {
67
65
  @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-form-field-value-date') {
@@ -1,10 +1,10 @@
1
1
  import { LogicalDateStringCode, Maybe, ReadableTimeString } from '@dereekb/util';
2
2
  import { DateTimeMinuteConfig } from '@dereekb/date';
3
+ import { Observable } from 'rxjs';
3
4
  import { ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
4
5
  import { AbstractControl, FormControl } from '@angular/forms';
5
6
  import { FieldType } from '@ngx-formly/material';
6
7
  import { FieldTypeConfig, FormlyFieldConfig } from '@ngx-formly/core';
7
- import { Observable } from 'rxjs';
8
8
  import { MatDatepickerInputEvent } from '@angular/material/datepicker';
9
9
  import * as i0 from "@angular/core";
10
10
  export declare enum DbxDateTimeFieldTimeMode {
@@ -21,8 +21,7 @@ export declare enum DbxDateTimeFieldTimeMode {
21
21
  */
22
22
  NONE = "none"
23
23
  }
24
- export interface DateTimePickerConfiguration extends Omit<DateTimeMinuteConfig, 'date'> {
25
- }
24
+ export declare type DateTimePickerConfiguration = Omit<DateTimeMinuteConfig, 'date'>;
26
25
  export interface DbxDateTimeFieldConfig {
27
26
  /**
28
27
  * Whether or not the date is hidden, and automatically uses today/input date.
@@ -4,8 +4,7 @@ import { LabeledFieldConfig, DescriptionFieldConfig } from '../../field';
4
4
  import { DbxDateTimeFieldConfig, DateTimePickerConfiguration } from './datetime.field.component';
5
5
  export interface DateTimeFieldConfig extends LabeledFieldConfig, DescriptionFieldConfig, DbxDateTimeFieldConfig {
6
6
  }
7
- export interface TimeFieldConfig extends Omit<DateTimeFieldConfig, 'showDate'> {
8
- }
7
+ export declare type TimeFieldConfig = Omit<DateTimeFieldConfig, 'showDate'>;
9
8
  export declare const TAKE_NEXT_UPCOMING_TIME_CONFIG_OBS: () => Observable<DateTimePickerConfiguration>;
10
9
  /**
11
10
  * Same as DateTime field but with the Date input hidden by default.
@@ -2,13 +2,15 @@
2
2
 
3
3
  // MARK: Variables
4
4
 
5
-
6
5
  // MARK: Mixin
7
- @mixin core() {}
6
+ @mixin core() {
7
+ }
8
8
 
9
- @mixin color($theme-config) {}
9
+ @mixin color($theme-config) {
10
+ }
10
11
 
11
- @mixin typography($typography-config) {}
12
+ @mixin typography($typography-config) {
13
+ }
12
14
 
13
15
  @mixin theme($theme-config) {
14
16
  @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-form-field-value-enum') {
@@ -11,4 +11,4 @@ export interface StaticEnumFieldConfig<T> extends LabeledFieldConfig, Descriptio
11
11
  */
12
12
  options: EnumValueFieldOption<T>[];
13
13
  }
14
- export declare function staticEnumField<T = any>({ key, label, placeholder, description, multiple, required, options }: StaticEnumFieldConfig<T>): FormlyFieldConfig;
14
+ export declare function staticEnumField<T = unknown>({ key, label, placeholder, description, multiple, required, options }: StaticEnumFieldConfig<T>): FormlyFieldConfig;
@@ -1,5 +1,4 @@
1
1
  import { FormlyFieldConfig } from '@ngx-formly/core/lib/core';
2
2
  import { LabeledFieldConfig } from '../field';
3
- export interface HiddenFieldConfig extends Pick<LabeledFieldConfig, 'key' | 'required'> {
4
- }
3
+ export declare type HiddenFieldConfig = Pick<LabeledFieldConfig, 'key' | 'required'>;
5
4
  export declare function hiddenField({ key, required }: HiddenFieldConfig): FormlyFieldConfig;
@@ -5,10 +5,8 @@
5
5
 
6
6
  // MARK: Variables
7
7
 
8
-
9
8
  // MARK: Mixin
10
9
  @mixin core() {
11
-
12
10
  .dbx-form-phone-field,
13
11
  .mat-form-field {
14
12
  width: 100%;
@@ -26,7 +24,6 @@
26
24
  .dbx-form-phone-field .ngx-mat-tel-input-container input:not(.country-search) {
27
25
  padding: 0 6px 0 110px;
28
26
  }
29
-
30
27
  }
31
28
 
32
29
  @mixin color($theme-config) {
@@ -41,7 +38,8 @@
41
38
  }
42
39
  }
43
40
 
44
- @mixin typography($typography-config) {}
41
+ @mixin typography($typography-config) {
42
+ }
45
43
 
46
44
  @mixin theme($theme-config) {
47
45
  @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-form-field-value-phone') {
@@ -2,13 +2,15 @@
2
2
 
3
3
  // MARK: Variables
4
4
 
5
-
6
5
  // MARK: Mixin
7
- @mixin core() {}
6
+ @mixin core() {
7
+ }
8
8
 
9
- @mixin color($theme-config) {}
9
+ @mixin color($theme-config) {
10
+ }
10
11
 
11
- @mixin typography($typography-config) {}
12
+ @mixin typography($typography-config) {
13
+ }
12
14
 
13
15
  @mixin theme($theme-config) {
14
16
  @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-form-field-value-text') {
@@ -1,6 +1,6 @@
1
- import { FormlyFieldConfig } from "@ngx-formly/core";
2
- import { TextFieldConfig } from "./text.field";
3
- import { LabeledFieldConfig, DescriptionFieldConfig } from "../../field";
1
+ import { FormlyFieldConfig } from '@ngx-formly/core';
2
+ import { TextFieldConfig } from './text.field';
3
+ import { LabeledFieldConfig, DescriptionFieldConfig } from '../../field';
4
4
  export declare const PHONE_LABEL_MAX_LENGTH = 100;
5
5
  export declare const ADDRESS_COUNTRY_MAX_LENGTH = 80;
6
6
  export declare const ADDRESS_CITY_MAX_LENGTH = 80;
@@ -2,8 +2,7 @@ import { FormlyFieldConfig } from '@ngx-formly/core';
2
2
  import { FieldConfig } from '../../field';
3
3
  export declare const ADDRESS_LINE_MAX_LENGTH = 100;
4
4
  export declare function addressFormlyFields(): FormlyFieldConfig[];
5
- export interface AddressFieldConfig extends FieldConfig {
6
- }
5
+ export declare type AddressFieldConfig = FieldConfig;
7
6
  export declare function addressField({ key, required }?: Partial<AddressFieldConfig>): FormlyFieldConfig;
8
7
  export interface AddressListFieldConfig extends FieldConfig {
9
8
  maxAddresses?: number;
@@ -6,7 +6,6 @@ $form-flex-section-group-item-padding: $form-flex-section-group-padding * 2;
6
6
 
7
7
  // MARK: Mixin
8
8
  @mixin core() {
9
-
10
9
  .dbx-form-expand-wrapper-button {
11
10
  text-decoration: underline;
12
11
  margin-right: 8px;
@@ -16,12 +15,13 @@ $form-flex-section-group-item-padding: $form-flex-section-group-padding * 2;
16
15
  .dbx-form-toggle-wrapper-toggle {
17
16
  margin-bottom: 6px;
18
17
  }
19
-
20
18
  }
21
19
 
22
- @mixin color($theme-config) {}
20
+ @mixin color($theme-config) {
21
+ }
23
22
 
24
- @mixin typography($typography-config) {}
23
+ @mixin typography($typography-config) {
24
+ }
25
25
 
26
26
  @mixin theme($theme-config) {
27
27
  @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-form-field-wrapper') {
@@ -1,14 +1,14 @@
1
1
  import { AbstractFormExpandableSectionWrapperDirective, AbstractFormExpandableSectionConfig } from './expandable.wrapper.delegate';
2
2
  import * as i0 from "@angular/core";
3
3
  export declare type DbxFormExpandWrapperButtonType = 'button' | 'text';
4
- export interface DbxFormExpandWrapperConfig<T = any> extends AbstractFormExpandableSectionConfig<T> {
4
+ export interface DbxFormExpandWrapperConfig<T extends object = object> extends AbstractFormExpandableSectionConfig<T> {
5
5
  buttonType?: DbxFormExpandWrapperButtonType;
6
6
  }
7
7
  /**
8
8
  * Section that is expandable by a button until a value is set, or the button is pressed.
9
9
  */
10
- export declare class DbxFormExpandWrapperComponent extends AbstractFormExpandableSectionWrapperDirective<DbxFormExpandWrapperConfig> {
10
+ export declare class DbxFormExpandWrapperComponent<T extends object = object> extends AbstractFormExpandableSectionWrapperDirective<T, DbxFormExpandWrapperConfig<T>> {
11
11
  get buttonType(): DbxFormExpandWrapperButtonType;
12
- static ɵfac: i0.ɵɵFactoryDeclaration<DbxFormExpandWrapperComponent, never>;
13
- static ɵcmp: i0.ɵɵComponentDeclaration<DbxFormExpandWrapperComponent, "ng-component", never, {}, {}, never, never>;
12
+ static ɵfac: i0.ɵɵFactoryDeclaration<DbxFormExpandWrapperComponent<any>, never>;
13
+ static ɵcmp: i0.ɵɵComponentDeclaration<DbxFormExpandWrapperComponent<any>, "ng-component", never, {}, {}, never, never>;
14
14
  }
@@ -5,32 +5,32 @@ import { BehaviorSubject } from 'rxjs';
5
5
  import { OnDestroy, OnInit } from '@angular/core';
6
6
  import { AbstractControl } from '@angular/forms';
7
7
  import * as i0 from "@angular/core";
8
- export interface AbstractFormExpandableSectionConfig<T = any> {
8
+ export interface AbstractFormExpandableSectionConfig<T extends object = object> {
9
9
  expandLabel?: string;
10
10
  /**
11
11
  * Optional function to use for checking value existence.
12
12
  */
13
13
  hasValueFn?: (value: T) => boolean;
14
14
  }
15
- export interface FormExpandableSectionWrapperTemplateOptions<S extends AbstractFormExpandableSectionConfig> extends FormlyTemplateOptions {
15
+ export interface FormExpandableSectionWrapperTemplateOptions<T extends object = object, S extends AbstractFormExpandableSectionConfig<T> = AbstractFormExpandableSectionConfig<T>> extends FormlyTemplateOptions {
16
16
  expandWrapper?: S;
17
17
  }
18
- export interface FormExpandableSectionFormlyConfig<S> extends FormlyFieldConfig {
19
- templateOptions?: FormExpandableSectionWrapperTemplateOptions<S> & FormlyTemplateOptions;
18
+ export interface FormExpandableSectionFormlyConfig<T extends object = object, S extends AbstractFormExpandableSectionConfig<T> = AbstractFormExpandableSectionConfig<T>> extends FormlyFieldConfig {
19
+ templateOptions?: FormExpandableSectionWrapperTemplateOptions<T, S> & FormlyTemplateOptions;
20
20
  }
21
- export declare const DEFAULT_HAS_VALUE_FN: (x: Maybe<object>) => boolean;
22
- export declare class AbstractFormExpandableSectionWrapperDirective<S extends AbstractFormExpandableSectionConfig = AbstractFormExpandableSectionConfig> extends FieldWrapper<FormExpandableSectionFormlyConfig<S> & FieldTypeConfig> implements OnInit, OnDestroy {
21
+ export declare const DEFAULT_HAS_VALUE_FN: (x: object) => boolean;
22
+ export declare class AbstractFormExpandableSectionWrapperDirective<T extends object = object, S extends AbstractFormExpandableSectionConfig<T> = AbstractFormExpandableSectionConfig<T>> extends FieldWrapper<FormExpandableSectionFormlyConfig<T, S> & FieldTypeConfig> implements OnInit, OnDestroy {
23
23
  protected _formControlObs: BehaviorSubject<Maybe<AbstractControl>>;
24
24
  readonly formControl$: import("rxjs").Observable<AbstractControl>;
25
25
  protected _toggleOpen: BehaviorSubject<Maybe<boolean>>;
26
- readonly show$: import("rxjs").Observable<any>;
27
- readonly hasValue$: import("rxjs").Observable<any>;
26
+ readonly show$: import("rxjs").Observable<boolean>;
27
+ readonly hasValue$: import("rxjs").Observable<boolean>;
28
28
  get expandableSection(): Maybe<S>;
29
- get hasValueFn(): (value: any) => any;
29
+ get hasValueFn(): (value: T) => boolean;
30
30
  get expandLabel(): Maybe<string>;
31
31
  open(): void;
32
32
  ngOnInit(): void;
33
33
  ngOnDestroy(): void;
34
- static ɵfac: i0.ɵɵFactoryDeclaration<AbstractFormExpandableSectionWrapperDirective<any>, never>;
35
- static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractFormExpandableSectionWrapperDirective<any>, never, never, {}, {}, never>;
34
+ static ɵfac: i0.ɵɵFactoryDeclaration<AbstractFormExpandableSectionWrapperDirective<any, any>, never>;
35
+ static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractFormExpandableSectionWrapperDirective<any, any>, never, never, {}, {}, never>;
36
36
  }
@@ -2,15 +2,15 @@ import { Maybe } from '@dereekb/util';
2
2
  import { Observable } from 'rxjs';
3
3
  import { AbstractFormExpandableSectionConfig, AbstractFormExpandableSectionWrapperDirective } from './expandable.wrapper.delegate';
4
4
  import * as i0 from "@angular/core";
5
- export interface DbxFormToggleWrapperConfig<T = any> extends AbstractFormExpandableSectionConfig<T> {
5
+ export interface DbxFormToggleWrapperConfig<T extends object = object> extends AbstractFormExpandableSectionConfig<T> {
6
6
  toggleLabelObs?: (open: Maybe<boolean>) => Observable<string>;
7
7
  }
8
8
  /**
9
9
  * Section that is expandable by a button until a value is set, or the button is pressed.
10
10
  */
11
- export declare class DbxFormToggleWrapperComponent extends AbstractFormExpandableSectionWrapperDirective<DbxFormToggleWrapperConfig> {
11
+ export declare class DbxFormToggleWrapperComponent<T extends object = object> extends AbstractFormExpandableSectionWrapperDirective<T, DbxFormToggleWrapperConfig> {
12
12
  readonly slideLabel$: Observable<Maybe<string>>;
13
13
  onToggleChange(): void;
14
- static ɵfac: i0.ɵɵFactoryDeclaration<DbxFormToggleWrapperComponent, never>;
15
- static ɵcmp: i0.ɵɵComponentDeclaration<DbxFormToggleWrapperComponent, "ng-component", never, {}, {}, never, never>;
14
+ static ɵfac: i0.ɵɵFactoryDeclaration<DbxFormToggleWrapperComponent<any>, never>;
15
+ static ɵcmp: i0.ɵɵComponentDeclaration<DbxFormToggleWrapperComponent<any>, "ng-component", never, {}, {}, never, never>;
16
16
  }
@@ -2,8 +2,10 @@ import { OnInit, OnDestroy } from '@angular/core';
2
2
  import { SimpleLoadingContext, SubscriptionObject } from '@dereekb/rxjs';
3
3
  import { FieldWrapper, FormlyFieldConfig } from '@ngx-formly/core';
4
4
  import * as i0 from "@angular/core";
5
- export interface DbxFormWorkingWrapperConfig {
6
- }
5
+ /**
6
+ * No configurable value for now.
7
+ */
8
+ export declare type DbxFormWorkingWrapperConfig = object;
7
9
  export interface DbxFormWorkingWrapperFormlyConfig extends FormlyFieldConfig {
8
10
  styleWrapper: DbxFormWorkingWrapperConfig;
9
11
  }
@@ -17,13 +17,13 @@ export declare const FLEX_WRAPPER_KEY = "flex";
17
17
  export declare const STYLE_WRAPPER_KEY = "style";
18
18
  export declare const WORKING_WRAPPER_KEY = "working";
19
19
  export declare function addWrapperToFormlyFieldConfig<T extends object>(fieldConfig: FormlyFieldConfig, wrapperKey: string, wrapperTemplateOptionsConfig: T): FormlyFieldConfig;
20
- export declare function expandWrapper(fieldConfig: FormlyFieldConfig, expandWrapper?: DbxFormExpandWrapperConfig): FormlyFieldConfig;
20
+ export declare function expandWrapper<T extends object = object>(fieldConfig: FormlyFieldConfig, expandWrapper?: DbxFormExpandWrapperConfig<T>): FormlyFieldConfig;
21
21
  export declare function toggleWrapper(fieldConfig: FormlyFieldConfig, expandWrapper?: DbxFormToggleWrapperConfig): FormlyFieldConfig;
22
22
  export declare function sectionWrapper(fieldConfig: FormlyFieldConfig, sectionWrapper?: DbxFormSectionConfig): FormlyFieldConfig;
23
23
  export declare function subsectionWrapper(fieldConfig: FormlyFieldConfig, subsectionWrapper?: DbxFormSubsectionConfig): FormlyFieldConfig;
24
24
  export declare function infoWrapper(fieldConfig: FormlyFieldConfig, infoWrapper: DbxFormInfoConfig): FormlyFieldConfig;
25
25
  export declare function styleWrapper(fieldConfig: FormlyFieldConfig, styleWrapper: DbxFormStyleWrapperConfig): FormlyFieldConfig;
26
- export declare function workingWrapper(fieldConfig: FormlyFieldConfig, workingWrapper: DbxFormWorkingWrapperConfig): FormlyFieldConfig;
26
+ export declare function workingWrapper(fieldConfig: FormlyFieldConfig, workingWrapper?: DbxFormWorkingWrapperConfig): FormlyFieldConfig;
27
27
  export interface DbxFlexLayoutWrapperGroupFieldConfig {
28
28
  field: FormlyFieldConfig;
29
29
  /**
@@ -14,20 +14,20 @@ export interface DbxFormlyInitialize<T> {
14
14
  *
15
15
  * This is usually the component or element that contains the form itself.
16
16
  */
17
- export interface DbxFormlyContextDelegate<T = any> extends Omit<DbxMutableForm<T>, 'lockSet'> {
17
+ export interface DbxFormlyContextDelegate<T = unknown> extends Omit<DbxMutableForm<T>, 'lockSet'> {
18
18
  readonly stream$: Observable<DbxFormEvent>;
19
19
  init(initialize: DbxFormlyInitialize<T>): void;
20
20
  }
21
21
  /**
22
22
  * Allows a directive to provide a formly context and form.
23
23
  */
24
- export declare function ProvideFormlyContext(): Provider[];
24
+ export declare function provideFormlyContext(): Provider[];
25
25
  /**
26
26
  * DbxForm Instance that registers a delegate and manages the state of that form/delegate.
27
27
  */
28
- export declare class DbxFormlyContext<T = any> implements DbxForm<T> {
29
- readonly lockSet: LockSet;
28
+ export declare class DbxFormlyContext<T = unknown> implements DbxForm<T> {
30
29
  private static INITIAL_STATE;
30
+ readonly lockSet: LockSet;
31
31
  private _fields;
32
32
  private _initialValue;
33
33
  private _disabled;
@@ -35,7 +35,6 @@ export declare class DbxFormlyContext<T = any> implements DbxForm<T> {
35
35
  readonly fields$: Observable<FormlyFieldConfig[]>;
36
36
  readonly disabled$: Observable<string[]>;
37
37
  readonly stream$: Observable<DbxFormEvent>;
38
- constructor();
39
38
  destroy(): void;
40
39
  setDelegate(delegate?: DbxFormlyContextDelegate<T>): void;
41
40
  clearDelegate(delegate: DbxFormlyContextDelegate<T>): void;
@@ -6,7 +6,7 @@ import * as i0 from "@angular/core";
6
6
  /**
7
7
  * Provides an DbxFormlyContext and has an input for fields.
8
8
  */
9
- export declare class DbxFormlyFieldsContextDirective<T = any> extends AbstractAsyncFormlyFormDirective<T> implements OnDestroy {
9
+ export declare class DbxFormlyFieldsContextDirective<T = unknown> extends AbstractAsyncFormlyFormDirective<T> implements OnDestroy {
10
10
  private _fields;
11
11
  readonly fields$: import("rxjs").Observable<Maybe<FormlyFieldConfig[]>>;
12
12
  get fields(): Maybe<FormlyFieldConfig[]>;
@@ -45,7 +45,7 @@ export declare abstract class AbstractAsyncFormlyFormDirective<T> extends Abstra
45
45
  static ɵfac: i0.ɵɵFactoryDeclaration<AbstractAsyncFormlyFormDirective<any>, never>;
46
46
  static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractAsyncFormlyFormDirective<any>, never, never, {}, {}, never>;
47
47
  }
48
- export declare abstract class AbstractConfigAsyncFormlyFormDirective<T, C> extends AbstractAsyncFormlyFormDirective<T> {
48
+ export declare abstract class AbstractConfigAsyncFormlyFormDirective<T, C> extends AbstractAsyncFormlyFormDirective<T> implements OnInit, OnDestroy {
49
49
  private readonly _config;
50
50
  readonly config$: Observable<C>;
51
51
  get config(): Maybe<C>;
@@ -15,7 +15,7 @@ export interface DbxFormlyFormState {
15
15
  /**
16
16
  * Used for rending a form from a DbxFormlyContext.
17
17
  */
18
- export declare class DbxFormlyFormComponent<T extends object> extends AbstractSubscriptionDirective implements DbxForm, DbxFormlyContextDelegate<T>, OnInit, OnDestroy {
18
+ export declare class DbxFormlyFormComponent<T> extends AbstractSubscriptionDirective implements DbxForm, DbxFormlyContextDelegate<T>, OnInit, OnDestroy {
19
19
  private readonly context;
20
20
  private _fields;
21
21
  private _events;
@@ -24,7 +24,7 @@ export declare class DbxFormlyFormComponent<T extends object> extends AbstractSu
24
24
  private _forceUpdate;
25
25
  private _disabledSub;
26
26
  form: FormGroup;
27
- model: any;
27
+ model: T;
28
28
  options: FormlyFormOptions;
29
29
  readonly fields$: Observable<FormlyFieldConfig[]>;
30
30
  readonly stream$: Observable<DbxFormEvent>;
@@ -1,12 +1,11 @@
1
1
  import { TextFieldConfig } from '../field/value/text/text.field';
2
2
  import { EmailFieldConfig } from '../field/value/text/text.additional.field';
3
- import { FormlyFieldConfig } from "@ngx-formly/core";
3
+ import { FormlyFieldConfig } from '@ngx-formly/core';
4
4
  import { Maybe } from '@dereekb/util';
5
5
  /**
6
6
  * Convenience interface for the password parameters configuration for a TextPasswordField.
7
7
  */
8
- export interface TextPasswordFieldPasswordParameters extends Partial<Pick<TextFieldConfig, 'maxLength' | 'minLength' | 'pattern'>> {
9
- }
8
+ export declare type TextPasswordFieldPasswordParameters = Partial<Pick<TextFieldConfig, 'maxLength' | 'minLength' | 'pattern'>>;
10
9
  /**
11
10
  * textPasswordField() configuration.
12
11
  */
@@ -2,13 +2,15 @@
2
2
 
3
3
  // MARK: Variables
4
4
 
5
-
6
5
  // MARK: Mixin
7
- @mixin core() {}
6
+ @mixin core() {
7
+ }
8
8
 
9
- @mixin color($theme-config) {}
9
+ @mixin color($theme-config) {
10
+ }
10
11
 
11
- @mixin typography($typography-config) {}
12
+ @mixin typography($typography-config) {
13
+ }
12
14
 
13
15
  @mixin theme($theme-config) {
14
16
  @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-form-layout') {
@@ -1,18 +1,20 @@
1
- @use "sass:map";
1
+ @use 'sass:map';
2
2
  @use './variables';
3
3
 
4
4
  // theme
5
5
  @function define-dbx-form-theme-config($theme-config, $input-dbx-form-theme-config: null) {
6
-
7
6
  @if ($input-dbx-form-theme-config == null) {
8
7
  $input-dbx-form-theme-config: ();
9
8
  }
10
-
9
+
11
10
  $dbx-form-theme-config: ();
12
11
 
13
- @return map.merge($theme-config, (
14
- 'dbx-form': $dbx-form-theme-config
15
- ));
12
+ @return map.merge(
13
+ $theme-config,
14
+ (
15
+ 'dbx-form': $dbx-form-theme-config
16
+ )
17
+ );
16
18
  }
17
19
 
18
20
  @function get-dbx-form-theme-config($theme-config) {
@@ -1,4 +1,4 @@
1
- @use "sass:map";
1
+ @use 'sass:map';
2
2
  @use './all-core';
3
3
  @use './all-typography';
4
4
  @use './config';
@@ -1,3 +1,3 @@
1
- @use "sass:map";
1
+ @use 'sass:map';
2
2
  @use './config';
3
3
  @use './variables';
@@ -1,16 +1,6 @@
1
- @forward '@angular/material'show define-light-theme,
2
- define-dark-theme,
3
- define-palette,
4
- get-contrast-color-from-palette,
5
- get-color-from-palette,
6
- get-color-config,
7
- get-typography-config,
8
- get-density-config,
9
- elevation;
1
+ @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;
10
2
 
11
- @forward 'node_modules/@angular/material/core/theming/theming'
12
- show private-check-duplicate-theme-styles,
13
- $theme-ignore-duplication-warnings;
3
+ @forward 'node_modules/@angular/material/core/theming/theming' show private-check-duplicate-theme-styles, $theme-ignore-duplication-warnings;
14
4
 
15
5
  @forward 'node_modules/@angular/material/core/typography/typography-utils';
16
6
 
@@ -1 +1 @@
1
- @use "sass:map";
1
+ @use 'sass:map';
@@ -1,5 +1,5 @@
1
1
  import { Observable } from 'rxjs';
2
- import { AsyncValidatorFn } from "@angular/forms";
2
+ import { AsyncValidatorFn } from '@angular/forms';
3
3
  export declare const FIELD_VALUE_IS_AVAILABLE_VALIDATION_KEY = "fieldValueIsAvailable";
4
4
  export declare const FIELD_VALUE_IS_AVAILABLE_ERROR_VALIDATION_KEY = "fieldValueIsAvailableError";
5
5
  export declare type FieldValueIsAvailableValidatorFunction<T> = (value: T) => Observable<boolean>;
@@ -1,2 +1,2 @@
1
1
  import { ValidatorFn } from '@angular/forms';
2
- export declare function IsTruthy(): ValidatorFn;
2
+ export declare function isTruthy(): ValidatorFn;
@@ -1,3 +1,3 @@
1
1
  import { ValidatorFn } from '@angular/forms';
2
2
  export declare const DOMAIN_NAME_REGEX: RegExp;
3
- export declare function IsDomain(): ValidatorFn;
3
+ export declare function isDomain(): ValidatorFn;