@fundamental-ngx/core 0.46.0-rc.3 → 0.46.0-rc.31

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 (269) hide show
  1. package/button/base-button.d.ts +3 -1
  2. package/button/button.component.d.ts +6 -1
  3. package/checkbox/checkbox/checkbox.component.d.ts +22 -11
  4. package/content-density/content-density.module.d.ts +2 -3
  5. package/content-density/index.d.ts +3 -2
  6. package/content-density/provide-content-density.d.ts +7 -0
  7. package/date-picker/date-picker.component.d.ts +6 -4
  8. package/datetime-picker/datetime-picker.component.d.ts +8 -6
  9. package/dialog/base/dialog-base.service.d.ts +4 -3
  10. package/dialog/dialog-container/dialog-container.component.d.ts +8 -7
  11. package/dialog/index.d.ts +11 -10
  12. package/dialog/utils/dialog-container.model.d.ts +4 -0
  13. package/esm2022/avatar/avatar.component.mjs +3 -3
  14. package/esm2022/breadcrumb/breadcrumb.component.mjs +1 -1
  15. package/esm2022/button/base-button.mjs +5 -3
  16. package/esm2022/button/button.component.mjs +21 -7
  17. package/esm2022/carousel/carousel.component.mjs +3 -3
  18. package/esm2022/checkbox/checkbox/checkbox.component.mjs +24 -10
  19. package/esm2022/combobox/combobox.component.mjs +1 -1
  20. package/esm2022/content-density/content-density.module.mjs +6 -68
  21. package/esm2022/content-density/index.mjs +4 -3
  22. package/esm2022/content-density/provide-content-density.mjs +71 -0
  23. package/esm2022/date-picker/date-picker.component.mjs +27 -20
  24. package/esm2022/datetime-picker/datetime-picker.component.mjs +25 -20
  25. package/esm2022/dialog/base/dialog-base.service.mjs +7 -3
  26. package/esm2022/dialog/dialog-container/dialog-container.component.mjs +11 -11
  27. package/esm2022/dialog/index.mjs +12 -11
  28. package/esm2022/dialog/utils/dialog-container.model.mjs +2 -0
  29. package/esm2022/facets/facet.module.mjs +8 -8
  30. package/esm2022/feed-list-item/feed-list-item.module.mjs +11 -11
  31. package/esm2022/form/fieldset/fieldset.component.mjs +4 -4
  32. package/esm2022/form/fieldset/fieldset.module.mjs +9 -7
  33. package/esm2022/form/form-control/form-control.component.mjs +25 -16
  34. package/esm2022/form/form-control/form-control.module.mjs +9 -10
  35. package/esm2022/form/form-group/form-group.component.mjs +4 -4
  36. package/esm2022/form/form-group/form-group.module.mjs +9 -7
  37. package/esm2022/form/form-header/form-header.component.mjs +3 -3
  38. package/esm2022/form/form-header/form-header.module.mjs +9 -7
  39. package/esm2022/form/form-input-message-group/form-input-message-group.component.mjs +8 -5
  40. package/esm2022/form/form-input-message-group/form-input-message-group.module.mjs +10 -9
  41. package/esm2022/form/form-item/form-item.component.mjs +5 -5
  42. package/esm2022/form/form-item/form-item.module.mjs +9 -7
  43. package/esm2022/form/form-label/form-label.component.mjs +9 -7
  44. package/esm2022/form/form-label/form-label.module.mjs +9 -10
  45. package/esm2022/form/form-legend/form-legend.directive.mjs +4 -3
  46. package/esm2022/form/form-legend/form-legend.module.mjs +9 -7
  47. package/esm2022/form/form-message/form-message.component.mjs +3 -3
  48. package/esm2022/form/form-message/form-message.module.mjs +9 -7
  49. package/esm2022/form/form.module.mjs +54 -40
  50. package/esm2022/form/index.mjs +10 -12
  51. package/esm2022/formatted-text/formatted-text.component.mjs +4 -4
  52. package/esm2022/formatted-text/formatted-text.module.mjs +8 -6
  53. package/esm2022/generic-tag/fundamental-ngx-core-generic-tag.mjs +5 -0
  54. package/esm2022/generic-tag/generic-tag.component.mjs +75 -0
  55. package/esm2022/generic-tag/generic-tag.module.mjs +16 -0
  56. package/esm2022/generic-tag/index.mjs +4 -0
  57. package/esm2022/generic-tag/tokens.mjs +3 -0
  58. package/esm2022/grid-list/components/grid-list/grid-list.component.mjs +5 -5
  59. package/esm2022/grid-list/components/grid-list-item/grid-list-item.component.mjs +6 -6
  60. package/esm2022/icon/icon.component.mjs +3 -3
  61. package/esm2022/icon/icon.module.mjs +5 -7
  62. package/esm2022/illustrated-message/illustrated-message.component.mjs +3 -3
  63. package/esm2022/list/list.component.mjs +22 -13
  64. package/esm2022/menu/directives/glyph-menu-addon.directive.mjs +86 -0
  65. package/esm2022/menu/directives/menu-addon.directive.mjs +22 -14
  66. package/esm2022/menu/directives/menu-item-input.directive.mjs +37 -0
  67. package/esm2022/menu/directives/menu-shortcut.directive.mjs +5 -4
  68. package/esm2022/menu/directives/menu-title.directive.mjs +4 -3
  69. package/esm2022/menu/directives/menu-trigger.directive.mjs +4 -3
  70. package/esm2022/menu/directives/segmented-button/segmented-button-header.directive.mjs +68 -0
  71. package/esm2022/menu/directives/segmented-button/segmented-button-option.directive.mjs +89 -0
  72. package/esm2022/menu/directives/toggle-button.directive.mjs +62 -0
  73. package/esm2022/menu/index.mjs +13 -8
  74. package/esm2022/menu/menu-interactive.component.mjs +121 -0
  75. package/esm2022/menu/menu-item/menu-item.component.mjs +36 -12
  76. package/esm2022/menu/menu-mobile/menu-mobile.component.mjs +31 -12
  77. package/esm2022/menu/menu-mobile/menu-mobile.module.mjs +7 -8
  78. package/esm2022/menu/menu-separator.directive.mjs +30 -0
  79. package/esm2022/menu/menu.component.mjs +89 -11
  80. package/esm2022/menu/menu.module.mjs +67 -27
  81. package/esm2022/menu/menu.tokens.mjs +5 -0
  82. package/esm2022/message-box/message-box-container/message-box-container.component.mjs +12 -12
  83. package/esm2022/multi-combobox/multi-combobox.component.mjs +1 -1
  84. package/esm2022/multi-input/multi-input-mobile/multi-input-mobile.component.mjs +3 -3
  85. package/esm2022/multi-input/multi-input.component.mjs +3 -3
  86. package/esm2022/notification/notification-body/notification-body.component.mjs +2 -2
  87. package/esm2022/pagination/pagination.component.mjs +1 -1
  88. package/esm2022/popover/index.mjs +12 -12
  89. package/esm2022/popover/popover-body.directive.mjs +20 -0
  90. package/esm2022/popover/popover-service/popover.service.mjs +29 -14
  91. package/esm2022/popover/popover.component.mjs +32 -14
  92. package/esm2022/popover/popover.module.mjs +15 -10
  93. package/esm2022/quick-view/quick-view.module.mjs +38 -18
  94. package/esm2022/rating-indicator/components/rating-indicator.component.mjs +3 -3
  95. package/esm2022/scrollbar/scrollbar.directive.mjs +15 -8
  96. package/esm2022/select/select.component.mjs +6 -4
  97. package/esm2022/shellbar/product-menu/product-menu.component.mjs +2 -2
  98. package/esm2022/shellbar/user-menu/shellbar-user-menu.component.mjs +2 -2
  99. package/esm2022/step-input/step-input.module.mjs +11 -11
  100. package/esm2022/tabs/tab-list.component.mjs +1 -1
  101. package/esm2022/theming/index.mjs +4 -3
  102. package/esm2022/theming/provide-theming.mjs +16 -0
  103. package/esm2022/theming/theming.module.mjs +6 -24
  104. package/esm2022/theming/tokens.mjs +5 -2
  105. package/esm2022/time-picker/time-picker.component.mjs +3 -3
  106. package/esm2022/time-picker/time-picker.module.mjs +8 -8
  107. package/esm2022/token/token.component.mjs +2 -2
  108. package/esm2022/token/tokenizer.component.mjs +1 -1
  109. package/esm2022/upload-collection/upload-collection-form-item/upload-collection-form-item.component.mjs +3 -3
  110. package/esm2022/upload-collection/upload-collection.component.mjs +1 -1
  111. package/esm2022/vertical-navigation/vertical-navigation.component.mjs +1 -1
  112. package/esm2022/wizard/wizard-step-indicator/wizard-step-indicator.component.mjs +3 -3
  113. package/esm2022/wizard/wizard.component.mjs +2 -2
  114. package/facets/facet.module.d.ts +1 -1
  115. package/feed-list-item/feed-list-item.module.d.ts +1 -1
  116. package/fesm2022/fundamental-ngx-core-avatar.mjs +2 -2
  117. package/fesm2022/fundamental-ngx-core-avatar.mjs.map +1 -1
  118. package/fesm2022/fundamental-ngx-core-breadcrumb.mjs +1 -1
  119. package/fesm2022/fundamental-ngx-core-breadcrumb.mjs.map +1 -1
  120. package/fesm2022/fundamental-ngx-core-button.mjs +23 -7
  121. package/fesm2022/fundamental-ngx-core-button.mjs.map +1 -1
  122. package/fesm2022/fundamental-ngx-core-carousel.mjs +2 -2
  123. package/fesm2022/fundamental-ngx-core-carousel.mjs.map +1 -1
  124. package/fesm2022/fundamental-ngx-core-checkbox.mjs +24 -10
  125. package/fesm2022/fundamental-ngx-core-checkbox.mjs.map +1 -1
  126. package/fesm2022/fundamental-ngx-core-combobox.mjs +1 -1
  127. package/fesm2022/fundamental-ngx-core-combobox.mjs.map +1 -1
  128. package/fesm2022/fundamental-ngx-core-content-density.mjs +111 -103
  129. package/fesm2022/fundamental-ngx-core-content-density.mjs.map +1 -1
  130. package/fesm2022/fundamental-ngx-core-date-picker.mjs +34 -24
  131. package/fesm2022/fundamental-ngx-core-date-picker.mjs.map +1 -1
  132. package/fesm2022/fundamental-ngx-core-datetime-picker.mjs +34 -29
  133. package/fesm2022/fundamental-ngx-core-datetime-picker.mjs.map +1 -1
  134. package/fesm2022/fundamental-ngx-core-dialog.mjs +160 -156
  135. package/fesm2022/fundamental-ngx-core-dialog.mjs.map +1 -1
  136. package/fesm2022/fundamental-ngx-core-facets.mjs +4 -4
  137. package/fesm2022/fundamental-ngx-core-facets.mjs.map +1 -1
  138. package/fesm2022/fundamental-ngx-core-feed-list-item.mjs +49 -49
  139. package/fesm2022/fundamental-ngx-core-feed-list-item.mjs.map +1 -1
  140. package/fesm2022/fundamental-ngx-core-form.mjs +332 -322
  141. package/fesm2022/fundamental-ngx-core-form.mjs.map +1 -1
  142. package/fesm2022/fundamental-ngx-core-formatted-text.mjs +9 -7
  143. package/fesm2022/fundamental-ngx-core-formatted-text.mjs.map +1 -1
  144. package/fesm2022/fundamental-ngx-core-generic-tag.mjs +96 -0
  145. package/fesm2022/fundamental-ngx-core-generic-tag.mjs.map +1 -0
  146. package/fesm2022/fundamental-ngx-core-grid-list.mjs +17 -17
  147. package/fesm2022/fundamental-ngx-core-grid-list.mjs.map +1 -1
  148. package/fesm2022/fundamental-ngx-core-icon.mjs +6 -8
  149. package/fesm2022/fundamental-ngx-core-icon.mjs.map +1 -1
  150. package/fesm2022/fundamental-ngx-core-illustrated-message.mjs +2 -2
  151. package/fesm2022/fundamental-ngx-core-illustrated-message.mjs.map +1 -1
  152. package/fesm2022/fundamental-ngx-core-list.mjs +64 -55
  153. package/fesm2022/fundamental-ngx-core-list.mjs.map +1 -1
  154. package/fesm2022/fundamental-ngx-core-menu.mjs +663 -134
  155. package/fesm2022/fundamental-ngx-core-menu.mjs.map +1 -1
  156. package/fesm2022/fundamental-ngx-core-message-box.mjs +9 -9
  157. package/fesm2022/fundamental-ngx-core-message-box.mjs.map +1 -1
  158. package/fesm2022/fundamental-ngx-core-multi-combobox.mjs +1 -1
  159. package/fesm2022/fundamental-ngx-core-multi-combobox.mjs.map +1 -1
  160. package/fesm2022/fundamental-ngx-core-multi-input.mjs +4 -4
  161. package/fesm2022/fundamental-ngx-core-multi-input.mjs.map +1 -1
  162. package/fesm2022/fundamental-ngx-core-notification.mjs.map +1 -1
  163. package/fesm2022/fundamental-ngx-core-pagination.mjs +1 -1
  164. package/fesm2022/fundamental-ngx-core-pagination.mjs.map +1 -1
  165. package/fesm2022/fundamental-ngx-core-popover.mjs +445 -391
  166. package/fesm2022/fundamental-ngx-core-popover.mjs.map +1 -1
  167. package/fesm2022/fundamental-ngx-core-quick-view.mjs +152 -132
  168. package/fesm2022/fundamental-ngx-core-quick-view.mjs.map +1 -1
  169. package/fesm2022/fundamental-ngx-core-rating-indicator.mjs +2 -2
  170. package/fesm2022/fundamental-ngx-core-rating-indicator.mjs.map +1 -1
  171. package/fesm2022/fundamental-ngx-core-scrollbar.mjs +14 -7
  172. package/fesm2022/fundamental-ngx-core-scrollbar.mjs.map +1 -1
  173. package/fesm2022/fundamental-ngx-core-select.mjs +5 -3
  174. package/fesm2022/fundamental-ngx-core-select.mjs.map +1 -1
  175. package/fesm2022/fundamental-ngx-core-shellbar.mjs +2 -2
  176. package/fesm2022/fundamental-ngx-core-shellbar.mjs.map +1 -1
  177. package/fesm2022/fundamental-ngx-core-step-input.mjs +13 -13
  178. package/fesm2022/fundamental-ngx-core-step-input.mjs.map +1 -1
  179. package/fesm2022/fundamental-ngx-core-tabs.mjs +1 -1
  180. package/fesm2022/fundamental-ngx-core-tabs.mjs.map +1 -1
  181. package/fesm2022/fundamental-ngx-core-theming.mjs +22 -23
  182. package/fesm2022/fundamental-ngx-core-theming.mjs.map +1 -1
  183. package/fesm2022/fundamental-ngx-core-time-picker.mjs +12 -12
  184. package/fesm2022/fundamental-ngx-core-time-picker.mjs.map +1 -1
  185. package/fesm2022/fundamental-ngx-core-token.mjs +3 -3
  186. package/fesm2022/fundamental-ngx-core-token.mjs.map +1 -1
  187. package/fesm2022/fundamental-ngx-core-upload-collection.mjs +3 -3
  188. package/fesm2022/fundamental-ngx-core-upload-collection.mjs.map +1 -1
  189. package/fesm2022/fundamental-ngx-core-vertical-navigation.mjs +1 -1
  190. package/fesm2022/fundamental-ngx-core-vertical-navigation.mjs.map +1 -1
  191. package/fesm2022/fundamental-ngx-core-wizard.mjs +4 -4
  192. package/fesm2022/fundamental-ngx-core-wizard.mjs.map +1 -1
  193. package/form/fieldset/fieldset.component.d.ts +1 -1
  194. package/form/fieldset/fieldset.module.d.ts +5 -2
  195. package/form/form-control/form-control.component.d.ts +9 -7
  196. package/form/form-control/form-control.module.d.ts +5 -5
  197. package/form/form-group/form-group.component.d.ts +1 -1
  198. package/form/form-group/form-group.module.d.ts +5 -2
  199. package/form/form-header/form-header.component.d.ts +1 -1
  200. package/form/form-header/form-header.module.d.ts +5 -2
  201. package/form/form-input-message-group/form-input-message-group.component.d.ts +4 -2
  202. package/form/form-input-message-group/form-input-message-group.module.d.ts +5 -3
  203. package/form/form-item/form-item.component.d.ts +3 -3
  204. package/form/form-item/form-item.module.d.ts +5 -2
  205. package/form/form-label/form-label.component.d.ts +2 -2
  206. package/form/form-label/form-label.module.d.ts +5 -5
  207. package/form/form-legend/form-legend.directive.d.ts +1 -1
  208. package/form/form-legend/form-legend.module.d.ts +5 -2
  209. package/form/form-message/form-message.component.d.ts +2 -2
  210. package/form/form-message/form-message.module.d.ts +5 -2
  211. package/form/form.module.d.ts +10 -12
  212. package/form/index.d.ts +9 -11
  213. package/formatted-text/formatted-text.component.d.ts +1 -1
  214. package/formatted-text/formatted-text.module.d.ts +5 -2
  215. package/fundamental-ngx-core-v0.46.0-rc.31.tgz +0 -0
  216. package/generic-tag/README.md +25 -0
  217. package/generic-tag/generic-tag.component.d.ts +43 -0
  218. package/generic-tag/generic-tag.module.d.ts +7 -0
  219. package/generic-tag/index.d.ts +3 -0
  220. package/generic-tag/tokens.d.ts +2 -0
  221. package/grid-list/components/grid-list/grid-list.component.d.ts +3 -3
  222. package/grid-list/components/grid-list-item/grid-list-item.component.d.ts +2 -2
  223. package/icon/icon.component.d.ts +2 -3
  224. package/icon/icon.module.d.ts +1 -2
  225. package/list/list.component.d.ts +15 -6
  226. package/menu/directives/glyph-menu-addon.directive.d.ts +43 -0
  227. package/menu/directives/menu-addon.directive.d.ts +11 -5
  228. package/menu/directives/menu-item-input.directive.d.ts +14 -0
  229. package/menu/directives/menu-shortcut.directive.d.ts +1 -1
  230. package/menu/directives/menu-title.directive.d.ts +1 -1
  231. package/menu/directives/menu-trigger.directive.d.ts +1 -1
  232. package/menu/directives/segmented-button/segmented-button-header.directive.d.ts +27 -0
  233. package/menu/directives/segmented-button/segmented-button-option.directive.d.ts +40 -0
  234. package/menu/directives/toggle-button.directive.d.ts +19 -0
  235. package/menu/index.d.ts +12 -7
  236. package/menu/menu-interactive.component.d.ts +44 -0
  237. package/menu/menu-item/menu-item.component.d.ts +9 -6
  238. package/menu/menu-mobile/menu-mobile.component.d.ts +4 -4
  239. package/menu/menu-mobile/menu-mobile.module.d.ts +5 -5
  240. package/menu/menu-separator.directive.d.ts +15 -0
  241. package/menu/menu.component.d.ts +22 -7
  242. package/menu/menu.module.d.ts +19 -14
  243. package/menu/menu.tokens.d.ts +4 -0
  244. package/message-box/message-box-container/message-box-container.component.d.ts +7 -6
  245. package/multi-input/multi-input.component.d.ts +3 -1
  246. package/notification/notification-body/notification-body.component.d.ts +1 -1
  247. package/package.json +9 -3
  248. package/popover/index.d.ts +11 -11
  249. package/popover/popover-body.directive.d.ts +10 -0
  250. package/popover/popover-service/popover.service.d.ts +10 -4
  251. package/popover/popover.component.d.ts +11 -2
  252. package/popover/popover.module.d.ts +2 -1
  253. package/quick-view/quick-view.module.d.ts +1 -1
  254. package/schematics/add-dependencies/index.js +4 -4
  255. package/scrollbar/scrollbar.directive.d.ts +4 -2
  256. package/select/select.component.d.ts +4 -2
  257. package/step-input/step-input.module.d.ts +1 -1
  258. package/theming/index.d.ts +3 -2
  259. package/theming/provide-theming.d.ts +7 -0
  260. package/time-picker/time-picker.module.d.ts +1 -1
  261. package/esm2022/form/form-control/input-form-control.directive.mjs +0 -25
  262. package/esm2022/form/form-control/textarea-form-control.directive.mjs +0 -25
  263. package/esm2022/menu/directives/menu-interactive.directive.mjs +0 -68
  264. package/esm2022/menu/menu-separator/menu-separator.component.mjs +0 -23
  265. package/form/form-control/input-form-control.directive.d.ts +0 -9
  266. package/form/form-control/textarea-form-control.directive.d.ts +0 -9
  267. package/fundamental-ngx-core-v0.46.0-rc.3.tgz +0 -0
  268. package/menu/directives/menu-interactive.directive.d.ts +0 -30
  269. package/menu/menu-separator/menu-separator.component.d.ts +0 -7
