@daffodil/design 0.89.0 → 0.91.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 (209) hide show
  1. package/README.md +1 -0
  2. package/accordion/index.d.ts +8 -5
  3. package/article/README.md +1 -1
  4. package/article/index.d.ts +20 -0
  5. package/article/src/article-theme.scss +10 -0
  6. package/button/index.d.ts +4 -4
  7. package/button/src/button/button-base.scss +3 -3
  8. package/button/src/button/raised/raised-theme.scss +6 -16
  9. package/card/README.md +0 -8
  10. package/card/index.d.ts +7 -41
  11. package/card/src/card-base-theme.scss +2 -5
  12. package/card/src/card-base.scss +2 -2
  13. package/checkbox/README.md +0 -0
  14. package/checkbox/index.d.ts +177 -0
  15. package/fesm2022/daffodil-design-accordion.mjs +23 -14
  16. package/fesm2022/daffodil-design-accordion.mjs.map +1 -1
  17. package/fesm2022/daffodil-design-article.mjs +129 -5
  18. package/fesm2022/daffodil-design-article.mjs.map +1 -1
  19. package/fesm2022/daffodil-design-button.mjs +24 -20
  20. package/fesm2022/daffodil-design-button.mjs.map +1 -1
  21. package/fesm2022/daffodil-design-card.mjs +16 -63
  22. package/fesm2022/daffodil-design-card.mjs.map +1 -1
  23. package/fesm2022/daffodil-design-checkbox.mjs +317 -0
  24. package/fesm2022/daffodil-design-checkbox.mjs.map +1 -0
  25. package/fesm2022/daffodil-design-form-field.mjs +55 -162
  26. package/fesm2022/daffodil-design-form-field.mjs.map +1 -1
  27. package/fesm2022/daffodil-design-form.mjs +62 -0
  28. package/fesm2022/daffodil-design-form.mjs.map +1 -0
  29. package/fesm2022/daffodil-design-image.mjs +12 -4
  30. package/fesm2022/daffodil-design-image.mjs.map +1 -1
  31. package/fesm2022/daffodil-design-modal.mjs +55 -56
  32. package/fesm2022/daffodil-design-modal.mjs.map +1 -1
  33. package/fesm2022/daffodil-design-notification.mjs +14 -50
  34. package/fesm2022/daffodil-design-notification.mjs.map +1 -1
  35. package/fesm2022/daffodil-design-paginator.mjs +6 -11
  36. package/fesm2022/daffodil-design-paginator.mjs.map +1 -1
  37. package/fesm2022/daffodil-design-quantity-field.mjs +3 -5
  38. package/fesm2022/daffodil-design-quantity-field.mjs.map +1 -1
  39. package/fesm2022/daffodil-design-radio.mjs +304 -0
  40. package/fesm2022/daffodil-design-radio.mjs.map +1 -0
  41. package/fesm2022/daffodil-design-select.mjs +2 -2
  42. package/fesm2022/daffodil-design-select.mjs.map +1 -1
  43. package/fesm2022/daffodil-design-sidebar.mjs +6 -36
  44. package/fesm2022/daffodil-design-sidebar.mjs.map +1 -1
  45. package/fesm2022/daffodil-design-switch.mjs +48 -105
  46. package/fesm2022/daffodil-design-switch.mjs.map +1 -1
  47. package/fesm2022/daffodil-design-tabs.mjs +22 -14
  48. package/fesm2022/daffodil-design-tabs.mjs.map +1 -1
  49. package/fesm2022/daffodil-design-tag.mjs +131 -0
  50. package/fesm2022/daffodil-design-tag.mjs.map +1 -0
  51. package/fesm2022/daffodil-design-toast.mjs +56 -55
  52. package/fesm2022/daffodil-design-toast.mjs.map +1 -1
  53. package/fesm2022/daffodil-design-tree.mjs +4 -13
  54. package/fesm2022/daffodil-design-tree.mjs.map +1 -1
  55. package/fesm2022/daffodil-design.mjs +250 -774
  56. package/fesm2022/daffodil-design.mjs.map +1 -1
  57. package/form/README.md +75 -0
  58. package/form/index.d.ts +27 -0
  59. package/form-field/README.md +49 -39
  60. package/form-field/index.d.ts +58 -76
  61. package/image/README.md +27 -19
  62. package/image/index.d.ts +6 -1
  63. package/index.d.ts +180 -424
  64. package/input/README.md +32 -12
  65. package/modal/README.md +106 -16
  66. package/modal/index.d.ts +50 -21
  67. package/native-select/README.md +52 -15
  68. package/notification/index.d.ts +7 -38
  69. package/package.json +1 -1
  70. package/paginator/index.d.ts +1 -7
  71. package/radio/README.md +52 -0
  72. package/radio/index.d.ts +160 -0
  73. package/scss/core/error/error-to-string.scss +6 -6
  74. package/scss/core/map/map-get/map-get.scss +3 -3
  75. package/scss/layout/_breakpoint.scss +1 -1
  76. package/scss/theme.scss +4 -4
  77. package/scss/theming/_color-palettes.scss +21 -7
  78. package/scss/theming/_configure-theme.scss +11 -10
  79. package/scss/theming/_daff-theme.scss +5 -14
  80. package/scss/theming/_get-base-color.scss +2 -2
  81. package/scss/theming/_get-palette.scss +2 -2
  82. package/scss/theming/_get-theme-mode.scss +3 -3
  83. package/scss/theming/_index.scss +2 -1
  84. package/scss/theming/contrast/_index.scss +1 -0
  85. package/scss/theming/contrast/max-contrast/max-contrast.scss +47 -0
  86. package/scss/theming/contrast/max-contrast/max-contrast.spec.scss +57 -0
  87. package/scss/theming/contrast/text-contrast/text-contrast.scss +22 -16
  88. package/scss/theming/contrast/text-contrast/text-contrast.spec.scss +57 -0
  89. package/scss/theming/create-theme/_create-theme.scss +330 -0
  90. package/scss/theming/create-theme/_create-theme.spec.scss +122 -0
  91. package/scss/theming/create-theme/_index.scss +1 -0
  92. package/scss/theming/get-font-colors/_get-font-colors.scss +36 -0
  93. package/scss/theming/get-font-colors/_get-font-colors.spec.scss +72 -0
  94. package/scss/typography/mixins/_font-weight.scss +8 -14
  95. package/select/README.md +107 -4
  96. package/sidebar/README.md +0 -8
  97. package/sidebar/index.d.ts +3 -15
  98. package/switch/README.md +19 -27
  99. package/switch/index.d.ts +18 -48
  100. package/switch/src/switch-theme.scss +26 -18
  101. package/tabs/index.d.ts +7 -4
  102. package/tag/README.md +87 -0
  103. package/tag/index.d.ts +71 -0
  104. package/tag/src/tag-theme.scss +137 -0
  105. package/textarea/README.md +35 -5
  106. package/tree/index.d.ts +0 -6
  107. package/tree/src/tree-theme.scss +0 -4
  108. package/accordion/examples/index.d.ts +0 -20
  109. package/article/examples/index.d.ts +0 -50
  110. package/breadcrumb/examples/index.d.ts +0 -10
  111. package/button/examples/index.d.ts +0 -67
  112. package/callout/examples/index.d.ts +0 -41
  113. package/card/examples/index.d.ts +0 -62
  114. package/card/src/card/raised/raised-theme.scss +0 -28
  115. package/checkbox/examples/index.d.ts +0 -32
  116. package/container/examples/index.d.ts +0 -16
  117. package/fesm2022/daffodil-design-accordion-examples.mjs +0 -50
  118. package/fesm2022/daffodil-design-accordion-examples.mjs.map +0 -1
  119. package/fesm2022/daffodil-design-article-examples.mjs +0 -134
  120. package/fesm2022/daffodil-design-article-examples.mjs.map +0 -1
  121. package/fesm2022/daffodil-design-breadcrumb-examples.mjs +0 -46
  122. package/fesm2022/daffodil-design-breadcrumb-examples.mjs.map +0 -1
  123. package/fesm2022/daffodil-design-button-examples.mjs +0 -178
  124. package/fesm2022/daffodil-design-button-examples.mjs.map +0 -1
  125. package/fesm2022/daffodil-design-callout-examples.mjs +0 -116
  126. package/fesm2022/daffodil-design-callout-examples.mjs.map +0 -1
  127. package/fesm2022/daffodil-design-card-examples.mjs +0 -168
  128. package/fesm2022/daffodil-design-card-examples.mjs.map +0 -1
  129. package/fesm2022/daffodil-design-checkbox-examples.mjs +0 -76
  130. package/fesm2022/daffodil-design-checkbox-examples.mjs.map +0 -1
  131. package/fesm2022/daffodil-design-container-examples.mjs +0 -41
  132. package/fesm2022/daffodil-design-container-examples.mjs.map +0 -1
  133. package/fesm2022/daffodil-design-form-field-examples.mjs +0 -96
  134. package/fesm2022/daffodil-design-form-field-examples.mjs.map +0 -1
  135. package/fesm2022/daffodil-design-hero-examples.mjs +0 -121
  136. package/fesm2022/daffodil-design-hero-examples.mjs.map +0 -1
  137. package/fesm2022/daffodil-design-image-examples.mjs +0 -58
  138. package/fesm2022/daffodil-design-image-examples.mjs.map +0 -1
  139. package/fesm2022/daffodil-design-input-examples.mjs +0 -108
  140. package/fesm2022/daffodil-design-input-examples.mjs.map +0 -1
  141. package/fesm2022/daffodil-design-list-examples.mjs +0 -77
  142. package/fesm2022/daffodil-design-list-examples.mjs.map +0 -1
  143. package/fesm2022/daffodil-design-loading-icon-examples.mjs +0 -44
  144. package/fesm2022/daffodil-design-loading-icon-examples.mjs.map +0 -1
  145. package/fesm2022/daffodil-design-media-gallery-examples.mjs +0 -104
  146. package/fesm2022/daffodil-design-media-gallery-examples.mjs.map +0 -1
  147. package/fesm2022/daffodil-design-menu-examples.mjs +0 -50
  148. package/fesm2022/daffodil-design-menu-examples.mjs.map +0 -1
  149. package/fesm2022/daffodil-design-modal-examples.mjs +0 -51
  150. package/fesm2022/daffodil-design-modal-examples.mjs.map +0 -1
  151. package/fesm2022/daffodil-design-native-select-examples.mjs +0 -71
  152. package/fesm2022/daffodil-design-native-select-examples.mjs.map +0 -1
  153. package/fesm2022/daffodil-design-navbar-examples.mjs +0 -88
  154. package/fesm2022/daffodil-design-navbar-examples.mjs.map +0 -1
  155. package/fesm2022/daffodil-design-notification-examples.mjs +0 -102
  156. package/fesm2022/daffodil-design-notification-examples.mjs.map +0 -1
  157. package/fesm2022/daffodil-design-paginator-examples.mjs +0 -59
  158. package/fesm2022/daffodil-design-paginator-examples.mjs.map +0 -1
  159. package/fesm2022/daffodil-design-progress-bar-examples.mjs +0 -57
  160. package/fesm2022/daffodil-design-progress-bar-examples.mjs.map +0 -1
  161. package/fesm2022/daffodil-design-quantity-field-examples.mjs +0 -85
  162. package/fesm2022/daffodil-design-quantity-field-examples.mjs.map +0 -1
  163. package/fesm2022/daffodil-design-radio-examples.mjs +0 -31
  164. package/fesm2022/daffodil-design-radio-examples.mjs.map +0 -1
  165. package/fesm2022/daffodil-design-select-examples.mjs +0 -117
  166. package/fesm2022/daffodil-design-select-examples.mjs.map +0 -1
  167. package/fesm2022/daffodil-design-sidebar-examples.mjs +0 -109
  168. package/fesm2022/daffodil-design-sidebar-examples.mjs.map +0 -1
  169. package/fesm2022/daffodil-design-sticky-examples.mjs +0 -25
  170. package/fesm2022/daffodil-design-sticky-examples.mjs.map +0 -1
  171. package/fesm2022/daffodil-design-switch-examples.mjs +0 -110
  172. package/fesm2022/daffodil-design-switch-examples.mjs.map +0 -1
  173. package/fesm2022/daffodil-design-tabs-examples.mjs +0 -115
  174. package/fesm2022/daffodil-design-tabs-examples.mjs.map +0 -1
  175. package/fesm2022/daffodil-design-text-snippet-examples.mjs +0 -25
  176. package/fesm2022/daffodil-design-text-snippet-examples.mjs.map +0 -1
  177. package/fesm2022/daffodil-design-textarea-examples.mjs +0 -66
  178. package/fesm2022/daffodil-design-textarea-examples.mjs.map +0 -1
  179. package/fesm2022/daffodil-design-toast-examples.mjs +0 -147
  180. package/fesm2022/daffodil-design-toast-examples.mjs.map +0 -1
  181. package/fesm2022/daffodil-design-tree-examples.mjs +0 -104
  182. package/fesm2022/daffodil-design-tree-examples.mjs.map +0 -1
  183. package/form-field/examples/index.d.ts +0 -18
  184. package/hero/examples/index.d.ts +0 -45
  185. package/image/examples/index.d.ts +0 -10
  186. package/input/examples/index.d.ts +0 -10
  187. package/list/examples/index.d.ts +0 -29
  188. package/loading-icon/examples/index.d.ts +0 -16
  189. package/media-gallery/examples/index.d.ts +0 -38
  190. package/menu/examples/index.d.ts +0 -20
  191. package/modal/examples/index.d.ts +0 -15
  192. package/native-select/examples/index.d.ts +0 -10
  193. package/navbar/examples/index.d.ts +0 -31
  194. package/notification/examples/index.d.ts +0 -12
  195. package/paginator/examples/index.d.ts +0 -26
  196. package/progress-bar/examples/index.d.ts +0 -10
  197. package/quantity-field/examples/index.d.ts +0 -30
  198. package/radio/examples/index.d.ts +0 -13
  199. package/select/examples/index.d.ts +0 -28
  200. package/sidebar/examples/index.d.ts +0 -10
  201. package/sticky/examples/index.d.ts +0 -10
  202. package/switch/examples/index.d.ts +0 -46
  203. package/tabs/examples/index.d.ts +0 -12
  204. package/text-snippet/examples/index.d.ts +0 -10
  205. package/textarea/examples/index.d.ts +0 -10
  206. package/toast/examples/index.d.ts +0 -56
  207. package/tree/examples/index.d.ts +0 -18
  208. /package/{form-field → form}/src/error-message/error-message-theme.scss +0 -0
  209. /package/{form-field → form}/src/hint/hint-theme.scss +0 -0
