@daffodil/design 0.85.0 → 0.87.0

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 (122) hide show
  1. package/atoms/form/error-message/error-message.component.d.ts +6 -0
  2. package/atoms/form/form-field/action/action.directive.d.ts +9 -0
  3. package/atoms/form/form-field/form-field/form-field.component.d.ts +115 -13
  4. package/atoms/form/form-field/form-field-control.d.ts +2 -0
  5. package/atoms/form/form-field/form-field.d.ts +3 -1
  6. package/atoms/form/form-field/label/label.directive.d.ts +5 -0
  7. package/atoms/form/form-field/public_api.d.ts +2 -0
  8. package/atoms/form/form-label/form-label.directive.d.ts +3 -0
  9. package/atoms/form/hint/hint.component.d.ts +1 -1
  10. package/button/README.md +60 -44
  11. package/button/button/button-base.directive.d.ts +11 -6
  12. package/button/button.d.ts +22 -1
  13. package/button/public_api.d.ts +1 -1
  14. package/button/src/button/button-base.scss +0 -19
  15. package/button/src/button/raised/raised-theme.scss +3 -3
  16. package/core/compactable/compactable.directive.d.ts +3 -0
  17. package/core/openable/openable.directive.d.ts +1 -1
  18. package/core/selectable/selectable.directive.d.ts +3 -1
  19. package/core/sizable/sizable.directive.d.ts +2 -2
  20. package/core/skeletonable/public_api.d.ts +0 -1
  21. package/core/skeletonable/skeletonable.directive.d.ts +3 -0
  22. package/core/statusable/statusable.directive.d.ts +22 -2
  23. package/core/text-alignable/text-alignable.directive.d.ts +9 -5
  24. package/fesm2022/daffodil-design-article.mjs +2 -2
  25. package/fesm2022/daffodil-design-article.mjs.map +1 -1
  26. package/fesm2022/daffodil-design-breadcrumb.mjs +2 -2
  27. package/fesm2022/daffodil-design-breadcrumb.mjs.map +1 -1
  28. package/fesm2022/daffodil-design-button-examples.mjs +12 -12
  29. package/fesm2022/daffodil-design-button-examples.mjs.map +1 -1
  30. package/fesm2022/daffodil-design-button.mjs +61 -43
  31. package/fesm2022/daffodil-design-button.mjs.map +1 -1
  32. package/fesm2022/daffodil-design-form-field-examples.mjs +95 -0
  33. package/fesm2022/daffodil-design-form-field-examples.mjs.map +1 -0
  34. package/fesm2022/daffodil-design-image.mjs +2 -2
  35. package/fesm2022/daffodil-design-image.mjs.map +1 -1
  36. package/fesm2022/daffodil-design-input-examples.mjs +10 -10
  37. package/fesm2022/daffodil-design-input-examples.mjs.map +1 -1
  38. package/fesm2022/daffodil-design-input.mjs +43 -4
  39. package/fesm2022/daffodil-design-input.mjs.map +1 -1
  40. package/fesm2022/daffodil-design-media-gallery.mjs +2 -2
  41. package/fesm2022/daffodil-design-media-gallery.mjs.map +1 -1
  42. package/fesm2022/daffodil-design-modal-examples.mjs +3 -2
  43. package/fesm2022/daffodil-design-modal-examples.mjs.map +1 -1
  44. package/fesm2022/daffodil-design-modal.mjs +12 -11
  45. package/fesm2022/daffodil-design-modal.mjs.map +1 -1
  46. package/fesm2022/daffodil-design-notification-examples.mjs +3 -3
  47. package/fesm2022/daffodil-design-notification-examples.mjs.map +1 -1
  48. package/fesm2022/daffodil-design-quantity-field-examples.mjs +4 -4
  49. package/fesm2022/daffodil-design-quantity-field-examples.mjs.map +1 -1
  50. package/fesm2022/daffodil-design-select-examples.mjs +117 -0
  51. package/fesm2022/daffodil-design-select-examples.mjs.map +1 -0
  52. package/fesm2022/daffodil-design-select.mjs +431 -0
  53. package/fesm2022/daffodil-design-select.mjs.map +1 -0
  54. package/fesm2022/daffodil-design-textarea-examples.mjs +66 -0
  55. package/fesm2022/daffodil-design-textarea-examples.mjs.map +1 -0
  56. package/fesm2022/daffodil-design-textarea.mjs +124 -0
  57. package/fesm2022/daffodil-design-textarea.mjs.map +1 -0
  58. package/fesm2022/daffodil-design-toast-examples.mjs +0 -59
  59. package/fesm2022/daffodil-design-toast-examples.mjs.map +1 -1
  60. package/fesm2022/daffodil-design-toast.mjs +52 -40
  61. package/fesm2022/daffodil-design-toast.mjs.map +1 -1
  62. package/fesm2022/daffodil-design.mjs +357 -103
  63. package/fesm2022/daffodil-design.mjs.map +1 -1
  64. package/form-field/examples/examples.d.ts +3 -0
  65. package/form-field/examples/form-field-appearances/form-field-appearances.component.d.ts +7 -0
  66. package/form-field/examples/form-field-with-action/form-field-with-action.component.d.ts +9 -0
  67. package/form-field/examples/form-field-with-prefix/form-field-with-prefix.component.d.ts +6 -0
  68. package/form-field/examples/form-field-with-suffix/form-field-with-suffix.component.d.ts +6 -0
  69. package/form-field/examples/index.d.ts +1 -0
  70. package/form-field/examples/public_api.d.ts +1 -0
  71. package/input/input.component.d.ts +15 -3
  72. package/modal/modal/modal.component.d.ts +5 -3
  73. package/notification/src/notification-theme.scss +34 -18
  74. package/package.json +1 -1
  75. package/scss/state/skeleton/_mixins.scss +4 -1
  76. package/scss/theme.scss +8 -0
  77. package/scss/theming/contrast/luminance/luminance.scss +3 -3
  78. package/scss/theming/illuminate/illuminate.scss +2 -0
  79. package/select/README.md +8 -0
  80. package/select/animation/select-animation-state.d.ts +7 -0
  81. package/select/animation/select-animation.d.ts +4 -0
  82. package/select/animation/state.enum.d.ts +4 -0
  83. package/select/examples/default-select/default-select.component.d.ts +8 -0
  84. package/select/examples/disabled-select/disabled-select.component.d.ts +8 -0
  85. package/select/examples/index.d.ts +1 -0
  86. package/select/examples/models/address.type.d.ts +7 -0
  87. package/select/examples/models/addresses.d.ts +2 -0
  88. package/select/examples/public_api.d.ts +3 -0
  89. package/select/examples/select-with-error/select-with-error.component.d.ts +8 -0
  90. package/select/examples/skeleton-select/skeleton-select.component.d.ts +8 -0
  91. package/select/index.d.ts +1 -0
  92. package/select/option/context.type.d.ts +17 -0
  93. package/select/option/option.directive.d.ts +11 -0
  94. package/select/public_api.d.ts +4 -0
  95. package/select/select/select.component.d.ts +170 -0
  96. package/select/select.d.ts +4 -0
  97. package/select/src/select-theme.scss +75 -0
  98. package/src/atoms/form/form-field/form-field/form-field-theme.scss +36 -4
  99. package/textarea/README.md +28 -0
  100. package/textarea/examples/basic-textarea/basic-textarea.component.d.ts +5 -0
  101. package/textarea/examples/examples.d.ts +2 -0
  102. package/textarea/examples/index.d.ts +1 -0
  103. package/textarea/examples/public_api.d.ts +1 -0
  104. package/textarea/examples/textarea-disabled/textarea-disabled.component.d.ts +7 -0
  105. package/textarea/examples/textarea-error/textarea-error.component.d.ts +7 -0
  106. package/textarea/index.d.ts +1 -0
  107. package/textarea/public_api.d.ts +1 -0
  108. package/textarea/textarea.component.d.ts +59 -0
  109. package/toast/README.md +21 -1
  110. package/toast/examples/public_api.d.ts +1 -2
  111. package/toast/helpers/toast-position.d.ts +8 -0
  112. package/toast/interfaces/toast-options.d.ts +19 -0
  113. package/toast/interfaces/toast.d.ts +1 -1
  114. package/toast/public_api.d.ts +2 -2
  115. package/toast/service/position-strategy.d.ts +1 -1
  116. package/toast/service/position.service.d.ts +1 -1
  117. package/toast/service/toast.service.d.ts +1 -1
  118. package/toast/toast/toast-provider.d.ts +16 -4
  119. package/toast/toast/toast-template.component.d.ts +1 -1
  120. package/core/skeletonable/skeletonable.d.ts +0 -6
  121. package/toast/examples/toast-positions/toast-positions.component.d.ts +0 -20
  122. package/toast/options/daff-toast-options.d.ts +0 -14