@@ -37,6 +37,8 @@ export declare class BaseButton {
37
37
  fdMenu: boolean;
38
38
  /** adding native aria-label to the component */
39
39
  ariaLabel: Nullable<string>;
40
+ /** adding native aria-description to the componenet */
41
+ ariaDescription: Nullable<string>;
40
42
  /** Whether button is in toggled state. */
41
43
  set toggled(value: BooleanInput);
42
44
  get toggled(): boolean;
@@ -51,5 +53,5 @@ export declare class BaseButton {
51
53
  set ariaDisabled(value: BooleanInput);
52
54
  get ariaDisabled(): boolean;
53
55
  static ɵfac: i0.ɵɵFactoryDeclaration<BaseButton, never>;
54
- static ɵdir: i0.ɵɵDirectiveDeclaration<BaseButton, never, never, { "type": { "alias": "type"; "required": false; }; "glyphPosition": { "alias": "glyphPosition"; "required": false; }; "glyph": { "alias": "glyph"; "required": false; }; "fdType": { "alias": "fdType"; "required": false; }; "label": { "alias": "label"; "required": false; }; "fdMenu": { "alias": "fdMenu"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "toggled": { "alias": "toggled"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "ariaDisabled": { "alias": "aria-disabled"; "required": false; }; }, {}, never, never, false, never, false>;
56
+ static ɵdir: i0.ɵɵDirectiveDeclaration<BaseButton, never, never, { "type": { "alias": "type"; "required": false; }; "glyphPosition": { "alias": "glyphPosition"; "required": false; }; "glyph": { "alias": "glyph"; "required": false; }; "fdType": { "alias": "fdType"; "required": false; }; "label": { "alias": "label"; "required": false; }; "fdMenu": { "alias": "fdMenu"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaDescription": { "alias": "ariaDescription"; "required": false; }; "toggled": { "alias": "toggled"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "ariaDisabled": { "alias": "aria-disabled"; "required": false; }; }, {}, never, never, false, never, false>;
55
57
  }
@@ -1,7 +1,7 @@
1
1
  import { ChangeDetectorRef, ElementRef, OnChanges, OnDestroy, OnInit } from '@angular/core';
2
- import { BaseButton } from './base-button';
3
2
  import { CssClassBuilder } from '@fundamental-ngx/cdk/utils';
4
3
  import { ContentDensityObserver } from '@fundamental-ngx/core/content-density';
4
+ import { BaseButton } from './base-button';
5
5
  import * as i0 from "@angular/core";
6
6
  /**
7
7
  * Button directive, used to enhance standard HTML buttons.
@@ -26,6 +26,11 @@ export declare class ButtonComponent extends BaseButton implements OnChanges, Cs
26
26
  * @hidden
27
27
  */
28
28
  get buttonArialabel(): string | null;
29
+ /**
30
+ * Calculate aria-description attribute
31
+ * @hidden
32
+ */
33
+ get buttonAriaDescription(): string | null;
29
34
  /** @hidden */
30
35
  private _subscriptions;
31
36
  /** Forces the focus outline around the button, which is not default behavior in Safari. */
@@ -1,10 +1,11 @@
1
+ import { DomPortal, Portal } from '@angular/cdk/portal';
1
2
  import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, Renderer2 } from '@angular/core';
2
3
  import { ControlValueAccessor } from '@angular/forms';
3
- import { FdCheckboxValues } from './fd-checkbox-values.interface';
4
- import { Nullable } from '@fundamental-ngx/cdk/utils';
5
4
  import { FormStates } from '@fundamental-ngx/cdk/forms';
6
- import { FormItemControl } from '@fundamental-ngx/core/form';
5
+ import { Nullable } from '@fundamental-ngx/cdk/utils';
7
6
  import { ContentDensityObserver } from '@fundamental-ngx/core/content-density';
7
+ import { FormItemControl } from '@fundamental-ngx/core/form';
8
+ import { FdCheckboxValues } from './fd-checkbox-values.interface';
8
9
  import * as i0 from "@angular/core";
9
10
  export type FdCheckboxTypes = 'checked' | 'unchecked' | 'indeterminate' | 'force-checked';
10
11
  export declare class CheckboxComponent implements ControlValueAccessor, AfterViewInit, OnDestroy, FormItemControl {
@@ -52,8 +53,6 @@ export declare class CheckboxComponent implements ControlValueAccessor, AfterVie
52
53
  required: boolean;
53
54
  /** Whether the checkbox should be rendered in display-only mode. */
54
55
  displayOnly: boolean;
55
- /** @hidden */
56
- private _subscriptions;
57
56
  /** Sets values returned by control. */
58
57
  set values(checkboxValues: FdCheckboxValues);
59
58
  get values(): FdCheckboxValues;
@@ -65,22 +64,34 @@ export declare class CheckboxComponent implements ControlValueAccessor, AfterVie
65
64
  readonly outline = "none";
66
65
  /** Emits event on focus change */
67
66
  focusChange: EventEmitter<boolean>;
68
- /** @hidden values returned by control. */
69
- private _values;
67
+ /** @hidden */
68
+ private readonly _domPortalContent;
69
+ /** @hidden */
70
+ private readonly _portalOutlet;
71
+ /** @hidden */
72
+ _projectedDomPortal: Portal<any>;
70
73
  /** Stores current checkbox value. */
71
74
  checkboxValue: any;
72
75
  /** Stores current checkbox state. */
73
76
  checkboxState: FdCheckboxTypes;
74
- /** @hidden Reference to callback provided by FormControl.*/
75
- onTouched: () => void;
76
- /** @hidden Reference to callback provided by FormControl.*/
77
- onValueChange: (value: any) => void;
77
+ /** @hidden */
78
+ _projectedContent: boolean;
78
79
  /** @hidden Used to define if control is in 'indeterminate' state.*/
79
80
  get isIndeterminate(): boolean;
80
81
  /** @hidden Used to define if control is in 'checked' / 'unchecked' state. */
81
82
  get isChecked(): boolean;
82
83
  /** @hidden */
84
+ private _subscriptions;
85
+ /** @hidden values returned by control. */
86
+ private _values;
87
+ /** @hidden */
88
+ _domPortal: DomPortal<HTMLElement>;
89
+ /** @hidden */
83
90
  constructor(elementRef: ElementRef<Element>, tabIndexValue: number, _changeDetectorRef: ChangeDetectorRef, renderer: Renderer2, _contentDensityObserver: ContentDensityObserver);
91
+ /** @hidden Reference to callback provided by FormControl.*/
92
+ onTouched: () => void;
93
+ /** @hidden Reference to callback provided by FormControl.*/
94
+ onValueChange: (value: any) => void;
84
95
  /** @hidden */
85
96
  ngAfterViewInit(): void;
86
97
  /** @hidden */
@@ -1,12 +1,11 @@
1
1
  import { ModuleWithProviders } from '@angular/core';
2
2
  import { ContentDensityModuleConfig } from './content-density.types';
3
3
  import * as i0 from "@angular/core";
4
- import * as i1 from "@angular/common";
5
- import * as i2 from "./directives/content-density.directive";
4
+ import * as i1 from "./directives/content-density.directive";
6
5
  export declare class ContentDensityModule {
7
6
  /** Module with providers */
8
7
  static forRoot(config?: ContentDensityModuleConfig): ModuleWithProviders<ContentDensityModule>;
9
8
  static ɵfac: i0.ɵɵFactoryDeclaration<ContentDensityModule, never>;
10
- static ɵmod: i0.ɵɵNgModuleDeclaration<ContentDensityModule, never, [typeof i1.CommonModule, typeof i2.ContentDensityDirective], [typeof i2.ContentDensityDirective]>;
9
+ static ɵmod: i0.ɵɵNgModuleDeclaration<ContentDensityModule, never, [typeof i1.ContentDensityDirective], [typeof i1.ContentDensityDirective]>;
11
10
  static ɵinj: i0.ɵɵInjectorDeclaration<ContentDensityModule>;
12
11
  }
@@ -7,7 +7,8 @@ export * from './services/content-density-observer.service';
7
7
  export * from './services/global-content-density.service';
8
8
  export * from './helpers/density-type-checkers';
9
9
  export * from './tokens/content-density-directive';
10
- export * from './testing/mocked-local-content-density-directive';
11
10
  export * from './classes/content-density-observer.settings';
12
- export * from './variables/default-content-density-consumer-config';
11
+ export * from './testing/mocked-local-content-density-directive';
13
12
  export * from './types/content-density.mode';
13
+ export * from './variables/default-content-density-consumer-config';
14
+ export * from './provide-content-density';
@@ -0,0 +1,7 @@
1
+ import { Provider } from '@angular/core';
2
+ import { ContentDensityModuleConfig } from './content-density.types';
3
+ /**
4
+ * Provides content density services and configurations
5
+ * @param config
6
+ */
7
+ export declare function provideContentDensity(config?: ContentDensityModuleConfig): Provider[];
@@ -1,12 +1,12 @@
1
1
  import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
2
2
  import { ControlValueAccessor, Validator } from '@angular/forms';
3
- import { Placement, SpecialDayRule } from '@fundamental-ngx/core/shared';
3
+ import { FormStates } from '@fundamental-ngx/cdk/forms';
4
+ import { Nullable } from '@fundamental-ngx/cdk/utils';
4
5
  import { CalendarComponent, CalendarType, CalendarYearGrid, DateRange, DaysOfWeek, FdCalendarView, NavigationButtonDisableFunction } from '@fundamental-ngx/core/calendar';
5
- import { DatetimeAdapter, DateTimeFormats } from '@fundamental-ngx/core/datetime';
6
+ import { DateTimeFormats, DatetimeAdapter } from '@fundamental-ngx/core/datetime';
6
7
  import { FormItemControl, PopoverFormMessageService } from '@fundamental-ngx/core/form';
7
- import { Nullable } from '@fundamental-ngx/cdk/utils';
8
- import { FormStates } from '@fundamental-ngx/cdk/forms';
9
8
  import { MobileModeConfig } from '@fundamental-ngx/core/mobile-mode';
9
+ import { Placement, SpecialDayRule } from '@fundamental-ngx/core/shared';
10
10
  import { DatePicker } from './date-picker.model';
11
11
  import * as i0 from "@angular/core";
12
12
  /**
@@ -191,6 +191,8 @@ export declare class DatePickerComponent<D> implements DatePicker<D>, OnInit, On
191
191
  /** @hidden */
192
192
  private readonly _dynamicComponentService;
193
193
  /** @hidden */
194
+ private readonly _focusTrapService;
195
+ /** @hidden */
194
196
  private _mobileComponentRef;
195
197
  /** @hidden */
196
198
  get _rangeDelimiter(): string;
@@ -1,13 +1,13 @@
1
1
  import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnChanges, OnDestroy, OnInit } from '@angular/core';
2
2
  import { ControlValueAccessor, Validator } from '@angular/forms';
3
- import { Placement, SpecialDayRule } from '@fundamental-ngx/core/shared';
4
- import { DatetimeAdapter, DateTimeFormats } from '@fundamental-ngx/core/datetime';
5
3
  import { CalendarComponent, CalendarYearGrid, DaysOfWeek, FdCalendarView } from '@fundamental-ngx/core/calendar';
4
+ import { DatetimeAdapter, DateTimeFormats } from '@fundamental-ngx/core/datetime';
6
5
  import { FormItemControl, PopoverFormMessageService } from '@fundamental-ngx/core/form';
7
- import { Nullable } from '@fundamental-ngx/cdk/utils';
6
+ import { Placement, SpecialDayRule } from '@fundamental-ngx/core/shared';
8
7
  import { FormStates } from '@fundamental-ngx/cdk/forms';
9
- import { DateTimePicker } from './datetime-picker.model';
8
+ import { Nullable } from '@fundamental-ngx/cdk/utils';
10
9
  import { MobileModeConfig } from '@fundamental-ngx/core/mobile-mode';
10
+ import { DateTimePicker } from './datetime-picker.model';
11
11
  import * as i0 from "@angular/core";
12
12
  /**
13
13
  * The datetime picker component is an opinionated composition of the fd-popover,
@@ -164,14 +164,14 @@ export declare class DatetimePickerComponent<D> implements DateTimePicker<D>, On
164
164
  /** @hidden Reference to the inner calendar component. */
165
165
  private set _calendarCmp(value);
166
166
  /** @hidden */
167
- _calendarComponent: CalendarComponent<D>;
168
- /** @hidden */
169
167
  _inputGroupElement: ElementRef;
170
168
  /** @hidden */
171
169
  _inputElement: ElementRef<HTMLInputElement>;
172
170
  /** @hidden */
173
171
  private readonly _pickerTemplate;
174
172
  /** @hidden */
173
+ _calendarComponent: CalendarComponent<D>;
174
+ /** @hidden */
175
175
  _message: string | null;
176
176
  /** @hidden */
177
177
  _messageTriggers: string[];
@@ -210,6 +210,8 @@ export declare class DatetimePickerComponent<D> implements DateTimePicker<D>, On
210
210
  /** @hidden */
211
211
  private readonly _dynamicComponentService;
212
212
  /** @hidden */
213
+ private readonly _focusTrapService;
214
+ /** @hidden */
213
215
  private _mobileComponentRef;
214
216
  /** @hidden */
215
217
  private _subscriptions;
@@ -1,11 +1,13 @@
1
1
  import { ComponentRef, OnDestroy } from '@angular/core';
2
2
  import { Subject } from 'rxjs';
3
3
  import { DialogConfig } from '../utils/dialog-config.class';
4
+ import { DialogContainer } from '../utils/dialog-container.model';
4
5
  import { DialogConfigBase } from './dialog-config-base.class';
5
6
  import { DialogRefBase } from './dialog-ref-base.class';
6
7
  import * as i0 from "@angular/core";
7
8
  /** Service used to dynamically generate a dialog. */
8
- export declare abstract class DialogBaseService<T> implements OnDestroy {
9
+ export declare abstract class DialogBaseService<T extends DialogContainer<any>> implements OnDestroy {
10
+ abstract open<D>(content: unknown, config: DialogConfigBase<D>): DialogRefBase<D>;
9
11
  /** @hidden Collection of existing dialog references */
10
12
  protected _dialogs: ComponentRef<T>[];
11
13
  /** @hidden */
@@ -16,10 +18,9 @@ export declare abstract class DialogBaseService<T> implements OnDestroy {
16
18
  */
17
19
  hasOpenDialogs(): boolean;
18
20
  /** Dismisses all currently open dialogs. */
19
- dismissAll(): void;
21
+ dismissAll(reason?: any): void;
20
22
  /** @hidden */
21
23
  ngOnDestroy(): void;
22
- abstract open<D>(content: unknown, config: DialogConfigBase<D>): DialogRefBase<D>;
23
24
  /** @hidden Extends configuration using default values*/
24
25
  protected _applyDefaultConfig(config: DialogConfig, defaultConfig: DialogConfig): DialogConfig;
25
26
  /** @hidden Destroy existing dialog */
@@ -1,15 +1,16 @@
1
- import { AfterContentChecked, AfterViewInit, ChangeDetectorRef, DestroyRef, ElementRef, Injector } from '@angular/core';
2
1
  import { AnimationEvent } from '@angular/animations';
2
+ import { AfterContentChecked, AfterViewInit, ChangeDetectorRef, DestroyRef, ElementRef, Injector } from '@angular/core';
3
3
  import { CssClassBuilder, DynamicComponentContainer } from '@fundamental-ngx/cdk/utils';
4
- import { DialogRef } from '../utils/dialog-ref.class';
5
- import { DialogConfig } from '../utils/dialog-config.class';
6
- import { DialogContentType } from '../dialog.types';
7
4
  import { CdkPortalOutlet, CdkPortalOutletAttachedRef } from '@angular/cdk/portal';
5
+ import { DialogContentType } from '../dialog.types';
6
+ import { DialogConfig } from '../utils/dialog-config.class';
7
+ import { DialogContainer } from '../utils/dialog-container.model';
8
+ import { DialogRef } from '../utils/dialog-ref.class';
8
9
  import * as i0 from "@angular/core";
9
10
  /** Dialog container where the dialog content is embedded. */
10
- export declare class DialogContainerComponent extends DynamicComponentContainer<DialogContentType> implements AfterViewInit, AfterContentChecked, CssClassBuilder {
11
+ export declare class DialogContainerComponent extends DynamicComponentContainer<DialogContentType> implements DialogContainer<any>, AfterViewInit, AfterContentChecked, CssClassBuilder {
11
12
  dialogConfig: DialogConfig;
12
- private _dialogRef;
13
+ ref: DialogRef;
13
14
  private _destroyRef;
14
15
  /** Custom classes */
15
16
  set class(userClass: string);
@@ -20,7 +21,7 @@ export declare class DialogContainerComponent extends DynamicComponentContainer<
20
21
  /** @hidden */
21
22
  private _class;
22
23
  /** @hidden */
23
- constructor(dialogConfig: DialogConfig, _dialogRef: DialogRef, _destroyRef: DestroyRef, elementRef: ElementRef, changeDetectorRef: ChangeDetectorRef, injector: Injector);
24
+ constructor(dialogConfig: DialogConfig, ref: DialogRef, _destroyRef: DestroyRef, elementRef: ElementRef, changeDetectorRef: ChangeDetectorRef, injector: Injector);
24
25
  /** @hidden */
25
26
  buildComponentCssClass(): string[];
26
27
  /** Handle end of animations, updating the state of the Message Toast. */
package/dialog/index.d.ts CHANGED
@@ -1,17 +1,17 @@
1
- export * from './dialog.module';
2
- export * from './dialog.component';
3
- export * from './dialog-service/dialog.service';
4
1
  export * from './dialog-body/dialog-body.component';
5
- export * from './dialog-header/dialog-header.component';
6
- export * from './dialog-footer/dialog-footer.component';
7
2
  export * from './dialog-close-button/dialog-close-button.component';
3
+ export * from './dialog-footer/dialog-footer.component';
4
+ export * from './dialog-header/dialog-header.component';
5
+ export * from './dialog-service/dialog.service';
6
+ export * from './dialog.component';
7
+ export * from './dialog.module';
8
8
  export * from './directives/dialog-title.directive';
9
- export * from './utils/dialog-ref.class';
9
+ export * from './dialog-container/dialog-container.component';
10
+ export * from './dialog-default/dialog-default.component';
10
11
  export * from './utils/dialog-config.class';
11
- export * from './utils/dialog-position.class';
12
12
  export * from './utils/dialog-default-content.class';
13
- export * from './dialog-default/dialog-default.component';
14
- export * from './dialog-container/dialog-container.component';
13
+ export * from './utils/dialog-position.class';
14
+ export * from './utils/dialog-ref.class';
15
15
  export * from './base/dialog-base.class';
16
16
  export * from './base/dialog-base.service';
17
17
  export * from './base/dialog-config-base.class';
@@ -19,7 +19,8 @@ export * from './base/dialog-content-base.class';
19
19
  export * from './base/dialog-footer-base.class';
20
20
  export * from './base/dialog-header-base.class';
21
21
  export * from './base/dialog-ref-base.class';
22
+ export * from './utils/dialog-container.model';
22
23
  export * from './utils/dialog.animations';
23
24
  export * from './dialog.types';
24
- export * from './utils/dialog-overlay.container';
25
25
  export * from './tokens';
26
+ export * from './utils/dialog-overlay.container';
@@ -0,0 +1,4 @@
1
+ import { DialogRefBase } from '../base/dialog-ref-base.class';
2
+ export interface DialogContainer<T> {
3
+ ref: DialogRefBase<T>;
4
+ }