@@ -1,59 +0,0 @@
1
- import * as i0 from '@angular/core';
2
- import { ChangeDetectionStrategy, Component } from '@angular/core';
3
- import * as i1 from '@daffodil/design/paginator';
4
- import { DAFF_PAGINATOR_COMPONENTS } from '@daffodil/design/paginator';
5
- import { AsyncPipe } from '@angular/common';
6
- import * as i1$1 from '@angular/router';
7
- import { map } from 'rxjs';
8
-
9
- class BasicPaginatorComponent {
10
- constructor() {
11
- this.numberOfPages = 15;
12
- this.currentPage = 2;
13
- }
14
- onPageChange(pageNumber) {
15
- this.currentPage = pageNumber;
16
- }
17
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: BasicPaginatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
18
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: BasicPaginatorComponent, isStandalone: true, selector: "basic-paginator", ngImport: i0, template: "<daff-paginator aria-label=\"Search results page\" [numberOfPages]=\"numberOfPages\" [currentPage]=\"currentPage\" (notifyPageChange)=\"onPageChange($event)\"></daff-paginator>\n", dependencies: [{ kind: "component", type: i1.DaffPaginatorComponent, selector: "daff-paginator", inputs: ["numberOfPages", "currentPage", "linkMode", "url", "queryParam"], outputs: ["notifyPageChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
19
- }
20
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: BasicPaginatorComponent, decorators: [{
21
- type: Component,
22
- args: [{ selector: 'basic-paginator', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
23
- DAFF_PAGINATOR_COMPONENTS,
24
- ], template: "<daff-paginator aria-label=\"Search results page\" [numberOfPages]=\"numberOfPages\" [currentPage]=\"currentPage\" (notifyPageChange)=\"onPageChange($event)\"></daff-paginator>\n" }]
25
- }] });
26
-
27
- class LinkPaginatorComponent {
28
- get currentPage$() {
29
- return this.route.queryParamMap.pipe(map((qps) => Number(qps.get(this.queryParam))));
30
- }
31
- constructor(route) {
32
- this.route = route;
33
- this.numberOfPages = 15;
34
- // TODO: don't hardcode this, pass it in design land
35
- this.url = '/paginator';
36
- this.queryParam = 'currentPage';
37
- }
38
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: LinkPaginatorComponent, deps: [{ token: i1$1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
39
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: LinkPaginatorComponent, isStandalone: true, selector: "link-paginator", ngImport: i0, template: "<daff-paginator aria-label=\"Search results page\" [numberOfPages]=\"numberOfPages\" [currentPage]=\"currentPage$ | async\" [linkMode]=\"true\" [url]=\"url\" [queryParam]=\"queryParam\"></daff-paginator>\n", dependencies: [{ kind: "component", type: i1.DaffPaginatorComponent, selector: "daff-paginator", inputs: ["numberOfPages", "currentPage", "linkMode", "url", "queryParam"], outputs: ["notifyPageChange"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
40
- }
41
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: LinkPaginatorComponent, decorators: [{
42
- type: Component,
43
- args: [{ selector: 'link-paginator', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
44
- DAFF_PAGINATOR_COMPONENTS,
45
- AsyncPipe,
46
- ], template: "<daff-paginator aria-label=\"Search results page\" [numberOfPages]=\"numberOfPages\" [currentPage]=\"currentPage$ | async\" [linkMode]=\"true\" [url]=\"url\" [queryParam]=\"queryParam\"></daff-paginator>\n" }]
47
- }], ctorParameters: () => [{ type: i1$1.ActivatedRoute }] });
48
-
49
- const PAGINATOR_EXAMPLES = [
50
- BasicPaginatorComponent,
51
- LinkPaginatorComponent,
52
- ];
53
-
54
- /**
55
- * Generated bundle index. Do not edit.
56
- */
57
-
58
- export { BasicPaginatorComponent, LinkPaginatorComponent, PAGINATOR_EXAMPLES };
59
- //# sourceMappingURL=daffodil-design-paginator-examples.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"daffodil-design-paginator-examples.mjs","sources":["../../../libs/design/paginator/examples/src/basic-paginator/basic-paginator.component.ts","../../../libs/design/paginator/examples/src/basic-paginator/basic-paginator.component.html","../../../libs/design/paginator/examples/src/link-paginator/link-paginator.component.ts","../../../libs/design/paginator/examples/src/link-paginator/link-paginator.component.html","../../../libs/design/paginator/examples/src/examples.ts","../../../libs/design/paginator/examples/src/daffodil-design-paginator-examples.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\n\nimport { DAFF_PAGINATOR_COMPONENTS } from '@daffodil/design/paginator';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'basic-paginator',\n templateUrl: './basic-paginator.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n DAFF_PAGINATOR_COMPONENTS,\n ],\n})\nexport class BasicPaginatorComponent {\n numberOfPages = 15;\n currentPage = 2;\n\n onPageChange(pageNumber: number) {\n this.currentPage = pageNumber;\n }\n}\n","<daff-paginator aria-label=\"Search results page\" [numberOfPages]=\"numberOfPages\" [currentPage]=\"currentPage\" (notifyPageChange)=\"onPageChange($event)\"></daff-paginator>\n","import { AsyncPipe } from '@angular/common';\nimport {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { ActivatedRoute } from '@angular/router';\nimport {\n Observable,\n map,\n} from 'rxjs';\n\nimport { DAFF_PAGINATOR_COMPONENTS } from '@daffodil/design/paginator';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'link-paginator',\n templateUrl: './link-paginator.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n DAFF_PAGINATOR_COMPONENTS,\n AsyncPipe,\n ],\n})\nexport class LinkPaginatorComponent {\n numberOfPages = 15;\n // TODO: don't hardcode this, pass it in design land\n url = '/paginator';\n queryParam = 'currentPage';\n\n get currentPage$(): Observable<number> {\n return this.route.queryParamMap.pipe(\n map((qps) => Number(qps.get(this.queryParam))),\n );\n }\n\n constructor(\n private route: ActivatedRoute,\n ) {}\n}\n","<daff-paginator aria-label=\"Search results page\" [numberOfPages]=\"numberOfPages\" [currentPage]=\"currentPage$ | async\" [linkMode]=\"true\" [url]=\"url\" [queryParam]=\"queryParam\"></daff-paginator>\n","import { BasicPaginatorComponent } from './basic-paginator/basic-paginator.component';\nimport { LinkPaginatorComponent } from './link-paginator/link-paginator.component';\n\nexport const PAGINATOR_EXAMPLES = [\n BasicPaginatorComponent,\n LinkPaginatorComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1","i2"],"mappings":"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"}
@@ -1,57 +0,0 @@
1
- import * as i0 from '@angular/core';
2
- import { ChangeDetectionStrategy, Component } from '@angular/core';
3
- import * as i1 from '@daffodil/design/progress-bar';
4
- import { DAFF_PROGRESS_BAR_COMPONENTS } from '@daffodil/design/progress-bar';
5
- import * as i2 from '@angular/forms';
6
- import { FormControl, ReactiveFormsModule } from '@angular/forms';
7
-
8
- class ProgressBarDefaultComponent {
9
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: ProgressBarDefaultComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
10
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: ProgressBarDefaultComponent, isStandalone: true, selector: "progress-bar-default", ngImport: i0, template: "<daff-progress-bar percentage=\"25\">\n\t<daff-progress-bar-label>File upload</daff-progress-bar-label>\n</daff-progress-bar>\n", styles: [":host{display:flex;flex-direction:column;gap:8px}\n"], dependencies: [{ kind: "component", type: i1.DaffProgressBarComponent, selector: "daff-progress-bar", inputs: ["percentage", "aria-label", "indeterminate"], outputs: ["finished"] }, { kind: "directive", type: i1.DaffProgressBarLabelDirective, selector: "daff-progress-bar-label" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
11
- }
12
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: ProgressBarDefaultComponent, decorators: [{
13
- type: Component,
14
- args: [{ selector: 'progress-bar-default', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
15
- DAFF_PROGRESS_BAR_COMPONENTS,
16
- ], template: "<daff-progress-bar percentage=\"25\">\n\t<daff-progress-bar-label>File upload</daff-progress-bar-label>\n</daff-progress-bar>\n", styles: [":host{display:flex;flex-direction:column;gap:8px}\n"] }]
17
- }] });
18
-
19
- class ProgressBarIndeterminateComponent {
20
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: ProgressBarIndeterminateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
21
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: ProgressBarIndeterminateComponent, isStandalone: true, selector: "progress-bar-indeterminate", ngImport: i0, template: "<daff-progress-bar [indeterminate]=\"true\">\n\t<daff-progress-bar-label>File upload</daff-progress-bar-label>\n</daff-progress-bar>", styles: [":host{display:flex;flex-direction:column;gap:8px}\n"], dependencies: [{ kind: "component", type: i1.DaffProgressBarComponent, selector: "daff-progress-bar", inputs: ["percentage", "aria-label", "indeterminate"], outputs: ["finished"] }, { kind: "directive", type: i1.DaffProgressBarLabelDirective, selector: "daff-progress-bar-label" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
22
- }
23
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: ProgressBarIndeterminateComponent, decorators: [{
24
- type: Component,
25
- args: [{ selector: 'progress-bar-indeterminate', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
26
- DAFF_PROGRESS_BAR_COMPONENTS,
27
- ], template: "<daff-progress-bar [indeterminate]=\"true\">\n\t<daff-progress-bar-label>File upload</daff-progress-bar-label>\n</daff-progress-bar>", styles: [":host{display:flex;flex-direction:column;gap:8px}\n"] }]
28
- }] });
29
-
30
- class ProgressBarThemesComponent {
31
- constructor() {
32
- this.color = 'primary';
33
- this.colorControl = new FormControl('');
34
- }
35
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: ProgressBarThemesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
36
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: ProgressBarThemesComponent, isStandalone: true, selector: "progress-bar-themes", ngImport: i0, template: "<daff-progress-bar percentage=\"25\" [color]=\"colorControl.value\" aria-label=\"File upload\"></daff-progress-bar>\n\n<select [formControl]=\"colorControl\">\n\t<option value=\"\">Default</option>\n\t<option value=\"primary\">Primary</option>\n\t<option value=\"secondary\">Secondary</option>\n\t<option value=\"tertiary\">Tertiary</option>\n\t<option value=\"theme\">Theme</option>\n\t<option value=\"theme-contrast\">Theme Contrast</option>\n\t<option value=\"light\">Light</option>\n\t<option value=\"dark\">Dark</option>\n</select>", styles: [":host{display:flex;flex-direction:column;align-items:flex-start;gap:16px}\n"], dependencies: [{ kind: "component", type: i1.DaffProgressBarComponent, selector: "daff-progress-bar", inputs: ["percentage", "aria-label", "indeterminate"], outputs: ["finished"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { 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 }); }
37
- }
38
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: ProgressBarThemesComponent, decorators: [{
39
- type: Component,
40
- args: [{ selector: 'progress-bar-themes', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
41
- DAFF_PROGRESS_BAR_COMPONENTS,
42
- ReactiveFormsModule,
43
- ], template: "<daff-progress-bar percentage=\"25\" [color]=\"colorControl.value\" aria-label=\"File upload\"></daff-progress-bar>\n\n<select [formControl]=\"colorControl\">\n\t<option value=\"\">Default</option>\n\t<option value=\"primary\">Primary</option>\n\t<option value=\"secondary\">Secondary</option>\n\t<option value=\"tertiary\">Tertiary</option>\n\t<option value=\"theme\">Theme</option>\n\t<option value=\"theme-contrast\">Theme Contrast</option>\n\t<option value=\"light\">Light</option>\n\t<option value=\"dark\">Dark</option>\n</select>", styles: [":host{display:flex;flex-direction:column;align-items:flex-start;gap:16px}\n"] }]
44
- }] });
45
-
46
- const PROGRESS_BAR_EXAMPLES = [
47
- ProgressBarDefaultComponent,
48
- ProgressBarIndeterminateComponent,
49
- ProgressBarThemesComponent,
50
- ];
51
-
52
- /**
53
- * Generated bundle index. Do not edit.
54
- */
55
-
56
- export { PROGRESS_BAR_EXAMPLES };
57
- //# sourceMappingURL=daffodil-design-progress-bar-examples.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"daffodil-design-progress-bar-examples.mjs","sources":["../../../libs/design/progress-bar/examples/src/progress-bar-default/progress-bar-default.component.ts","../../../libs/design/progress-bar/examples/src/progress-bar-default/progress-bar-default.component.html","../../../libs/design/progress-bar/examples/src/progress-bar-indeterminate/progress-bar-indeterminate.component.ts","../../../libs/design/progress-bar/examples/src/progress-bar-indeterminate/progress-bar-indeterminate.component.html","../../../libs/design/progress-bar/examples/src/progress-bar-themes/progress-bar-themes.component.ts","../../../libs/design/progress-bar/examples/src/progress-bar-themes/progress-bar-themes.component.html","../../../libs/design/progress-bar/examples/src/public_api.ts","../../../libs/design/progress-bar/examples/src/daffodil-design-progress-bar-examples.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\n\nimport { DAFF_PROGRESS_BAR_COMPONENTS } from '@daffodil/design/progress-bar';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'progress-bar-default',\n templateUrl: './progress-bar-default.component.html',\n styles: [`\n :host {\n display: flex;\n flex-direction: column;\n gap: 8px;\n }`],\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n DAFF_PROGRESS_BAR_COMPONENTS,\n ],\n})\nexport class ProgressBarDefaultComponent {}\n","<daff-progress-bar percentage=\"25\">\n\t<daff-progress-bar-label>File upload</daff-progress-bar-label>\n</daff-progress-bar>\n","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\n\nimport { DAFF_PROGRESS_BAR_COMPONENTS } from '@daffodil/design/progress-bar';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'progress-bar-indeterminate',\n templateUrl: './progress-bar-indeterminate.component.html',\n styles: [`\n :host {\n display: flex;\n flex-direction: column;\n gap: 8px;\n }`],\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n DAFF_PROGRESS_BAR_COMPONENTS,\n ],\n})\nexport class ProgressBarIndeterminateComponent {}\n","<daff-progress-bar [indeterminate]=\"true\">\n\t<daff-progress-bar-label>File upload</daff-progress-bar-label>\n</daff-progress-bar>","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport {\n FormControl,\n ReactiveFormsModule,\n} from '@angular/forms';\n\nimport { DaffPalette } from '@daffodil/design';\nimport { DAFF_PROGRESS_BAR_COMPONENTS } from '@daffodil/design/progress-bar';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'progress-bar-themes',\n templateUrl: './progress-bar-themes.component.html',\n styles: [`\n :host {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 16px;\n }`],\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n DAFF_PROGRESS_BAR_COMPONENTS,\n ReactiveFormsModule,\n ],\n})\nexport class ProgressBarThemesComponent {\n color: DaffPalette = 'primary';\n\n colorControl: FormControl = new FormControl('');\n}\n","<daff-progress-bar percentage=\"25\" [color]=\"colorControl.value\" aria-label=\"File upload\"></daff-progress-bar>\n\n<select [formControl]=\"colorControl\">\n\t<option value=\"\">Default</option>\n\t<option value=\"primary\">Primary</option>\n\t<option value=\"secondary\">Secondary</option>\n\t<option value=\"tertiary\">Tertiary</option>\n\t<option value=\"theme\">Theme</option>\n\t<option value=\"theme-contrast\">Theme Contrast</option>\n\t<option value=\"light\">Light</option>\n\t<option value=\"dark\">Dark</option>\n</select>","import { ProgressBarDefaultComponent } from './progress-bar-default/progress-bar-default.component';\nimport { ProgressBarIndeterminateComponent } from './progress-bar-indeterminate/progress-bar-indeterminate.component';\nimport { ProgressBarThemesComponent } from './progress-bar-themes/progress-bar-themes.component';\n\nexport const PROGRESS_BAR_EXAMPLES = [\n ProgressBarDefaultComponent,\n ProgressBarIndeterminateComponent,\n ProgressBarThemesComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
@@ -1,85 +0,0 @@
1
- import * as i0 from '@angular/core';
2
- import { ChangeDetectionStrategy, Component } from '@angular/core';
3
- import * as i2 from '@angular/forms';
4
- import { UntypedFormControl, ReactiveFormsModule } from '@angular/forms';
5
- import * as i1 from '@daffodil/design/form-field';
6
- import { DAFF_FORM_FIELD_COMPONENTS } from '@daffodil/design/form-field';
7
- import { DaffQuantityFieldComponent } from '@daffodil/design/quantity-field';
8
-
9
- class BasicQuantityFieldComponent {
10
- constructor() {
11
- this.control = new UntypedFormControl(1);
12
- }
13
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: BasicQuantityFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
14
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", 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
- }
16
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: BasicQuantityFieldComponent, decorators: [{
17
- type: Component,
18
- args: [{ selector: 'basic-quantity-field', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
19
- DAFF_FORM_FIELD_COMPONENTS,
20
- DaffQuantityFieldComponent,
21
- ReactiveFormsModule,
22
- ], 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" }]
23
- }] });
24
-
25
- class CustomRangeQuantityFieldComponent {
26
- constructor() {
27
- this.control = new UntypedFormControl(5);
28
- }
29
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: CustomRangeQuantityFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
30
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", 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
- }
32
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: CustomRangeQuantityFieldComponent, decorators: [{
33
- type: Component,
34
- args: [{ selector: 'custom-range-quantity-field', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
35
- DAFF_FORM_FIELD_COMPONENTS,
36
- DaffQuantityFieldComponent,
37
- ReactiveFormsModule,
38
- ], 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" }]
39
- }] });
40
-
41
- class DisabledQuantityFieldComponent {
42
- constructor() {
43
- this.control = new UntypedFormControl({ value: '1', disabled: true });
44
- }
45
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: DisabledQuantityFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
46
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", 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
- }
48
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: DisabledQuantityFieldComponent, decorators: [{
49
- type: Component,
50
- args: [{ selector: 'disabled-quantity-field', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
51
- DAFF_FORM_FIELD_COMPONENTS,
52
- DaffQuantityFieldComponent,
53
- ReactiveFormsModule,
54
- ], 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" }]
55
- }] });
56
-
57
- class SelectMaxQuantityFieldComponent {
58
- constructor() {
59
- this.control = new UntypedFormControl(1);
60
- }
61
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: SelectMaxQuantityFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
62
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", 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
- }
64
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: SelectMaxQuantityFieldComponent, decorators: [{
65
- type: Component,
66
- args: [{ selector: 'select-max-quantity-field', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
67
- DAFF_FORM_FIELD_COMPONENTS,
68
- DaffQuantityFieldComponent,
69
- ReactiveFormsModule,
70
- ], 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" }]
71
- }] });
72
-
73
- const QUANTITY_FIELD_EXAMPLES = [
74
- BasicQuantityFieldComponent,
75
- CustomRangeQuantityFieldComponent,
76
- DisabledQuantityFieldComponent,
77
- SelectMaxQuantityFieldComponent,
78
- ];
79
-
80
- /**
81
- * Generated bundle index. Do not edit.
82
- */
83
-
84
- export { BasicQuantityFieldComponent, CustomRangeQuantityFieldComponent, DisabledQuantityFieldComponent, QUANTITY_FIELD_EXAMPLES, SelectMaxQuantityFieldComponent };
85
- //# sourceMappingURL=daffodil-design-quantity-field-examples.mjs.map
@@ -1 +0,0 @@
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/form-field';\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/form-field';\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/form-field';\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/form-field';\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,31 +0,0 @@
1
- import * as i0 from '@angular/core';
2
- import { ChangeDetectionStrategy, Component } from '@angular/core';
3
- import * as i2 from '@angular/forms';
4
- import { UntypedFormGroup, UntypedFormControl, ReactiveFormsModule } from '@angular/forms';
5
- import * as i1 from '@daffodil/design';
6
- import { DaffRadioModule } from '@daffodil/design';
7
-
8
- class BasicRadioComponent {
9
- constructor() {
10
- this.radioGroup = new UntypedFormGroup({
11
- race: new UntypedFormControl('Zerg'),
12
- });
13
- }
14
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: BasicRadioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
15
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: BasicRadioComponent, isStandalone: true, selector: "basic-radio", ngImport: i0, template: "<h2>Basic Radio</h2>\n<daff-radio-set [formGroup]=\"radioGroup\" name=\"race\">\n <daff-radio formControlName=\"race\" value=\"Terran\">Terran</daff-radio>\n <daff-radio formControlName=\"race\" value=\"Protoss\">Protoss</daff-radio>\n <daff-radio formControlName=\"race\" value=\"Zerg\">Zerg</daff-radio>\n</daff-radio-set>\n<div>\n The best race to play as is: {{this.radioGroup.get('race').value}}\n</div>", dependencies: [{ kind: "ngmodule", type: DaffRadioModule }, { kind: "component", type: i1.DaffRadioComponent, selector: "daff-radio", inputs: ["checked", "value", "id", "name", "aria-label", "aria-labelledby"], outputs: ["selectionChange"] }, { kind: "component", type: i1.DaffRadioSetComponent, selector: "daff-radio-set", inputs: ["name"] }, { kind: "directive", type: i1.DaffRadioControlValueAccessorDirective, selector: "daff-radio[ngModel], daff-radio[formControl], daff-radio[formControlName]", inputs: ["value", "name"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
16
- }
17
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: BasicRadioComponent, decorators: [{
18
- type: Component,
19
- args: [{ selector: 'basic-radio', changeDetection: ChangeDetectionStrategy.OnPush, imports: [DaffRadioModule, ReactiveFormsModule], template: "<h2>Basic Radio</h2>\n<daff-radio-set [formGroup]=\"radioGroup\" name=\"race\">\n <daff-radio formControlName=\"race\" value=\"Terran\">Terran</daff-radio>\n <daff-radio formControlName=\"race\" value=\"Protoss\">Protoss</daff-radio>\n <daff-radio formControlName=\"race\" value=\"Zerg\">Zerg</daff-radio>\n</daff-radio-set>\n<div>\n The best race to play as is: {{this.radioGroup.get('race').value}}\n</div>" }]
20
- }], ctorParameters: () => [] });
21
-
22
- const RADIO_EXAMPLES = [
23
- BasicRadioComponent,
24
- ];
25
-
26
- /**
27
- * Generated bundle index. Do not edit.
28
- */
29
-
30
- export { RADIO_EXAMPLES };
31
- //# sourceMappingURL=daffodil-design-radio-examples.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"daffodil-design-radio-examples.mjs","sources":["../../../libs/design/radio/examples/src/basic-radio/basic-radio.component.ts","../../../libs/design/radio/examples/src/basic-radio/basic-radio.component.html","../../../libs/design/radio/examples/src/examples.ts","../../../libs/design/radio/examples/src/daffodil-design-radio-examples.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport {\n UntypedFormGroup,\n UntypedFormControl,\n ReactiveFormsModule,\n} from '@angular/forms';\n\nimport { DaffRadioModule } from '@daffodil/design';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'basic-radio',\n templateUrl: './basic-radio.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [DaffRadioModule, ReactiveFormsModule],\n})\nexport class BasicRadioComponent {\n radioGroup = new UntypedFormGroup({\n race: new UntypedFormControl('Zerg'),\n });\n\n constructor() {}\n}\n","<h2>Basic Radio</h2>\n<daff-radio-set [formGroup]=\"radioGroup\" name=\"race\">\n <daff-radio formControlName=\"race\" value=\"Terran\">Terran</daff-radio>\n <daff-radio formControlName=\"race\" value=\"Protoss\">Protoss</daff-radio>\n <daff-radio formControlName=\"race\" value=\"Zerg\">Zerg</daff-radio>\n</daff-radio-set>\n<div>\n The best race to play as is: {{this.radioGroup.get('race').value}}\n</div>","import { BasicRadioComponent } from './basic-radio/basic-radio.component';\n\nexport const RADIO_EXAMPLES = [\n BasicRadioComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;MAmBa,mBAAmB,CAAA;AAK9B,IAAA,WAAA,GAAA;QAJA,IAAA,CAAA,UAAU,GAAG,IAAI,gBAAgB,CAAC;AAChC,YAAA,IAAI,EAAE,IAAI,kBAAkB,CAAC,MAAM,CAAC;AACrC,SAAA,CAAC;IAEa;iIALJ,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAnB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,mBAAmB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECnBhC,8ZAQM,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDSM,eAAe,ofAAE,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,0FAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,WAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,iBAAA,EAAA,UAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAEnC,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAP/B,SAAS;+BAEE,aAAa,EAAA,eAAA,EAEN,uBAAuB,CAAC,MAAM,WACtC,CAAC,eAAe,EAAE,mBAAmB,CAAC,EAAA,QAAA,EAAA,8ZAAA,EAAA;;;AEf1C,MAAM,cAAc,GAAG;IAC5B,mBAAmB;;;ACHrB;;AAEG;;;;"}
@@ -1,117 +0,0 @@
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/form-field';
7
- import { DAFF_FORM_FIELD_COMPONENTS } from '@daffodil/design/form-field';
8
- import * as i2 from '@daffodil/design/select';
9
- import { DAFF_SELECT_COMPONENTS } from '@daffodil/design/select';
10
- import * as i4 from '@daffodil/design';
11
-
12
- const SELECT_EXAMPLE_ADDRESSES = [
13
- {
14
- name: 'John Doe',
15
- street: '123 New St',
16
- city: 'New York',
17
- state: 'NY',
18
- postcode: '10001',
19
- },
20
- {
21
- name: 'Srinivasa Ramanujan',
22
- street: '1729 Hardy Blvd',
23
- city: 'New York',
24
- state: 'NY',
25
- postcode: '10001',
26
- },
27
- {
28
- name: 'Bob the Builder',
29
- street: '525 Coal Ave',
30
- city: 'Morgantown',
31
- state: 'WV',
32
- postcode: '26501',
33
- },
34
- ];
35
-
36
- class DefaultSelectComponent {
37
- constructor() {
38
- this.control = new FormControl();
39
- this.options = SELECT_EXAMPLE_ADDRESSES;
40
- }
41
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: DefaultSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
42
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", 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", "required", "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 }); }
43
- }
44
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: DefaultSelectComponent, decorators: [{
45
- type: Component,
46
- args: [{ selector: 'default-select', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
47
- ReactiveFormsModule,
48
- NgIf,
49
- DAFF_SELECT_COMPONENTS,
50
- DAFF_FORM_FIELD_COMPONENTS,
51
- ], 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"] }]
52
- }] });
53
-
54
- class DisabledSelectComponent {
55
- constructor() {
56
- this.disabled = new UntypedFormControl({ value: '', disabled: true });
57
- this.options = SELECT_EXAMPLE_ADDRESSES;
58
- }
59
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: DisabledSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
60
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", 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", "required", "options", "optionsId"] }, { kind: "directive", type: i2.DaffSelectOptionDirective, selector: "[daffSelectOption]" }, { kind: "component", type: i3.DaffFormFieldComponent, selector: "daff-form-field", inputs: ["appearance", "id"] }, { kind: "directive", type: i4.DaffFormLabelDirective, selector: "[daffFormLabel]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
61
- }
62
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: DisabledSelectComponent, decorators: [{
63
- type: Component,
64
- args: [{ selector: 'disabled-select', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
65
- ReactiveFormsModule,
66
- DAFF_SELECT_COMPONENTS,
67
- DAFF_FORM_FIELD_COMPONENTS,
68
- ], 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>" }]
69
- }] });
70
-
71
- class SelectWithErrorComponent {
72
- constructor() {
73
- this.control = new FormControl('', [Validators.required]);
74
- this.options = SELECT_EXAMPLE_ADDRESSES;
75
- }
76
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: SelectWithErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
77
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.1", type: SelectWithErrorComponent, isStandalone: true, selector: "select-with-error", 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 @if (control.invalid) {\n <daff-error-message>This field is required</daff-error-message>\n }\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", "required", "options", "optionsId"] }, { kind: "directive", type: i2.DaffSelectOptionDirective, selector: "[daffSelectOption]" }, { kind: "component", type: i3.DaffFormFieldComponent, selector: "daff-form-field", inputs: ["appearance", "id"] }, { kind: "component", type: i3.DaffErrorMessageComponent, selector: "daff-error-message" }, { kind: "directive", type: i3.DaffFormFieldLabelDirective, selector: "daff-form-label" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
78
- }
79
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: SelectWithErrorComponent, decorators: [{
80
- type: Component,
81
- args: [{ selector: 'select-with-error', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
82
- ReactiveFormsModule,
83
- DAFF_SELECT_COMPONENTS,
84
- DAFF_FORM_FIELD_COMPONENTS,
85
- ], 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 @if (control.invalid) {\n <daff-error-message>This field is required</daff-error-message>\n }\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: "20.3.1", ngImport: i0, type: SkeletonSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
94
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", 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", "required", "options", "optionsId"] }, { kind: "directive", type: i2.DaffSelectOptionDirective, selector: "[daffSelectOption]" }, { kind: "component", type: i3.DaffFormFieldComponent, selector: "daff-form-field", inputs: ["appearance", "id"] }, { kind: "directive", type: i4.DaffFormLabelDirective, selector: "[daffFormLabel]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
95
- }
96
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", 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
@@ -1 +0,0 @@
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/form-field';\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/form-field';\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 {\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/form-field';\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 imports: [\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 <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 @if (control.invalid) {\n <daff-error-message>This field is required</daff-error-message>\n }\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/form-field';\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,IAAA,CAAA,OAAO,GAAG,wBAAwB;AACnC,IAAA;iIAJY,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,QAAA,EAAA,IAAA,EAAA,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC7BnC,0pBAgBM,EAAA,MAAA,EAAA,CAAA,oDAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDOF,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,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;;2FAKK,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAdlC,SAAS;AAEE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,gBAAgB,mBAGT,uBAAuB,CAAC,MAAM,EAAA,UAAA,EACnC,IAAI,EAAA,OAAA,EACP;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,IAAA,CAAA,OAAO,GAAG,wBAAwB;AACnC,IAAA;iIAJY,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;qHAAvB,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,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,sBAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAKV,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAZnC,SAAS;AAEE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,iBAAiB,mBAEV,uBAAuB,CAAC,MAAM,EAAA,UAAA,EACnC,IAAI,EAAA,OAAA,EACP;wBACP,mBAAmB;wBACnB,sBAAsB;wBACtB,0BAA0B;AAC3B,qBAAA,EAAA,QAAA,EAAA,qPAAA,EAAA;;;MEEU,wBAAwB,CAAA;AAXrC,IAAA,WAAA,GAAA;AAYE,QAAA,IAAA,CAAA,OAAO,GAAG,IAAI,WAAW,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;QAEpD,IAAA,CAAA,OAAO,GAAG,wBAAwB;AACnC,IAAA;iIAJY,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;qHAAxB,wBAAwB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC1BrC,mfAYkB,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDSd,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,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,yBAAA,EAAA,QAAA,EAAA,oBAAA,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;;2FAKV,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAXpC,SAAS;AAEE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,mBAAmB,EAAA,eAAA,EAEZ,uBAAuB,CAAC,MAAM,EAAA,OAAA,EACtC;wBACP,mBAAmB;wBACnB,sBAAsB;wBACtB,0BAA0B;AAC3B,qBAAA,EAAA,QAAA,EAAA,mfAAA,EAAA;;;MEEU,uBAAuB,CAAA;AAZpC,IAAA,WAAA,GAAA;AAaE,QAAA,IAAA,CAAA,OAAO,GAAG,IAAI,WAAW,EAAE;QAE3B,IAAA,CAAA,OAAO,GAAG,wBAAwB;AACnC,IAAA;iIAJY,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;qHAAvB,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,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,sBAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAKV,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAZnC,SAAS;AAEE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,iBAAiB,mBAEV,uBAAuB,CAAC,MAAM,EAAA,UAAA,EACnC,IAAI,EAAA,OAAA,EACP;wBACP,mBAAmB;wBACnB,sBAAsB;wBACtB,0BAA0B;AAC3B,qBAAA,EAAA,QAAA,EAAA,8QAAA,EAAA;;;AEnBI,MAAM,eAAe,GAAG;IAC7B,sBAAsB;IACtB,uBAAuB;IACvB,uBAAuB;IACvB,wBAAwB;;;ACT1B;;AAEG;;;;"}