@@ -11,7 +11,7 @@ class BasicQuantityFieldComponent {
11
11
  this.control = new UntypedFormControl(1);
12
12
  }
13
13
  /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: BasicQuantityFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
14
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: BasicQuantityFieldComponent, isStandalone: true, selector: "basic-quantity-field", ngImport: i0, template: "<daff-form-field>\n <daff-quantity-field [formControl]=\"control\"></daff-quantity-field>\n</daff-form-field>\n\n<p>\n Control Value: {{control.value}}\n</p>\n", styles: [""], dependencies: [{ kind: "component", type: i1.DaffFormFieldComponent, selector: "daff-form-field" }, { kind: "component", type: DaffQuantityFieldComponent, selector: "daff-quantity-field", inputs: ["min", "max", "selectMax", "id"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
14
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: BasicQuantityFieldComponent, isStandalone: true, selector: "basic-quantity-field", ngImport: i0, template: "<daff-form-field>\n <daff-quantity-field [formControl]=\"control\"></daff-quantity-field>\n</daff-form-field>\n\n<p>\n Control Value: {{control.value}}\n</p>\n", styles: [""], dependencies: [{ kind: "component", type: i1.DaffFormFieldComponent, selector: "daff-form-field", inputs: ["appearance", "id"] }, { kind: "component", type: DaffQuantityFieldComponent, selector: "daff-quantity-field", inputs: ["min", "max", "selectMax", "id"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
15
15
  }
16
16
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: BasicQuantityFieldComponent, decorators: [{
17
17
  type: Component,
@@ -27,7 +27,7 @@ class CustomRangeQuantityFieldComponent {
27
27
  this.control = new UntypedFormControl(5);
28
28
  }
29
29
  /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: CustomRangeQuantityFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
30
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: CustomRangeQuantityFieldComponent, isStandalone: true, selector: "custom-range-quantity-field", ngImport: i0, template: "<daff-form-field>\n <daff-quantity-field\n [formControl]=\"control\"\n [min]=\"5\"\n [max]=\"50\"\n ></daff-quantity-field>\n</daff-form-field>\n\n<p>\n Control Value: {{control.value}}\n</p>\n", styles: [""], dependencies: [{ kind: "component", type: i1.DaffFormFieldComponent, selector: "daff-form-field" }, { kind: "component", type: DaffQuantityFieldComponent, selector: "daff-quantity-field", inputs: ["min", "max", "selectMax", "id"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
30
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: CustomRangeQuantityFieldComponent, isStandalone: true, selector: "custom-range-quantity-field", ngImport: i0, template: "<daff-form-field>\n <daff-quantity-field\n [formControl]=\"control\"\n [min]=\"5\"\n [max]=\"50\"\n ></daff-quantity-field>\n</daff-form-field>\n\n<p>\n Control Value: {{control.value}}\n</p>\n", styles: [""], dependencies: [{ kind: "component", type: i1.DaffFormFieldComponent, selector: "daff-form-field", inputs: ["appearance", "id"] }, { kind: "component", type: DaffQuantityFieldComponent, selector: "daff-quantity-field", inputs: ["min", "max", "selectMax", "id"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
31
31
  }
32
32
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: CustomRangeQuantityFieldComponent, decorators: [{
33
33
  type: Component,
@@ -43,7 +43,7 @@ class DisabledQuantityFieldComponent {
43
43
  this.control = new UntypedFormControl({ value: '1', disabled: true });
44
44
  }
45
45
  /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DisabledQuantityFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
46
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: DisabledQuantityFieldComponent, isStandalone: true, selector: "disabled-quantity-field", ngImport: i0, template: "<daff-form-field>\n <daff-quantity-field [formControl]=\"control\"></daff-quantity-field>\n</daff-form-field>\n\n<p>\n Control Value: {{control.value}}\n</p>\n", styles: [""], dependencies: [{ kind: "component", type: i1.DaffFormFieldComponent, selector: "daff-form-field" }, { kind: "component", type: DaffQuantityFieldComponent, selector: "daff-quantity-field", inputs: ["min", "max", "selectMax", "id"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
46
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: DisabledQuantityFieldComponent, isStandalone: true, selector: "disabled-quantity-field", ngImport: i0, template: "<daff-form-field>\n <daff-quantity-field [formControl]=\"control\"></daff-quantity-field>\n</daff-form-field>\n\n<p>\n Control Value: {{control.value}}\n</p>\n", styles: [""], dependencies: [{ kind: "component", type: i1.DaffFormFieldComponent, selector: "daff-form-field", inputs: ["appearance", "id"] }, { kind: "component", type: DaffQuantityFieldComponent, selector: "daff-quantity-field", inputs: ["min", "max", "selectMax", "id"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
47
47
  }
48
48
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DisabledQuantityFieldComponent, decorators: [{
49
49
  type: Component,
@@ -59,7 +59,7 @@ class SelectMaxQuantityFieldComponent {
59
59
  this.control = new UntypedFormControl(1);
60
60
  }
61
61
  /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: SelectMaxQuantityFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
62
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: SelectMaxQuantityFieldComponent, isStandalone: true, selector: "select-max-quantity-field", ngImport: i0, template: "<daff-form-field>\n <daff-quantity-field\n [formControl]=\"control\"\n [selectMax]=\"15\"\n ></daff-quantity-field>\n</daff-form-field>\n\n<p>\n Control Value: {{control.value}}\n</p>\n", styles: [""], dependencies: [{ kind: "component", type: i1.DaffFormFieldComponent, selector: "daff-form-field" }, { kind: "component", type: DaffQuantityFieldComponent, selector: "daff-quantity-field", inputs: ["min", "max", "selectMax", "id"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
62
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: SelectMaxQuantityFieldComponent, isStandalone: true, selector: "select-max-quantity-field", ngImport: i0, template: "<daff-form-field>\n <daff-quantity-field\n [formControl]=\"control\"\n [selectMax]=\"15\"\n ></daff-quantity-field>\n</daff-form-field>\n\n<p>\n Control Value: {{control.value}}\n</p>\n", styles: [""], dependencies: [{ kind: "component", type: i1.DaffFormFieldComponent, selector: "daff-form-field", inputs: ["appearance", "id"] }, { kind: "component", type: DaffQuantityFieldComponent, selector: "daff-quantity-field", inputs: ["min", "max", "selectMax", "id"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
63
63
  }
64
64
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: SelectMaxQuantityFieldComponent, decorators: [{
65
65
  type: Component,
@@ -1 +1 @@
1
- {"version":3,"file":"daffodil-design-quantity-field-examples.mjs","sources":["../../../libs/design/quantity-field/examples/src/basic-quantity-field/basic-quantity-field.component.ts","../../../libs/design/quantity-field/examples/src/basic-quantity-field/basic-quantity-field.component.html","../../../libs/design/quantity-field/examples/src/custom-range-quantity-field/custom-range-quantity-field.component.ts","../../../libs/design/quantity-field/examples/src/custom-range-quantity-field/custom-range-quantity-field.component.html","../../../libs/design/quantity-field/examples/src/disabled-quantity-field/disabled-quantity-field.component.ts","../../../libs/design/quantity-field/examples/src/disabled-quantity-field/disabled-quantity-field.component.html","../../../libs/design/quantity-field/examples/src/select-max-quantity-field/select-max-quantity-field.component.ts","../../../libs/design/quantity-field/examples/src/select-max-quantity-field/select-max-quantity-field.component.html","../../../libs/design/quantity-field/examples/src/public_api.ts","../../../libs/design/quantity-field/examples/src/daffodil-design-quantity-field-examples.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport {\n UntypedFormControl,\n ReactiveFormsModule,\n} from '@angular/forms';\n\nimport { DAFF_FORM_FIELD_COMPONENTS } from '@daffodil/design';\nimport { DaffQuantityFieldComponent } from '@daffodil/design/quantity-field';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'basic-quantity-field',\n templateUrl: './basic-quantity-field.component.html',\n styleUrls: ['./basic-quantity-field.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n DAFF_FORM_FIELD_COMPONENTS,\n DaffQuantityFieldComponent,\n ReactiveFormsModule,\n ],\n})\nexport class BasicQuantityFieldComponent {\n control = new UntypedFormControl(1);\n}\n","<daff-form-field>\n <daff-quantity-field [formControl]=\"control\"></daff-quantity-field>\n</daff-form-field>\n\n<p>\n Control Value: {{control.value}}\n</p>\n","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport {\n UntypedFormControl,\n ReactiveFormsModule,\n} from '@angular/forms';\n\nimport { DAFF_FORM_FIELD_COMPONENTS } from '@daffodil/design';\nimport { DaffQuantityFieldComponent } from '@daffodil/design/quantity-field';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'custom-range-quantity-field',\n templateUrl: './custom-range-quantity-field.component.html',\n styleUrls: ['./custom-range-quantity-field.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n DAFF_FORM_FIELD_COMPONENTS,\n DaffQuantityFieldComponent,\n ReactiveFormsModule,\n ],\n})\nexport class CustomRangeQuantityFieldComponent {\n control = new UntypedFormControl(5);\n}\n","<daff-form-field>\n <daff-quantity-field\n [formControl]=\"control\"\n [min]=\"5\"\n [max]=\"50\"\n ></daff-quantity-field>\n</daff-form-field>\n\n<p>\n Control Value: {{control.value}}\n</p>\n","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport {\n UntypedFormControl,\n ReactiveFormsModule,\n} from '@angular/forms';\n\nimport { DAFF_FORM_FIELD_COMPONENTS } from '@daffodil/design';\nimport { DaffQuantityFieldComponent } from '@daffodil/design/quantity-field';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'disabled-quantity-field',\n templateUrl: './disabled-quantity-field.component.html',\n styleUrls: ['./disabled-quantity-field.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n DAFF_FORM_FIELD_COMPONENTS,\n DaffQuantityFieldComponent,\n ReactiveFormsModule,\n ],\n})\nexport class DisabledQuantityFieldComponent {\n control = new UntypedFormControl({ value : '1', disabled: true });\n}\n","<daff-form-field>\n <daff-quantity-field [formControl]=\"control\"></daff-quantity-field>\n</daff-form-field>\n\n<p>\n Control Value: {{control.value}}\n</p>\n","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport {\n UntypedFormControl,\n ReactiveFormsModule,\n} from '@angular/forms';\n\nimport { DAFF_FORM_FIELD_COMPONENTS } from '@daffodil/design';\nimport { DaffQuantityFieldComponent } from '@daffodil/design/quantity-field';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'select-max-quantity-field',\n templateUrl: './select-max-quantity-field.component.html',\n styleUrls: ['./select-max-quantity-field.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n DAFF_FORM_FIELD_COMPONENTS,\n DaffQuantityFieldComponent,\n ReactiveFormsModule,\n ],\n})\nexport class SelectMaxQuantityFieldComponent {\n control = new UntypedFormControl(1);\n}\n","<daff-form-field>\n <daff-quantity-field\n [formControl]=\"control\"\n [selectMax]=\"15\"\n ></daff-quantity-field>\n</daff-form-field>\n\n<p>\n Control Value: {{control.value}}\n</p>\n","import { BasicQuantityFieldComponent } from './basic-quantity-field/basic-quantity-field.component';\nimport { CustomRangeQuantityFieldComponent } from './custom-range-quantity-field/custom-range-quantity-field.component';\nimport { DisabledQuantityFieldComponent } from './disabled-quantity-field/disabled-quantity-field.component';\nimport { SelectMaxQuantityFieldComponent } from './select-max-quantity-field/select-max-quantity-field.component';\n\n\nexport const QUANTITY_FIELD_EXAMPLES = [\n BasicQuantityFieldComponent,\n CustomRangeQuantityFieldComponent,\n DisabledQuantityFieldComponent,\n SelectMaxQuantityFieldComponent,\n];\n\nexport {\n BasicQuantityFieldComponent,\n CustomRangeQuantityFieldComponent,\n DisabledQuantityFieldComponent,\n SelectMaxQuantityFieldComponent,\n};\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"daffodil-design-quantity-field-examples.mjs","sources":["../../../libs/design/quantity-field/examples/src/basic-quantity-field/basic-quantity-field.component.ts","../../../libs/design/quantity-field/examples/src/basic-quantity-field/basic-quantity-field.component.html","../../../libs/design/quantity-field/examples/src/custom-range-quantity-field/custom-range-quantity-field.component.ts","../../../libs/design/quantity-field/examples/src/custom-range-quantity-field/custom-range-quantity-field.component.html","../../../libs/design/quantity-field/examples/src/disabled-quantity-field/disabled-quantity-field.component.ts","../../../libs/design/quantity-field/examples/src/disabled-quantity-field/disabled-quantity-field.component.html","../../../libs/design/quantity-field/examples/src/select-max-quantity-field/select-max-quantity-field.component.ts","../../../libs/design/quantity-field/examples/src/select-max-quantity-field/select-max-quantity-field.component.html","../../../libs/design/quantity-field/examples/src/public_api.ts","../../../libs/design/quantity-field/examples/src/daffodil-design-quantity-field-examples.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport {\n UntypedFormControl,\n ReactiveFormsModule,\n} from '@angular/forms';\n\nimport { DAFF_FORM_FIELD_COMPONENTS } from '@daffodil/design';\nimport { DaffQuantityFieldComponent } from '@daffodil/design/quantity-field';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'basic-quantity-field',\n templateUrl: './basic-quantity-field.component.html',\n styleUrls: ['./basic-quantity-field.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n DAFF_FORM_FIELD_COMPONENTS,\n DaffQuantityFieldComponent,\n ReactiveFormsModule,\n ],\n})\nexport class BasicQuantityFieldComponent {\n control = new UntypedFormControl(1);\n}\n","<daff-form-field>\n <daff-quantity-field [formControl]=\"control\"></daff-quantity-field>\n</daff-form-field>\n\n<p>\n Control Value: {{control.value}}\n</p>\n","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport {\n UntypedFormControl,\n ReactiveFormsModule,\n} from '@angular/forms';\n\nimport { DAFF_FORM_FIELD_COMPONENTS } from '@daffodil/design';\nimport { DaffQuantityFieldComponent } from '@daffodil/design/quantity-field';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'custom-range-quantity-field',\n templateUrl: './custom-range-quantity-field.component.html',\n styleUrls: ['./custom-range-quantity-field.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n DAFF_FORM_FIELD_COMPONENTS,\n DaffQuantityFieldComponent,\n ReactiveFormsModule,\n ],\n})\nexport class CustomRangeQuantityFieldComponent {\n control = new UntypedFormControl(5);\n}\n","<daff-form-field>\n <daff-quantity-field\n [formControl]=\"control\"\n [min]=\"5\"\n [max]=\"50\"\n ></daff-quantity-field>\n</daff-form-field>\n\n<p>\n Control Value: {{control.value}}\n</p>\n","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport {\n UntypedFormControl,\n ReactiveFormsModule,\n} from '@angular/forms';\n\nimport { DAFF_FORM_FIELD_COMPONENTS } from '@daffodil/design';\nimport { DaffQuantityFieldComponent } from '@daffodil/design/quantity-field';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'disabled-quantity-field',\n templateUrl: './disabled-quantity-field.component.html',\n styleUrls: ['./disabled-quantity-field.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n DAFF_FORM_FIELD_COMPONENTS,\n DaffQuantityFieldComponent,\n ReactiveFormsModule,\n ],\n})\nexport class DisabledQuantityFieldComponent {\n control = new UntypedFormControl({ value : '1', disabled: true });\n}\n","<daff-form-field>\n <daff-quantity-field [formControl]=\"control\"></daff-quantity-field>\n</daff-form-field>\n\n<p>\n Control Value: {{control.value}}\n</p>\n","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport {\n UntypedFormControl,\n ReactiveFormsModule,\n} from '@angular/forms';\n\nimport { DAFF_FORM_FIELD_COMPONENTS } from '@daffodil/design';\nimport { DaffQuantityFieldComponent } from '@daffodil/design/quantity-field';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'select-max-quantity-field',\n templateUrl: './select-max-quantity-field.component.html',\n styleUrls: ['./select-max-quantity-field.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n DAFF_FORM_FIELD_COMPONENTS,\n DaffQuantityFieldComponent,\n ReactiveFormsModule,\n ],\n})\nexport class SelectMaxQuantityFieldComponent {\n control = new UntypedFormControl(1);\n}\n","<daff-form-field>\n <daff-quantity-field\n [formControl]=\"control\"\n [selectMax]=\"15\"\n ></daff-quantity-field>\n</daff-form-field>\n\n<p>\n Control Value: {{control.value}}\n</p>\n","import { BasicQuantityFieldComponent } from './basic-quantity-field/basic-quantity-field.component';\nimport { CustomRangeQuantityFieldComponent } from './custom-range-quantity-field/custom-range-quantity-field.component';\nimport { DisabledQuantityFieldComponent } from './disabled-quantity-field/disabled-quantity-field.component';\nimport { SelectMaxQuantityFieldComponent } from './select-max-quantity-field/select-max-quantity-field.component';\n\n\nexport const QUANTITY_FIELD_EXAMPLES = [\n BasicQuantityFieldComponent,\n CustomRangeQuantityFieldComponent,\n DisabledQuantityFieldComponent,\n SelectMaxQuantityFieldComponent,\n];\n\nexport {\n BasicQuantityFieldComponent,\n CustomRangeQuantityFieldComponent,\n DisabledQuantityFieldComponent,\n SelectMaxQuantityFieldComponent,\n};\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;MAwBa,2BAA2B,CAAA;AAZxC,IAAA,WAAA,GAAA;AAaE,QAAA,IAAA,CAAA,OAAO,GAAG,IAAI,kBAAkB,CAAC,CAAC,CAAC;AACpC;kIAFY,2BAA2B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA3B,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,2BAA2B,ECxBxC,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,mKAOA,EDaI,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,IAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,0BAA0B,0GAC1B,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,UAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FAGV,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBAZvC,SAAS;AAEE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,sBAAsB,EAGf,eAAA,EAAA,uBAAuB,CAAC,MAAM,EACtC,OAAA,EAAA;wBACP,0BAA0B;wBAC1B,0BAA0B;wBAC1B,mBAAmB;AACpB,qBAAA,EAAA,QAAA,EAAA,mKAAA,EAAA;;;MEEU,iCAAiC,CAAA;AAZ9C,IAAA,WAAA,GAAA;AAaE,QAAA,IAAA,CAAA,OAAO,GAAG,IAAI,kBAAkB,CAAC,CAAC,CAAC;AACpC;kIAFY,iCAAiC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAjC,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,iCAAiC,ECxB9C,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,6BAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,+MAWA,EDSI,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,IAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,0BAA0B,0GAC1B,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,UAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FAGV,iCAAiC,EAAA,UAAA,EAAA,CAAA;kBAZ7C,SAAS;AAEE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,6BAA6B,EAGtB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EACtC,OAAA,EAAA;wBACP,0BAA0B;wBAC1B,0BAA0B;wBAC1B,mBAAmB;AACpB,qBAAA,EAAA,QAAA,EAAA,+MAAA,EAAA;;;MEEU,8BAA8B,CAAA;AAZ3C,IAAA,WAAA,GAAA;AAaE,QAAA,IAAA,CAAA,OAAO,GAAG,IAAI,kBAAkB,CAAC,EAAE,KAAK,EAAG,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AAClE;kIAFY,8BAA8B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA9B,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,8BAA8B,ECxB3C,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,mKAOA,EDaI,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,IAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,0BAA0B,0GAC1B,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,UAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FAGV,8BAA8B,EAAA,UAAA,EAAA,CAAA;kBAZ1C,SAAS;AAEE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,yBAAyB,EAGlB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EACtC,OAAA,EAAA;wBACP,0BAA0B;wBAC1B,0BAA0B;wBAC1B,mBAAmB;AACpB,qBAAA,EAAA,QAAA,EAAA,mKAAA,EAAA;;;MEEU,+BAA+B,CAAA;AAZ5C,IAAA,WAAA,GAAA;AAaE,QAAA,IAAA,CAAA,OAAO,GAAG,IAAI,kBAAkB,CAAC,CAAC,CAAC;AACpC;kIAFY,+BAA+B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA/B,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,+BAA+B,ECxB5C,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,2BAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,oMAUA,EDUI,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,IAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,0BAA0B,0GAC1B,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,UAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FAGV,+BAA+B,EAAA,UAAA,EAAA,CAAA;kBAZ3C,SAAS;AAEE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,2BAA2B,EAGpB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EACtC,OAAA,EAAA;wBACP,0BAA0B;wBAC1B,0BAA0B;wBAC1B,mBAAmB;AACpB,qBAAA,EAAA,QAAA,EAAA,oMAAA,EAAA;;;AEhBU,MAAA,uBAAuB,GAAG;IACrC,2BAA2B;IAC3B,iCAAiC;IACjC,8BAA8B;IAC9B,+BAA+B;;;ACVjC;;AAEG;;;;"}
@@ -0,0 +1,117 @@
1
+ import { NgIf } from '@angular/common';
2
+ import * as i0 from '@angular/core';
3
+ import { ChangeDetectionStrategy, Component } from '@angular/core';
4
+ import * as i1 from '@angular/forms';
5
+ import { FormControl, ReactiveFormsModule, UntypedFormControl, Validators } from '@angular/forms';
6
+ import * as i3 from '@daffodil/design';
7
+ import { DAFF_FORM_FIELD_COMPONENTS } from '@daffodil/design';
8
+ import * as i2 from '@daffodil/design/select';
9
+ import { DAFF_SELECT_COMPONENTS } from '@daffodil/design/select';
10
+
11
+ const SELECT_EXAMPLE_ADDRESSES = [
12
+ {
13
+ name: 'John Doe',
14
+ street: '123 New St',
15
+ city: 'New York',
16
+ state: 'NY',
17
+ postcode: '10001',
18
+ },
19
+ {
20
+ name: 'Srinivasa Ramanujan',
21
+ street: '1729 Hardy Blvd',
22
+ city: 'New York',
23
+ state: 'NY',
24
+ postcode: '10001',
25
+ },
26
+ {
27
+ name: 'Bob the Builder',
28
+ street: '525 Coal Ave',
29
+ city: 'Morgantown',
30
+ state: 'WV',
31
+ postcode: '26501',
32
+ },
33
+ ];
34
+
35
+ class DefaultSelectComponent {
36
+ constructor() {
37
+ this.control = new FormControl();
38
+ this.options = SELECT_EXAMPLE_ADDRESSES;
39
+ }
40
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DefaultSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
41
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: DefaultSelectComponent, isStandalone: true, selector: "default-select", ngImport: i0, template: "<daff-form-field>\n <daff-form-label>Select an address</daff-form-label>\n <daff-select [options]=\"options\" [formControl]=\"control\">\n <ng-template daffSelectOption let-option=\"option\">\n <div>{{option.name}}</div>\n <div>{{option.street}}</div>\n <div>{{option.city}}, {{option.state}} {{option.postcode}}</div>\n </ng-template>\n </daff-select>\n</daff-form-field>\n\n<div class=\"default-select__selected-value\" *ngIf=\"control.value\">\n Selected Address:\n <div>{{control.value.name}}</div>\n <div>{{control.value.street}}</div>\n <div>{{control.value.city}}, {{control.value.state}} {{control.value.postcode}}</div>\n</div>", styles: [".default-select__selected-value{margin:16px 0 0}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.DaffSelectComponent, selector: "daff-select", inputs: ["disabled", "options", "optionsId"] }, { kind: "directive", type: i2.DaffSelectOptionDirective, selector: "[daffSelectOption]" }, { kind: "component", type: i3.DaffFormFieldComponent, selector: "daff-form-field", inputs: ["appearance", "id"] }, { kind: "directive", type: i3.DaffFormFieldLabelDirective, selector: "daff-form-label" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
42
+ }
43
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DefaultSelectComponent, decorators: [{
44
+ type: Component,
45
+ args: [{ selector: 'default-select', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
46
+ ReactiveFormsModule,
47
+ NgIf,
48
+ DAFF_SELECT_COMPONENTS,
49
+ DAFF_FORM_FIELD_COMPONENTS,
50
+ ], template: "<daff-form-field>\n <daff-form-label>Select an address</daff-form-label>\n <daff-select [options]=\"options\" [formControl]=\"control\">\n <ng-template daffSelectOption let-option=\"option\">\n <div>{{option.name}}</div>\n <div>{{option.street}}</div>\n <div>{{option.city}}, {{option.state}} {{option.postcode}}</div>\n </ng-template>\n </daff-select>\n</daff-form-field>\n\n<div class=\"default-select__selected-value\" *ngIf=\"control.value\">\n Selected Address:\n <div>{{control.value.name}}</div>\n <div>{{control.value.street}}</div>\n <div>{{control.value.city}}, {{control.value.state}} {{control.value.postcode}}</div>\n</div>", styles: [".default-select__selected-value{margin:16px 0 0}\n"] }]
51
+ }] });
52
+
53
+ class DisabledSelectComponent {
54
+ constructor() {
55
+ this.disabled = new UntypedFormControl({ value: '', disabled: true });
56
+ this.options = SELECT_EXAMPLE_ADDRESSES;
57
+ }
58
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DisabledSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
59
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: DisabledSelectComponent, isStandalone: true, selector: "disabled-select", ngImport: i0, template: "<daff-form-field>\n <label daffFormLabel>Select an address</label>\n <daff-select [options]=\"options\" [formControl]=\"disabled\">\n <ng-template daffSelectOption let-option=\"option\"></ng-template>\n </daff-select>\n</daff-form-field>", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2.DaffSelectComponent, selector: "daff-select", inputs: ["disabled", "options", "optionsId"] }, { kind: "directive", type: i2.DaffSelectOptionDirective, selector: "[daffSelectOption]" }, { kind: "directive", type: i3.DaffFormLabelDirective, selector: "[daffFormLabel]" }, { kind: "component", type: i3.DaffFormFieldComponent, selector: "daff-form-field", inputs: ["appearance", "id"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
60
+ }
61
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DisabledSelectComponent, decorators: [{
62
+ type: Component,
63
+ args: [{ selector: 'disabled-select', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
64
+ ReactiveFormsModule,
65
+ DAFF_SELECT_COMPONENTS,
66
+ DAFF_FORM_FIELD_COMPONENTS,
67
+ ], template: "<daff-form-field>\n <label daffFormLabel>Select an address</label>\n <daff-select [options]=\"options\" [formControl]=\"disabled\">\n <ng-template daffSelectOption let-option=\"option\"></ng-template>\n </daff-select>\n</daff-form-field>" }]
68
+ }] });
69
+
70
+ class SelectWithErrorComponent {
71
+ constructor() {
72
+ this.control = new FormControl('', [Validators.required]);
73
+ this.options = SELECT_EXAMPLE_ADDRESSES;
74
+ }
75
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: SelectWithErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
76
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: SelectWithErrorComponent, isStandalone: true, selector: "select-with-error", ngImport: i0, template: "<daff-form-field>\n <label daffFormLabel>Select an address</label>\n <daff-select [options]=\"options\" [formControl]=\"control\">\n <ng-template daffSelectOption let-option=\"option\">\n <div>{{option.name}}</div>\n <div>{{option.street}}</div>\n <div>{{option.city}}, {{option.state}} {{option.postcode}}</div>\n </ng-template>\n </daff-select>\n <daff-error-message *ngIf=\"control.invalid\">This field is required</daff-error-message>\n</daff-form-field>", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2.DaffSelectComponent, selector: "daff-select", inputs: ["disabled", "options", "optionsId"] }, { kind: "directive", type: i2.DaffSelectOptionDirective, selector: "[daffSelectOption]" }, { kind: "component", type: i3.DaffErrorMessageComponent, selector: "daff-error-message" }, { kind: "directive", type: i3.DaffFormLabelDirective, selector: "[daffFormLabel]" }, { kind: "component", type: i3.DaffFormFieldComponent, selector: "daff-form-field", inputs: ["appearance", "id"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
77
+ }
78
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: SelectWithErrorComponent, decorators: [{
79
+ type: Component,
80
+ args: [{ selector: 'select-with-error', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
81
+ NgIf,
82
+ ReactiveFormsModule,
83
+ DAFF_SELECT_COMPONENTS,
84
+ DAFF_FORM_FIELD_COMPONENTS,
85
+ ], template: "<daff-form-field>\n <label daffFormLabel>Select an address</label>\n <daff-select [options]=\"options\" [formControl]=\"control\">\n <ng-template daffSelectOption let-option=\"option\">\n <div>{{option.name}}</div>\n <div>{{option.street}}</div>\n <div>{{option.city}}, {{option.state}} {{option.postcode}}</div>\n </ng-template>\n </daff-select>\n <daff-error-message *ngIf=\"control.invalid\">This field is required</daff-error-message>\n</daff-form-field>" }]
86
+ }] });
87
+
88
+ class SkeletonSelectComponent {
89
+ constructor() {
90
+ this.control = new FormControl();
91
+ this.options = SELECT_EXAMPLE_ADDRESSES;
92
+ }
93
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: SkeletonSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
94
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: SkeletonSelectComponent, isStandalone: true, selector: "skeleton-select", ngImport: i0, template: "<daff-form-field [skeleton]=\"true\">\n <label daffFormLabel>Select an address</label>\n <daff-select [options]=\"options\" [formControl]=\"control\">\n <ng-template daffSelectOption let-option=\"option\">\n </ng-template>\n </daff-select>\n</daff-form-field>", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2.DaffSelectComponent, selector: "daff-select", inputs: ["disabled", "options", "optionsId"] }, { kind: "directive", type: i2.DaffSelectOptionDirective, selector: "[daffSelectOption]" }, { kind: "directive", type: i3.DaffFormLabelDirective, selector: "[daffFormLabel]" }, { kind: "component", type: i3.DaffFormFieldComponent, selector: "daff-form-field", inputs: ["appearance", "id"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
95
+ }
96
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: SkeletonSelectComponent, decorators: [{
97
+ type: Component,
98
+ args: [{ selector: 'skeleton-select', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
99
+ ReactiveFormsModule,
100
+ DAFF_SELECT_COMPONENTS,
101
+ DAFF_FORM_FIELD_COMPONENTS,
102
+ ], template: "<daff-form-field [skeleton]=\"true\">\n <label daffFormLabel>Select an address</label>\n <daff-select [options]=\"options\" [formControl]=\"control\">\n <ng-template daffSelectOption let-option=\"option\">\n </ng-template>\n </daff-select>\n</daff-form-field>" }]
103
+ }] });
104
+
105
+ const SELECT_EXAMPLES = [
106
+ DefaultSelectComponent,
107
+ DisabledSelectComponent,
108
+ SkeletonSelectComponent,
109
+ SelectWithErrorComponent,
110
+ ];
111
+
112
+ /**
113
+ * Generated bundle index. Do not edit.
114
+ */
115
+
116
+ export { SELECT_EXAMPLES };
117
+ //# sourceMappingURL=daffodil-design-select-examples.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"daffodil-design-select-examples.mjs","sources":["../../../libs/design/select/examples/src/models/addresses.ts","../../../libs/design/select/examples/src/default-select/default-select.component.ts","../../../libs/design/select/examples/src/default-select/default-select.component.html","../../../libs/design/select/examples/src/disabled-select/disabled-select.component.ts","../../../libs/design/select/examples/src/disabled-select/disabled-select.component.html","../../../libs/design/select/examples/src/select-with-error/select-with-error.component.ts","../../../libs/design/select/examples/src/select-with-error/select-with-error.component.html","../../../libs/design/select/examples/src/skeleton-select/skeleton-select.component.ts","../../../libs/design/select/examples/src/skeleton-select/skeleton-select.component.html","../../../libs/design/select/examples/src/public_api.ts","../../../libs/design/select/examples/src/daffodil-design-select-examples.ts"],"sourcesContent":["import { SelectExampleAddress } from './address.type';\n\nexport const SELECT_EXAMPLE_ADDRESSES: SelectExampleAddress[] = [\n {\n name: 'John Doe',\n street: '123 New St',\n city: 'New York',\n state: 'NY',\n postcode: '10001',\n },\n {\n name: 'Srinivasa Ramanujan',\n street: '1729 Hardy Blvd',\n city: 'New York',\n state: 'NY',\n postcode: '10001',\n },\n {\n name: 'Bob the Builder',\n street: '525 Coal Ave',\n city: 'Morgantown',\n state: 'WV',\n postcode: '26501',\n },\n];\n","import { NgIf } from '@angular/common';\nimport {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport {\n FormControl,\n ReactiveFormsModule,\n} from '@angular/forms';\n\nimport { DAFF_FORM_FIELD_COMPONENTS } from '@daffodil/design';\nimport { DAFF_SELECT_COMPONENTS } from '@daffodil/design/select';\n\nimport { SELECT_EXAMPLE_ADDRESSES } from '../models/addresses';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'default-select',\n templateUrl: './default-select.component.html',\n styleUrls: ['./default-select.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n imports: [\n ReactiveFormsModule,\n NgIf,\n DAFF_SELECT_COMPONENTS,\n DAFF_FORM_FIELD_COMPONENTS,\n ],\n})\nexport class DefaultSelectComponent {\n control = new FormControl();\n\n options = SELECT_EXAMPLE_ADDRESSES;\n}\n","<daff-form-field>\n <daff-form-label>Select an address</daff-form-label>\n <daff-select [options]=\"options\" [formControl]=\"control\">\n <ng-template daffSelectOption let-option=\"option\">\n <div>{{option.name}}</div>\n <div>{{option.street}}</div>\n <div>{{option.city}}, {{option.state}} {{option.postcode}}</div>\n </ng-template>\n </daff-select>\n</daff-form-field>\n\n<div class=\"default-select__selected-value\" *ngIf=\"control.value\">\n Selected Address:\n <div>{{control.value.name}}</div>\n <div>{{control.value.street}}</div>\n <div>{{control.value.city}}, {{control.value.state}} {{control.value.postcode}}</div>\n</div>","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport {\n ReactiveFormsModule,\n UntypedFormControl,\n} from '@angular/forms';\n\nimport { DAFF_FORM_FIELD_COMPONENTS } from '@daffodil/design';\nimport { DAFF_SELECT_COMPONENTS } from '@daffodil/design/select';\n\nimport { SELECT_EXAMPLE_ADDRESSES } from '../models/addresses';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'disabled-select',\n templateUrl: './disabled-select.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n imports: [\n ReactiveFormsModule,\n DAFF_SELECT_COMPONENTS,\n DAFF_FORM_FIELD_COMPONENTS,\n ],\n})\nexport class DisabledSelectComponent {\n disabled = new UntypedFormControl({ value : '' , disabled: true });\n\n options = SELECT_EXAMPLE_ADDRESSES;\n}\n","<daff-form-field>\n <label daffFormLabel>Select an address</label>\n <daff-select [options]=\"options\" [formControl]=\"disabled\">\n <ng-template daffSelectOption let-option=\"option\"></ng-template>\n </daff-select>\n</daff-form-field>","import { NgIf } from '@angular/common';\nimport {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport {\n FormControl,\n ReactiveFormsModule,\n Validators,\n} from '@angular/forms';\n\nimport { DAFF_FORM_FIELD_COMPONENTS } from '@daffodil/design';\nimport { DAFF_SELECT_COMPONENTS } from '@daffodil/design/select';\n\nimport { SELECT_EXAMPLE_ADDRESSES } from '../models/addresses';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'select-with-error',\n templateUrl: './select-with-error.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n imports: [\n NgIf,\n ReactiveFormsModule,\n DAFF_SELECT_COMPONENTS,\n DAFF_FORM_FIELD_COMPONENTS,\n ],\n})\nexport class SelectWithErrorComponent {\n control = new FormControl('', [Validators.required]);\n\n options = SELECT_EXAMPLE_ADDRESSES;\n}\n","<daff-form-field>\n <label daffFormLabel>Select an address</label>\n <daff-select [options]=\"options\" [formControl]=\"control\">\n <ng-template daffSelectOption let-option=\"option\">\n <div>{{option.name}}</div>\n <div>{{option.street}}</div>\n <div>{{option.city}}, {{option.state}} {{option.postcode}}</div>\n </ng-template>\n </daff-select>\n <daff-error-message *ngIf=\"control.invalid\">This field is required</daff-error-message>\n</daff-form-field>","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport {\n FormControl,\n ReactiveFormsModule,\n} from '@angular/forms';\n\nimport { DAFF_FORM_FIELD_COMPONENTS } from '@daffodil/design';\nimport { DAFF_SELECT_COMPONENTS } from '@daffodil/design/select';\n\nimport { SELECT_EXAMPLE_ADDRESSES } from '../models/addresses';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'skeleton-select',\n templateUrl: './skeleton-select.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n imports: [\n ReactiveFormsModule,\n DAFF_SELECT_COMPONENTS,\n DAFF_FORM_FIELD_COMPONENTS,\n ],\n})\nexport class SkeletonSelectComponent {\n control = new FormControl();\n\n options = SELECT_EXAMPLE_ADDRESSES;\n}\n","<daff-form-field [skeleton]=\"true\">\n <label daffFormLabel>Select an address</label>\n <daff-select [options]=\"options\" [formControl]=\"control\">\n <ng-template daffSelectOption let-option=\"option\">\n </ng-template>\n </daff-select>\n</daff-form-field>","import { DefaultSelectComponent } from './default-select/default-select.component';\nimport { DisabledSelectComponent } from './disabled-select/disabled-select.component';\nimport { SelectWithErrorComponent } from './select-with-error/select-with-error.component';\nimport { SkeletonSelectComponent } from './skeleton-select/skeleton-select.component';\n\nexport const SELECT_EXAMPLES = [\n DefaultSelectComponent,\n DisabledSelectComponent,\n SkeletonSelectComponent,\n SelectWithErrorComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;AAEO,MAAM,wBAAwB,GAA2B;AAC9D,IAAA;AACE,QAAA,IAAI,EAAE,UAAU;AAChB,QAAA,MAAM,EAAE,YAAY;AACpB,QAAA,IAAI,EAAE,UAAU;AAChB,QAAA,KAAK,EAAE,IAAI;AACX,QAAA,QAAQ,EAAE,OAAO;AAClB,KAAA;AACD,IAAA;AACE,QAAA,IAAI,EAAE,qBAAqB;AAC3B,QAAA,MAAM,EAAE,iBAAiB;AACzB,QAAA,IAAI,EAAE,UAAU;AAChB,QAAA,KAAK,EAAE,IAAI;AACX,QAAA,QAAQ,EAAE,OAAO;AAClB,KAAA;AACD,IAAA;AACE,QAAA,IAAI,EAAE,iBAAiB;AACvB,QAAA,MAAM,EAAE,cAAc;AACtB,QAAA,IAAI,EAAE,YAAY;AAClB,QAAA,KAAK,EAAE,IAAI;AACX,QAAA,QAAQ,EAAE,OAAO;AAClB,KAAA;CACF;;MCKY,sBAAsB,CAAA;AAdnC,IAAA,WAAA,GAAA;AAeE,QAAA,IAAA,CAAA,OAAO,GAAG,IAAI,WAAW,EAAE;QAE3B,IAAO,CAAA,OAAA,GAAG,wBAAwB;AACnC;kIAJY,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAtB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,sBAAsB,EC7BnC,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,0pBAgBM,EDOF,MAAA,EAAA,CAAA,oDAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,mBAAmB,0TACnB,IAAI,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,SAAA,EAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,yBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,IAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,2BAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FAKK,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAdlC,SAAS;AAEE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,gBAAgB,mBAGT,uBAAuB,CAAC,MAAM,EAAA,UAAA,EACnC,IAAI,EACP,OAAA,EAAA;wBACP,mBAAmB;wBACnB,IAAI;wBACJ,sBAAsB;wBACtB,0BAA0B;AAC3B,qBAAA,EAAA,QAAA,EAAA,0pBAAA,EAAA,MAAA,EAAA,CAAA,oDAAA,CAAA,EAAA;;;MEDU,uBAAuB,CAAA;AAZpC,IAAA,WAAA,GAAA;AAaE,QAAA,IAAA,CAAA,QAAQ,GAAG,IAAI,kBAAkB,CAAC,EAAE,KAAK,EAAG,EAAE,EAAG,QAAQ,EAAE,IAAI,EAAE,CAAC;QAElE,IAAO,CAAA,OAAA,GAAG,wBAAwB;AACnC;kIAJY,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;sHAAvB,uBAAuB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC1BpC,qPAKkB,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDgBd,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,UAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,SAAA,EAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,yBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,IAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FAKV,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAZnC,SAAS;AAEE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,iBAAiB,mBAEV,uBAAuB,CAAC,MAAM,EAAA,UAAA,EACnC,IAAI,EACP,OAAA,EAAA;wBACP,mBAAmB;wBACnB,sBAAsB;wBACtB,0BAA0B;AAC3B,qBAAA,EAAA,QAAA,EAAA,qPAAA,EAAA;;;MEKU,wBAAwB,CAAA;AAbrC,IAAA,WAAA,GAAA;AAcE,QAAA,IAAA,CAAA,OAAO,GAAG,IAAI,WAAW,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;QAEpD,IAAO,CAAA,OAAA,GAAG,wBAAwB;AACnC;kIAJY,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAxB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,wBAAwB,EC7BrC,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,qeAUkB,EDad,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,IAAI,4FACJ,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,UAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,SAAA,EAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,yBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,yBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,IAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FAKV,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAbpC,SAAS;AAEE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,mBAAmB,mBAEZ,uBAAuB,CAAC,MAAM,EAAA,UAAA,EACnC,IAAI,EACP,OAAA,EAAA;wBACP,IAAI;wBACJ,mBAAmB;wBACnB,sBAAsB;wBACtB,0BAA0B;AAC3B,qBAAA,EAAA,QAAA,EAAA,qeAAA,EAAA;;;MEDU,uBAAuB,CAAA;AAZpC,IAAA,WAAA,GAAA;AAaE,QAAA,IAAA,CAAA,OAAO,GAAG,IAAI,WAAW,EAAE;QAE3B,IAAO,CAAA,OAAA,GAAG,wBAAwB;AACnC;kIAJY,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;sHAAvB,uBAAuB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC1BpC,8QAMkB,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDed,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,UAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,SAAA,EAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,yBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,IAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FAKV,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAZnC,SAAS;AAEE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,iBAAiB,mBAEV,uBAAuB,CAAC,MAAM,EAAA,UAAA,EACnC,IAAI,EACP,OAAA,EAAA;wBACP,mBAAmB;wBACnB,sBAAsB;wBACtB,0BAA0B;AAC3B,qBAAA,EAAA,QAAA,EAAA,8QAAA,EAAA;;;AEnBU,MAAA,eAAe,GAAG;IAC7B,sBAAsB;IACtB,uBAAuB;IACvB,uBAAuB;IACvB,wBAAwB;;;ACT1B;;AAEG;;;;"}