@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,50 +0,0 @@
1
- import * as i0 from '@angular/core';
2
- import { ChangeDetectionStrategy, Component } from '@angular/core';
3
- import { DaffButtonComponent } from '@daffodil/design/button';
4
- import * as i1 from '@daffodil/design/menu';
5
- import { DaffMenuModule } from '@daffodil/design/menu';
6
- import { FaIconComponent } from '@fortawesome/angular-fontawesome';
7
- import { faUser, faInfo, faEnvelope } from '@fortawesome/free-solid-svg-icons';
8
-
9
- class MenuContentComponent {
10
- constructor() {
11
- this.faUser = faUser;
12
- this.faInfo = faInfo;
13
- this.faEnvelope = faEnvelope;
14
- }
15
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: MenuContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
16
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: MenuContentComponent, isStandalone: true, selector: "menu-content", ngImport: i0, template: "<daff-menu>\n <a href=\"#\" daff-menu-item>\n <fa-icon [icon]=\"faUser\" [fixedWidth]=\"true\" daffPrefix></fa-icon> My Account\n </a>\n <a href=\"#\" daff-menu-item>\n <fa-icon [icon]=\"faInfo\" [fixedWidth]=\"true\" daffPrefix></fa-icon> Help\n </a>\n <button daff-menu-item>\n <fa-icon [icon]=\"faEnvelope\" [fixedWidth]=\"true\" daffPrefix></fa-icon> Contact Us\n </button>\n</daff-menu>", dependencies: [{ kind: "ngmodule", type: DaffMenuModule }, { kind: "component", type: i1.DaffMenuComponent, selector: "daff-menu" }, { kind: "component", type: i1.DaffMenuItemComponent, selector: "a[daff-menu-item],button[daff-menu-item]" }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"], outputs: ["iconChange", "titleChange", "animationChange", "maskChange", "flipChange", "sizeChange", "pullChange", "borderChange", "inverseChange", "symbolChange", "rotateChange", "fixedWidthChange", "transformChange", "a11yRoleChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
17
- }
18
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: MenuContentComponent, decorators: [{
19
- type: Component,
20
- args: [{ selector: 'menu-content', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
21
- DaffMenuModule,
22
- FaIconComponent,
23
- ], template: "<daff-menu>\n <a href=\"#\" daff-menu-item>\n <fa-icon [icon]=\"faUser\" [fixedWidth]=\"true\" daffPrefix></fa-icon> My Account\n </a>\n <a href=\"#\" daff-menu-item>\n <fa-icon [icon]=\"faInfo\" [fixedWidth]=\"true\" daffPrefix></fa-icon> Help\n </a>\n <button daff-menu-item>\n <fa-icon [icon]=\"faEnvelope\" [fixedWidth]=\"true\" daffPrefix></fa-icon> Contact Us\n </button>\n</daff-menu>" }]
24
- }] });
25
-
26
- class BasicMenuComponent {
27
- constructor() {
28
- this.menu = MenuContentComponent;
29
- }
30
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: BasicMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
31
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: BasicMenuComponent, isStandalone: true, selector: "basic-menu", ngImport: i0, template: "<button daff-button color=\"theme\" [daffMenuActivator]=\"menu\">\n\tMenu\n</button>", dependencies: [{ kind: "component", type: DaffButtonComponent, selector: "button[daff-button],a[daff-button]", inputs: ["elevated"] }, { kind: "ngmodule", type: DaffMenuModule }, { kind: "directive", type: i1.DaffMenuActivatorDirective, selector: "[daffMenuActivator]", inputs: ["daffMenuActivator"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
32
- }
33
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: BasicMenuComponent, decorators: [{
34
- type: Component,
35
- args: [{ selector: 'basic-menu', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
36
- DaffButtonComponent,
37
- DaffMenuModule,
38
- ], template: "<button daff-button color=\"theme\" [daffMenuActivator]=\"menu\">\n\tMenu\n</button>" }]
39
- }] });
40
-
41
- const MENU_EXAMPLES = [
42
- BasicMenuComponent,
43
- ];
44
-
45
- /**
46
- * Generated bundle index. Do not edit.
47
- */
48
-
49
- export { MENU_EXAMPLES };
50
- //# sourceMappingURL=daffodil-design-menu-examples.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"daffodil-design-menu-examples.mjs","sources":["../../../libs/design/menu/examples/src/basic-menu/menu-content/menu-content.component.ts","../../../libs/design/menu/examples/src/basic-menu/menu-content/menu-content.component.html","../../../libs/design/menu/examples/src/basic-menu/basic-menu.component.ts","../../../libs/design/menu/examples/src/basic-menu/basic-menu.component.html","../../../libs/design/menu/examples/src/public_api.ts","../../../libs/design/menu/examples/src/daffodil-design-menu-examples.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport {\n faEnvelope,\n faInfo,\n faUser,\n} from '@fortawesome/free-solid-svg-icons';\n\nimport { DaffMenuModule } from '@daffodil/design/menu';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'menu-content',\n templateUrl: './menu-content.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n DaffMenuModule,\n FaIconComponent,\n ],\n})\nexport class MenuContentComponent {\n faUser = faUser;\n faInfo = faInfo;\n faEnvelope = faEnvelope;\n}\n","<daff-menu>\n <a href=\"#\" daff-menu-item>\n <fa-icon [icon]=\"faUser\" [fixedWidth]=\"true\" daffPrefix></fa-icon> My Account\n </a>\n <a href=\"#\" daff-menu-item>\n <fa-icon [icon]=\"faInfo\" [fixedWidth]=\"true\" daffPrefix></fa-icon> Help\n </a>\n <button daff-menu-item>\n <fa-icon [icon]=\"faEnvelope\" [fixedWidth]=\"true\" daffPrefix></fa-icon> Contact Us\n </button>\n</daff-menu>","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\n\nimport { DaffButtonComponent } from '@daffodil/design/button';\nimport { DaffMenuModule } from '@daffodil/design/menu';\n\nimport { MenuContentComponent } from './menu-content/menu-content.component';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'basic-menu',\n templateUrl: './basic-menu.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n DaffButtonComponent,\n DaffMenuModule,\n ],\n})\nexport class BasicMenuComponent {\n public menu = MenuContentComponent;\n}\n","<button daff-button color=\"theme\" [daffMenuActivator]=\"menu\">\n\tMenu\n</button>","import { BasicMenuComponent } from './basic-menu/basic-menu.component';\n\n\nexport const MENU_EXAMPLES = [\n BasicMenuComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;MAuBa,oBAAoB,CAAA;AAVjC,IAAA,WAAA,GAAA;QAWE,IAAA,CAAA,MAAM,GAAG,MAAM;QACf,IAAA,CAAA,MAAM,GAAG,MAAM;QACf,IAAA,CAAA,UAAU,GAAG,UAAU;AACxB,IAAA;iIAJY,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAApB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECvBjC,wZAUY,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDSR,cAAc,sNACd,eAAe,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,WAAA,EAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,QAAA,EAAA,SAAA,EAAA,QAAA,EAAA,QAAA,EAAA,YAAA,EAAA,WAAA,EAAA,UAAA,CAAA,EAAA,OAAA,EAAA,CAAA,YAAA,EAAA,aAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,YAAA,EAAA,YAAA,EAAA,YAAA,EAAA,cAAA,EAAA,eAAA,EAAA,cAAA,EAAA,cAAA,EAAA,kBAAA,EAAA,iBAAA,EAAA,gBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAGN,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAVhC,SAAS;AAEE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,cAAc,EAAA,eAAA,EAEP,uBAAuB,CAAC,MAAM,EAAA,OAAA,EACtC;wBACP,cAAc;wBACd,eAAe;AAChB,qBAAA,EAAA,QAAA,EAAA,wZAAA,EAAA;;;MEDU,kBAAkB,CAAA;AAV/B,IAAA,WAAA,GAAA;QAWS,IAAA,CAAA,IAAI,GAAG,oBAAoB;AACnC,IAAA;iIAFY,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAlB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECpB/B,sFAES,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDcL,mBAAmB,oGACnB,cAAc,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,0BAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAGL,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAV9B,SAAS;AAEE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,YAAY,EAAA,eAAA,EAEL,uBAAuB,CAAC,MAAM,EAAA,OAAA,EACtC;wBACP,mBAAmB;wBACnB,cAAc;AACf,qBAAA,EAAA,QAAA,EAAA,sFAAA,EAAA;;;AEfI,MAAM,aAAa,GAAG;IAC3B,kBAAkB;;;ACJpB;;AAEG;;;;"}
@@ -1,51 +0,0 @@
1
- import * as i0 from '@angular/core';
2
- import { ChangeDetectionStrategy, Component } from '@angular/core';
3
- import { DaffButtonComponent, DaffFlatButtonComponent } from '@daffodil/design/button';
4
- import * as i1 from '@daffodil/design/modal';
5
- import { DAFF_MODAL_COMPONENTS, DaffModalService } from '@daffodil/design/modal';
6
-
7
- class BasicModalContentComponent {
8
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: BasicModalContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
9
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: BasicModalContentComponent, isStandalone: true, selector: "basic-modal-content", ngImport: i0, template: "<daff-modal-header>\n\t<h5 daffModalTitle>Descriptive title of the modal</h5>\n</daff-modal-header>\n<daff-modal-content>\n\tModal content goes here. Components can be placed in here. The content is scrollable.\n</daff-modal-content>\n<daff-modal-actions>\n\t<button daff-flat-button color=\"theme-contrast\" daffModalClose>Cancel</button>\n\t<button type=\"button\" daff-button>Save Changes</button>\n</daff-modal-actions>", dependencies: [{ kind: "component", type: i1.DaffModalHeaderComponent, selector: "daff-modal-header", inputs: ["dismissible"] }, { kind: "directive", type: i1.DaffModalTitleDirective, selector: "[daffModalTitle]" }, { kind: "component", type: i1.DaffModalContentComponent, selector: "daff-modal-content" }, { kind: "component", type: i1.DaffModalActionsComponent, selector: "daff-modal-actions" }, { kind: "directive", type: i1.DaffModalCloseDirective, selector: "button[daffModalClose]" }, { kind: "component", type: DaffButtonComponent, selector: "button[daff-button],a[daff-button]", inputs: ["elevated"] }, { kind: "component", type: DaffFlatButtonComponent, selector: "button[daff-flat-button],a[daff-flat-button]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
10
- }
11
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: BasicModalContentComponent, decorators: [{
12
- type: Component,
13
- args: [{ selector: 'basic-modal-content', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
14
- DAFF_MODAL_COMPONENTS,
15
- DaffButtonComponent,
16
- DaffFlatButtonComponent,
17
- ], template: "<daff-modal-header>\n\t<h5 daffModalTitle>Descriptive title of the modal</h5>\n</daff-modal-header>\n<daff-modal-content>\n\tModal content goes here. Components can be placed in here. The content is scrollable.\n</daff-modal-content>\n<daff-modal-actions>\n\t<button daff-flat-button color=\"theme-contrast\" daffModalClose>Cancel</button>\n\t<button type=\"button\" daff-button>Save Changes</button>\n</daff-modal-actions>" }]
18
- }] });
19
-
20
- class BasicModalComponent {
21
- constructor(modalService) {
22
- this.modalService = modalService;
23
- }
24
- showModal() {
25
- this.modal = this.modalService.open(BasicModalContentComponent, { ariaLabelledBy: 'Modal Title' });
26
- }
27
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: BasicModalComponent, deps: [{ token: i1.DaffModalService }], target: i0.ɵɵFactoryTarget.Component }); }
28
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: BasicModalComponent, isStandalone: true, selector: "basic-modal", providers: [
29
- DaffModalService,
30
- ], ngImport: i0, template: "<button daff-button (click)=\"showModal()\">Open Modal</button>\n", dependencies: [{ kind: "component", type: DaffButtonComponent, selector: "button[daff-button],a[daff-button]", inputs: ["elevated"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
31
- }
32
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: BasicModalComponent, decorators: [{
33
- type: Component,
34
- args: [{ selector: 'basic-modal', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
35
- DaffButtonComponent,
36
- DAFF_MODAL_COMPONENTS,
37
- ], providers: [
38
- DaffModalService,
39
- ], template: "<button daff-button (click)=\"showModal()\">Open Modal</button>\n" }]
40
- }], ctorParameters: () => [{ type: i1.DaffModalService }] });
41
-
42
- const MODAL_EXAMPLES = [
43
- BasicModalComponent,
44
- ];
45
-
46
- /**
47
- * Generated bundle index. Do not edit.
48
- */
49
-
50
- export { MODAL_EXAMPLES };
51
- //# sourceMappingURL=daffodil-design-modal-examples.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"daffodil-design-modal-examples.mjs","sources":["../../../libs/design/modal/examples/src/basic-modal/modal-content.component.ts","../../../libs/design/modal/examples/src/basic-modal/modal-content.component.html","../../../libs/design/modal/examples/src/basic-modal/basic-modal.component.ts","../../../libs/design/modal/examples/src/basic-modal/basic-modal.component.html","../../../libs/design/modal/examples/src/public_api.ts","../../../libs/design/modal/examples/src/daffodil-design-modal-examples.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\n\nimport {\n DaffButtonComponent,\n DaffFlatButtonComponent,\n} from '@daffodil/design/button';\nimport { DAFF_MODAL_COMPONENTS } from '@daffodil/design/modal';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'basic-modal-content',\n templateUrl: './modal-content.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n DAFF_MODAL_COMPONENTS,\n DaffButtonComponent,\n DaffFlatButtonComponent,\n ],\n})\nexport class BasicModalContentComponent { }\n","<daff-modal-header>\n\t<h5 daffModalTitle>Descriptive title of the modal</h5>\n</daff-modal-header>\n<daff-modal-content>\n\tModal content goes here. Components can be placed in here. The content is scrollable.\n</daff-modal-content>\n<daff-modal-actions>\n\t<button daff-flat-button color=\"theme-contrast\" daffModalClose>Cancel</button>\n\t<button type=\"button\" daff-button>Save Changes</button>\n</daff-modal-actions>","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\n\nimport { DaffButtonComponent } from '@daffodil/design/button';\nimport {\n DaffModalComponent,\n DAFF_MODAL_COMPONENTS,\n DaffModalService,\n} from '@daffodil/design/modal';\n\nimport { BasicModalContentComponent } from './modal-content.component';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'basic-modal',\n templateUrl: './basic-modal.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n DaffButtonComponent,\n DAFF_MODAL_COMPONENTS,\n ],\n providers: [\n DaffModalService,\n ],\n})\nexport class BasicModalComponent {\n modal: DaffModalComponent;\n\n constructor(private modalService: DaffModalService) {}\n\n showModal() {\n this.modal = this.modalService.open(\n BasicModalContentComponent,\n { ariaLabelledBy: 'Modal Title' },\n );\n }\n}\n","<button daff-button (click)=\"showModal()\">Open Modal</button>\n","import { BasicModalComponent } from './basic-modal/basic-modal.component';\n\nexport const MODAL_EXAMPLES = [\n BasicModalComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
@@ -1,71 +0,0 @@
1
- import * as i0 from '@angular/core';
2
- import { ChangeDetectionStrategy, Component } from '@angular/core';
3
- import { FaIconComponent } from '@fortawesome/angular-fontawesome';
4
- import { faUser } from '@fortawesome/free-solid-svg-icons';
5
- import * as i1 from '@daffodil/design/form-field';
6
- import { DAFF_FORM_FIELD_COMPONENTS } from '@daffodil/design/form-field';
7
- import * as i2 from '@daffodil/design/native-select';
8
- import { DAFF_NATIVE_SELECT_COMPONENTS } from '@daffodil/design/native-select';
9
- import * as i3 from '@daffodil/design';
10
- import * as i3$1 from '@angular/forms';
11
- import { UntypedFormControl, Validators, ReactiveFormsModule } from '@angular/forms';
12
-
13
- class BasicNativeSelectComponent {
14
- constructor() {
15
- this.faUser = faUser;
16
- }
17
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: BasicNativeSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
18
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: BasicNativeSelectComponent, isStandalone: true, selector: "basic-native-select", ngImport: i0, template: "<daff-form-field>\n <fa-icon daffPrefix [icon]=\"faUser\"></fa-icon>\n <daff-form-label>Label</daff-form-label>\n <select daff-native-select>\n <option value=\"''\">Select an option</option>\n <option value=\"long\">An example option that is really long to show what should be done to handle long text</option>\n <option value=\"option1\">Option 1</option>\n <option value=\"option2\">Option 2</option>\n <option value=\"option3\">Option 3</option>\n </select>\n</daff-form-field>", styles: ["daff-form-field{max-width:25rem}\n"], dependencies: [{ kind: "component", type: i2.DaffNativeSelectComponent, selector: "select[daff-native-select]", inputs: ["disabled", "required"] }, { kind: "component", type: i1.DaffFormFieldComponent, selector: "daff-form-field", inputs: ["appearance", "id"] }, { kind: "directive", type: i3.DaffPrefixDirective, selector: "[daffPrefix]" }, { kind: "directive", type: i1.DaffFormFieldLabelDirective, selector: "daff-form-label" }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"], outputs: ["iconChange", "titleChange", "animationChange", "maskChange", "flipChange", "sizeChange", "pullChange", "borderChange", "inverseChange", "symbolChange", "rotateChange", "fixedWidthChange", "transformChange", "a11yRoleChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
19
- }
20
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: BasicNativeSelectComponent, decorators: [{
21
- type: Component,
22
- args: [{ selector: 'basic-native-select', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
23
- DAFF_NATIVE_SELECT_COMPONENTS,
24
- DAFF_FORM_FIELD_COMPONENTS,
25
- FaIconComponent,
26
- ], template: "<daff-form-field>\n <fa-icon daffPrefix [icon]=\"faUser\"></fa-icon>\n <daff-form-label>Label</daff-form-label>\n <select daff-native-select>\n <option value=\"''\">Select an option</option>\n <option value=\"long\">An example option that is really long to show what should be done to handle long text</option>\n <option value=\"option1\">Option 1</option>\n <option value=\"option2\">Option 2</option>\n <option value=\"option3\">Option 3</option>\n </select>\n</daff-form-field>", styles: ["daff-form-field{max-width:25rem}\n"] }]
27
- }] });
28
-
29
- class NativeSelectDisabledComponent {
30
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: NativeSelectDisabledComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
31
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: NativeSelectDisabledComponent, isStandalone: true, selector: "native-select-disabled", ngImport: i0, template: "<daff-form-field>\n <daff-form-label>Label</daff-form-label>\n <select daff-native-select [disabled]=\"true\">\n <option value=\"''\">Select an option</option>\n <option value=\"option1\">Option 1</option>\n <option value=\"option2\">Option 2</option>\n <option value=\"option3\">Option 3</option>\n </select>\n</daff-form-field>", styles: ["daff-form-field{max-width:25rem}\n"], dependencies: [{ kind: "component", type: i1.DaffFormFieldComponent, selector: "daff-form-field", inputs: ["appearance", "id"] }, { kind: "directive", type: i1.DaffFormFieldLabelDirective, selector: "daff-form-label" }, { kind: "component", type: i2.DaffNativeSelectComponent, selector: "select[daff-native-select]", inputs: ["disabled", "required"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
32
- }
33
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: NativeSelectDisabledComponent, decorators: [{
34
- type: Component,
35
- args: [{ selector: 'native-select-disabled', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
36
- DAFF_FORM_FIELD_COMPONENTS,
37
- DAFF_NATIVE_SELECT_COMPONENTS,
38
- ], template: "<daff-form-field>\n <daff-form-label>Label</daff-form-label>\n <select daff-native-select [disabled]=\"true\">\n <option value=\"''\">Select an option</option>\n <option value=\"option1\">Option 1</option>\n <option value=\"option2\">Option 2</option>\n <option value=\"option3\">Option 3</option>\n </select>\n</daff-form-field>", styles: ["daff-form-field{max-width:25rem}\n"] }]
39
- }] });
40
-
41
- class NativeSelectErrorComponent {
42
- constructor() {
43
- this.control = new UntypedFormControl('valid', [
44
- Validators.required,
45
- Validators.pattern('valid'),
46
- ]);
47
- }
48
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: NativeSelectErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
49
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.1", type: NativeSelectErrorComponent, isStandalone: true, selector: "native-select-error", ngImport: i0, template: "<daff-form-field>\n <daff-form-label>Label</daff-form-label>\n <select daff-native-select [formControl]=\"control\">\n <option value=\"''\">Select an option</option>\n <option value=\"valid\">Valid option</option>\n <option value=\"invalid\">Invalid option</option>\n </select>\n <daff-hint>Hint goes here.</daff-hint>\n @if (control.errors?.required) {\n <daff-error-message>This is a required field.</daff-error-message>\n }\n @if (control.hasError('pattern')) {\n <daff-error-message>Your selection is invalid.</daff-error-message>\n }\n</daff-form-field>\n", styles: ["daff-form-field{max-width:25rem}\n"], dependencies: [{ kind: "component", type: i1.DaffFormFieldComponent, selector: "daff-form-field", inputs: ["appearance", "id"] }, { kind: "component", type: i1.DaffErrorMessageComponent, selector: "daff-error-message" }, { kind: "component", type: i1.DaffHintComponent, selector: "daff-hint", inputs: ["validated"] }, { kind: "directive", type: i1.DaffFormFieldLabelDirective, selector: "daff-form-label" }, { kind: "component", type: i2.DaffNativeSelectComponent, selector: "select[daff-native-select]", inputs: ["disabled", "required"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
50
- }
51
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: NativeSelectErrorComponent, decorators: [{
52
- type: Component,
53
- args: [{ selector: 'native-select-error', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
54
- DAFF_FORM_FIELD_COMPONENTS,
55
- DAFF_NATIVE_SELECT_COMPONENTS,
56
- ReactiveFormsModule,
57
- ], template: "<daff-form-field>\n <daff-form-label>Label</daff-form-label>\n <select daff-native-select [formControl]=\"control\">\n <option value=\"''\">Select an option</option>\n <option value=\"valid\">Valid option</option>\n <option value=\"invalid\">Invalid option</option>\n </select>\n <daff-hint>Hint goes here.</daff-hint>\n @if (control.errors?.required) {\n <daff-error-message>This is a required field.</daff-error-message>\n }\n @if (control.hasError('pattern')) {\n <daff-error-message>Your selection is invalid.</daff-error-message>\n }\n</daff-form-field>\n", styles: ["daff-form-field{max-width:25rem}\n"] }]
58
- }] });
59
-
60
- const NATIVE_SELECT_EXAMPLES = [
61
- BasicNativeSelectComponent,
62
- NativeSelectDisabledComponent,
63
- NativeSelectErrorComponent,
64
- ];
65
-
66
- /**
67
- * Generated bundle index. Do not edit.
68
- */
69
-
70
- export { NATIVE_SELECT_EXAMPLES };
71
- //# sourceMappingURL=daffodil-design-native-select-examples.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"daffodil-design-native-select-examples.mjs","sources":["../../../libs/design/native-select/examples/src/basic-native-select/basic-native-select.component.ts","../../../libs/design/native-select/examples/src/basic-native-select/basic-native-select.component.html","../../../libs/design/native-select/examples/src/native-select-disabled/native-select-disabled.component.ts","../../../libs/design/native-select/examples/src/native-select-disabled/native-select-disabled.component.html","../../../libs/design/native-select/examples/src/native-select-error/native-select-error.component.ts","../../../libs/design/native-select/examples/src/native-select-error/native-select-error.component.html","../../../libs/design/native-select/examples/src/examples.ts","../../../libs/design/native-select/examples/src/daffodil-design-native-select-examples.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport { faUser } from '@fortawesome/free-solid-svg-icons';\n\nimport { DAFF_FORM_FIELD_COMPONENTS } from '@daffodil/design/form-field';\nimport { DAFF_NATIVE_SELECT_COMPONENTS } from '@daffodil/design/native-select';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'basic-native-select',\n templateUrl: './basic-native-select.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n styles: `\n daff-form-field {\n max-width: 25rem;\n }\n `,\n imports: [\n DAFF_NATIVE_SELECT_COMPONENTS,\n DAFF_FORM_FIELD_COMPONENTS,\n FaIconComponent,\n ],\n})\nexport class BasicNativeSelectComponent {\n faUser = faUser;\n}\n","<daff-form-field>\n <fa-icon daffPrefix [icon]=\"faUser\"></fa-icon>\n <daff-form-label>Label</daff-form-label>\n <select daff-native-select>\n <option value=\"''\">Select an option</option>\n <option value=\"long\">An example option that is really long to show what should be done to handle long text</option>\n <option value=\"option1\">Option 1</option>\n <option value=\"option2\">Option 2</option>\n <option value=\"option3\">Option 3</option>\n </select>\n</daff-form-field>","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\n\nimport { DAFF_FORM_FIELD_COMPONENTS } from '@daffodil/design/form-field';\nimport { DAFF_NATIVE_SELECT_COMPONENTS } from '@daffodil/design/native-select';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'native-select-disabled',\n templateUrl: './native-select-disabled.component.html',\n styles: [`\n daff-form-field {\n max-width: 25rem;\n }\n `],\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n DAFF_FORM_FIELD_COMPONENTS,\n DAFF_NATIVE_SELECT_COMPONENTS,\n ],\n})\nexport class NativeSelectDisabledComponent {\n}\n","<daff-form-field>\n <daff-form-label>Label</daff-form-label>\n <select daff-native-select [disabled]=\"true\">\n <option value=\"''\">Select an option</option>\n <option value=\"option1\">Option 1</option>\n <option value=\"option2\">Option 2</option>\n <option value=\"option3\">Option 3</option>\n </select>\n</daff-form-field>","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport {\n UntypedFormControl,\n Validators,\n ReactiveFormsModule,\n} from '@angular/forms';\n\nimport { DAFF_FORM_FIELD_COMPONENTS } from '@daffodil/design/form-field';\nimport { DAFF_NATIVE_SELECT_COMPONENTS } from '@daffodil/design/native-select';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'native-select-error',\n templateUrl: './native-select-error.component.html',\n styles: [`\n daff-form-field {\n max-width: 25rem;\n }\n `],\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n DAFF_FORM_FIELD_COMPONENTS,\n DAFF_NATIVE_SELECT_COMPONENTS,\n ReactiveFormsModule,\n ],\n})\nexport class NativeSelectErrorComponent {\n control = new UntypedFormControl('valid', [\n Validators.required,\n Validators.pattern('valid'),\n ]);\n}\n","<daff-form-field>\n <daff-form-label>Label</daff-form-label>\n <select daff-native-select [formControl]=\"control\">\n <option value=\"''\">Select an option</option>\n <option value=\"valid\">Valid option</option>\n <option value=\"invalid\">Invalid option</option>\n </select>\n <daff-hint>Hint goes here.</daff-hint>\n @if (control.errors?.required) {\n <daff-error-message>This is a required field.</daff-error-message>\n }\n @if (control.hasError('pattern')) {\n <daff-error-message>Your selection is invalid.</daff-error-message>\n }\n</daff-form-field>\n","import { BasicNativeSelectComponent } from './basic-native-select/basic-native-select.component';\nimport { NativeSelectDisabledComponent } from './native-select-disabled/native-select-disabled.component';\nimport { NativeSelectErrorComponent } from './native-select-error/native-select-error.component';\n\nexport const NATIVE_SELECT_EXAMPLES = [\n BasicNativeSelectComponent,\n NativeSelectDisabledComponent,\n NativeSelectErrorComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1","i2","i3"],"mappings":"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"}
@@ -1,88 +0,0 @@
1
- import * as i0 from '@angular/core';
2
- import { ChangeDetectionStrategy, Component } from '@angular/core';
3
- import { DaffButtonComponent } from '@daffodil/design/button';
4
- import * as i1 from '@daffodil/design/navbar';
5
- import { DAFF_NAVBAR_COMPONENTS } from '@daffodil/design/navbar';
6
- import * as i2 from '@daffodil/design/container';
7
- import { DAFF_CONTAINER_COMPONENTS } from '@daffodil/design/container';
8
- import { NgFor } from '@angular/common';
9
- import * as i2$1 from '@angular/forms';
10
- import { UntypedFormControl, ReactiveFormsModule } from '@angular/forms';
11
-
12
- class BasicNavbarComponent {
13
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: BasicNavbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
14
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: BasicNavbarComponent, isStandalone: true, selector: "basic-navbar", ngImport: i0, template: "<nav daff-navbar class=\"daff-basic-navbar\">\n\t<div class=\"daff-basic-navbar__links\">\n\t\t<a href=\"/\">Home</a>\n\t\t<a href=\"/\">About Us</a>\n\t</div>\n\t<button daff-button color=\"theme-contrast\">Contact Us</button>\n</nav>", styles: [".daff-basic-navbar{justify-content:space-between}.daff-basic-navbar__links>*{font-size:1.125rem;font-weight:700;padding:0 16px;text-decoration:none;text-transform:uppercase}\n"], dependencies: [{ kind: "component", type: i1.DaffNavbarComponent, selector: "nav[daff-navbar]", inputs: ["raised"] }, { kind: "component", type: DaffButtonComponent, selector: "button[daff-button],a[daff-button]", inputs: ["elevated"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
15
- }
16
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: BasicNavbarComponent, decorators: [{
17
- type: Component,
18
- args: [{ selector: 'basic-navbar', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
19
- DAFF_NAVBAR_COMPONENTS,
20
- DaffButtonComponent,
21
- ], template: "<nav daff-navbar class=\"daff-basic-navbar\">\n\t<div class=\"daff-basic-navbar__links\">\n\t\t<a href=\"/\">Home</a>\n\t\t<a href=\"/\">About Us</a>\n\t</div>\n\t<button daff-button color=\"theme-contrast\">Contact Us</button>\n</nav>", styles: [".daff-basic-navbar{justify-content:space-between}.daff-basic-navbar__links>*{font-size:1.125rem;font-weight:700;padding:0 16px;text-decoration:none;text-transform:uppercase}\n"] }]
22
- }] });
23
-
24
- class ContainedNavbarComponent {
25
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: ContainedNavbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
26
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: ContainedNavbarComponent, isStandalone: true, selector: "contained-navbar", ngImport: i0, template: "<nav daff-navbar class=\"daff-contained-navbar\">\n\t<daff-container size=\"md\">\n\t\t<div class=\"daff-contained-navbar__links\">\n\t\t\t<a href=\"/\">Home</a>\n\t\t\t<a href=\"/\">About Us</a>\n\t\t</div>\n\t\t<button daff-button>Contact Us</button>\n\t</daff-container>\n</nav>\n", styles: [".daff-contained-navbar{justify-content:space-between}.daff-contained-navbar__links>*{font-size:1.125rem;font-weight:700;padding:0 16px;text-decoration:none;text-transform:uppercase}\n"], dependencies: [{ kind: "component", type: i1.DaffNavbarComponent, selector: "nav[daff-navbar]", inputs: ["raised"] }, { kind: "component", type: i2.DaffContainerComponent, selector: "daff-container" }, { kind: "component", type: DaffButtonComponent, selector: "button[daff-button],a[daff-button]", inputs: ["elevated"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
27
- }
28
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: ContainedNavbarComponent, decorators: [{
29
- type: Component,
30
- args: [{ selector: 'contained-navbar', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
31
- DAFF_NAVBAR_COMPONENTS,
32
- DAFF_CONTAINER_COMPONENTS,
33
- DaffButtonComponent,
34
- ], template: "<nav daff-navbar class=\"daff-contained-navbar\">\n\t<daff-container size=\"md\">\n\t\t<div class=\"daff-contained-navbar__links\">\n\t\t\t<a href=\"/\">Home</a>\n\t\t\t<a href=\"/\">About Us</a>\n\t\t</div>\n\t\t<button daff-button>Contact Us</button>\n\t</daff-container>\n</nav>\n", styles: [".daff-contained-navbar{justify-content:space-between}.daff-contained-navbar__links>*{font-size:1.125rem;font-weight:700;padding:0 16px;text-decoration:none;text-transform:uppercase}\n"] }]
35
- }] });
36
-
37
- class NavbarThemingComponent {
38
- constructor() {
39
- this.colorControl = new UntypedFormControl('');
40
- this.options = [
41
- { value: '', label: 'Default' },
42
- { value: 'primary', label: 'Primary' },
43
- { value: 'secondary', label: 'Secondary' },
44
- { value: 'tertiary', label: 'Tertiary' },
45
- { value: 'white', label: 'White' },
46
- { value: 'black', label: 'Black' },
47
- { value: 'theme', label: 'Theme' },
48
- { value: 'theme-contrast', label: 'Theme Contrast' },
49
- ];
50
- }
51
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: NavbarThemingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
52
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: NavbarThemingComponent, isStandalone: true, selector: "navbar-theming", ngImport: i0, template: "<nav daff-navbar [color]=\"colorControl.value\" class=\"daff-navbar-theming\">\n\t<div class=\"daff-navbar-theming__links\">\n\t\t<a href=\"/\">Home</a>\n\t\t<a href=\"/\">About Us</a>\n\t</div>\n\t<button daff-button>Contact Us</button>\n</nav>\n\n<select [formControl]=\"colorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>", styles: [".daff-navbar-theming{justify-content:space-between}.daff-navbar-theming__links>*{font-size:1.125rem;font-weight:700;padding:0 16px;text-decoration:none;text-transform:uppercase}\n"], dependencies: [{ kind: "component", type: i1.DaffNavbarComponent, selector: "nav[daff-navbar]", inputs: ["raised"] }, { kind: "component", type: DaffButtonComponent, selector: "button[daff-button],a[daff-button]", inputs: ["elevated"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
53
- }
54
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: NavbarThemingComponent, decorators: [{
55
- type: Component,
56
- args: [{ selector: 'navbar-theming', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
57
- DAFF_NAVBAR_COMPONENTS,
58
- DaffButtonComponent,
59
- ReactiveFormsModule,
60
- NgFor,
61
- ], template: "<nav daff-navbar [color]=\"colorControl.value\" class=\"daff-navbar-theming\">\n\t<div class=\"daff-navbar-theming__links\">\n\t\t<a href=\"/\">Home</a>\n\t\t<a href=\"/\">About Us</a>\n\t</div>\n\t<button daff-button>Contact Us</button>\n</nav>\n\n<select [formControl]=\"colorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>", styles: [".daff-navbar-theming{justify-content:space-between}.daff-navbar-theming__links>*{font-size:1.125rem;font-weight:700;padding:0 16px;text-decoration:none;text-transform:uppercase}\n"] }]
62
- }] });
63
-
64
- class RaisedNavbarComponent {
65
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: RaisedNavbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
66
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: RaisedNavbarComponent, isStandalone: true, selector: "raised-navbar", ngImport: i0, template: "<nav daff-navbar [raised]=\"true\" class=\"daff-raised-navbar\">\n\t<div class=\"daff-raised-navbar__links\">\n\t\t<a href=\"/\">Home</a>\n\t\t<a href=\"/\">About Us</a>\n\t</div>\n\t<button daff-button>Contact Us</button>\n</nav>\n", styles: [".daff-raised-navbar{justify-content:space-between}.daff-raised-navbar__links>*{font-size:1.125rem;font-weight:700;padding:0 16px;text-decoration:none;text-transform:uppercase}\n"], dependencies: [{ kind: "component", type: i1.DaffNavbarComponent, selector: "nav[daff-navbar]", inputs: ["raised"] }, { kind: "component", type: DaffButtonComponent, selector: "button[daff-button],a[daff-button]", inputs: ["elevated"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
67
- }
68
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: RaisedNavbarComponent, decorators: [{
69
- type: Component,
70
- args: [{ selector: 'raised-navbar', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
71
- DAFF_NAVBAR_COMPONENTS,
72
- DaffButtonComponent,
73
- ], template: "<nav daff-navbar [raised]=\"true\" class=\"daff-raised-navbar\">\n\t<div class=\"daff-raised-navbar__links\">\n\t\t<a href=\"/\">Home</a>\n\t\t<a href=\"/\">About Us</a>\n\t</div>\n\t<button daff-button>Contact Us</button>\n</nav>\n", styles: [".daff-raised-navbar{justify-content:space-between}.daff-raised-navbar__links>*{font-size:1.125rem;font-weight:700;padding:0 16px;text-decoration:none;text-transform:uppercase}\n"] }]
74
- }] });
75
-
76
- const NAVBAR_EXAMPLES = [
77
- BasicNavbarComponent,
78
- ContainedNavbarComponent,
79
- NavbarThemingComponent,
80
- RaisedNavbarComponent,
81
- ];
82
-
83
- /**
84
- * Generated bundle index. Do not edit.
85
- */
86
-
87
- export { BasicNavbarComponent, ContainedNavbarComponent, NAVBAR_EXAMPLES, NavbarThemingComponent, RaisedNavbarComponent };
88
- //# sourceMappingURL=daffodil-design-navbar-examples.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"daffodil-design-navbar-examples.mjs","sources":["../../../libs/design/navbar/examples/src/basic-navbar/basic-navbar.component.ts","../../../libs/design/navbar/examples/src/basic-navbar/basic-navbar.component.html","../../../libs/design/navbar/examples/src/contained-navbar/contained-navbar.component.ts","../../../libs/design/navbar/examples/src/contained-navbar/contained-navbar.component.html","../../../libs/design/navbar/examples/src/navbar-theming/navbar-theming.component.ts","../../../libs/design/navbar/examples/src/navbar-theming/navbar-theming.component.html","../../../libs/design/navbar/examples/src/raised-navbar/raised-navbar.component.ts","../../../libs/design/navbar/examples/src/raised-navbar/raised-navbar.component.html","../../../libs/design/navbar/examples/src/examples.ts","../../../libs/design/navbar/examples/src/daffodil-design-navbar-examples.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\n\nimport { DaffButtonComponent } from '@daffodil/design/button';\nimport { DAFF_NAVBAR_COMPONENTS } from '@daffodil/design/navbar';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'basic-navbar',\n templateUrl: './basic-navbar.component.html',\n styleUrls: ['./basic-navbar.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n DAFF_NAVBAR_COMPONENTS,\n DaffButtonComponent,\n ],\n})\nexport class BasicNavbarComponent {}\n","<nav daff-navbar class=\"daff-basic-navbar\">\n\t<div class=\"daff-basic-navbar__links\">\n\t\t<a href=\"/\">Home</a>\n\t\t<a href=\"/\">About Us</a>\n\t</div>\n\t<button daff-button color=\"theme-contrast\">Contact Us</button>\n</nav>","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\n\nimport { DaffButtonComponent } from '@daffodil/design/button';\nimport { DAFF_CONTAINER_COMPONENTS } from '@daffodil/design/container';\nimport { DAFF_NAVBAR_COMPONENTS } from '@daffodil/design/navbar';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'contained-navbar',\n templateUrl: './contained-navbar.component.html',\n styleUrls: ['./contained-navbar.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n DAFF_NAVBAR_COMPONENTS,\n DAFF_CONTAINER_COMPONENTS,\n DaffButtonComponent,\n ],\n})\nexport class ContainedNavbarComponent {}\n","<nav daff-navbar class=\"daff-contained-navbar\">\n\t<daff-container size=\"md\">\n\t\t<div class=\"daff-contained-navbar__links\">\n\t\t\t<a href=\"/\">Home</a>\n\t\t\t<a href=\"/\">About Us</a>\n\t\t</div>\n\t\t<button daff-button>Contact Us</button>\n\t</daff-container>\n</nav>\n","import { NgFor } from '@angular/common';\nimport {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport {\n UntypedFormControl,\n ReactiveFormsModule,\n} from '@angular/forms';\n\nimport { DaffButtonComponent } from '@daffodil/design/button';\nimport { DAFF_NAVBAR_COMPONENTS } from '@daffodil/design/navbar';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'navbar-theming',\n templateUrl: './navbar-theming.component.html',\n styleUrls: ['./navbar-theming.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n DAFF_NAVBAR_COMPONENTS,\n DaffButtonComponent,\n ReactiveFormsModule,\n NgFor,\n ],\n})\nexport class NavbarThemingComponent {\n colorControl: UntypedFormControl = new UntypedFormControl('');\n\n options = [\n { value: '', label: 'Default' },\n { value: 'primary', label: 'Primary' },\n { value: 'secondary', label: 'Secondary' },\n { value: 'tertiary', label: 'Tertiary' },\n { value: 'white', label: 'White' },\n { value: 'black', label: 'Black' },\n { value: 'theme', label: 'Theme' },\n { value: 'theme-contrast', label: 'Theme Contrast' },\n ];\n}\n","<nav daff-navbar [color]=\"colorControl.value\" class=\"daff-navbar-theming\">\n\t<div class=\"daff-navbar-theming__links\">\n\t\t<a href=\"/\">Home</a>\n\t\t<a href=\"/\">About Us</a>\n\t</div>\n\t<button daff-button>Contact Us</button>\n</nav>\n\n<select [formControl]=\"colorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\n\nimport { DaffButtonComponent } from '@daffodil/design/button';\nimport { DAFF_NAVBAR_COMPONENTS } from '@daffodil/design/navbar';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'raised-navbar',\n templateUrl: './raised-navbar.component.html',\n styleUrls: ['./raised-navbar.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n DAFF_NAVBAR_COMPONENTS,\n DaffButtonComponent,\n ],\n})\nexport class RaisedNavbarComponent {}\n","<nav daff-navbar [raised]=\"true\" class=\"daff-raised-navbar\">\n\t<div class=\"daff-raised-navbar__links\">\n\t\t<a href=\"/\">Home</a>\n\t\t<a href=\"/\">About Us</a>\n\t</div>\n\t<button daff-button>Contact Us</button>\n</nav>\n","import { BasicNavbarComponent } from './basic-navbar/basic-navbar.component';\nimport { ContainedNavbarComponent } from './contained-navbar/contained-navbar.component';\nimport { NavbarThemingComponent } from './navbar-theming/navbar-theming.component';\nimport { RaisedNavbarComponent } from './raised-navbar/raised-navbar.component';\n\nexport const NAVBAR_EXAMPLES = [\n BasicNavbarComponent,\n ContainedNavbarComponent,\n NavbarThemingComponent,\n RaisedNavbarComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
@@ -1,102 +0,0 @@
1
- import * as i0 from '@angular/core';
2
- import { ChangeDetectionStrategy, Component } from '@angular/core';
3
- import { FaIconComponent } from '@fortawesome/angular-fontawesome';
4
- import { faInfoCircle, faCheck, faExclamation } from '@fortawesome/free-solid-svg-icons';
5
- import * as i3 from '@daffodil/design/button';
6
- import { DAFF_BASIC_BUTTON_COMPONENTS, DAFF_FLAT_BUTTON_COMPONENTS } from '@daffodil/design/button';
7
- import * as i1 from '@daffodil/design/notification';
8
- import { DAFF_NOTIFICATION_COMPONENTS } from '@daffodil/design/notification';
9
- import * as i2 from '@daffodil/design';
10
- import { NgIf } from '@angular/common';
11
- import * as i3$1 from '@angular/forms';
12
- import { UntypedFormControl, ReactiveFormsModule } from '@angular/forms';
13
-
14
- class DefaultNotificationComponent {
15
- constructor() {
16
- this.faInfoCircle = faInfoCircle;
17
- }
18
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: DefaultNotificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
19
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: DefaultNotificationComponent, isStandalone: true, selector: "default-notification", ngImport: i0, template: "<daff-notification>\n\t<fa-icon daffPrefix [icon]=\"faInfoCircle\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationMessage>Additional details about this notification.</div>\n\t<div daffNotificationActions>\n <button daff-button size=\"sm\" color=\"theme-contrast\">Confirm</button>\n <button daff-flat-button size=\"sm\" color=\"theme-contrast\">Cancel</button>\n </div>\n</daff-notification>", styles: [":host{display:flex;flex-direction:column;align-items:center;gap:16px}\n"], dependencies: [{ kind: "component", type: i1.DaffNotificationComponent, selector: "daff-notification", inputs: ["dismissible", "orientation"], outputs: ["closeNotification"] }, { kind: "directive", type: i1.DaffNotificationActionsDirective, selector: "[daffNotificationActions]" }, { kind: "directive", type: i1.DaffNotificationMessageDirective, selector: "[daffNotificationMessage]" }, { kind: "directive", type: i1.DaffNotificationTitleDirective, selector: "[daffNotificationTitle]" }, { kind: "directive", type: i2.DaffPrefixDirective, selector: "[daffPrefix]" }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"], outputs: ["iconChange", "titleChange", "animationChange", "maskChange", "flipChange", "sizeChange", "pullChange", "borderChange", "inverseChange", "symbolChange", "rotateChange", "fixedWidthChange", "transformChange", "a11yRoleChange"] }, { kind: "component", type: i3.DaffButtonComponent, selector: "button[daff-button],a[daff-button]", inputs: ["elevated"] }, { kind: "component", type: i3.DaffFlatButtonComponent, selector: "button[daff-flat-button],a[daff-flat-button]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
20
- }
21
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: DefaultNotificationComponent, decorators: [{
22
- type: Component,
23
- args: [{ selector: 'default-notification', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
24
- DAFF_NOTIFICATION_COMPONENTS,
25
- FaIconComponent,
26
- DAFF_BASIC_BUTTON_COMPONENTS,
27
- DAFF_FLAT_BUTTON_COMPONENTS,
28
- ], template: "<daff-notification>\n\t<fa-icon daffPrefix [icon]=\"faInfoCircle\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationMessage>Additional details about this notification.</div>\n\t<div daffNotificationActions>\n <button daff-button size=\"sm\" color=\"theme-contrast\">Confirm</button>\n <button daff-flat-button size=\"sm\" color=\"theme-contrast\">Cancel</button>\n </div>\n</daff-notification>", styles: [":host{display:flex;flex-direction:column;align-items:center;gap:16px}\n"] }]
29
- }] });
30
-
31
- class DismissibleNotificationComponent {
32
- constructor() {
33
- this.faInfoCircle = faInfoCircle;
34
- this.hidden = false;
35
- }
36
- hideNotification() {
37
- this.hidden = true;
38
- }
39
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: DismissibleNotificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
40
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: DismissibleNotificationComponent, isStandalone: true, selector: "dismissible-notification", ngImport: i0, template: "<daff-notification *ngIf=\"!hidden\" dismissible=\"true\" (closeNotification)=\"hideNotification()\">\n\t<fa-icon daffPrefix [icon]=\"faInfoCircle\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationMessage>Additional details about this notification.</div>\n</daff-notification>", styles: [":host{display:flex;justify-content:center}\n"], dependencies: [{ kind: "component", type: i1.DaffNotificationComponent, selector: "daff-notification", inputs: ["dismissible", "orientation"], outputs: ["closeNotification"] }, { kind: "directive", type: i1.DaffNotificationMessageDirective, selector: "[daffNotificationMessage]" }, { kind: "directive", type: i1.DaffNotificationTitleDirective, selector: "[daffNotificationTitle]" }, { kind: "directive", type: i2.DaffPrefixDirective, selector: "[daffPrefix]" }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"], outputs: ["iconChange", "titleChange", "animationChange", "maskChange", "flipChange", "sizeChange", "pullChange", "borderChange", "inverseChange", "symbolChange", "rotateChange", "fixedWidthChange", "transformChange", "a11yRoleChange"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
41
- }
42
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: DismissibleNotificationComponent, decorators: [{
43
- type: Component,
44
- args: [{ selector: 'dismissible-notification', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
45
- DAFF_NOTIFICATION_COMPONENTS,
46
- FaIconComponent,
47
- NgIf,
48
- ], template: "<daff-notification *ngIf=\"!hidden\" dismissible=\"true\" (closeNotification)=\"hideNotification()\">\n\t<fa-icon daffPrefix [icon]=\"faInfoCircle\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationMessage>Additional details about this notification.</div>\n</daff-notification>", styles: [":host{display:flex;justify-content:center}\n"] }]
49
- }] });
50
-
51
- class NotificationOrientationsComponent {
52
- constructor() {
53
- this.faInfoCircle = faInfoCircle;
54
- this.faCheck = faCheck;
55
- this.faExclamation = faExclamation;
56
- this.orientationControl = new UntypedFormControl('vertical');
57
- }
58
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: NotificationOrientationsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
59
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: NotificationOrientationsComponent, isStandalone: true, selector: "notification-orientations", ngImport: i0, template: "<daff-notification [orientation]=\"orientationControl.value\">\n\t<fa-icon daffPrefix [icon]=\"faCheck\" [fixedWidth]=\"true\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationMessage>Additional details about this notification.</div>\n</daff-notification>\n\n<select [formControl]=\"orientationControl\">\n\t<option value=\"vertical\">Vertical</option>\n\t<option value=\"horizontal\">Horizontal</option>\n</select>", styles: [":host{display:flex;flex-direction:column;align-items:center;gap:16px}\n"], dependencies: [{ kind: "component", type: i1.DaffNotificationComponent, selector: "daff-notification", inputs: ["dismissible", "orientation"], outputs: ["closeNotification"] }, { kind: "directive", type: i1.DaffNotificationMessageDirective, selector: "[daffNotificationMessage]" }, { kind: "directive", type: i1.DaffNotificationTitleDirective, selector: "[daffNotificationTitle]" }, { kind: "directive", type: i2.DaffPrefixDirective, selector: "[daffPrefix]" }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"], outputs: ["iconChange", "titleChange", "animationChange", "maskChange", "flipChange", "sizeChange", "pullChange", "borderChange", "inverseChange", "symbolChange", "rotateChange", "fixedWidthChange", "transformChange", "a11yRoleChange"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
60
- }
61
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: NotificationOrientationsComponent, decorators: [{
62
- type: Component,
63
- args: [{ selector: 'notification-orientations', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
64
- DAFF_NOTIFICATION_COMPONENTS,
65
- FaIconComponent,
66
- ReactiveFormsModule,
67
- ], template: "<daff-notification [orientation]=\"orientationControl.value\">\n\t<fa-icon daffPrefix [icon]=\"faCheck\" [fixedWidth]=\"true\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationMessage>Additional details about this notification.</div>\n</daff-notification>\n\n<select [formControl]=\"orientationControl\">\n\t<option value=\"vertical\">Vertical</option>\n\t<option value=\"horizontal\">Horizontal</option>\n</select>", styles: [":host{display:flex;flex-direction:column;align-items:center;gap:16px}\n"] }]
68
- }] });
69
-
70
- class NotificationStatusComponent {
71
- constructor() {
72
- this.faInfoCircle = faInfoCircle;
73
- this.faCheck = faCheck;
74
- this.faExclamation = faExclamation;
75
- this.statusControl = new UntypedFormControl('');
76
- }
77
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: NotificationStatusComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
78
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: NotificationStatusComponent, isStandalone: true, selector: "notification-status", ngImport: i0, template: "<daff-notification [status]=\"statusControl.value\">\n\t<fa-icon *ngIf=\"statusControl.value === 'info' || statusControl.value === ''\" daffPrefix [icon]=\"faCheck\" [fixedWidth]=\"true\"></fa-icon>\n\t<fa-icon *ngIf=\"statusControl.value === 'success'\" daffPrefix [icon]=\"faCheck\" [fixedWidth]=\"true\"></fa-icon>\n\t<fa-icon *ngIf=\"statusControl.value === 'warn'\" daffPrefix [icon]=\"faExclamation\" [fixedWidth]=\"true\"></fa-icon>\n\t<fa-icon *ngIf=\"statusControl.value === 'critical'\" daffPrefix [icon]=\"faExclamation\" [fixedWidth]=\"true\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationMessage>Additional details about this notification.</div>\n</daff-notification>\n\n<select [formControl]=\"statusControl\">\n\t<option value=\"\">Default</option>\n\t<option value=\"info\">Informational</option>\n\t<option value=\"success\">Success</option>\n\t<option value=\"warn\">Warn</option>\n\t<option value=\"critical\">Critical</option>\n</select>", styles: [":host{display:flex;flex-direction:column;align-items:center;gap:16px}\n"], dependencies: [{ kind: "component", type: i1.DaffNotificationComponent, selector: "daff-notification", inputs: ["dismissible", "orientation"], outputs: ["closeNotification"] }, { kind: "directive", type: i1.DaffNotificationMessageDirective, selector: "[daffNotificationMessage]" }, { kind: "directive", type: i1.DaffNotificationTitleDirective, selector: "[daffNotificationTitle]" }, { kind: "directive", type: i2.DaffPrefixDirective, selector: "[daffPrefix]" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"], outputs: ["iconChange", "titleChange", "animationChange", "maskChange", "flipChange", "sizeChange", "pullChange", "borderChange", "inverseChange", "symbolChange", "rotateChange", "fixedWidthChange", "transformChange", "a11yRoleChange"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
79
- }
80
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: NotificationStatusComponent, decorators: [{
81
- type: Component,
82
- args: [{ selector: 'notification-status', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
83
- DAFF_NOTIFICATION_COMPONENTS,
84
- NgIf,
85
- FaIconComponent,
86
- ReactiveFormsModule,
87
- ], template: "<daff-notification [status]=\"statusControl.value\">\n\t<fa-icon *ngIf=\"statusControl.value === 'info' || statusControl.value === ''\" daffPrefix [icon]=\"faCheck\" [fixedWidth]=\"true\"></fa-icon>\n\t<fa-icon *ngIf=\"statusControl.value === 'success'\" daffPrefix [icon]=\"faCheck\" [fixedWidth]=\"true\"></fa-icon>\n\t<fa-icon *ngIf=\"statusControl.value === 'warn'\" daffPrefix [icon]=\"faExclamation\" [fixedWidth]=\"true\"></fa-icon>\n\t<fa-icon *ngIf=\"statusControl.value === 'critical'\" daffPrefix [icon]=\"faExclamation\" [fixedWidth]=\"true\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationMessage>Additional details about this notification.</div>\n</daff-notification>\n\n<select [formControl]=\"statusControl\">\n\t<option value=\"\">Default</option>\n\t<option value=\"info\">Informational</option>\n\t<option value=\"success\">Success</option>\n\t<option value=\"warn\">Warn</option>\n\t<option value=\"critical\">Critical</option>\n</select>", styles: [":host{display:flex;flex-direction:column;align-items:center;gap:16px}\n"] }]
88
- }] });
89
-
90
- const NOTIFICATION_EXAMPLES = [
91
- DefaultNotificationComponent,
92
- DismissibleNotificationComponent,
93
- NotificationOrientationsComponent,
94
- NotificationStatusComponent,
95
- ];
96
-
97
- /**
98
- * Generated bundle index. Do not edit.
99
- */
100
-
101
- export { NOTIFICATION_EXAMPLES };
102
- //# sourceMappingURL=daffodil-design-notification-examples.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"daffodil-design-notification-examples.mjs","sources":["../../../libs/design/notification/examples/src/default-notification/default-notification.component.ts","../../../libs/design/notification/examples/src/default-notification/default-notification.component.html","../../../libs/design/notification/examples/src/dismissible-notification/dismissible-notification.component.ts","../../../libs/design/notification/examples/src/dismissible-notification/dismissible-notification.component.html","../../../libs/design/notification/examples/src/notification-orientations/notification-orientations.component.ts","../../../libs/design/notification/examples/src/notification-orientations/notification-orientations.component.html","../../../libs/design/notification/examples/src/notification-status/notification-status.component.ts","../../../libs/design/notification/examples/src/notification-status/notification-status.component.html","../../../libs/design/notification/examples/src/public_api.ts","../../../libs/design/notification/examples/src/daffodil-design-notification-examples.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport { faInfoCircle } from '@fortawesome/free-solid-svg-icons';\n\nimport {\n DAFF_BASIC_BUTTON_COMPONENTS,\n DAFF_FLAT_BUTTON_COMPONENTS,\n} from '@daffodil/design/button';\nimport { DAFF_NOTIFICATION_COMPONENTS } from '@daffodil/design/notification';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'default-notification',\n templateUrl: './default-notification.component.html',\n styleUrls: ['./default-notification.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n DAFF_NOTIFICATION_COMPONENTS,\n FaIconComponent,\n DAFF_BASIC_BUTTON_COMPONENTS,\n DAFF_FLAT_BUTTON_COMPONENTS,\n ],\n})\nexport class DefaultNotificationComponent {\n faInfoCircle = faInfoCircle;\n}\n","<daff-notification>\n\t<fa-icon daffPrefix [icon]=\"faInfoCircle\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationMessage>Additional details about this notification.</div>\n\t<div daffNotificationActions>\n <button daff-button size=\"sm\" color=\"theme-contrast\">Confirm</button>\n <button daff-flat-button size=\"sm\" color=\"theme-contrast\">Cancel</button>\n </div>\n</daff-notification>","import { NgIf } from '@angular/common';\nimport {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport { faInfoCircle } from '@fortawesome/free-solid-svg-icons';\n\nimport { DAFF_NOTIFICATION_COMPONENTS } from '@daffodil/design/notification';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'dismissible-notification',\n templateUrl: './dismissible-notification.component.html',\n styles: [`\n :host {\n display: flex;\n justify-content: center;\n }\n `],\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n DAFF_NOTIFICATION_COMPONENTS,\n FaIconComponent,\n NgIf,\n ],\n})\nexport class DismissibleNotificationComponent {\n faInfoCircle = faInfoCircle;\n\n hidden = false;\n\n hideNotification() {\n this.hidden = true;\n }\n}\n","<daff-notification *ngIf=\"!hidden\" dismissible=\"true\" (closeNotification)=\"hideNotification()\">\n\t<fa-icon daffPrefix [icon]=\"faInfoCircle\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationMessage>Additional details about this notification.</div>\n</daff-notification>","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport {\n UntypedFormControl,\n ReactiveFormsModule,\n} from '@angular/forms';\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport {\n faCheck,\n faExclamation,\n faInfoCircle,\n} from '@fortawesome/free-solid-svg-icons';\n\nimport { DAFF_NOTIFICATION_COMPONENTS } from '@daffodil/design/notification';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'notification-orientations',\n templateUrl: './notification-orientations.component.html',\n styleUrls: ['./notification-orientations.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n DAFF_NOTIFICATION_COMPONENTS,\n FaIconComponent,\n ReactiveFormsModule,\n ],\n})\nexport class NotificationOrientationsComponent {\n faInfoCircle = faInfoCircle;\n faCheck = faCheck;\n faExclamation = faExclamation;\n\n orientationControl: UntypedFormControl = new UntypedFormControl('vertical');\n}\n","<daff-notification [orientation]=\"orientationControl.value\">\n\t<fa-icon daffPrefix [icon]=\"faCheck\" [fixedWidth]=\"true\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationMessage>Additional details about this notification.</div>\n</daff-notification>\n\n<select [formControl]=\"orientationControl\">\n\t<option value=\"vertical\">Vertical</option>\n\t<option value=\"horizontal\">Horizontal</option>\n</select>","import { NgIf } from '@angular/common';\nimport {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport {\n UntypedFormControl,\n ReactiveFormsModule,\n} from '@angular/forms';\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport {\n faCheck,\n faExclamation,\n faInfoCircle,\n} from '@fortawesome/free-solid-svg-icons';\n\nimport { DAFF_NOTIFICATION_COMPONENTS } from '@daffodil/design/notification';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'notification-status',\n templateUrl: './notification-status.component.html',\n styleUrls: ['./notification-status.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n DAFF_NOTIFICATION_COMPONENTS,\n NgIf,\n FaIconComponent,\n ReactiveFormsModule,\n ],\n})\nexport class NotificationStatusComponent {\n faInfoCircle = faInfoCircle;\n faCheck = faCheck;\n faExclamation = faExclamation;\n\n statusControl: UntypedFormControl = new UntypedFormControl('');\n}\n","<daff-notification [status]=\"statusControl.value\">\n\t<fa-icon *ngIf=\"statusControl.value === 'info' || statusControl.value === ''\" daffPrefix [icon]=\"faCheck\" [fixedWidth]=\"true\"></fa-icon>\n\t<fa-icon *ngIf=\"statusControl.value === 'success'\" daffPrefix [icon]=\"faCheck\" [fixedWidth]=\"true\"></fa-icon>\n\t<fa-icon *ngIf=\"statusControl.value === 'warn'\" daffPrefix [icon]=\"faExclamation\" [fixedWidth]=\"true\"></fa-icon>\n\t<fa-icon *ngIf=\"statusControl.value === 'critical'\" daffPrefix [icon]=\"faExclamation\" [fixedWidth]=\"true\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationMessage>Additional details about this notification.</div>\n</daff-notification>\n\n<select [formControl]=\"statusControl\">\n\t<option value=\"\">Default</option>\n\t<option value=\"info\">Informational</option>\n\t<option value=\"success\">Success</option>\n\t<option value=\"warn\">Warn</option>\n\t<option value=\"critical\">Critical</option>\n</select>","import { DefaultNotificationComponent } from './default-notification/default-notification.component';\nimport { DismissibleNotificationComponent } from './dismissible-notification/dismissible-notification.component';\nimport { NotificationOrientationsComponent } from './notification-orientations/notification-orientations.component';\nimport { NotificationStatusComponent } from './notification-status/notification-status.component';\n\nexport const NOTIFICATION_EXAMPLES = [\n DefaultNotificationComponent,\n DismissibleNotificationComponent,\n NotificationOrientationsComponent,\n NotificationStatusComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i3"],"mappings":"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"}